@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
   --home-ink: #241103;
   --home-olive: #24712B;
   --home-terracotta: #c85635;
   --home-saffron: #FBD8A2;
   --home-cream: #fff8ee;
   --home-line: rgba(36, 17, 3, 0.12);
   --home-ink-dark: #a26106;
}


body {
   font-size: 16px;
   padding: 0;
   margin: 0;
   background: #fffdfb;
   color: #1f2937;
   font-family: "Outfit", sans-serif;
}

.home-page {
   overflow: hidden;
   color: var(--home-ink);
   /* background: var(--home-cream); */
}

.home-page section {
   margin: 0;
   padding: 60px 0;
}

.home-page .homeBanner {
   position: relative;
   padding: 0;
   background: var(--home-ink);
}

.home-page .home-hero-slide {
   position: relative;
   min-height: clamp(520px, 42vw, 720px);
   overflow: hidden;
   isolation: isolate;
}

.home-page .home-hero-slide::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: rgba(36, 17, 3, 0.5);
}

.home-page .home-hero-slide>img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-page .home-hero-copy {
   position: relative;
   z-index: 2;
   width: min(600px, calc(100% - 48px));
   min-height: clamp(520px, 42vw, 720px);
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: 0 auto 0 max(24px, calc((100% - 1640px) / 2));
   color: #fffaf2;
}

.home-page .home-eyebrow {
   margin: 0 0 18px;
   color: var(--home-saffron);
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 3px;
   text-transform: uppercase;
}

.home-page .home-hero-copy h1 {
   max-width: 600px;
   margin: 0 0 18px;
   color: #FEF8EE;
   font-family: "Outfit", sans-serif;
   font-size: clamp(44px, 5.4vw, 60px);
   font-weight: 600;
   line-height: 80px;
}

.home-page .home-hero-copy>p:not(.home-eyebrow) {
   max-width: 440px;
   margin: 0 0 28px;
   color: rgba(255, 250, 242, 0.86);
   font-size: 18px;
   line-height: 1.6;
   font-weight: 300;
}

.home-page .home-hero-button {
   display: inline-flex;
   align-items: center;
   gap: 12px;
   align-self: flex-start;
   padding: 14px 20px;
   letter-spacing: 2px;
   background: var(--home-olive);
   color: var(--home-cream);
   font-weight: 400;
   text-decoration: none;
   transition: transform 180ms ease, background-color 180ms ease;
}

.home-page .home-hero-button:hover {
   background: #ffd16b;
   color: var(--home-ink);
   transform: translateY(-2px);
}

.home-page .homeBanner .owl-nav {
   right: max(24px, calc((100% - 1180px) / 2));
   bottom: 28px;
   top: auto;
   width: auto;
}

.home-page .homeBanner .owl-nav [class*=owl-] {
   width: 42px;
   height: 42px;
   margin: 4px;
   border: 1px solid rgba(255, 255, 255, 0.6);
   background: rgba(36, 17, 3, 0.3) !important;
   color: #fff;
}

.home-page .homeBanner .home-hero-carousel {
   position: relative;
}

.home-page .homeBanner .owl-dots {
   position: absolute;
   top: 50%;
   right: clamp(20px, 4vw, 64px);
   z-index: 4;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 12px;
   width: auto;
   margin: 0;
   transform: translateY(-50%);
}

.home-page .homeBanner .owl-dots .owl-dot {
   display: flex;
   justify-content: center;
   width: 40px;
}

.home-page .homeBanner .owl-dots .owl-dot span {
   display: block;
   width: 4px;
   height: 30px;
   margin: 0;
   padding: 0;
   border: 0;
   border-radius: 0;
   background: rgba(254, 248, 238, 0.58);
   transition: width 180ms ease, background-color 180ms ease;
}

.home-page .homeBanner .owl-dots .owl-dot.active span {
   width: 4px;
   background: var(--home-saffron);
}

.home-page .home-category {
   position: relative;
   z-index: 3;
   margin-top: 0;
   padding: 60px 0 60px;
   background: #fdf6ec;
}

.home-page .home-customer-promises {
   margin: 60px 0;
   padding: 10px 0;
   border-top: 1px solid rgba(201, 150, 62, 0.15);
   border-bottom: 1px solid rgba(201, 150, 62, 0.15);
   background: var(--home-ink);
   margin-bottom: 0;
}

.home-page .home-customer-promises-inner {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-page .home-customer-promise {
   display: flex;
   min-width: 0;
   align-items: center;
   gap: 12px;
   padding: 8px 24px;
   border-right: 1px solid rgba(201, 150, 62, 0.15);
}

.home-page .home-customer-promise:last-child {
   border-right: 0;
}

.home-page .home-customer-promise-icon {
   flex: 0 0 auto;
   color: var(--home-saffron);
   font-size: 24px;
   line-height: 32px;
}

.home-page .home-customer-promise strong,
.home-page .home-customer-promise small {
   display: block;
   white-space: nowrap;
}

.home-page .home-customer-promise strong {
   color: #fef8ee;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   text-transform: uppercase;
}

.home-page .home-customer-promise small {
   color: #fff;
   font-size: 12px;
   line-height: 16px;
}

/* .home-page .home-category .container {
   position: relative;
   overflow: visible;
   padding: 0;
   background: transparent;
} */

.home-page .home-category-heading {
   position: relative;
   margin: 0 auto 36px;
   text-align: center;
}

.home-page .home-category-eyebrow {
   margin: 0 0 20px;
   color: #a45a00;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 4px;
   line-height: 1;
   text-transform: uppercase;
}

.home-page .home-category-heading h2 {
   margin: 0;
   color: var(--home-ink);
   font-family: "Outfit", sans-serif;
   font-size: clamp(34px, 3.2vw, 48px);
   font-weight: 500;
   letter-spacing: -0.02em;
   line-height: 1.1;
}

.home-page .home-category .catItem {
   width: auto;
   padding: 10px 12px;
}

.home-page .home-category-carousel {
   position: relative;
   z-index: 1;
}

.home-page .home-category-carousel .owl-stage {
   display: flex;
   align-items: stretch;
}

.home-page .home-category-carousel .owl-item {
   display: flex;
   height: auto;
}

.home-page .home-category-carousel .catItem {
   width: 100%;
   padding: 0;
   overflow: hidden;
   border-radius: 12px 12px 0 0;
   background: #fff;
   box-shadow: 0 1px 0 rgba(36, 17, 3, 0.03);
}

.home-page .home-category-carousel .catItem a {
   display: flex;
   height: 100%;
   flex-direction: column;
}

.home-page .home-category-carousel .catItem figure {
   height: auto;
   aspect-ratio: 0.79;
   overflow: hidden;
   border-radius: 12px 12px 0 0;
}

.home-page .home-category-carousel .catItem img {
   width: 100%;
   height: 100%;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   object-fit: cover;
   transition: transform 350ms ease;
}

.home-page .home-category-carousel .catItem:hover img {
   transform: scale(1.04);
}

.home-page .home-category-carousel .catItem h2 {
   display: flex;
   min-height: 74px;
   align-items: center;
   justify-content: center;
   margin: 0;
   padding: 16px 12px;
   background: #fff;
   color: #111;
   font-size: 17px;
   font-weight: 600;
   line-height: 1.2;
   text-align: center;
   text-transform: uppercase;
}

.home-page .home-category-carousel .owl-nav {
   position: absolute;
   top: -92px;
   right: 0;
   display: flex;
   gap: 18px;
   margin: 0;
   justify-content: flex-end;
}

.home-page .home-category-carousel .owl-nav button {
   width: 50px;
   height: 50px;
   margin: 0;
   padding: 0;
   border: 0;
   background: #fff;
   color: var(--home-ink);
   font-size: 26px;
   line-height: 20px;
   box-shadow: 0 4px 12px rgba(36, 17, 3, 0.12);
}

.home-page .home-category-carousel .owl-nav button:hover {
   background: var(--home-cream);
   color: var(--home-olive);
   box-shadow: 0 4px 12px rgba(36, 17, 3, 0.12);

}

.home-page .home-category-carousel .owl-dots {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-top: 12px;
}

.home-page .home-category-carousel .owl-dot span {
   width: 22px;
   height: 4px;
   margin: 0;
   border-radius: 0;
   background: rgba(36, 17, 3, 0.25);
   transition: width 180ms ease, background-color 180ms ease;
}

.home-page .home-category-carousel .owl-dot.active span {
   width: 36px;
   background: var(--home-olive);
}

.home-page .home-category .catItem img {
   width: 100%;
   box-shadow: 0 8px 24px rgba(36, 17, 3, 0.12);
}

.home-page .home-category .catItem h2 {
   color: var(--home-ink);
   font-size: 18px;
   line-height: 1.15;
}

.home-page h2.head {
   margin: 0 0 42px;
   padding-top: 0;
   background: none;
   color: var(--home-ink);
   font-family: "Outfit", sans-serif;
   font-size: clamp(34px, 4vw, 52px);
   letter-spacing: 0;
   text-transform: none;
}

.home-page .products-section .item {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 12px 30px rgba(36, 17, 3, 0.12);
}

.home-page .top-selling-products {
   padding: 60px 0;
   background: #fff;
   padding-bottom: 0;
}

.home-page .top-selling-heading {
   margin-bottom: 30px;
   text-align: center;
}

.home-page .top-selling-eyebrow {
   margin: 0 0 15px;
   color: var(--home-ink-dark);
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3px;
   line-height: 1;
   text-transform: uppercase;
}

.home-page .top-selling-heading h2 {
   margin: 0;
   color: var(--home-ink);
   font-family: "Outfit", sans-serif;
   font-size: 40px;
   font-weight: 500;
   line-height: 1.3;
}

.home-page .top-selling-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 30px;
}

.home-page .top-selling-card {
   min-width: 0;
   padding-bottom: 20px;
}

.home-page .top-selling-image {
   position: relative;
   display: block;
   overflow: hidden;
   aspect-ratio: 1 / 1;
   background: #f4eee6;
}

.home-page .top-selling-image>img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 300ms ease;
}

.home-page .top-selling-card:hover .top-selling-image>img {
   transform: scale(1.04);
}

