@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&family=Playfair Display:ital,wght@0,400..900;1,400..900&family=Poppins&family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap');

.icon-block-card, .icon-block-card svg {
color: #ad1000 !important;
font-size: 30px !important;
}

.categories-main-title.heart-red.fa.fa-heart {
    color: #a31000 !important;
}

.svg-inline--fa.fa-heart.heart-red {
    color: #a31000 !important;
}

.feature-text {
color: #5e5555 !important;
}

.header-right-block.block_0 {
    white-space: nowrap;
    width: auto;
    max-width: none;
}

.blurb {
  height: 37.125px !important;
}

.h55 {
height: 55px
}

.coupon {
/**margin-left: 50% !important;**/
}

.h-auto {
height: 100% !important;
}

ul, ul li {
    list-style: none;
}

.product-card .prod-img img {
    width: 100% !important;
}

/* ============================
   CATEGORY IMAGE WRAPPER
   ============================ */
.category-image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.category-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    border: 1px solid #ccc;
    transition: transform 0.4s ease;
}

/* Image zoom on hover (unchanged) */
.category-item:hover img {
    transform: scale(1.05);
}

/* ============================
   TITLE HOVER EFFECTS
   ============================ */
.category-item:hover .category-title {
    opacity: 1;
    transform: translateY(-3px);
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}

/* ============================
   REVERSED BACKGROUND LOGIC
   DEFAULT = SOLID
   HOVER = 50% TRANSPARENT
   ============================ */

/* DEFAULT = SOLID */
.category-item.herbs .category-title            { background: rgb(95 127 110); }
.category-item.wall-baskets .category-title     { background: #7a5f7f; }
.category-item.Handled-Baskets .category-title  { background: #5a6d8a; }
.category-item.spring .category-title           { background: #e9bd39; }

/* HOVER = TRANSPARENT (50%) */
.category-item.herbs:hover .category-title            { background: rgba(95, 127, 110, 0.40); } 
.category-item.wall-baskets:hover .category-title     { background: rgba(122, 95, 127, 0.40); }
.category-item.Handled-Baskets:hover .category-title  { background: rgba(90, 109, 138, 0.40); } 
.category-item.spring:hover .category-title           { background: rgba(199, 180, 90, 0.40); }

/* ============================
   CATEGORY TITLE BASE STYLE
   ============================ */
.category-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 2rem !important;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-family: 'Playfair Display', Poppins, serif, sans-serif;
    border-radius: 0;
    opacity: 1;
    transition: opacity 0.35s ease, transform 0.35s ease, background 0.35s ease;
}

/* ============================
   CATEGORY MAIN TITLE
   ============================ */
.categories-main-title {
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', Poppins, serif, sans-serif;
    font-weight: 500;
    gap: 15px;
    line-height: 1;
}

/* ============================
   RESPONSIVE BREAKPOINTS
   ============================ */
@media (min-width: 768px) {
    .category-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (min-width: 1024px) {
    .category-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

.copyright {
background: #ddd;
}

.center {
 text-align: center !important;
}

.registration {
white-space: break-spaces;
}
.registration p{ text-transform:capitalize;font-weight:500;}

/*wholesale only marquee*/
#wholesale {
display: flex;
font-size:14px;
	/*background-color: #ebeded;*/
    padding: 1rem 0.5rem 0 2rem;
	flex-wrap: nowrap;justify-content: 
	center;align-items: center;width: 100%;
	/*border-top:1px solid #ad0000;*/
	/*border-bottom:1px solid #ad0000;*/
}

#wholesale img{
    position: relative;
    bottom: 0.5rem;
    background: /*#738a64*/ #89aba4;
    padding: 3px;
}

.product-card .prod-img {
background-color: unset !important;
}

@media (max-width: 480px){
#wholesale {margin-top:10px;
    flex-direction: column;}
}

product-card .product-flags .product-special, .product-card .product-flags .new-product {
        position: absolute !important;
        top: 0.4375rem !important;
       font-size: 14px !important;
max-width: 60px;
    text-align: center;
}

#popup-view-wrapper .signup a {
display: contents;
color: #1692E1;
}