.home-page .product-details-link {
   position: absolute;
   top: 12px;
   right: 12px;
   z-index: 3;
   display: inline-flex;
   width: 38px;
   height: 38px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #0002008c;
   color: #fbd8a2;
   font-size: 15px;
   text-decoration: none;
   opacity: 0;
   transform: translateY(-6px);
   transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.home-page .top-selling-card:hover .product-details-link,
.home-page .product-details-link:focus-visible {
   opacity: 1;
   transform: translateY(0);
}

.home-page .product-details-link:hover {
   background: #000;
   color: #fff;
}

.home-page .top-selling-hover {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: end;
   justify-content: center;
   background: rgba(36, 17, 3, 0.5);
   opacity: 0;
   transition: opacity 180ms ease;
}

.home-page .top-selling-hover>.primary-action,
.home-page .top-selling-hover>.qty-control {
   width: 100%;
   margin: 0;
}

.home-page .top-selling-hover>.primary-action {
   min-height: 50px;
   border: 0;
   border-radius: 0;
}

.home-page .top-selling-hover>.primary-action:hover {
   background: var(--home-ink-dark);
   color: #fff;
}

.select-variant-btn:hover {
   background: var(--home-ink-dark);
   color: #fff !important;
}

.home-page .top-selling-hover>.qty-control {
   min-height: 50px;
   border-radius: 0;
}

.home-page .top-selling-hover .qty-control input {
   width: auto;
}

.home-page .top-selling-card:hover .top-selling-hover {
   opacity: 1;
}

.home-page .top-selling-hover span {
   display: inline-flex;
   min-width: 100%;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   padding: 12px 20px;
   background: #24712b;
   color: #fff;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3px;
   text-transform: uppercase;
}

.home-page .top-selling-sale {
   position: absolute;
   top: 9px;
   left: 10px;
   padding: 5px;
   background: #ff4949;
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   text-transform: uppercase;
}

.productsList .top-selling-card {
   padding-bottom: 20px;
}

.productsList .top-selling-image {
   position: relative;
   display: block;
   overflow: hidden;
   aspect-ratio: 1 / 1;
   background: #f4eee6;
}

.productsList .top-selling-image>img {
   display: block;
   width: 100%;
   height: 100%;
   aspect-ratio: 1 / 1;
   object-fit: cover;
   transition: transform 300ms ease;
}

.productsList .top-selling-card:hover .top-selling-image>img {
   transform: scale(1.04);
}

.productsList .product-details-link {
   position: absolute;
   top: 12px;
   right: 12px;
   z-index: 3;
   display: inline-flex;
   width: 38px;
   height: 38px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #0002008c;
   color: #FBD8A2;
   font-size: 15px;
   text-decoration: none;
   opacity: 0;
   transform: translateY(-6px);
   transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.productsList .top-selling-card:hover .product-details-link,
.productsList .product-details-link:focus-visible {
   opacity: 1;
   transform: translateY(0);
}

.productsList .product-details-link:hover {
   background: #000;
   color: #fff;
}

.productsList .top-selling-hover {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: end;
   justify-content: center;
   background: rgba(36, 17, 3, 0.5);
   opacity: 0;
   transition: opacity 180ms ease;
}

.productsList .top-selling-card:hover .top-selling-hover {
   opacity: 1;
}

.productsList .top-selling-hover span {
   display: inline-flex;
   width: 100%;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   padding: 12px 20px;
   background: #24712b;
   color: #fff;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3px;
   text-transform: uppercase;
}

.productsList .top-selling-sale {
   position: absolute;
   top: 9px;
   left: 10px;
   z-index: 2;
   padding: 5px;
   background: #ff4949;
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   text-transform: uppercase;
}

.productsList .top-selling-details h2 a {
   color: inherit;
   text-decoration: none;
}

.productsList .top-selling-price {
   display: flex;
   align-items: baseline;
   justify-content: center;
   gap: 10px;
}

.productsList .top-selling-price strong {
   color: #111;
   font-size: 20px;
   font-weight: 600;
}

.productsList .top-selling-price del {
   color: #8c8580;
   font-size: 15px;
}

.home-page .top-selling-details {
   padding-top: 15px;
   text-align: center;
}

.home-page .top-selling-category {
   margin: 0 0 6px;
   color: var(--home-ink-dark);
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 1.3px;
   line-height: 12px;
   text-transform: uppercase;
}

.home-page .top-selling-details h3 {
   min-height: 26px;
   margin: 0;
   font-size: 20px;
   font-weight: 500;
   line-height: 26px;
}

.home-page .top-selling-details h3 a {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #000;
   text-decoration: none;
}

.home-page .top-selling-price {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding-top: 4px;
}

.home-page .top-selling-price strong {
   color: #000;
   font-size: 24px;
   font-weight: 600;
}

.home-page .top-selling-price del {
   color: #a3a3a4;
   font-size: 20px;
   font-weight: 300;
}

.home-page .top-selling-action {
   display: flex;
   justify-content: center;
   margin-top: 60px;
}

.home-page .top-selling-action a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid var(--home-ink);
   color: var(--home-ink);
   font-size: 14px;
   font-weight: 500;
   letter-spacing: 2px;
   text-decoration: none;
   text-transform: uppercase;
   transition: background-color 180ms ease, color 180ms ease;
   padding: 10px 20px;
}

.home-page .top-selling-action a:hover {
   background: var(--home-ink);
   color: #fff;
}

.home-page .top-selling-empty {
   grid-column: 1 / -1;
   margin: 0;
   text-align: center;
}



.home-page .combo-offers-section {
   padding: 60px 0;
   background: #fff;
}

.combo-offers-section .container {
   max-width: 100% !important;
}

.home-page .combo-offers-grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
   gap: 30px;
   min-height: 560px;
}

.home-page .combo-offers-side {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: repeat(2, minmax(260px, 1fr));
   gap: 30px;
   min-width: 0;
}

.home-page .combo-offer-card {
   position: relative;
   display: block;
   min-width: 0;
   min-height: 0;
   overflow: hidden;
   background: #f4eee6;
}

.home-page .combo-offer-card img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 350ms ease;
}

.home-page .combo-offer-card:hover img {
   transform: scale(1.035);
}

.home-page .combo-offer-feature {
   min-height: 0;
}

.home-page .combo-offer-buy::after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(36, 17, 3, 0);
   transition: background-color 240ms ease;
   z-index: 1;
   pointer-events: none;
}

.home-page .combo-offer-buy:hover::after {
   background: rgba(36, 17, 3, 0.2);
}

.home-page .combo-offer-cta {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 3;
   display: inline-flex;
   min-width: 120px;
   min-height: 48px;
   align-items: center;
   justify-content: center;
   padding: 14px 28px;
   background: var(--home-ink);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
   transform: translate(-50%, -50%) scale(0.9);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: opacity 240ms ease, transform 240ms ease, visibility 240ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.home-page .combo-offer-card:hover .combo-offer-cta {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transform: translate(-50%, -50%) scale(1);
}

.home-page .combo-offer-buy:hover .combo-offer-cta {
   background: var(--home-ink);
   color: #fff;
}

.home-page .combo-offer-card:hover .combo-offer-cta:hover {
   background: var(--home-ink-dark);
   color: #fff;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.home-page .combo-offer-info {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 16px 20px;
   background: linear-gradient(to top, rgba(15, 10, 5, 0.85) 0%, rgba(15, 10, 5, 0.4) 60%, transparent 100%);
   color: #fff;
   z-index: 2;
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
   gap: 4px;
   pointer-events: none;
}

.home-page .combo-offer-card:hover .combo-offer-info {
   background: linear-gradient(to top, rgba(15, 10, 5, 0.95) 0%, rgba(15, 10, 5, 0.6) 75%, transparent 100%);
}

.home-page .combo-offer-info .combo-tag {
   align-self: flex-start;
   font-size: 10px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   background: #b45309;
   color: #fff;
   padding: 3px 8px;
   border-radius: 3px;
   line-height: 1;
}

.home-page .combo-offer-info h3 {
   font-size: 15px;
   font-weight: 600;
   color: #fff;
   margin: 0;
   line-height: 1.3;
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.home-page .combo-offer-feature .combo-offer-info h3 {
   font-size: 20px;
}

.home-page .combo-offer-info .combo-price {
   font-size: 14px;
   font-weight: 600;
   color: #fef08a;
   margin: 0;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.home-page .welcome-content {
   background: var(--home-cream);
}

.home-page .welcome-content h1.head {
   color: var(--home-olive);
   font-size: clamp(30px, 4vw, 48px);
   line-height: 1.04;
}

.home-page .welcome-content>.container>p {
   max-width: 700px;
   margin: 0 auto;
   color: rgba(36, 17, 3, 0.68);
   font-size: 17px;
   line-height: 1.75;
}

.home-page .youtubeVideo {
   width: min(820px, 100%);
   height: min(500px, 56vw);
   border: 12px solid #fff;
   border-radius: 24px;
   box-shadow: 0 20px 50px rgba(36, 17, 3, 0.14);
}

.home-page .products-section {
   background: #efe0c6 url(../images/bg_millet_icon.png);
   background-size: 260px;
}

.home-page .products-section .right h2.head {
   display: flex;
   align-items: end;
   justify-content: space-between;
   gap: 20px;
   text-align: left;
}

.home-page .products-section .right h2.head a {
   flex: 0 0 auto;
   margin-bottom: 5px;
   border-radius: 999px;
}

.home-page .product-card>.item {
   background: #fffaf2;
}

.home-page .why-millets-section {
   background: var(--home-olive);
   color: #fffaf2;
}

.home-page .why-millets-section h2.head {
   color: #fffaf2;
}

.home-page .why-millets-section .content p {
   color: rgba(255, 250, 242, 0.78);
   line-height: 1.55;
}

.home-page .why-millets-section .content p strong {
   color: var(--home-saffron);
}

.home-page .why-millets-section .image-container img {
   filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.2));
}

.home-page .why-almadina-section {
   padding: 60px 0;
   background: #fff;
}

.home-page .why-almadina-layout {
   display: grid;
   grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
   align-items: center;
   gap: 60px;
}

.home-page .why-almadina-media {
   min-width: 0;
}

.home-page .why-almadina-media .owl-carousel {
   position: relative;
}

.home-page .why-almadina-slide {
   overflow: hidden;
   aspect-ratio: 1.3 / 1;
   border-radius: 50px;
}

.home-page .why-almadina-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-page .why-almadina-media .owl-dots {
   position: absolute;
   right: 50%;
   bottom: 8px;
   z-index: 2;
   display: flex;
   gap: 10px;
   margin: 0;
   transform: translateX(50%);
}

.home-page .why-almadina-media .owl-dot {
   display: flex;
   width: 42px;
   height: 23px;
   align-items: center;
   justify-content: center;
   margin: 0;
   padding: 10px;
}

.home-page .why-almadina-media .owl-dot span {
   display: block;
   width: 42px;
   height: 4px;
   margin: 0;
   border-radius: 0;
   background: #fef8ee;
   transition: background-color 180ms ease;
}

.home-page .why-almadina-media .owl-dot.active span {
   background: #cc8902;
}

.home-page .why-almadina-copy {
   max-width: 787px;
}

.home-page .why-almadina-eyebrow {
   margin: 0 0 12px;
   color: var(--home-ink-dark);
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3.6px;
   line-height: 16px;
   text-transform: uppercase;
}

.home-page .why-almadina-copy h2 {
   margin: 0 0 12px;
   color: var(--home-ink);
   font-size: 40px;
   font-weight: 500;
   line-height: 1.3;
}

.home-page .why-almadina-intro {
   max-width: 635px;
   margin: 0 0 32px;
   color: #000;
   font-size: 16px;
   line-height: 1.8;
}

.home-page .why-almadina-benefits {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 30px 24px;
   margin-bottom: 32px;
}

.home-page .why-almadina-benefit {
   display: flex;
   align-items: center;
   gap: 20px;
}

.home-page .why-almadina-benefit span {
   display: grid;
   width: 50px;
   height: 50px;
   flex: 0 0 50px;
   place-items: center;
   border: 1px solid var(--home-ink-dark);
   border-radius: 50%;
   color: var(--home-ink-dark);
   font-size: 22px;
   line-height: 1;
}

.home-page .why-almadina-benefit p {
   margin: 0;
   color: #000;
   font-size: 16px;
   line-height: 1.5;
}

.home-page .why-almadina-button {
   display: inline-flex;
   min-height: 50px;
   align-items: center;
   gap: 12px;
   padding: 15px 30px;
   background: #24712b;
   color: #fff;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3px;
   text-decoration: none;
   text-transform: uppercase;
   transition: background-color 180ms ease;
}

.home-page .why-almadina-button:hover {
   background: var(--home-ink);
   color: #fff;
}

.home-page .instagram-section,
.home-page .google-reviews-section {
   background: #fff;
}

.site-footer {
   background: #fef8ee;
   color: #000;
}

.site-footer-main {
   padding: 60px 0;
   border-bottom: 1px solid #fef8ee;
}

.site-footer-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 48px;
}

.site-footer-brand,
.site-footer-column {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 10px;
}

.site-footer-logo {
   display: flex;
   min-height: 64px;
   align-items: center;
   margin-bottom: 2px;
   color: var(--home-ink);
   text-decoration: none;
}

.site-footer-logo img {
   display: block;
   width: auto;
   max-width: 219px;
   height: 64px;
   object-fit: contain;
}

.site-footer-logo strong {
   font-size: 24px;
}

.site-footer-address {
   max-width: 250px;
   margin: 0;
   color: #000;
   font-size: 14px;
   line-height: 1.625;
}

.site-footer-contact {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding-top: 8px;
}

.site-footer-contact a,
.site-footer-column a {
   position: relative;
   color: #000;
   font-size: 14px;
   line-height: 20px;
   text-decoration: none;
   transition: color 180ms ease, transform 180ms ease;
}

.site-footer-column a::after {
   content: "";
   position: absolute;
   right: 0;
   bottom: -3px;
   left: 0;
   height: 2px;
   /* background: var(--home-olive); */
   transform: scaleX(0);
   transform-origin: left;
   transition: transform 220ms ease;
}

.site-footer-contact a {
   display: inline-flex;
   align-items: center;
   gap: 8px;
}

.site-footer-contact a:hover,
.site-footer-column a:hover {
   transform: translateX(4px);
}

.site-footer-column a:hover::after,
.site-footer-column a:focus-visible::after {
   transform: scaleX(1);
}

.site-footer-contact i {
   width: 15px;
   color: var(--home-ink);
   font-size: 12px;
   text-align: center;
}

.site-footer-socials {
   display: flex;
   gap: 16px;
   padding-top: 8px;
}

.site-footer-socials a {
   display: grid;
   width: 36px;
   height: 36px;
   place-items: center;
   border: 1px solid var(--home-ink-dark);
   border-radius: 50%;
   color: var(--home-ink-dark);
   font-size: 15px;
   text-decoration: none;
   transition: background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.site-footer-socials a:hover {
   background: var(--home-ink-dark);
   color: #fef8ee;
   transform: translateY(-4px) rotate(-6deg);
   box-shadow: 0 8px 16px rgba(36, 17, 3, 0.18);
}

.site-footer-socials a:focus-visible {
   outline: 2px solid var(--home-ink-dark);
   outline-offset: 3px;
}

.site-footer-column h2 {
   margin: 0 0 6px;
   color: var(--home-ink-dark);
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.35px;
   line-height: 20px;
}

.site-footer-bottom {
   padding: 16px 20px;
   border-top: 1px solid #d1d1d2;
   color: #000;
   font-size: 14px;
   line-height: 28.8px;
   text-align: center;
}

section {
   margin: 80px 0;
}

.bannerSlider {
   height: 500px;
}


.home-category {
   position: relative;
   z-index: 9;
   margin: 0;
   margin-top: -100px;
}

.home-category .catItem {
   width: 16.666%;
   text-align: center;
}




.home-category .catItem img {
   border-radius: 50%;
   border: #fff solid 5px;
   margin: auto;
}

.home-category .catItem h2 {
   font-size: 20px;
   color: #1f2937;
   margin-top: 20px;
   font-family: "Outfit", sans-serif;
   text-transform: capitalize;
}


.home-category img {
   width: 80%;
   height: auto;
}

footer {
   background-color: #f8f9fa;
   padding: 20px;
}

h2.head {
   background: url(../images/millets.svg) no-repeat center top;
   background-size: 30px;
   font-family: "Nunito Sans", sans-serif;
   font-size: 30px;
   color: #1f2937;
   text-align: center;
   margin: 40px;
   text-transform: capitalize;
   font-weight: 500;
   padding-top: 50px;
}

h2.head.bgLeft {
   background-position: top left;
}


a {
   color: #1f2937;
   text-decoration: none;
}

a:hover {
   color: var(--home-ink);
}

.text-orange {
   color: var(--home-ink);
}


.header {
   padding: 30px 0;
   background: #fff;
   position: relative;
   z-index: 9999;
}

.nav-link {
   font-size: 18px;
   font-weight: 500;
   text-transform: uppercase;
   color: #1f2937;
   padding: 0 20px;
}

.active a {
   color: var(--home-ink);
}

.nav-link:focus,
.nav-link:hover {
   color: var(--home-ink);
}

.logo {
   position: absolute;
   z-index: 9;
}

.logo img {
   position: absolute;
   z-index: 9;
   top: -65px;
   margin-left: -100px;
   transition: all 0.3s ease;
}

.bannerSlider .owl-item img {
   height: 600px;
   object-fit: cover;
}

.whatsappChat a {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
   font-size: 26px;
}

.owl-theme .owl-nav {
   top: calc(50% - 50px);
   position: absolute;
   z-index: 999;
   width: 100%;
}


.owl-theme .owl-nav [class*=owl-] {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: var(--home-ink);
}

.owl-theme .owl-nav [class*=owl-]:hover {
   width: 50px;
   height: 50px;
   color: var(--home-ink);
   background: var(--home-olive);
}

.owl-prev {
   float: left;
}

.owl-next {
   float: right;
}

.trendingProducts .item {
   position: relative;
}

.trendingProducts .item .content {
   position: absolute;
   top: 0;
   right: 0;
   text-align: right;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 80%;
   padding-right: 20px;
}

.trendingProducts .item .content p {
   margin-bottom: 0;
   color: #992D0F;
}

.trendingProducts .item .content h2 {
   color: var(--home-ink);
   font-size: 40px;
   font-family: "Outfit", sans-serif;
   font-weight: 500;

}

.trendingProducts .item img {
   width: 100%;
   border-radius: 16px;
}

h1.head {
   font-size: 30px;
   color: var(--home-ink);
   font-family: "Outfit", sans-serif;
   max-width: 800px;
   margin: auto;
   margin-bottom: 20px;
}

.welcome-content .container {
   max-width: 1000px;
}

.youtubeVideo {
   width: 800px;
   height: 500px;
   margin: auto;
   margin-top: 30px;
}

.left-column,
.right-column {
   padding: 20px;
}

.products-section {
   margin: 0;
   background: #FFF9F5 url(../images/bg_millet_icon.png);
   padding: 50px 0;
}

.products-section h2 {
   text-align: left;
   margin: 0;
   margin-bottom: 20px;
}

.products-section .left {
   padding-right: 30px;
}

.products-section .left img {
   width: 100%;
   border-radius: 16px;
}

.btn-primary {
   background: linear-gradient(to right, var(--home-ink), #f75b30);
   border: var(--home-ink) solid 1px;
   color: #fff;
   font-weight: 500;
   position: relative;
   padding: 10px 25px;
   outline: none;
}

.btn-primary:hover,
.btn-primary:focus {
   background: linear-gradient(to right, #fd5c30, var(--home-ink));
   border: var(--home-ink) solid 1px;
   color: #fff;
}


.productList .item {
   display: flex;
   flex-direction: column;
   border-radius: 8px;
   margin-bottom: 20px;
}

.productGrid .item {
   border-radius: 8px;
}

.productsList {
   background: #fff;
   padding: 24px 0;
   margin: 0;
}

.products-shell {
   display: flex;
   align-items: flex-start;
   gap: 28px;
   padding-top: 12px;
}

.product-sidebar {
   width: 280px;
   flex-shrink: 0;
   padding: 20px 18px 16px;
   background: rgba(255, 255, 255, 0.28);
   border: 1px solid #e5ddd7;
   border-radius: 0px;
   box-shadow: 0 4px 14px rgba(52, 33, 22, 0.04);
}

.filter-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
}

.filter-header-title {
   display: flex;
   align-items: center;
   gap: 8px;
}

.filter-header-title .filter-icon {
   color: #2f2d2b;
   font-size: 14px;
}

.filter-header-actions {
   display: flex;
   align-items: center;
   gap: 10px;
}

.filter-toggle-arrow {
   display: none;
   align-items: center;
   justify-content: center;
   color: #2f2d2b;
   font-size: 13px;
   transition: transform 0.25s ease;
}

.filter-header h3 {
   margin: 0;
   font-size: 18px;
   line-height: 1.1;
   font-weight: 400;
   color: #2f2d2b;
}

.clear-filters {
   border: none;
   background: transparent;
   color: #2f2d2b;
   font-size: 14px;
   text-decoration: underline;
   padding: 0;
   cursor: pointer;
}

.filter-group {
   padding-top: 18px;
   border-top: 1px solid #e7dfd8;
   margin-top: 18px;
}

.search-wrap {
   position: relative;
}

.search-wrap i {
   position: absolute;
   left: 14px;
   top: 50%;
   transform: translateY(-50%);
   color: #8a7d73;
   font-size: 14px;
}

.search-input {
   width: 100%;
   border: 1px solid #d9d1ca;
   background: rgba(255, 255, 255, 0.6);
   /* border-radius: 12px; */
   height: 46px;
   padding: 0 16px 0 38px;
   font-size: 15px;
   color: #3a342f;
}

.filter-group h4 {
   margin: 0 0 14px;
   font-size: 14px;
   font-weight: 600;
   color: #2f2d2b;
}

.custom-select-box {
   margin-bottom: 12px;
   border: 1px solid #d9d1ca;
   background: rgba(255, 255, 255, 0.6);
   /* border-radius: 12px; */
   padding: 0 14px;
}

.select-option {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 44px;
   color: #4b4641;
   font-size: 14px;
}

.check-list {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.check-item {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 15px;
   color: #403b38;
   cursor: pointer;
}

.check-item input {
   width: 17px;
   height: 17px;
   accent-color: #2d2d2d;
}

.stock-filter-group .check-item,
.price-filter-group .check-item {
   margin-bottom: 10px;
}

.price-range-slider input {
   width: 100%;
   accent-color: #2d2d2d;
}

.price-range-labels {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 6px;
   font-size: 15px;
   color: #524d49;
}

.price-range-summary {
   margin-top: 12px;
   font-size: 15px;
   color: #2f2d2b;
}

.product-main {
   flex: 1;
   min-width: 0;
}

.product-topbar {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 18px;
   margin: 0;
   align-items: center;
}

.page-title {
   margin: 0 0 8px;
   font-size: 46px;
   line-height: 1.1;
   font-weight: 500;
   color: #272522;
}

.results-count {
   margin: 0;
   font-size: 14px;
   color: var(--home-ink);
}

.toolbar-wrap {
   display: flex;
   align-items: center;
   gap: 18px;
}

.sort-box {
   display: flex;
   align-items: center;
   gap: 12px;
   color: #4d4946;
   font-size: 15px;
}

.sort-box select {
   min-width: 170px;
   border: 1px solid #d6d0ca;
   /* border-radius: 12px; */
   background: rgba(255, 255, 255, 0.9);
   color: #2f2d2b;
   padding: 12px 42px 11px 14px;
   appearance: none;
   background-image: linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
   background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
}

.view-toggle {
   display: flex;
   align-items: center;
   gap: 8px;
   border: 1px solid #d6d0ca;
   /* border-radius: 12px; */
   background: rgba(255, 255, 255, 0.9);
   padding: 4px;
}

.view-toggle button {
   width: 38px;
   height: 38px;
   border: none;
   /* border-radius: 9px; */
   background: transparent;
   color: #4d4946;
   cursor: pointer;
}

.view-toggle button.active {
   background: #f2ede9;
   color: #2d2d2d;
}



.productGrid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 24px;
}

.product-main.list-view .productGrid {
   grid-template-columns: 1fr !important;
}

@media only screen and (min-width: 641px) {
   .product-main.list-view .product-item {
      display: flex;
      flex-direction: row;
      align-items: center;
      text-align: left;
      gap: 24px;
      padding: 12px 18px;
      background: #ffffff;
      border: 1px solid #f0e8e3;
   }

   .product-main.list-view .top-selling-image {
      width: 180px;
      min-width: 180px;
      flex-shrink: 0;
   }

   .product-main.list-view .product-content {
      flex: 1;
      text-align: left;
      align-items: flex-start;
      padding: 0;
   }

   .product-main.list-view .top-selling-price {
      justify-content: flex-start;
   }
}

.product-card {
   display: block;
   min-width: 0;
}

.product-item {
   /* background: #fff;
   border: 1px solid #f0e8e3; */
   border-radius: 0px;
   overflow: hidden;
   height: 100%;
   /* box-shadow: 0 10px 24px rgba(36, 17, 3, 0.06); */
   transition: transform 180ms ease, box-shadow 180ms ease;
}

.product-item:hover {
   transform: translateY(-4px);
   box-shadow: 0 18px 30px rgba(36, 17, 3, 0.12);
}

.product-image-wrap {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f4eee6;
   min-height: 250px;
   overflow: hidden;
}

.brand-badge {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 112px;
   height: 112px;
   border-radius: 50%;
   background: rgba(244, 175, 110, 0.4);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   font-size: 24px;
   line-height: 1.1;
   font-family: Georgia, serif;
   color: #a85e49;
   text-align: center;
   font-style: italic;
   z-index: 1;
}

.brand-badge span {
   font-size: 11px;
   letter-spacing: 0.08em;
   text-transform: uppercase;
}

.product-image-link {
   display: block;
   position: relative;
   width: 100%;
   z-index: 2;
}

.product-image-link img {
   width: 100%;
   height: 314px;
   object-fit: cover;
   display: block;
   transition: transform 260ms ease;
   margin-top: -4px;
}

.product-item:hover .product-image-link img {
   transform: scale(1);
}

.product-content {
   padding: 20px 18px 18px;
   display: flex;
   flex-direction: column;
   text-align: center;
}

.product-category {
   margin: 0 0 8px;
   color: var(--home-ink-dark);
   font-size: 10px;
   font-weight: 500;
   letter-spacing: 1.3px;
   line-height: 12px;
   text-transform: uppercase;
}

.product-content h2 {
   margin: 0 0 6px;
   font-size: 16px;
   line-height: 1.3;
   font-weight: 500;
   color: #111111;
}

.product-content h2 a {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   white-space: normal;
   min-height: 2.6em;
   color: inherit;
   text-decoration: none;
}

.detail-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   font-size: 13px;
   color: #5f5b57;
   margin-bottom: 12px;
   text-decoration: none;
}

.price-block {
   margin-top: auto;
}

.unit-price {
   font-size: 28px;
   font-weight: 500;
   color: #111111;
}

.package-badge {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 5px 12px;
   border-radius: 999px;
   background: #f9e4b8;
   color: #7a4d05;
   font-size: 11px;
   font-weight: 500;
   margin-bottom: 8px;
}

.tier-row {
   display: flex;
   flex-direction: column;
   gap: 7px;
   margin-bottom: 8px;
}

.tier-option {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   border: 1px solid #e0d7d1;
   background: #ffffff;
   border-radius: 8px;
   padding: 7px 9px;
   font-size: 12px;
   color: #3a342f;
   cursor: pointer;
}

.tier-option.active {
   border-color: #d8574c;
   background: #fff4f1;
}

.tier-option input {
   margin: 0;
}

.tier-meta {
   flex: 1;
}

.tier-price {
   color: #dc3b36;
   font-weight: 500;
}

.mini-total {
   margin-top: 10px;
   font-size: 14px;
   color: #27a22a;
   font-weight: 600;
}

.primary-action {
   display: inline-flex;
   min-width: 100%;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   padding: 12px 20px;
   background: var(--home-ink);
   color: #fff;
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 3px;
   text-transform: uppercase;
   gap: 8px;
}

a.primary-action:hover,
a.primary-action:focus {
   color: var(--home-saffron);
}

.bag-icon {
   height: 17px !important;
   width: 13px !important;
   filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
   margin-top: -4px;
}

.primary-action.disabled-action {
   background: var(--home-ink);
   color: #6f6a66;
   cursor: not-allowed;
}

.productsList .primary-action.add-to-cart {
   background: var(--home-ink);
   color: var(--home-cream);
}

.productsList .primary-action.add-to-cart:hover {
   background: var(--home-ink-dark);
   color: #fff;
}

.qty-control {
   display: flex;
   align-items: center;
   overflow: hidden;
   margin-top: 14px;
   background: var(--home-ink);
}

.qty-step {
   width: 48px;
   height: 50px;
   border: none;
   background: transparent;
   color: #fff;
   font-size: 20px;
   font-weight: 500;
   cursor: pointer;
}

.qty-step:hover {
   background: var(--home-ink-dark);
}

.qty-control input {
   flex: 1;
   border: none;
   background: rgba(255, 255, 255, 0.2);
   min-width: 0;
   height: 50px;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   color: #fff;
}

.no-products-wrap {
   margin-top: 18px;
}

.no-products-message {
   text-align: center;
   color: var(--home-ink);
   font-size: 18px;
   font-weight: 500;
   padding: 24px 0;
}


.productList .item .content {
   padding: 20px 10px;
}

.productList .item h2 {
   font-family: "Outfit", sans-serif;
   font-size: 20px;
   color: #1f2937;
   margin-bottom: 10px;
   text-align: left;
}

.productList .item img {
   width: 100%;
}

p.price {
   font-size: 30px;
   font-weight: 500;
   color: #1ABC9C;
   margin: 0;
}

p.price::before {
   content: '₹';
}

p.price span::before {
   content: '₹';
}

p.price span {
   font-weight: 300;
   color: #DBDBDC;
   text-decoration: line-through;
   font-size: 20px;
}

.why-millets-section .image-container img {
   width: 100%;
}

.why-millets-section .right-column {
   text-align: right;
}

.why-millets-section .content p {
   margin-bottom: 20px;
}

.instagram-section {
   margin-top: 80px;
   margin-bottom: 40px;
}

.footer {
   background: #FFF6EE;
}


ul.socialMedia {
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: row;
   gap: 10px;
   justify-content: end;
}

ul.socialMedia li {
   list-style: none;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: var(--home-ink) solid 2px;
   text-align: center;
   justify-content: center;
   align-items: center;
   display: flex;
}

ul.socialMedia li a {
   padding: 10px;
   align-items: center;
   justify-content: center;
   display: flex;
   text-decoration: none;
}

ul.socialMedia li i {
   color: var(--home-ink);
   font-size: 18px;
}

ul.socialMedia li:hover {
   background: var(--home-ink);
}

ul.socialMedia li:hover i {
   color: #fff;
}


.content p strong {
   color: #1f2937;
}

.innerBanner {
   position: relative;
}

.innerBanner img {
   height: 260px;
   width: 100%;
   object-fit: cover;
}



.innerBanner .title {
   position: absolute;
   width: 100%;
   text-align: center;
   top: 40%;
   color: #fff;
   font-size: 40px;
   z-index: 99;
}

.innerBanner::after {
   content: "";
   background: rgba(0, 0, 0, 0.5);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 9;
}



button:focus:not(:focus-visible) {
   outline: 0;
   box-shadow: none;
}

.navbar-toggler {
   display: none;
}

.mobile_logo {
   display: none;
   position: relative !important;
}

.mobile_logo img {
   height: 70px;
}



.logo {
   z-index: 999;
}

.about-content h2.head {
   background: none;
   text-align: left;
   padding: 0;
   margin: 0;
   margin-bottom: 20px;
   text-transform: capitalize;
}


.about-content ul {
   margin: 0;
   margin-top: 20px;
   padding: 0;
}

.about-content .about-list ul li {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   gap: 1rem;
   padding: 10px 0;
}

.about-content .about-list ul li p {
   margin-bottom: 0;
}

.about-content .about-list ul li span img {
   width: 20px;
}



.about-service .about-service-section {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   gap: 30px;
   flex-wrap: wrap;
}

.about-service .about-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 30px;
   text-align: center;
   width: 30%;
}