.in_stock {
color: /*#3f51b5*/#89aba4!important;
font-weight: 600 !important;
font-size: 1em !important;
}

.btn-wht {
	color: #00A1CB;
	text-shadow: none;
	background-color: #ffffff;
	box-shadow: none;
}

.model {
        padding-right: 5px;
        font-family:Mitr;
        font-weight:500;
}

/*.product-sec h2 {
    color: #738a64;
}*/

.product-sec p a {
   /* color: #738a64;*/
    text-transform: uppercase;
    padding: 0 14px 4px 0;
    font-family: pt-sans-narrow, sans-serif;
    font-style: normal;
    font-weight: 700
}

.sku-li  {
    color: #5E5555;
    font-size: 13px;
}

#product_details .alert-warning {
background-color: #ccc;
        padding: 10px 15px;
        border-radius: 2px;
        border-color: #ccc;
        margin: 10px 0 10px;
        display: block;
}

#product_details .signup a {
color: #5e626b;
text-decoration: underline;
}

.availability {
color:#3f51b5!important;
}

.promo_block h2 {
    font-size: 18px !important;
}

.block_frame_html_block h2 {
text-align: center;
/*color: #738a64;*/
}

.block_frame_featured .product-card img, .block_frame_latest .product-card img {
border-radius: 50%;
border-top: 2px solid #738a64 !important;
        border-right: 1px solid #738a64db !important;
        border-left: 1px solid #738a64cf !important;
        border-bottom: 1px solid #738a64c4 !important;
}

.product-card img, .prod-list-card  img {
border-radius: 5px;
border-top: 2px solid #738a64 !important;
        border-right: 1px solid #738a64db !important;
        border-left: 1px solid #738a64cf !important;
        border-bottom: 1px solid #738a64c4! important;
}

.top-bar{
 background-color: #f2f2f2;
}

.promo_icon i {
color: #ad0000;
}

.contact li {
    padding: 0;
    /**height: 45px;**/
}

.contact li>span {
	display: inline-block;
	width: 20px;
	height: 15px;
}
.contact li>span.phone {
    position:relative;
}
.contact li>span.phone:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 20px;
	content: "\f095";
	margin-top:-4px;
}
.contact li>span.mobile {
    position:relative;
}
.contact li>span.mobile:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 16px;
	content: "\f10b";
}
.contact li>span.email {
    position:relative;
}
.contact li>span.email:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 16px;
	content: "\f0e0";
       margin-top:-4px;
}

.contact li>span.fax {
    position:relative;
}

.contact li>span.fax:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 20px;
	content: "\f1ac";
	margin-top:-4px;
}

#social_icons, .social_icons {
	float: right;
	margin-right: -12px
}

#social_icons a, .social_icons a  {
	background: url(../image/footericon.png) no-repeat;
	height: 30px;
	width: 30px;
	margin-right: 11px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}

#social_icons a:hover, .social_icons a:hover {
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}

#social_icons a.facebook, .social_icons a.facebook {
	background-position: 0 -6px;
}

#social_icons a.facebook:hover, .social_icons a.facebook:hover {
	background-position: 0 -47px;
}

#social_icons a.twitter, .social_icons a.twitter  {
	background-position: -40px -6px
}

#social_icons a.twitter:hover, .social_icons a.twitter:hover {
	background-position: -40px -47px
}

#social_icons a.linkedin, .social_icons a.linkedin {
	background-position: -80px -6px
}

#social_icons a.linkedin:hover, .social_icons a.linkedin:hover {
	background-position: -80px -47px
}

#social_icons a.blooger, .social_icons a.blooger {
	background-position: -118px -6px
}

#social_icons a.blooger:hover, .social_icons a.blooger:hover {
	background-position: -118px -47px
}

#social_icons a.rss, .social_icons a.rss {
	background-position: -155px -6px
}

#social_icons a.rss:hover, .social_icons a.rss:hover {
	background-position: -155px -47px
}

#social_icons a.dig, .social_icons a.dig {
	background-position: -194px -6px
}

#social_icons a.dig:hover, .social_icons a.dig:hover {
	background-position: -194px -47px
}

#social_icons a.googleplus, .social_icons a.googleplus {
	background-position: -234px -6px
}

#social_icons a.googleplus:hover, .social_icons a.googleplus:hover {
	background-position: -234px -47px
}

#social_icons a.skype, .social_icons a.skype {
	background-position: -271px -6px
}

#social_icons a.skype:hover, .social_icons a.skype:hover {
	background-position: -271px -47px
}

#social_icons a.flickr, .social_icons a.flickr {
	background-position: -309px -6px
}

#social_icons a.flickr:hover, .social_icons a.flickr:hover {
	background-position: -309px -47px
}

.footer, #footer .container-fluid, #footer .navbar-nav, .footer-bottom .navbar-dark {
background-color: #EBEDED !important;
color: #000000 !important;
}

.footer a {
color: #000000;
}

.footer a:hover {
color: #d8420e !important;
}

.footer ul li {
list-style-type: none;
}

.footer .text-white {
color: #000000 !important;
}

.breadcrumb {
background-color: rgba(248, 248, 243, 1) !important;
width: 100%;
}

.breadcrumb a,  {
color: #5E5555;
}

#alsopurchased h1, .relation_title{
font-size: 16px !important;
color: #738a64 !important;
text-align: center;
}

#product_details .h3 {
color: #738a64 !important;
}

.product-card .product-name {
display: inline-block !important;
text-align:center;
}

.product-card .bottom-bar a:hover {
    /**color: #990000 !important;**/
}

@media (max-width: 600px) {
        .responsive-container {
            display: flex;
            flex-direction: column; /* Stack items vertically on smaller screens */
            align-items: center; /* Center items */
            gap: 15px; /* Add spacing between items */
        }
        .responsive-container img {
            max-width: 100%; /* Scale images to fit their container */
            height: auto; /* Maintain aspect ratio */
        }
}

.contact {
  display: flex;
  flex-wrap: wrap; /* Ensure wrapping on smaller screens */
  gap: 20px; /* Add spacing between items */
  align-items: center;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 8px; /* Spacing between icon and text */
  font-size: 16px;
}

.contact-item i.fa-phone {
  color: #AD0000; /* Updated phone icon color */
}

.contact-item a {
  text-decoration: none;
  color: #555 !important;
}

.contact-item a:hover , .breadcrumb a:hover {
  color: #d8420e !important; /* Highlight color on hover */
}

 .breadcrumb, .breadcrumb .active {
color: #5E5555;
}

/* Ensure social icons are on a new line */
.social-icons {
  display: flex;
  align-items: center;
  gap: 15px; /* Spacing between social icons */
  width: 100%; /* Forces the social icons to take up the full width */
  margin-top: 10px;
  justify-content: flex-start; /* Align icons to the left */
}

.social-icons a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 20px; /* Icon size */
  opacity: 0.5; /* Default opacity */
  transition: opacity 0.5s ease-in-out; /* Smooth fade-in and fade-out animation */
}

.social-icons a:hover {
  opacity: 1; /* Fully visible on hover */
}

/* Responsive styling */
@media (max-width: 600px) {
  .contact {
    flex-direction: column; /* Stack items vertically on small screens */
    gap: 10px;
  }

  .social-icons {
    justify-content: center; /* Center social icons on smaller screens */
  }
}
.responsive-links div {
    margin: 5px 0; /* Space between items */
    text-align: left; /* Align links to the left */
  }

  .responsive-links div a {
    width: 100%; /* Makes the links touch-friendly */
    text-decoration: none; /* Remove underline */
    color: #000; /* Default link color */
  }

  .responsive-links div a:hover {
    background-color: #f0f0f0; /* Highlight background on hover */
    color: #d8420e; /* Change text color to the requested value */
  }

  @media (min-width: 600px) {
    .responsive-links div a {
      width: auto; /* Allow the links to shrink or grow */
    }
  }

@media (max-width: 600px) {
  .responsive-links div a {
    text-align: center;
  }
}

.footer-bottom .block_frame_html_block h3 {
color: #89aba4 !important;
}