.about-service .about-wrapper .wrapper-img span {
   background: #ffbc81;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-items: center;
   text-align: center;
   justify-content: center;
}

.about-service .about-wrapper .wrapper-img span img {
   height: 60px;
}




.about-service .seperator {
   width: 1px;
   height: 19.7rem;
   background: rgba(49, 139, 46, 0.1);
}

.wrapper-info h5 {
   color: #1f2937;
   font-weight: 600;
}

/* ==========================================================================
   Inner Page Hero Banner & Breadcrumb - Premium Homepage Aligned Theme
   ========================================================================== */
.contact-hero-banner,
.page-hero-banner,
.inner-hero-banner {
   padding: 40px 15px;
   position: relative;
   overflow: hidden;
   border-bottom: 1px solid rgba(251, 216, 162, 0.15);
   margin: 0;
   background: url('../images/InnerBanner.jpg') center/cover no-repeat;
   min-height: 240px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.contact-hero-banner::after,
.page-hero-banner::after,
.inner-hero-banner::after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
   background: rgba(0, 0, 0, 0.52);
}

.contact-hero-content,
.page-hero-content,
.inner-hero-content {
   position: relative;
   z-index: 2;
   max-width: 820px;
   margin: 0 auto;
   width: 100%;
}

.contact-hero-eyebrow,
.page-hero-eyebrow,
.inner-hero-eyebrow {
   color: var(--home-saffron);
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 3px;
   text-transform: uppercase;
   margin-bottom: 8px;
}