#listing-block-content-bottom .container-fluid h2 {
font-size: 16px !Important;
}

#listing-block-content-bottom ul {
    padding: 0;
}

#listing-block-content-bottom li {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    transition: transform 0.3s;
}

#listing-block-content-bottom li:hover {
    transform: scale(1.05);
}

#listing-block-content-bottom img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

#listing-block-content-bottom h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

#listing-block-content-bottom a {
    text-align: center;
    color: inherit;
}

#listing-block-content-bottom ul {
    gap: 20px;
}

.top-bar .image-link, #category_top_block, #category_top_block #menu_checkout  {
background: #A31000 !important;
border-color:#A31000 !important;
}

#category_top_block #menu_all_categories, #category_top_block .mega-sf-menu .nav-item > a, #category_top_block #menu_checkout  {
color: #ffffff !important;
}

#category_top_block .dropdown-menu > a{
color: #333333 !important;
}

.navbar .mega-menu .category-sub-links a.active, .navbar .mega-menu .category-sub-links a:hover, .mega-menu .dropdown > a:hover {
color: #ad0000 !important;
}

a {
color: #5E5555;
}

a:hover {
color: #d8420e !important;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

.listing-block-right img {
width:56px;
height:54px;
}

.column_right-section h2 {
display: block !important;
color: #738a64;
font-size: 18px;
	text-transform: uppercase;
	font-family: 'pt-sans-narrow',sans-serif;
    font-weight: 600;
	border: 1px solid;
	border-radius:2px;
	background: #ddd;
	padding:5px 0 5px 10px;
}

.faq-container section {
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    padding-right:30px;
}

@media (min-width:480px){
    .faq-container section {
    padding-right:150px;
}
}    

@media (min-width:992px){
    .faq-container section {
    margin-right:250px;
    padding-right:150px;
}
}
/*submit, confirm buttons find in css and change #738a64*/
.btn-orange, .btn-primary, .btn-warning, .btn-info {
    background: /*#738a64*/#89aba4;
    border-color: /*#738a64*/#89aba4;
    color: #ffffff !important;
}

.text-primary {
    color: #5E5555 !important;
}

.prod-desc .nav-tabs .nav-item.show .nav-link, .prod-desc .nav-tabs .nav-link.active {
    color: #5E5555 !important;
    border-bottom: 3px solid #79001c !important;
}

.cart-info #submit_button:hover{
 background: #e6e6e6;
    border-color: #adadad;
    color: #333333 !important;
}

body .any-page-login-inline .inline-button .btn-primary:hover {
    background-color: #ad0000 !important;
    border-color: #ad0000 !important;
    color: #fff !important;
}

.cart-info #cart_checkout1:hover, .cart-info #cart_checkout2:hover, .btn.btn-warning:hover, .btn.btn-info:hover {
    background-color: #bac5b2;
    border-color: #bac5b2;
    color: #ffffff !important;
}

#apply_coupon_btn, .cart_total .btn-secondary, .checkout-cart .btn-secondary, .offcanvas-body .btn-dark, .btn-secondary  {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

#apply_coupon_btn:hover, .cart_total .btn-secondary:hover, .checkout-cart .btn-secondary:hover,
.offcanvas-body .btn-dark:hover, .btn.btn-secondary:hover, .btn.btn-primary:hover, .btn.btn-outline-secondary:hover {
   color: #333 !important;
   background-color: #e6e6e6 !important;
   border-color: #adadad !important;
}

.footer-top {
background: #ffffff;
}

.mega-sf-menu > li.nav-item > a.active:after {
background: unset !important;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.mb20 {
    margin-bottom: 20px;
}

.pull-right {
    float: right !important;
}

.prod-list-card .in_stock {
  margin-top:5px;
 text-align: unset !Important;
}

.add-to-cart {
background: #89aba4 !important;
}

body {font-family:'poppins',sans-serif;
}
.product-card .prod-img {
    border-radius: 5px !important;
   }

.product-card .bottom-bar {
   background: #79001c;
}
/*Maybe background color on carousel caption for mobile/tablet
.carousel-inner {
background-color: rgba(137,171,164);}*/

.product_cell_grid .product-card .quantity-price-display {
   margin-left: unset!important;
}

.project-label {
color: #000000 !important;
}

a.share.badge, a.share {
display: none !important;
}

.optdisp {
margin-bottom:45px!important;
}


/* Promo Section Styles */

.promo-title {
    font-family: 'Playfair Display', serif;
    font-size: 3rem!important;
    color: #89aba4 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

.promo-title::before, .promo-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #a31000;
}

.categories-main-title {
    font-size: 2rem;
    text-align: center;
    color: #89aba4;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', Poppins, serif, sans-serif;
    font-weight: 500;
    gap: 15px;
    line-height: 1;
}

.categories-main-title::before, .categories-main-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #a31000;
}

.block_frame_featured {
    font-optical-sizing: auto;
    text-transform: capitalize;
    font-size: 1em;
    color: #89aba4 !important;
}

.heading1 {
     font-size: 2rem;
    text-align: center;
    color: #89aba4;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', Poppins, serif, sans-serif;
    font-weight: 500;
    gap: 15px;
    line-height: 1;
}

.heading1::before, .heading1::after  {
    content: "";
    flex: 1;
    height: 1px;
    background: #a31000;
}

.heading1 .subtext {
    font-size: 16px;
    color: #5E5555 !important;
    font-weight: normal;
    padding: 0;
    text-transform: capitalize !important;
}

.promo-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 3rem;
    overflow-x: auto;
}

.promo-item {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    min-width: 250px;
    min-height: 300px;
    aspect-ratio: 1 / 1;
    cursor: pointer;
}

.promo-grid .bottom-row {
    display: contents;
}

@media (min-width: 768px) {
    .promo-grid {
        flex-wrap: wrap;
        overflow-x: visible;
    }
    
    .promo-item {
        flex: 1 1 calc(33.333% - 0.67rem);
        min-width: 200px;
        min-height: 400px;
    }
}

@media (min-width: 1024px) {
    .promo-item {
        flex: 1 1 calc(33.333% - 0.67rem);
        min-width: 250px;
    }
}

.promo-item img.responsive-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.static-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    box-sizing: border-box;
    text-align: center;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    pointer-events: none;
}

.static-text h1 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0.5rem 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    line-height: 1.2;
}

.static-text p {
    font-size: 0.95rem;
    color: #fff;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    line-height: 1.4;
}

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 3;
    pointer-events: none;
}

.text-overlay a {
    pointer-events: auto;
}

.promo-item:hover .text-overlay {
    opacity: 1;
}

.promo-item:hover .static-text {
    opacity: 0.7;
}

.text-overlay i.fa-arrow-down {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
}

.promo-item:hover .text-overlay i.fa-arrow-down {
    transform: translateY(5px);
}

.btn-promo {
    background: #a31000;
    color: #ffffff;
    text-decoration: none;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    font-weight: 600;
    opacity: 0.85;
    transition: opacity 0.5s ease-in-out, background 0.3s ease, color 0.3s ease;
    display: inline-block;
}

.btn-promo:hover {
    background: #ffffff;
    color: #a31000;
    opacity: 1;
}

@media (min-width: 768px) {
    .static-text h1 {
        font-size: 1.75rem;
    }
    
    .static-text p {
        font-size: 1rem;
    }
}

@media (min-width: 1024px) {
    .static-text {
        padding: 2rem;
    }
    
    .static-text h1 {
        font-size: 2rem;
    }
}

/* ================================
   Featured Sales
   ================================ */

/* ---------- Grid Layout ---------- */
.sale-featured {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 336px);
  gap: 10px;
  max-width: 100%;
  margin: 0 0 20px 0;
  padding: 0 6px;
  /* background: #ad0000; */
  /* border-radius:8px; */
}

.img-sale-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.img-sale-container.tall {
  grid-row: 1 / span 2;
  grid-column: 1 / 2;
}

.img-sale-container.short {
  grid-row: span 1;
}

/* ---------- Image Styling ---------- */
.img-sale-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
 
}

.img-sale-container:hover img {
  transform: scale(1.05);
}