.contact-hero-title,
.page-hero-title,
.inner-hero-title {
   color: #fff;
   font-family: "Outfit", sans-serif;
   font-size: clamp(30px, 4.5vw, 38px);
   font-weight: 600;
   margin: 0 0 14px;
   letter-spacing: -0.5px;
   text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.contact-hero-subtitle,
.page-hero-subtitle,
.inner-hero-subtitle {
   color: rgba(255, 255, 255, 0.85);
   font-size: 16px;
   line-height: 1.6;
   margin: 0 0 18px;
}

.contact-breadcrumb,
.page-breadcrumb,
.inner-breadcrumb {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px;
   padding: 7px 20px;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid rgba(255, 255, 255, 0.18);
   border-radius: 9999px;
   font-size: 13.5px;
   color: rgba(255, 255, 255, 0.88);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.contact-breadcrumb a,
.page-breadcrumb a,
.inner-breadcrumb a {
   color: var(--home-saffron);
   text-decoration: none;
   font-weight: 500;
   transition: color 0.2s ease, opacity 0.2s ease;
}

.contact-breadcrumb a:hover,
.page-breadcrumb a:hover,
.inner-breadcrumb a:hover {
   color: #fff;
}

.contact-breadcrumb .sep,
.page-breadcrumb .sep,
.inner-breadcrumb .sep {
   color: rgba(255, 255, 255, 0.4);
}

/* Breadcrumb override when used on light background strip (e.g. pd-breadcrumb) */
.pd-breadcrumb .contact-breadcrumb {
   background: #fff;
   border: 1px solid #e5e7eb;
   color: #4b5563;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.pd-breadcrumb .contact-breadcrumb a {
   color: var(--home-ink, #281a12);
}

.pd-breadcrumb .contact-breadcrumb a:hover {
   color: var(--home-saffron, #c87a1e);
}

.pd-breadcrumb .contact-breadcrumb .sep {
   color: #9ca3af;
}

.contact-page-container {
   background: #fffdfb;
   padding: 55px 0 80px;
}

/* Info Cards */
.contact-info-col {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.contact-card {
   background: #fff;
   border: 1px solid rgba(36, 17, 3, 0.08);
   border-radius: 16px;
   padding: 22px 24px;
   box-shadow: 0 4px 20px rgba(36, 17, 3, 0.04);
   display: flex;
   align-items: flex-start;
   gap: 18px;
   transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.contact-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 10px 28px rgba(36, 17, 3, 0.08);
   border-color: rgba(36, 113, 43, 0.3);
}

.contact-card-icon {
   width: 48px;
   height: 48px;
   flex-shrink: 0;
   border-radius: 12px;
   background: #fff8ee;
   border: 1px solid rgba(162, 97, 6, 0.18);
   color: var(--home-ink-dark);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   transition: all 0.25s ease;
}

.contact-card:hover .contact-card-icon {
   background: var(--home-ink);
   border-color: var(--home-ink);
   color: #fff;
}

.contact-card-body {
   flex: 1;
   min-width: 0;
}

.contact-card-label {
   font-size: 11.5px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: var(--home-ink-dark);
   margin: 0 0 4px;
}

.contact-card-title {
   font-size: 17px;
   font-weight: 600;
   color: var(--home-ink);
   margin: 0 0 6px;
   line-height: 1.3;
}

.contact-link-main {
   color: var(--home-ink);
   font-size: 15.5px;
   font-weight: 600;
   text-decoration: none;
   display: inline-block;
   transition: color 0.2s ease;
}

.contact-link-main:hover {
   color: var(--home-olive);
   text-decoration: underline;
}

.contact-whatsapp-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   margin-top: 8px;
   padding: 4px 12px;
   background: #ecfdf5;
   border: 1px solid #a7f3d0;
   border-radius: 9999px;
   font-size: 12.5px;
   font-weight: 600;
   color: #065f46;
   text-decoration: none;
   transition: background-color 0.2s ease;
}

.contact-whatsapp-btn:hover {
   background: #d1fae5;
   color: #047857;
}

.contact-card-note {
   font-size: 13px;
   color: #6b7280;
   margin: 6px 0 0;
   line-height: 1.5;
}

.contact-card-action {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   margin-top: 10px;
   font-size: 13px;
   font-weight: 600;
   color: var(--home-olive);
   text-decoration: none;
   transition: color 0.2s ease;
}

.contact-card-action:hover {
   color: #174a1c;
   text-decoration: underline;
}

/* Map Card */
.contact-map-card {
   background: #fff;
   border: 1px solid rgba(36, 17, 3, 0.08);
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(36, 17, 3, 0.04);
}

.contact-map-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 18px;
   background: #fff;
   border-bottom: 1px solid rgba(36, 17, 3, 0.06);
}

.contact-map-header h4 {
   margin: 0;
   font-size: 15px;
   font-weight: 600;
   color: var(--home-ink);
   display: flex;
   align-items: center;
   gap: 8px;
}

.contact-map-directions {
   font-size: 12px;
   font-weight: 600;
   color: var(--home-olive);
   text-decoration: none;
   padding: 5px 12px;
   background: #f0fdf4;
   border: 1px solid #bbf7d0;
   border-radius: 6px;
   transition: all 0.2s ease;
}

.contact-map-directions:hover {
   background: var(--home-olive);
   color: #fff;
   border-color: var(--home-olive);
}

.contact-map-frame {
   height: 260px;
   width: 100%;
}

.contact-map-frame iframe {
   width: 100%;
   height: 100%;
   border: 0;
   display: block;
}

/* Form Card */
.contact-form-card {
   background: #fff;
   border: 1px solid rgba(36, 17, 3, 0.08);
   border-radius: 20px;
   padding: 36px 32px;
   box-shadow: 0 10px 36px rgba(36, 17, 3, 0.06);
}

.contact-form-header {
   margin-bottom: 24px;
}

.contact-form-eyebrow {
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 2.5px;
   text-transform: uppercase;
   color: var(--home-ink-dark);
   margin: 0 0 6px;
}

.contact-form-title {
   font-size: clamp(22px, 2.5vw, 28px);
   font-weight: 600;
   color: var(--home-ink);
   margin: 0 0 8px;
   line-height: 1.25;
}

.contact-form-subtitle {
   font-size: 14.5px;
   color: #6b7280;
   margin: 0;
   line-height: 1.5;
}

.contact-field-group {
   margin-bottom: 18px;
}

.contact-field-group label {
   display: block;
   font-size: 13.5px;
   font-weight: 600;
   color: #374151;
   margin-bottom: 7px;
}

.contact-field-group label .req {
   color: #dc2626;
}

.contact-input-wrap {
   position: relative;
}

.contact-input-wrap .field-icon {
   position: absolute;
   left: 15px;
   top: 50%;
   transform: translateY(-50%);
   color: #9ca3af;
   font-size: 14px;
   pointer-events: none;
}

.contact-input-wrap.textarea-wrap .field-icon {
   top: 18px;
   transform: none;
}

.contact-input {
   width: 100%;
   padding: 12px 16px 12px 42px;
   font-size: 14.5px;
   color: var(--home-ink);
   background: #fbf9f6;
   border: 1.5px solid rgba(36, 17, 3, 0.1);
   border-radius: 10px;
   outline: none;
   transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
   font-family: inherit;
}

.contact-input:focus {
   background: #fff;
   border-color: var(--home-olive);
   box-shadow: 0 0 0 3px rgba(36, 113, 43, 0.12);
}

.contact-textarea {
   min-height: 120px;
   resize: vertical;
}

/* Captcha Same-Row Alignment */
.contact-captcha-row {
   display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
}

.contact-captcha-code-wrap {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   flex-shrink: 0;
   background: #faf6ef;
   border: 1.5px solid rgba(162, 97, 6, 0.25);
   border-radius: 10px;
   padding: 4px 6px 4px 4px;
}

.contact-captcha-code {
   background: #fff;
   border: 1px solid rgba(36, 17, 3, 0.12);
   border-radius: 6px;
   padding: 8px 14px;
   font-family: monospace;
   font-size: 19px;
   font-weight: 600;
   letter-spacing: 5px;
   color: var(--home-ink);
   user-select: none;
   line-height: 1;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.contact-captcha-refresh-btn {
   border: none;
   background: transparent;
   color: var(--home-olive);
   width: 36px;
   height: 36px;
   border-radius: 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   cursor: pointer;
   transition: background-color 0.2s ease, transform 0.25s ease, color 0.2s ease;
}

.contact-captcha-refresh-btn:hover {
   background: rgba(36, 113, 43, 0.1);
   color: #174a1c;
   transform: rotate(90deg);
}

.contact-captcha-input-wrap {
   flex: 1;
   min-width: 0;
}

.contact-captcha-input {
   font-family: monospace, inherit;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 2px;
   text-transform: uppercase;
}

@media (max-width: 480px) {
   .contact-captcha-row {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
   }

   .contact-captcha-code-wrap {
      justify-content: center;
   }
}

.contact-submit-btn {
   width: 100%;
   padding: 15px 28px;
   background: var(--home-ink);
   color: #fff;
   font-family: "Outfit", sans-serif;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
   border: none;
   border-radius: 10px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.contact-submit-btn:hover {
   background: var(--home-olive);
   transform: translateY(-2px);
   box-shadow: 0 8px 24px rgba(36, 113, 43, 0.25);
}

.contact-submit-btn:active {
   transform: translateY(0);
}

/* Social links in contact page */
.contact-social-row {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 10px;
}

.contact-social-btn {
   width: 38px;
   height: 38px;
   border-radius: 10px;
   background: #fff;
   border: 1px solid rgba(36, 17, 3, 0.12);
   color: var(--home-ink);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   text-decoration: none;
   transition: all 0.2s ease;
}

.contact-social-btn:hover {
   background: var(--home-olive);
   border-color: var(--home-olive);
   color: #fff;
   transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
   .contact-page-container {
      padding: 35px 0 60px;
   }

   .contact-form-card {
      padding: 24px 18px;
   }

   .contact-card {
      padding: 18px;
      gap: 14px;
   }

   .contact-card-icon {
      width: 42px;
      height: 42px;
      font-size: 16px;
   }
}

.review-form .review-form-text {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 0px;
   margin-bottom: 2rem;
   position: relative;
}

.question-section .review-form .review-form-name {
   margin-bottom: 2rem;
}

.review-form label {


   color: #797979;
   margin-bottom: 0.5rem;
}

.review-form .form-control,
.review-form .form-select {
   border: 1px solid rgba(124, 126, 125, 0.2);
   box-shadow: none;
   color: #1d1d1d;
   height: 46px;
   border-radius: 3px;
}

.review-form label {
   color: #797979;
   margin-bottom: 0.5rem;
}

.shop-btn {
   text-align: center;
   border-radius: 3px;
   display: inline-block;
   background: var(--home-ink);
   font-weight: 500;
   position: relative;
   color: #ffffff;
   transition: all 0.3s;
   overflow: hidden;
   z-index: 1;
   font-size: 20px;
   width: 100%;
   margin-top: 30px;
   padding: 10px 0;
   border: none;
}

.shop-btn:hover {
   color: #ffffff;
   background-color: #1ABC9C;
}


.review-textarea textarea.form-control {
   height: 110px;
}

.contact-map {
   width: 100%;
}

.contact-map iframe {
   width: 100%;
   height: 250px;
}

.contact-information {
   display: flex;
   flex-direction: column;
}

.catItem.shineEffect figure {
   position: relative;
   border-radius: 50%;
}


figure {
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.shineEffect figure {
   position: relative;
}

.shineEffect figure::before {
   position: absolute;
   top: 0;
   left: -76%;
   z-index: 2;
   display: block;
   content: '';
   width: 50%;
   height: 100%;
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
   -webkit-transform: skewX(-25deg);
   transform: skewX(-25deg);
}

.shineEffect figure:hover::before {
   -webkit-animation: shine .75s;
   animation: shine .75s;
}

@-webkit-keyframes shine {
   100% {
      left: 125%;
   }
}

@keyframes shine {
   100% {
      left: 125%;
   }
}


.zoomOut figure img {
   transform: scale(1);
   transition: .3s ease-in-out;
}

.zoomOut:hover figure img {
   transform: scale(1.2);
}




.whatsAppOrder {
   position: fixed;
   right: 30px;
   bottom: 100px;
   border-radius: 50%;
   z-index: 99;
   width: fit-content;
   cursor: pointer;
}

.whatsAppOrder::after {
   content: "Bulk Order";
   position: absolute;
   display: block;
   left: -15px;
   bottom: -30px;
   white-space: nowrap;
   font-weight: 500;
}

.whatsAppOrder span.whatsapp-icon {
   cursor: pointer;
   border-radius: 50%;
}

.whatsAppOrder span {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   background-color: #00a884;
}

.whatsAppOrder span.whatsapp-icon img {
   position: relative;
   width: 35px;
}




.sonar-wave {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 9999px;
   background-color: #4ecdf2;
   opacity: 0;
   z-index: -1;
   pointer-events: none;
}

.sonar-wave1 {
   animation: sonarWave 2s linear infinite;
}


@keyframes sonarWave {
   from {
      opacity: 0.4;
   }

   to {
      transform: scale(3);
      opacity: 0;
   }
}





section.product-content {
   margin-top: 50px;
}

.product-content .productList .col-md-3 {
   width: 20%;
}

.productList h2 {
   font-size: 20px;
   text-align: center;
   text-transform: capitalize;
}


ul.productTab {
   display: flex;
   margin: 0;
   padding: 0;
   margin-bottom: 30px;
   justify-content: center;
   gap: 10px;
}

ul.productTab li {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   list-style: none;
   padding: 8px 20px;
   background: #fff;
   cursor: pointer;
   border-radius: 20px;
   color: #1f2937;
   box-shadow: 0 3px 10px 5px rgba(100, 100, 100, 0.06);
}

ul.productTab li.active,
ul.productTab li:hover {
   background: var(--home-ink);
   color: #fff;
}

.weight {
   margin: 0;
}

.filter-button-group {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
   gap: 10px;
   flex-wrap: wrap;
}

.filter-button-group button {
   text-transform: uppercase;
   font-size: 14px;
   font-weight: 500;
   list-style: none;
   padding: 10px 30px;
   background: #fff;
   cursor: pointer;
   border-radius: 20px;
   color: #1f2937;
   box-shadow: 0 3px 10px 5px rgba(100, 100, 100, 0.06);
   border: none;
   white-space: nowrap;

}


.filter-button-group button:hover,
.filter-button-group button.is-checked {
   background: var(--home-ink);
   color: #fff;
}


.message {
   padding: 10px;
   margin-bottom: 50px;
   border-radius: 5px;
   text-align: center;
   font-size: 18px;
}

.success {
   background-color: #d4edda;
   color: #155724;
}

.error {
   background-color: #f8d7da;
   color: #721c24;
}

.comingSoon {
   min-height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--home-ink);
}

.text-primary {
   color: var(--home-ink) !important;
}

.bg-primary {
   background: var(--home-ink) !important;
}

.text-brown {
   color: var(--home-ink-dark) !important;
}

.homeBanner {
   margin: 0;
}

.homeBanner .owl-item img {
   object-fit: cover;
}


/* Marquee Animation */
@keyframes marquee {
   0% {
      transform: translateX(0%);
   }

   100% {
      transform: translateX(-100%);
   }
}

.animate-marquee {
   animation: marquee 30s linear infinite;
}


.marquee-container {
   overflow: hidden;
   /* Hide text when it moves outside the box */
   white-space: nowrap;
   /* Keep text on a single line */
}

.marquee-text {
   display: inline-block;
   padding-left: 100%;
   /* Start the text off-screen to the right */
   animation: scroll-left 50s linear infinite;
}

@keyframes scroll-left {
   0% {
      transform: translateX(0);
   }

   100% {
      transform: translateX(-100%);
   }

   /* Move entirely to the left */
}

header.headerSticky {
   position: sticky;
}

header.headerSticky .logo img {
   height: 85px;
   top: -30px;
   transition: all 0.3s ease;
}

.fa-shopping-cart {
   color: #333;
}

.fa-shopping-cart:hover {
   color: var(--home-ink);
}


a.online-order {
   font-weight: 500;
   border-radius: 30px;
}

a.online-order:hover {
   color: #facc15;
}



.innerProductBanner {
   position: relative;
   margin: 0;
   margin-bottom: 50px;
   width: 100%;
}

.productFilter {
   background: #FFF6EE;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   max-width: 500px;
   margin: auto;
}



.cathead {
   font-size: 32px;
   color: var(--home-ink);
   text-transform: capitalize;
   font-weight: 500;
   margin-bottom: 20px;
}

.youtubeBtn {
   position: absolute;
   top: 10px;
   right: 10px;
}

.container {
   width: 100%;
   max-width: 1640px !important;
   padding: 0 24px;
}

.mobileViewMenu {
   position: fixed;
   top: 0;
   z-index: 99;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
   box-shadow: 0 3px 10px 5px rgba(100, 100, 100, 0.06);
}

a.mm_closebtn {
   z-index: 99999;
   position: relative;
   top: 20px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   margin: 0;
}

button,
input,
optgroup,
select,
textarea {
   outline: none;
}

header {
   z-index: 9999 !important;
}

#cboxTitle {
   color: #1f2937 !important;
   bottom: 0 !important;
   font-weight: bold !important;
}


/* Go to Top Button Styling */
.goToTopBtn {
   position: fixed;
   bottom: 0px;
   right: 30px;
   width: 50px;
   height: 50px;
   background-color: var(--home-olive);
   color: #fff;
   border: none;
   border-radius: 50%;
   font-size: 24px;
   cursor: pointer;
   display: none;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   transition: all 0.3s ease;
   z-index: 40;
}

.goToTopBtn.show {
   display: flex;
}

.goToTopBtn:hover {
   background-color: var(--home-olive-dark, #1d5c23);
   transform: translateY(-3px);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.goToTopBtn:active {
   transform: translateY(-1px);
}

/* Category menu navigation middle alignment */



.categoryMenu {
   width: 90%;
   margin: auto;
   margin-bottom: 30px;
}

.categoryMenu.owl-carousel .owl-stage {
   padding: 20px 0;
}

.categoryMenu.owl-carousel .owl-nav {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: absolute;
   top: 40%;
   width: 100%;
   transform: translateY(-50%);
   padding: 0 10px;
   pointer-events: none;
}

.categoryMenu.owl-carousel .owl-nav button {
   pointer-events: auto;
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 8px 12px;
   border-radius: 50%;
   cursor: pointer;
   transition: background-color 0.3s;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.categoryMenu.owl-carousel .owl-nav button:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.categoryMenu.owl-carousel {
   position: relative;
}

.about-content {
   padding-top: 20px;
   margin: 0;
}




.terms-section {
   padding: 0;
   margin: 0 !important;
}


.terms-section .page-title {
   color: #1f2937;
   font-weight: 600;
   margin-bottom: 20px;
}

.terms-section h2 {
   color: #1f2937;
   margin-top: 35px;
   margin-bottom: 15px;
   font-size: 28px;
   font-weight: 600;
}

.terms-section p {
   margin-bottom: 15px;
}

.terms-section ul {
   padding-left: 20px;
}

.terms-section ul li {
   margin-bottom: 10px;
   list-style: disc;
}

.terms-section .highlight-box {
   background: #eef7e8;
   border-left: 5px solid #4b7b2a;
   padding: 20px;
   border-radius: 8px;
   margin-top: 20px;
}

.terms-section .contact-box {
   background: #f5f5f5;
   padding: 20px;
   border-radius: 10px;
   margin-top: 20px;
}

.category-section {
   padding: 24px 0;
}

.productGrid .content h2 {
   font-family: "Outfit", sans-serif;
   line-height: normal;
}

.quantityControls {
   margin-top: auto !important;
}


.contact-section {
   padding: 0 24px;
}

#cboxCurrent {
   display: none !important;
}

/* ==========================================================================
   Google Reviews Section ("What Our Customers Say")
   ========================================================================== */
.google-reviews-section {
   background: linear-gradient(180deg, #fffdfb 0%, #fef8f3 100%);
   padding: 70px 0 80px 0;
   margin: 40px 0 0 0;
   position: relative;
   border-top: 1px solid #fae8d8;
}

.google-reviews-section .section-badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: #fff;
   border: 1px solid #fed7aa;
   padding: 6px 16px;
   border-radius: 9999px;
   font-size: 12px;
   font-weight: 500;
   color: #c2410c;
   box-shadow: 0 2px 8px rgba(251, 146, 60, 0.1);
   margin-bottom: 12px;
}

.google-reviews-section .google-summary-card {
   background: #fff;
   border: 1px solid #f3e8de;
   border-radius: 16px;
   padding: 16px 24px;
   display: inline-flex;
   align-items: center;
   gap: 16px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
   margin-bottom: 35px;
}

.google-reviews-section .google-rating-number {
   font-size: 32px;
   font-weight: 800;
   color: #1f2937;
   line-height: 1;
}

.google-reviews-section .google-stars {
   color: #f59e0b;
   font-size: 18px;
   letter-spacing: 2px;
}

.google-reviews-section .reviews-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 24px;
   margin-bottom: 40px;
}

.google-reviews-section .review-card {
   background: #ffffff;
   border: 1px solid #f1f5f9;
   border-radius: 16px;
   padding: 24px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   position: relative;
}

.google-reviews-section .review-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
   border-color: #fed7aa;
}

.google-reviews-section .review-card-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
}

.google-reviews-section .review-user-info {
   display: flex;
   align-items: center;
   gap: 12px;
}

.google-reviews-section .review-avatar {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   object-fit: cover;
   border: 2px solid #fed7aa;
}

.google-reviews-section .review-avatar-placeholder {
   width: 46px;
   height: 46px;
   border-radius: 50%;
   background: linear-gradient(135deg, #fb923c, #ea580c);
   color: #ffffff;
   font-weight: 500;
   font-size: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 6px rgba(234, 88, 12, 0.25);
}

.google-reviews-section .review-user-name {
   font-weight: 500;
   font-size: 16px;
   color: #1f2937;
   margin: 0;
}

.google-reviews-section .review-date {
   font-size: 12px;
   color: #9ca3af;
}

.google-reviews-section .review-text {
   font-size: 14.5px;
   line-height: 1.65;
   margin: 0 0 16px 0;
   font-style: normal;
}

.google-reviews-section .review-stars-row {
   color: #f59e0b;
   font-size: 15px;
   letter-spacing: 1.5px;
   margin-bottom: 12px;
}

.google-reviews-section .review-footer {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 12px;
   border-top: 1px dashed #f1f5f9;
}

.google-reviews-section .google-verified-tag {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: #0284c7;
   font-weight: 600;
}

.google-reviews-section .reviews-cta-wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 16px;
}

/* Shared storefront header */
.site-announcement {
   min-height: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 7px 20px;
   overflow: hidden;
   background: var(--home-ink);
   color: var(--home-saffron);
   font-size: 12px;
   font-weight: 400;
   letter-spacing: 0.03em;
}

.site-announcement:hover .marquee-text {
   animation-play-state: paused;
}

body.mobile-menu-open .site-announcement,
body:has(#mobile-menu:not(.hidden)) .site-announcement,
body:has(.mobileViewMenu:not(.hidden)) .site-announcement {
   display: none !important;
}

.site-header {
   position: sticky;
   top: 0;
   z-index: 9999;
   background: rgba(255, 250, 242, 0.96);
   border-bottom: 1px solid var(--home-line);
   box-shadow: 0 8px 24px rgba(36, 17, 3, 0.08);
   backdrop-filter: blur(14px);
}

.site-header .container {
   max-width: 98% !important;
}

.site-header-inner {
   min-height: 92px;
   display: grid;
   grid-template-columns: 180px minmax(0, 1fr) auto;
   align-items: center;
   gap: 28px;
   padding: 0 24px;
}

.site-logo,
.site-logo-link {
   position: static;
   width: auto;
   margin: 0;
}

.site-logo-link {
   display: inline-flex;
   align-items: center;
   color: var(--home-ink);
   text-decoration: none;
}

.site-logo img {
   position: static;
   display: block;
   width: auto;
   height: 72px;
   margin: 0;
   object-fit: contain;
}

.site-logo h1 {
   margin: 0;
   color: var(--home-ink);
   font-family: "Outfit", sans-serif;
   font-size: 28px;
   line-height: 1;
}

.site-nav {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: clamp(14px, 2vw, 30px);
   min-width: 0;
}

.site-nav-link {
   position: relative;
   display: inline-flex;
   align-items: center;
   min-height: 92px;
   color: var(--home-ink);
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   white-space: nowrap;
   text-decoration: none;
}

.site-nav-link::after {
   content: "";
   position: absolute;
   right: 0;
   bottom: 20px;
   left: 0;
   height: 2px;
   border-radius: 999px;
   background: var(--home-olive);
   transform: scaleX(0);
   transition: transform 180ms ease;
}

.site-nav-link:hover,
.site-nav-link.is-active {
   color: var(--home-olive);
}

.site-nav-link:hover::after,
.site-nav-link.is-active::after {
   transform: scaleX(1);
}

.site-header-actions {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 20px;
}

.site-header-icon {
   display: grid;
   width: 20px;
   height: 20px;
   place-items: center;
   color: var(--home-ink);
   text-decoration: none;
   transition: opacity 180ms ease, transform 180ms ease;
}

.site-header-icon img {
   display: block;
   width: 20px;
   height: 20px;
}

.site-cart .site-header-icon img {
   width: 16px;
   height: 20px;
}

.site-header-icon:hover {
   transform: translateY(-1px);
}

.site-cart {
   position: relative;
}

.site-cart a {
   position: relative;
}

.site-cart .cart-badge {
   position: absolute;
   top: -8px;
   right: -8px;
   min-width: 14px;
   padding: 1px 3px;
   border: 1px solid #fffaf2;
   background: var(--home-terracotta);
   color: #fffaf2;
   font-size: 10px;
   line-height: 1.2;
   text-align: center;
   border-radius: 999px;
}

.site-order-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 42px;
   padding: 0 18px;
   border-radius: 999px;
   background: var(--home-terracotta);
   color: #fffaf2;
   font-size: 11px;
   font-weight: 800;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   white-space: nowrap;
}

.site-order-button:hover {
   background: var(--home-ink);
   color: #fffaf2;
}

.site-menu-toggle {
   display: none;
   width: 42px;
   height: 42px;
   border: 1px solid var(--home-line);
   border-radius: 50%;
   background: transparent;
   color: var(--home-ink);
   font-size: 17px;
}

.site-mobile-menu {
   display: none;
}

.google-reviews-section .es-widget-title-container {
   display: none !important;
}



/* Product detail page */
.pd-breadcrumb {
   background: #fdf8f4;
   border-bottom: 1px solid #f0ebe4;
   padding: 12px 0;
}

.pd-breadcrumb ol {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
   gap: 8px;
   flex-wrap: wrap;
}

.pd-breadcrumb li {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 14px;
   color: #6b7280;
}

.pd-breadcrumb li a {
   color: #5c6169;
   text-decoration: none;
   transition: color .2s;
}

.pd-breadcrumb li a:hover {
   color: var(--home-ink-dark);
}

.pd-breadcrumb li.active {
   color: #1f2937;
   font-weight: 600;
}

.pd-breadcrumb .sep {
   color: #d1d5db;
}

.pd-section {
   padding: 48px 0 60px;
   background: #fff;
   margin: 0 !important;
}

.pd-image-wrap {
   position: relative;
   background: #fafafa;
   border-radius: 0px;
   overflow: hidden;
   aspect-ratio: 1 / 1;
   display: flex;
   align-items: center;
   justify-content: center;
}

.pd-image-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform .4s ease;
}

.pd-image-wrap:hover img {
   transform: scale(1.05);
}

.pd-badge-discount,
.pd-badge-oos {
   position: absolute;
   top: 16px;
   right: 16px;
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   padding: 4px 12px;
   border-radius: 0;
}

.pd-badge-discount {
   background: #ff4949;
   letter-spacing: .5px;
}

.pd-badge-oos {
   background: #6b7280;
}

.pd-youtube-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   margin-top: 14px;
   padding: 8px 18px;
   background: #dc2626;
   color: #fff;
   border-radius: 0px;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   transition: background .2s;
   position: absolute;
   left: 16px;
   bottom: 16px;
}

.pd-youtube-btn:hover {
   background: #ff4949;
   color: #fff;
}

.pd-category-tag {
   display: inline-block;
   background: #fef3c7;
   color: #92400e;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 4px 10px;
   border-radius: 0;
   margin-bottom: 10px;
}

.pd-product-name {
   font-size: clamp(20px, 3.5vw, 30px);
   font-weight: 600;
   color: #1f2937;
   line-height: 1.25;
   margin-bottom: 14px;
   font-family: "Outfit", sans-serif;
   word-break: break-word;
}

.pd-price-wrap {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 12px;
   flex-wrap: wrap;
}

.pd-sale-price {
   font-size: clamp(26px, 4vw, 34px);
   font-weight: 800;
   color: var(--home-ink);
   line-height: 1;
}

.pd-rrp-price {
   font-size: 18px;
   color: #9ca3af;
   text-decoration: line-through;
   font-weight: 400;
}

.pd-saving-tag {
   background: #dcfce7;
   color: #166534;
   font-size: 12px;
   font-weight: 600;
   padding: 3px 8px;
   border-radius: 0;
}

.pd-divider {
   border: none;
   border-top: 1px solid #f0ebe4;
   margin: 18px 0;
}

.pd-description {
   font-size: 15px;
   line-height: 1.7;
   color: #4b5563;
   margin-bottom: 22px;
   word-break: break-word;
   overflow-wrap: break-word;
}

.pd-tier-table {
   width: 100%;
   border-collapse: collapse;
   font-size: 13px;
   margin-bottom: 16px;
   border-radius: 0;
   overflow: hidden;
   border: 1px solid #fde68a;
}

.pd-tier-table thead tr {
   background: #fef9c3;
}

.pd-tier-table th {
   padding: 8px 12px;
   text-align: left;
   font-weight: 600;
   color: #92400e;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: .6px;
}

.pd-tier-table td {
   padding: 8px 12px;
   border-top: 1px solid #fde68a;
   color: #374151;
}

.pd-tier-table tr.tier-active {
   background: #fef3c7;
   font-weight: 600;
}

.pd-tier-table tr.tier-active td:first-child::before {
   content: '▶ ';
   color: #ff4949;
}

.pd-tier-label {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-size: 12px;
   font-weight: 500;
   color: #92400e;
   background: #fef9c3;
   border: 1px solid #fde68a;
   padding: 3px 10px;
   border-radius: 0;
   margin-bottom: 8px;
}

/* Tier package selector */
.pd-tier-select-wrap {
   margin-bottom: 18px;
}

.pd-tier-options {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-top: 8px;
}

.pd-tier-card {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 10px 14px;
   border: 2px solid #e5e7eb;
   border-radius: 0;
   cursor: pointer;
   background: #fff;
   transition: all .2s;
}

.pd-tier-card.is-selected {
   border-color: var(--home-ink);
   background: #faf8f5;
}

.pd-tier-radio {
   width: 18px;
   height: 18px;
   accent-color: var(--home-ink);
   flex-shrink: 0;
}

.pd-tier-info {
   flex: 1;
   min-width: 0;
}

.pd-tier-name {
   font-weight: 600;
   color: #1f2937;
   font-size: 14px;
}

.pd-tier-pricing {
   font-size: 13px;
   color: var(--home-ink);
   font-weight: 600;
}

.pd-tier-saving {
   font-size: 11px;
   color: #166534;
   background: #dcfce7;
   padding: 1px 7px;
   border-radius: 0;
   margin-left: 6px;
}

.pd-stock-indicator {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 20px;
}

.pd-stock-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
}