/* ---------- Overlay Content ---------- */
.sale-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  z-index: 2;
  background: rgba(0, 0, 0, 0); /* transparent initially */
  transition: background 0.4s ease;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.img-sale-container:hover .sale-overlay {
  background: rgba(0, 0, 0, 0.5);
}

/* Overlay text animation */
.sale-overlay h1 {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  margin-bottom: -10px;
  font-size: 2rem;
  font-weight:600;
  font-family: 'Playfair Display',Poppins,serif,sans-serif;
  color: #fff;
}

.sale-overlay p,
.sale-overlay .sale-btn {
  opacity: 0;
  transform: translateY(20px); /* start slightly below */
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  margin: 5px 0;
}

/* Hover effect: H1 fades slightly upward */
.img-sale-container:hover .sale-overlay h1 {
  opacity: 0.8; /* subtle fade */
  transform: translateY(-10px);
}

/* Paragraph fades/slides in */
.img-sale-container:hover .sale-overlay p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}

/* Button fades/slides in after paragraph */
.img-sale-container:hover .sale-overlay .sale-btn {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s;
}

/* ---------- Buttons ---------- */
.sale-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 1.2rem;
  font-family: 'Poppins',serif,sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  background: #a31000;
  color: #fff;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.sale-btn::after {
  font-family: FontAwesome; /* FA 4.7 uses this */
  content: "\f101";         /* fa-angle-double-right */
  font-size: 1.2rem;
  /*margin-left: 6px;*/
}

/* "Click to see more" link */
.sale-more a::after {
  font-family: FontAwesome;
  content: "\f101";
  font-size: 1rem;
}

.sale-btn:hover {
  background: #fff;
  color: #a31000;
}

/* ---------- Titles & Headers ---------- */
.sale-title {
  font-family: 'Playfair Display', serif;
  font-optical-sizing: auto;
  font-weight:bold;
  text-align: center;
  margin: 1.5rem 0 1rem;
}

.sale-title a {
  color: #89aba4;
  text-decoration: none;
  transition: color 0.3s ease;
}

.sale-title a:hover {
  color:#a31000;
}

.sale-header {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  background: linear-gradient(
  to bottom,
  #89aba4 0%,
  #b7ccc7 33%,
  #d4e2df 66%,
  #f0f7f6 100%
);
  /* border-radius: 50px 50px 0 0;*/
  /* margin: 0; */
  padding: 10px 0;
}

.sale-header h1 {
  font-weight: bold;
  margin-bottom: -10px;
  font-size: 1.5rem;
  color: #5e5555;
  font-family: 'Playfair Display', serif;
}

.sale-overlay p {font-size:1.5rem
}

.sale-more a {
  font-size: 1.5rem;
  color: #5e5555;
  text-decoration: none;
  transition: color 0.3s ease;
}

.sale-more a:hover {
  color: #a31000;
}

.sale-section {
  background: none;
  padding: 0;
  text-align: center;
  border-radius: 8px;
}

.sale-more {
  display: inline;
  margin-left: 0.3rem;
}

/* ---------- Sale Tag ---------- */
.sale-tag {
  display: inline-block;
  position: relative;
  background: #ffa50a;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  padding: 0.4rem 1.5rem;
  margin: 0 0.5rem;
  transform: rotate(10deg);
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  border-radius: 2px 8px 8px 2px;
  z-index: 3;
}

/* hole for string */
.sale-tag::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  background: linear-gradient(
  to bottom,
  #89aba4 0%,
  #b7ccc7 33%,
  #d4e2df 66%,
  #f0f7f6 100%
);
  border-radius: 50%;
  transform: translateY(-50%);
  border: 3px solid #000;
}

/* ---------- Sale Badge (circle above tag) ---------- */
.sale-badge {
  position: absolute;
  top: -35px;          /* stacked slightly above the tag */
  left: 90%;
  transform: translateX(-50%);
  background: #f36300 ;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);padding:5px;
  font-family:'Poppins',sans-serif;
}

/* optional: smaller text styling inside badge */
.sale-badge span {
  font-size: 1.1rem;
  line-height: 1.2;
}