.pd-stock-dot.in {
   background: #22c55e;
   box-shadow: 0 0 0 3px #dcfce7;
}

.pd-stock-dot.out {
   background: #9ca3af;
}

.pd-stock-in {
   color: #166534;
   font-weight: 400;
}

.pd-stock-out {
   color: #6b7280;
}

.pd-cart-section {
   margin-top: 16px;
}

.pd-actions-wrap {
   display: flex;
   align-items: center;
   gap: 16px;
   flex-wrap: wrap;
   margin-top: 14px;
}

.pd-add-btn {
   display: inline-flex;
   min-width: 200px;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   padding: 12px 24px;
   background: var(--home-ink);
   color: #fff;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
   gap: 8px;
   border: none;
   border-radius: 0;
   cursor: pointer;
   transition: background .2s;
}

.pd-add-btn:hover {
   background: var(--home-ink-dark);
   color: #fff;
}

.pd-add-btn:active {
   transform: translateY(0);
}

.pd-qty-wrap {
   display: flex;
   align-items: center;
   width: 190px;
   height: 50px;
   overflow: hidden;
   border: 2px solid var(--home-ink);
   background: #fff;
   border-radius: 0;
}

.pd-qty-btn {
   width: 48px;
   height: 100%;
   background: var(--home-ink);
   color: #fff;
   border: none;
   font-size: 18px;
   font-weight: 600;
   cursor: pointer;
   transition: background .2s;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 0;
}