/* ---------- Responsive (Mobile) ---------- */
@media (max-width: 767px) {
  .sale-featured {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    max-width: 100%;
  }

  .img-sale-container.tall,
  .img-sale-container.short {
    grid-column: span 1;
    grid-row: span 1;
    height: auto;
  }

  .img-sale-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .sale-more {
    margin-top: 0.5rem;
  }
}

/*-----------------------------------------
   WHOLESALE Marquee GRIDS
------------------------------------------*/

#wholesale {
  display: flex;
  padding: 0 5px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 15px;
}

.wholesale-left { 
margin-top:5px;   
}

#wholesale li {
  background-image: url('/wholesale/image/check-bullet.png');
  background-repeat: no-repeat;
  padding: 0 20px 0;
}

.whol-req {color:#ad3100;
}

.wholesale-left {
    margin-top: 5px;
}

/*----- WHOLESALE Marquee-----*/
/* Base button   link states */
.wholesale-btn-grid,
.wholesale-btn-grid:link,
.wholesale-btn-grid:visited,
.wholesale-btn-grid:active {
  color: #fff;
  text-decoration: none;
}

.wholesale-btn-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto auto;
  align-items: stretch;
  background-color: #89aba4;
  padding: 0.5rem;
  gap: 0.5rem;
  width: auto !important;
  box-sizing: border-box;
  border-radius: 8px;
}

/* Hover */
.wholesale-btn-grid:hover {
  background-color: #ad1000;
  color: #fff !important;
}

/* Column 3: B2B box */
.col-b2b {
  grid-row: span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem;
  border: 1px solid #fff;
  font-size: 1.5rem;
  box-sizing: border-box;
  height: 100%;
  align-self: stretch;
  font-family: 'Playfair Display', Poppins, serif, sans-serif;
}

.col-icon {
    grid-row: span 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-icon i {
    font-size: 1.5rem;
}

.col-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    padding-top: 5px;
}

.btn-title {
    font-weight: bold;
    letter-spacing: 0.35em;
    text-align: center;
    text-transform: uppercase;
}

.btn-sub {
    font-size: 1.2rem;
    margin-top: 0.1rem;
}

#dynamic_menu_system {
    border-top: 1px solid #a31000 !important;
    border-bottom: 1px solid #a31000 !important;
    z-index: 100 !important;
    padding: 0 !important;
    background-color: #a31000 !important;
    font-family: 'Poppins', Helvetica, Cuprum, sans-serif;
    margin-bottom: 0 !important;
    line-height: 1.5 !important;
}

#dynamic_menu_system>ul>li.has-sub>a:before {
content: unset !important;
}

#dynamic_menu_system>ul>li.has-sub>a:after {
content: unset !important;
}

#dynamic_menu_system > ul {
background-color: #a31000 !important;
}

#dynamic_menu_system >ul > li > a {
padding-top:30px !important;
}

/* Button */
.btn.btn-wht {
  background: #a31000;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 1.2rem;
  display: inline-block;
  font-weight:600;
}
.btn.btn-wht:hover {
  background: #fff;
  color: #fff;
}

.category-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 20px 0 50px;
}

.nopricingtag{
    margin-top: 8px;
    position: relative;
    padding: 9px 5px 9px 5px;
    margin-bottom: 0px;
    background-color: #eee;
    text-align: center;
margin: 0 auto;
}

.product-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centers the div boxes themselves */
    text-align: center !important;    /* Centers the text inside those boxes */
}

.product-card > .in_stock > table {
width: unset !important;
}

.new-button a:hover {
    color: #ad0000 !important;
}

body #dynamic_menu_system > .new-button {
width: unset !important;
}

body #dynamic_menu_system ul ul li a:hover {
    color: #ad0000 !important;
}

.heading-title::before, .heading-title::after {
    content: "" !important;
    flex: 1;
    height: 1px;
    background: #a31000 !important;
   position: relative!important;
   margin-top: 20px;
}

.heading-title::after {
    margin-left: 40px !important;    
}

.h4.heading-title {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    text-transform: capitalize;
    display: flex !important;
    color: #89aba4 !important;
    font-size: 2rem !important;
    padding: 0 14px 4px 0 !important;
}