.pd-qty-btn:hover {
   background: var(--home-ink-dark);
}

.pd-qty-input {
   flex: 1;
   height: 100%;
   min-width: 40px;
   border: none;
   text-align: center;
   font-size: 17px;
   font-weight: 600;
   color: var(--home-ink);
   background: #fff;
   outline: none;
   appearance: textfield;
   -moz-appearance: textfield;
}

.pd-qty-input::-webkit-outer-spin-button,
.pd-qty-input::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

.pd-oos-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   width: 100%;
   max-width: 300px;
   height: 50px;
   background: #e5e7eb;
   color: #6b7280;
   font-weight: 600;
   font-size: 15px;
   cursor: not-allowed;
   border-radius: 0;
}

.pd-total-display {
   font-size: 15px;
   font-weight: 600;
   color: #166534;
   background: #dcfce7;
   display: inline-flex;
   align-items: center;
   padding: 8px 16px;
   border-radius: 0;
   transition: opacity .2s;
}

.pd-total-display.invisible {
   opacity: 0;
   pointer-events: none;
}

.pd-back-link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: #4b5563;
   font-size: 14px;
   font-weight: 500;
   text-decoration: none;
   transition: color 0.2s;
}

.pd-back-link:hover {
   color: var(--home-ink);
}

.pd-related {
   padding: 60px 0;
   border-top: solid 1px #fdf6ec;
   margin: 0 !important;
}

.pd-related-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 24px;
   position: relative;
}

.pd-related-title {
   font-size: 32px;
   font-weight: 500;
   color: var(--home-ink);
   margin: 0;
}

.pd-related-carousel {
   position: relative;
}

.pd-related-carousel .item {
   height: 100%;
   padding-bottom: 8px;
}

.pd-related-carousel .related-card {
   height: 100%;
   display: flex;
   flex-direction: column;
   background: #ffffff;
   border: 1px solid #f0e8e3;
   transition: transform 180ms ease, box-shadow 180ms ease;
}

.pd-related-carousel .related-card:hover {
   transform: translateY(-4px);
   box-shadow: 0 12px 24px rgba(36, 17, 3, 0.08);
}

.pd-related-carousel .owl-nav {
   position: absolute;
   top: -64px;
   right: 0;
   display: flex;
   gap: 8px;
   margin: 0;
   justify-content: end;
}

.pd-related-carousel .owl-nav button.owl-prev,
.pd-related-carousel .owl-nav button.owl-next {
   width: 40px;
   height: 40px;
   margin: 0;
   padding: 0;
   border: 1px solid #d6d0ca;
   background: #ffffff;
   color: var(--home-ink);
   font-size: 14px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.2s ease;
}

.pd-related-carousel .owl-nav button.owl-prev:hover,
.pd-related-carousel .owl-nav button.owl-next:hover {
   background: var(--home-ink);
   color: #ffffff;
   border-color: var(--home-ink);
   width: 40px;
   height: 40px;
}

.pd-related-carousel .owl-nav button.disabled {
   opacity: 0.35;
   cursor: not-allowed;
}

@media only screen and (max-width: 575px) {
   .pd-related-title {
      font-size: 24px;
   }

   .pd-related-carousel .owl-nav {
      position: static;
      justify-content: center;
      margin-top: 16px;
   }
}

.pd-related .related-card .rc-img-wrap {
   position: relative;
   aspect-ratio: 1 / 1;
   overflow: hidden;
   background: #f4eee6;
}

.pd-related .related-card .rc-img-wrap img {
   width: 100%;
   height: 100%;
   aspect-ratio: 1 / 1;
   object-fit: cover;
   transition: transform .35s;
}

.pd-related .related-card:hover .rc-img-wrap img {
   transform: scale(1.08);
}

.pd-related .related-card .rc-details-link {
   position: absolute;
   top: 12px;
   right: 12px;
   z-index: 2;
   display: inline-flex;
   width: 38px;
   height: 38px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #0002008c;
   color: #fbd8a2;
   font-size: 15px;
   text-decoration: none;
   opacity: 0;
   transform: translateY(-6px);
   transition: opacity .18s, transform .18s, background-color .18s;
}

.pd-related .related-card:hover .rc-details-link,
.pd-related .related-card .rc-details-link:focus-visible {
   opacity: 1;
   transform: translateY(0);
}

.pd-related .related-card .rc-details-link:hover {
   background: #000;
   color: #fff;
}

.pd-related .related-card .rc-hover {
   position: absolute;
   inset: 0;
   z-index: 1;
   display: flex;
   align-items: end;
   justify-content: center;
   background: rgba(36, 17, 3, .5);
   opacity: 0;
   transition: opacity .18s;
}

.pd-related .related-card:hover .rc-hover {
   opacity: 1;
}

.pd-related .related-card .rc-hover-link {
   display: inline-flex;
   width: 100%;
   min-height: 50px;
   align-items: center;
   justify-content: center;
   padding: 12px 20px;
   background: var(--home-ink);
   color: #fff;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: 3px;
   text-decoration: none;
   text-transform: uppercase;
}

.pd-related .related-card .rc-hover-link:hover {
   background: var(--home-ink-dark);
   color: #fff;
}

.pd-related .related-card .rc-sale {
   position: absolute;
   top: 9px;
   left: 10px;
   z-index: 2;
   padding: 5px;
   background: #ff4949;
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   text-transform: uppercase;
}

.pd-related .related-card .rc-body {
   padding: 14px 16px 18px;
   flex: 1;
   display: flex;
   flex-direction: column;
}

.pd-related .related-card .rc-name {
   font-size: 16px;
   font-weight: 500;
   color: #111;
   margin-bottom: 6px;
   line-height: 1.4;
}

.pd-related .related-card .rc-name a {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   white-space: normal;
   min-height: 2.8em;
   color: inherit;
   text-decoration: none;
}

.pd-related .related-card .rc-price {
   font-size: 20px;
   font-weight: 600;
   color: #111;
   margin-bottom: 8px;
}

.pd-related .related-card .rc-rrp {
   font-size: 12px;
   color: #9ca3af;
   text-decoration: line-through;
   margin-left: 4px;
}

.pd-related .related-card .rc-oos {
   display: block;
   text-align: center;
   background: #e5e7eb;
   color: #6b7280;
   font-size: 13px;
   font-weight: 600;
   padding: 8px 12px;
   margin-top: auto;
   position: absolute;
   right: 14px;
   bottom: 30px;
}

.variant-selector-wrap {
   margin-bottom: 18px;
}

.variant-options {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 10px;
   margin-top: 8px;
}

.variant-option {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   padding: 12px 14px;
   border: 2px solid #e5e7eb;
   border-radius: 0;
   background: #fff;
   cursor: pointer;
   transition: border-color .2s, background-color .2s, box-shadow .2s;
}

.variant-option:hover:not(.is-oos),
.variant-option.is-selected {
   border-color: var(--home-ink, #241103);
   background: #faf8f5;
}

.variant-option.is-selected {
   box-shadow: 0 0 0 1px rgba(36, 17, 3, .12);
}

.variant-option.is-oos {
   cursor: not-allowed;
   background: #f9fafb;
   opacity: .55;
}

.variant-radio {
   width: 18px;
   height: 18px;
   flex-shrink: 0;
   margin-top: 2px;
   accent-color: var(--home-ink, #241103);
}

.variant-option-content {
   flex: 1;
   min-width: 0;
}

.variant-option-label {
   color: #1f2937;
   font-size: 14px;
   font-weight: 600;
}

.variant-oos-label {
   color: #6b7280;
   font-size: 11px;
   font-weight: 500;
}

.variant-option-price {
   margin-top: 3px;
   color: var(--home-ink, #241103);
   font-size: 14px;
   font-weight: 600;
}

.variant-option-rrp {
   margin-left: 4px;
   color: #9ca3af;
   font-size: 12px;
   font-weight: 400;
   text-decoration: line-through;
}

.variant-saving {
   display: inline-block;
   margin-left: 6px;
   padding: 1px 7px;
   border-radius: 0;
   background: #dcfce7;
   color: #166534;
   font-size: 11px;
   font-weight: 600;
}

.variant-tier-wrap {
   margin-top: 6px;
}

.variant-tier-table {
   width: 100%;
   overflow: hidden;
   border: 1px solid #e5e7eb;
   border-radius: 0;
   border-collapse: collapse;
   font-size: 11px;
}

.variant-tier-table thead {
   background: #f9fafb;
}

.variant-tier-table th {
   padding: 4px 8px;
   color: #374151;
   text-align: left;
}

.variant-tier-table td {
   padding: 3px 8px;
   border-top: 1px solid #e5e7eb;
   color: #374151;
}

.variant-tier-table td:last-child {
   color: var(--home-ink, #241103);
   font-weight: 600;
}




/*-- Expandable Search Styles & Scripts */

.header-search-wrap {
   position: relative;
   display: flex;
   align-items: center;
}

.search-toggle-btn {
   display: none;
   background: none;
   border: none;
   cursor: pointer;
   padding: 0;
   position: relative;
   z-index: 5;
}

.header-search-expandable {
   width: 320px;
   max-width: calc(100vw - 140px);
   opacity: 1;
   margin-right: 8px;
   overflow: visible;
}

.header-search-wrap.is-open .header-search-expandable {
   width: 320px;
   max-width: calc(100vw - 140px);
   opacity: 1;
   margin-right: 8px;
   overflow: visible;
}

.search-input-inner {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   background: #ffffff;
   border: 1.5px solid #2411034f;
   /* border-radius: 4px; */
   padding: 4px 10px 4px 34px;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
   transition: border-color 0.2s, box-shadow 0.2s;
}

.header-search-wrap.is-open .search-input-inner:focus-within {
   box-shadow: 0 0 0 3px rgb(55 20 20 / 12%), 0 4px 14px rgb(35 21 21 / 8%);
}

.search-inner-icon {
   position: absolute;
   left: 12px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 16px;
   color: var(--home-ink);
   pointer-events: none;
}

.header-search-input {
   width: 100%;
   border: none;
   outline: none;
   background: transparent;
   font-size: 14px;
   color: var(--home-ink);
   padding: 4px 0;
}

.header-search-input::placeholder {
   color: #200a07c2;
   transition: opacity 0.2s ease;
}

.search-clear-btn {
   background: none;
   border: none;
   color: #200a07c2;
   cursor: pointer;
   padding: 2px 6px;
   font-size: 12px;
   line-height: 1;
   border-radius: 50%;
   transition: color 0.15s, background 0.15s;
}

.search-clear-btn:hover {
   color: var(--home-ink);
   background: #fee2e2;
}

.search-spinner {
   color: var(--home-ink);
   font-size: 13px;
   padding: 0 4px;
}

/* Results Popup */
.header-search-popup {
   position: absolute;
   top: calc(100% + 14px);
   right: 0;
   width: 440px;
   max-width: 94vw;
   background: rgba(255, 255, 255, 0.98);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
   z-index: 9999;
   overflow: hidden;
   animation: searchPopupSlide 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes searchPopupSlide {
   from {
      opacity: 0;
      transform: translateY(-8px) scale(0.98);
   }

   to {
      opacity: 1;
      transform: translateY(0) scale(1);
   }
}

.search-popup-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 14px;
   background: #f8fafc;
   border-bottom: 1px solid #f1f5f9;
}

.search-popup-title-wrap {
   display: flex;
   align-items: center;
   gap: 8px;
}

.search-popup-title {
   font-size: 12px;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: #241103;
}

.search-popup-count {
   font-size: 11px;
   font-weight: 600;
   background: #e2e8f0;
   color: #334155;
   padding: 1px 7px;
   border-radius: 10px;
}

.search-popup-close {
   background: none;
   border: none;
   color: #94a3b8;
   font-size: 13px;
   cursor: pointer;
   padding: 2px 6px;
   border-radius: 4px;
}

.search-popup-close:hover {
   color: var(--home-ink);
}

.search-popup-body {
   max-height: 420px;
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: 6px;
}

.search-popup-body::-webkit-scrollbar {
   width: 5px;
}

.search-popup-body::-webkit-scrollbar-thumb {
   background: #cbd5e1;
   border-radius: 4px;
}

.search-result-item {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 9px 10px;
   border-radius: 10px;
   transition: background 0.15s ease;
   border-bottom: 1px solid #f8fafc;
}

.search-result-item:last-child {
   border-bottom: none;
}

.search-result-item:hover {
   background: #f8fafc;
}

.search-result-thumb-link {
   flex-shrink: 0;
   display: block;
   width: 54px;
   height: 54px;
   border-radius: 8px;
   overflow: hidden;
   background: #f1f5f9;
   border: 1px solid #e2e8f0;
}

.search-result-thumb {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.2s;
}

.search-result-item:hover .search-result-thumb {
   transform: scale(1.06);
}

.search-result-info {
   flex: 1;
   min-width: 0;
}

.search-result-title {
   font-size: 14px;
   font-weight: 600;
   color: #1e293b;
   text-decoration: none;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   line-height: 1.35;
   transition: color 0.15s;
}

.search-result-title:hover {
   color: var(--home-ink);
}

.search-result-meta {
   display: flex;
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
   margin-top: 2px;
}

.search-cat-badge {
   font-size: 10px;
   font-weight: 400;
   color: #92400e;
   background: #fef3c7;
   padding: 1px 6px;
   border-radius: 4px;
}

.search-variant-tag {
   font-size: 10px;
   font-weight: 600;
   color: var(--home-olive);
   background: #f5f3ff;
   border: 1px solid #124d152a;
   padding: 0 6px;
   border-radius: 10px;
}

.search-variant-select {
   font-size: 11px;
   font-weight: 600;
   color: var(--home-olive);
   background: #f5f3ff;
   border: 1px solid #08533a71;
   border-radius: 6px;
   padding: 1px 4px;
   outline: none;
   cursor: pointer;
}

.search-result-pricing {
   display: flex;
   align-items: baseline;
   gap: 6px;
   margin-top: 3px;
}

.search-price-cur {
   font-size: 14px;
   font-weight: 500;
   color: var(--home-ink);
}

.search-price-rrp {
   font-size: 11.5px;
   color: #94a3b8;
   text-decoration: line-through;
}

.search-result-action {
   flex-shrink: 0;
   margin-left: 6px;
}

.search-add-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   background: var(--home-ink);
   color: #ffffff;
   font-size: 12px;
   font-weight: 600;
   padding: 6px 13px;
   border-radius: 20px;
   border: none;
   cursor: pointer;
   transition: all 0.18s ease;
   white-space: nowrap;
   box-shadow: 0 2px 6px rgba(44, 10, 10, 0.25);
}

.search-add-btn:hover:not(:disabled) {
   background: var(--home-ink);
   transform: translateY(-1px);
   box-shadow: 0 4px 10px rgba(19, 4, 4, 0.35);
}

.search-add-btn:active:not(:disabled) {
   transform: translateY(0);
}

.search-add-btn.is-added {
   background: #16a34a !important;
   color: #ffffff !important;
   box-shadow: 0 2px 6px rgba(22, 163, 74, 0.25);
}

.search-add-btn:disabled {
   background: #cbd5e1;
   color: #64748b;
   box-shadow: none;
   cursor: not-allowed;
}

.search-popup-footer {
   padding: 10px 14px;
   background: #f8fafc;
   border-top: 1px solid #e2e8f0;
   text-align: center;
}

.search-more-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   font-size: 12px;
   font-weight: 500;
   color: var(--home-ink);
   text-decoration: none;
   padding: 6px 14px;
   border-radius: 8px;
   transition: all 0.15s ease;
}

.search-more-btn:hover {
   color: var(--home-ink-dark);
   background: #2c0d0d38;
}

.search-empty-state {
   padding: 24px 16px;
   text-align: center;
   color: #64748b;
}

.search-empty-icon {
   font-size: 26px;
   color: #cbd5e1;
   margin-bottom: 8px;
}

.loginContainer {
   max-width: 600px;
   margin: 100px auto;
}

main.container {
   min-height: 400px;
   margin-bottom: 60px;
}

.cart_table thead th {
   color: var(--home-ink-dark);
   background: var(--home-cream);
}

.placeOrder {
   background: var(--home-olive);
   color: #fffaf2;
}

.text-red {
   color: var(--home-terracotta);
}

.cartPage h1,
.loginPage h1,
.resetPwPage h1 {
   font-size: 40px;
   font-weight: 500;
   color: var(--home-ink);
   margin-bottom: 24px;
}

.cartPage h2 {
   font-size: 28px;
   font-weight: 500;
   color: var(--home-ink);
   margin-bottom: 24px;
}

/* Customer Account Page */
.myAccountPage h1.account-title {
   font-size: clamp(24px, 3.5vw, 36px);
   font-weight: 600;
   color: var(--home-ink);
   margin: 0;
   line-height: 1.2;
}

.myAccountPage .account-header-bar {
   border-bottom: 1px solid #f0ebe4;
   padding-bottom: 16px;
   margin-bottom: 24px;
}

.myAccountPage .account-card {
   background: #ffffff;
   border: 1px solid #e5e7eb;
   border-radius: 0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.myAccountPage .account-card-header {
   padding: 14px 18px;
   border-bottom: 1px solid #f0ebe4;
   background: #faf8f5;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.myAccountPage .account-card-header h2 {
   font-size: 16px;
   font-weight: 600;
   color: var(--home-ink);
   margin: 0;
   display: flex;
   align-items: center;
   gap: 8px;
}

.myAccountPage .account-card-body {
   padding: 18px;
}

.myAccountPage .account-badge {
   border-radius: 0;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.5px;
   text-transform: uppercase;
   padding: 3px 8px;
   display: inline-block;
}

.myAccountPage .order-mobile-card {
   background: #ffffff;
   border: 1px solid #e5e7eb;
   padding: 14px;
   margin-bottom: 10px;
   border-radius: 0;
   transition: border-color 0.2s;
}

.myAccountPage .order-mobile-card:hover {
   border-color: #cbd5e1;
}

.myAccountPage .order-mobile-actions {
   display: flex;
   gap: 8px;
   width: 100%;
}

.myAccountPage .order-mobile-actions>a {
   flex: 1;
   text-align: center;
   justify-content: center;
   padding: 8px 10px;
}

.myAccountPage .address-card {
   background: #fafafa;
   border: 1px solid #e5e7eb;
   padding: 14px;
   margin-bottom: 12px;
   border-radius: 0;
   transition: border-color 0.2s;
}

.myAccountPage .address-card:hover {
   border-color: #cbd5e1;
}

.myAccountPage .account-btn-primary {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   background: var(--home-ink);
   color: #ffffff;
   font-size: 13px;
   font-weight: 600;
   padding: 10px 20px;
   border: none;
   border-radius: 0;
   cursor: pointer;
   text-decoration: none;
   transition: background 0.2s;
}

.myAccountPage .account-btn-primary:hover {
   background: var(--home-ink-dark);
   color: #ffffff;
}

.myAccountPage .account-btn-outline {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   background: #ffffff;
   color: var(--home-ink);
   border: 1px solid #d1d5db;
   font-size: 12px;
   font-weight: 600;
   padding: 6px 12px;
   border-radius: 0;
   cursor: pointer;
   text-decoration: none;
   transition: all 0.15s ease;
}

.myAccountPage .account-btn-outline:hover {
   background: #f3f4f6;
   border-color: #9ca3af;
   color: var(--home-ink);
}

.myAccountPage .account-btn-invoice {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   background: #15803d;
   color: #ffffff;
   border: 1px solid #15803d;
   font-size: 12px;
   font-weight: 600;
   padding: 6px 12px;
   border-radius: 0;
   cursor: pointer;
   text-decoration: none;
   transition: background 0.15s ease;
}

.myAccountPage .account-btn-invoice:hover {
   background: #166534;
   border-color: #166534;
   color: #ffffff;
}

.myAccountPage .account-btn-danger {
   color: #dc2626;
   font-size: 12px;
   font-weight: 600;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   gap: 4px;
   transition: color 0.15s ease;
}

.myAccountPage .account-btn-danger:hover {
   color: #991b1b;
   text-decoration: underline;
}

.myAccountPage .account-input {
   width: 100%;
   border: 1px solid #d1d5db;
   border-radius: 0;
   background: #ffffff;
   padding: 10px 12px;
   font-size: 15px;
   color: var(--home-ink);
   outline: none;
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.myAccountPage .account-input:focus {
   border-color: var(--home-ink);
   box-shadow: 0 0 0 1px var(--home-ink);
}

.myAccountPage .account-modal-card {
   border-radius: 0;
}

/* Account Sidebar & Navigation */
.account-sidebar-desktop {
   position: sticky;
   top: 24px;
   align-self: flex-start;
}

.account-sidebar-card {
   background: #ffffff;
   border: 1px solid #e5e7eb;
   border-radius: 0;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
   overflow: hidden;
}

.account-sidebar-user {
   padding: 18px 16px;
   background: #faf8f5;
   border-bottom: 1px solid #f0ebe4;
   display: flex;
   align-items: center;
   gap: 12px;
}

.account-user-avatar {
   width: 44px;
   height: 44px;
   background: var(--home-ink);
   color: #ffffff;
   font-size: 18px;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   border-radius: 0;
   text-transform: uppercase;
}

.account-user-name {
   font-size: 15px;
   font-weight: 600;
   color: var(--home-ink);
   line-height: 1.3;
   word-break: break-word;
}

.account-user-email {
   font-size: 12px;
   color: #6b7280;
   line-height: 1.3;
   word-break: break-all;
   margin-top: 2px;
}

.account-nav {
   display: flex;
   flex-direction: column;
   padding: 6px 0;
}

.account-nav-item {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 12px 16px;
   font-size: 14px;
   font-weight: 600;
   color: #4b5563;
   background: transparent;
   border: none;
   border-left: 3px solid transparent;
   width: 100%;
   text-align: left;
   cursor: pointer;
   text-decoration: none;
   transition: all 0.15s ease;
   position: relative;
}

.account-nav-item i {
   width: 20px;
   text-align: center;
   font-size: 15px;
   color: #9ca3af;
   transition: color 0.15s ease;
}

.account-nav-item:hover {
   background: #fdfaf7;
   color: var(--home-ink);
}

.account-nav-item:hover i {
   color: var(--home-ink);
}

.account-nav-item.active {
   background: #faf4ed;
   color: var(--home-ink);
   border-left-color: var(--home-ink);
   font-weight: 600;
}

.account-nav-item.active i {
   color: var(--home-ink);
}

.account-nav-item .nav-badge {
   margin-left: auto;
   font-size: 11px;
   font-weight: 600;
   padding: 2px 7px;
   background: #f3f4f6;
   color: #374151;
   border-radius: 0;
}

.account-nav-item.active .nav-badge {
   background: var(--home-ink);
   color: #ffffff;
}

.account-nav-divider {
   height: 1px;
   background: #f0ebe4;
   margin: 6px 0;
}

/* Mobile Tabs Bar */
.account-mobile-tabs {
   display: none;
}

/* Profile Stat Cards */
.profile-stat-card {
   background: #faf8f5;
   border: 1px solid #f0ebe4;
   padding: 16px;
   border-radius: 0;
   display: flex;
   align-items: center;
   gap: 14px;
}

.profile-stat-icon {
   width: 44px;
   height: 44px;
   background: #ffffff;
   border: 1px solid #e5e7eb;
   color: var(--home-ink);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   flex-shrink: 0;
   border-radius: 0;
}

.profile-stat-val {
   font-size: 20px;
   font-weight: 800;
   color: var(--home-ink);
   line-height: 1.2;
}

.profile-stat-lbl {
   font-size: 12px;
   color: #6b7280;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.inputfield {
   width: 100%;
   border: none;
   outline: none;
   background: #fff;
   font-size: 16px;
   color: var(--home-ink);
   padding: 4px 0;
   border: #2411034f 1px solid;
   padding: 10px 12px;
   /* border-radius: 4px; */

}

.bg-primary-100 {
   background: var(--home-cream);
}

.text-primary-800 {
   color: var(--home-ink);
}

.mhide {
   display: block !important;
}

.mshow {
   display: none !important;
}

.prod_desc {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 6px;
   line-height: 1.4;
}

b,
strong {
   font-weight: 600;
}

.container.trackOrderContainer {
   max-width: 800px !important;
}

.instagram-widget-wrapper .sk-profile {
   display: none !important;
}