body #dynamic_menu_system .supergrid, #dynamic_menu_system .submenu.meL7 {
    border-bottom: 2px solid #ad0000 !important;
}

#dynamic_menu_system .supergrid .gridsubs {
    border: 1px solid #ccc !important;
}

#dynamic_menu_system ul ul li .supergrid a {
    margin-bottom: 10px;
}

body #dynamic_menu_system .supergridtitle {
    color: #333333 !important;
}

#dynamic_menu_system ul ul li a {
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    #dynamic_menu_system ul ul li a {
        background: #ffffff !important;
    }

  .new-button {
   color: #333333 !important;
  }
}

h2.heading1 {
font-size: 3em !important;
}

body, .content-main-section > p {
    color: #5E5555 !important;
    font-size: 13px !important;
}

body .list-page-desc-block > div > div > p {
    color: #5E5555 !important;
    font-size: 13px !important;
}

@media screen and (min-width: 900px) {
    #global_search_chosen .chosen-single, .chosen-container.chosen-with-drop .chosen-drop {
        width: 450px !important;
        margin-left: -15px;
        border:1px solid #a1a1a1;
        border-radius:8px;
    }
}

.bulk_buying.alert-danger {
    border: 1px solid #9e9e9e !important;
    background-color: #ddd !important;
    font-weight: 600 !important;
    font-size: 1.5em !important;
    position: relative !important;
    z-index: 500 !important;
    text-align: center;
    color: #5e5555;
}

.bulk_buying a {
    color: #a31000!important;
    text-decoration: underline !important;
}

.heading1.maintext{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    text-transform: capitalize;
    font-size: 1em;
    color: #89aba4 !important;
}

.heading1::before, .heading1::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #a31000;
}

.bulk_buying_main_text {
text-align: center;
    font-weight: bold;
}

.st-exempt, .st-exempt td {
    padding-left: 5px !important;
}

.st-exempt p {
    border: 1px solid #ccc !important;
    padding: 15px !important;
}

.st-exempt a {
    color: #5a7a10 !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
.pricing-row {
flex-direction: unser !important;
}

.optdisp {
        min-height: 30px !important;
    }
    
    .optiform.optdisp {
        min-height: 50px !important;
    }
}

@media (max-width: 468px) {
    .quantity-threshold {
        min-width:100px !important;
    }
   .product_cell_grid .product-card h6 {
    min-height: 100px !important;
}
}
/*05/17/26*/

.icon-block-card .feature-title {
 font-family: 'Playfair Display', Poppins, sans-serif;
}
.checkout_details.mb-4 {padding:5px;font-size:1rem;}
.col-9.nopricingtag{width:100%}
.prod-desc .tab-content ul li::before {
    background: #a31000!important;
    color: #fff!important;
}

#dynamic_menu_system
 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.banner-card .banner-overlay .banner-title {
    font-family: 'Playfair Display', sans-serif;
}

.product-page-add2cart a {
color: #fff !important;
background: #89aba4 !important;
}

h1.mb-4{font-family:'Playfair Display',sans-serif;}

.owl-dot.active,.nav-pills .nav-link.active, .h4.heading-title:after,.h2.heading-title:after, .active>.page-link, .page-link.active {
background-color:#ad1000!important;border:none!important;
}
.comment-section .owl-nav {
color:#ad1000!important;
border:none;
}
#gotop .fa-circle-chevron-up {
color: #a31000!important;
}

/*05/19/26*/
.slide-bg {
  background: #efefef8a;
  display: inline-block;
  padding: 4px 10px;
}

.btn.button-in-search.button-in-multi-criteria-search.px-3.text-white
{
background-color:#a31000!important;
border-color:none!important;
}

.form-check-input:checked {
    background-color: #a31000!important;
    border-color: none!important;
}

.multi-criteria-search-slider .ui-slider-range:not(.x) {
    background-color: #a31000 !important;
}

.multi-criteria-search-apply-btn:not(.x) {
    background-color: #89aba4  !important;
    border-color: #89aba4  !important;
}