/* Reference measurements: docs/storefront-design.md. Brand colors come from the supplied logo. */
:root {
  --green:#326b23; --green-dark:#123d2d; --green-hover:#24531a; --green-light:#eff5e9;
  --lime:#b6dc25; --sun:#b6dc25; --sun-hover:#a3c51e; --sun-light:#f5f8e9;
  --ink:#333; --muted:#737373; --bg:#fbf9f5; --line:#e6e4e0;
  --font:'Open Sans','Noto Sans Arabic','Noto Sans Bengali',sans-serif;
  --heading-font:var(--font); --radius-sm:3px; --radius:4px; --radius-lg:6px; --radius-xl:8px;
}
body,#app {background:var(--bg);margin:0;padding:0;min-height:100vh}
.container {width:calc(100% - 40px);max-width:1328px}
.refreshed-header {position:relative;z-index:50;background:var(--surface);border:0;box-shadow:none}
.header-main {display:flex;align-items:center;gap:32px;min-height:87px;padding-block:16px}
.brand {gap:8px}
.brand>img {width:48px;border-radius:0}
.brand strong {font-size:19px;letter-spacing:-.5px}
.brand small {font-size:11px}
.brand small>span {display:none}
.header-main>.brand {margin-inline-end:auto}
.search-form {display:flex;flex:0 1 445px;margin:0 8% 0 3%;border:0;border-radius:5px;background:#f4f4f4;box-shadow:none;height:46px;min-width:120px;overflow:hidden}
.search-form input {border:0;background:transparent;min-width:0;width:100%;font-size:16px;padding:12px 16px;outline-offset:-3px}
.search-form button {background:transparent;display:grid;place-items:center;min-width:44px;color:var(--muted)}
.header-actions {display:flex;align-items:center;gap:20px}
.header-action {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;min-width:44px;height:52px;padding:0;background:transparent;border:0;border-radius:0;color:var(--ink);box-shadow:none;white-space:nowrap}
.header-action:hover {color:var(--green);background:transparent}
.header-action>.icon {height:24px;width:24px}
.header-action>span {font-size:12px;font-weight:400}
.bag-button {width:44px}
.bag-button .cart-count {position:absolute;inset-inline-end:0;top:-2px;background:var(--green);color:white;min-width:17px;height:17px;border-radius:50%;font-size:10px;display:grid;place-items:center;line-height:1}
.language-picker {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.language-picker .icon {width:23px;height:23px}
.language-picker select {min-height:24px;border:0;background:white;font-size:11px;width:54px;padding:0}
.mobile-menu-button,.mobile-menu,.mobile-bottom-nav {display:none}
.mobile-menu[hidden] {display:none}
.category-navigation {background:var(--green-dark);color:white}
.category-navigation nav {display:flex;align-items:center;gap:28px;min-height:50px;overflow:auto;scrollbar-width:none}
.category-navigation a {display:flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap;font-size:13px;font-weight:500}
.category-navigation a:hover {color:var(--lime)}
.category-navigation .icon {width:12px;height:12px}
.promotion-grid {display:grid;grid-template-columns:2.05fr 1fr;gap:20px;padding-top:20px}
.hero-v2 {display:grid;grid-template-columns:1fr 1fr;position:relative;align-items:center;min-height:352px;background:var(--green-light);border:1px solid #e1eacb;border-radius:6px;overflow:hidden;padding:28px 0 28px 32px}
.hero-v2-copy {position:relative;z-index:1}
.promotion-eyebrow {font-size:11px;font-weight:700;color:var(--green);letter-spacing:1.3px}
.hero-v2 h1 {font-size:34px;line-height:1.25;letter-spacing:-1.3px;margin:14px 0;color:var(--green-dark);font-weight:800}
.hero-v2 p {font-size:13px;color:var(--muted);line-height:1.8;margin:0 0 20px;max-width:30ch}
.hero-v2 .button {font-size:12px;min-height:40px;padding:10px 18px;gap:16px;border-radius:3px;box-shadow:none}
.hero-v2 picture {align-self:center;min-width:0}
.promotion-pantry {width:100%;height:280px;object-fit:contain}
.side-promotion {position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:hidden;border-radius:6px;background:#f6edd7;padding:28px 24px 24px;text-align:start;border:1px solid #e9ddbe}
.side-promotion-copy small {display:block;font-size:10px;font-weight:700;color:var(--green);letter-spacing:1.5px}
.side-promotion h2 {font-size:30px;line-height:1.15;letter-spacing:-.6px;color:var(--green-dark);margin:12px 0 0}
.side-product {display:grid;grid-template-columns:1fr 1.1fr;align-items:end;gap:12px;min-width:0}
.side-product-info {display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-bottom:4px}
.side-product-name {font-size:13px;font-weight:600;line-height:1.5;color:var(--green-dark)}
.side-product-size {font-size:11px;color:var(--muted);margin-top:4px}
.side-product-price {font-size:20px;line-height:1.4;color:var(--green-dark);margin-top:12px;font-weight:700}
.side-product-price .currency {font-size:11px}
.side-product-link {display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;color:var(--green);margin-top:8px}
.side-product-link .icon {width:16px;height:16px}
.side-product-visual {display:grid;place-items:center;background:#fffcf5;border-radius:80px 80px 8px 8px;padding:16px 10px;min-width:0}
.side-product-visual img {width:100%;height:156px;object-fit:contain;mix-blend-mode:multiply;transition:transform var(--motion)}
.side-promotion:hover .side-product-visual img {transform:translateY(-4px)}
.side-promotion:hover .side-product-link {text-decoration:underline}
@media(min-width:768px) and (max-width:959px) {
 .side-promotion {padding:24px 16px 16px;gap:16px}.side-promotion h2 {font-size:25px}.side-product {grid-template-columns:1fr;gap:12px}.side-product-info {order:2}.side-product-visual {order:1;border-radius:60px 60px 8px 8px}.side-product-visual img {height:100px}.side-product-price {margin-top:6px;font-size:18px}.side-product-link {margin-top:0}
}
html[lang=ar] .side-promotion h2,html[lang=bn] .side-promotion h2 {letter-spacing:normal;line-height:1.4}
html[dir=rtl] .side-product-link .icon {transform:scaleX(-1)}
.intro-categories {padding-block:16px 0}
.intro-categories>h2 {text-align:center;font-size:22px;line-height:1.2;margin:0 0 32px;font-weight:600}
.category-cards-v2 {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px}
.category-card-v2 {display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.category-art {display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:24px;background:white;padding:18px;overflow:hidden}
.category-art img {width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.category-card-v2 h3 {font-size:13px;font-weight:500;text-align:center;line-height:1.4;margin:0}
.category-card-v2:hover h3 {color:var(--green)}
.top-selling {padding-block:32px 0}
.top-selling>h2 {font-size:28px;line-height:1.2;font-weight:600;text-align:center;margin:0 0 36px}
.top-selling-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.top-product {display:grid;grid-template-columns:46% 1fr;gap:24px;align-items:center;background:white;border-radius:6px;overflow:hidden;min-width:0;min-height:260px;padding-inline-end:20px}
.top-product-image {display:grid;place-items:center;height:260px;background:white}
.top-product-image img {width:100%;height:100%;object-fit:contain;padding:16px}
.top-product h3 {font-size:18px;font-weight:600;line-height:1.5;margin:0 0 8px}
.top-product h3 small {font-size:inherit;font-weight:inherit}
.top-price {display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px}
.top-price strong {font-weight:700;color:var(--green)}
.top-price del {font-size:13px;color:#999}
.saving-label {display:table;font-size:11px;color:var(--green-dark);background:var(--lime);padding:3px 8px;margin-block:6px;border-radius:12px}
.top-product-actions {display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.top-product-actions button {display:flex;justify-content:center;align-items:center;gap:4px;min-height:40px;padding:6px 10px;font-size:12px;border-radius:3px}
.top-product-actions .icon {height:14px;width:14px}
.outline-cart {border:1px solid var(--green);background:white;color:var(--green)}
.outline-cart:hover {background:var(--green-light)}
.buy-button {background:var(--green);color:white}
.buy-button:hover {background:var(--green-hover)}
.brand-section,.catalog-section,.featured-section {padding-block:32px 0}
.catalog-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}
.catalog-heading h2 {position:relative;font-size:20px;font-weight:700;line-height:1.2;margin:0}
.catalog-heading h2:after {content:'';position:absolute;inset-inline-start:0;bottom:-17px;width:40px;height:3px;background:var(--green)}
.catalog-heading>a {display:flex;gap:8px;align-items:center;color:var(--green);text-decoration:underline;font-size:11px;font-weight:500}
.catalog-heading>a .icon {width:18px;height:18px}
.brand-rail {display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);overflow:auto;gap:24px;scrollbar-width:thin;padding-bottom:12px}
.brand-tile {display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:white;min-height:88px;font-size:22px;font-weight:800;color:var(--green-dark);letter-spacing:1px}
.brand-tile:nth-child(2n) {color:#8c5729}
.catalog-rail {display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}
.product-card {padding:8px;background:white;border:1px solid #dcdcdc;border-radius:3px;box-shadow:none;min-width:0;overflow:hidden}
.product-card:hover {transform:none;box-shadow:none;border-color:var(--green)}
.product-visual {position:relative;background:#fafafa;border-radius:2px;aspect-ratio:1;overflow:hidden}
.product-visual>a {display:block;height:100%;width:100%}
.product-visual img {width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}
.product-badge {position:absolute;top:6px;inset-inline-start:6px;border-radius:2px;background:var(--green);color:white;padding:3px 5px;font-size:11px;font-weight:500;line-height:1.4;max-width:calc(100% - 45px);z-index:1}
.product-badge.badge-blue {background:var(--green-dark);color:white}
.save-button {position:absolute;top:2px;inset-inline-end:2px;width:44px;height:44px;min-width:44px;min-height:44px;background:rgba(255,255,255,.92);border:0;border-radius:50%;color:var(--green);z-index:2;box-shadow:none}
.save-button .icon {width:17px;height:17px}
.product-info {padding:10px 0 0;display:flex;flex-direction:column}
.product-brand {display:none}
.product-name {font-size:14px;font-weight:500;line-height:1.4;min-height:40px;color:var(--ink)}
.pack-size {font-size:11px;margin:3px 0;color:var(--muted)}
.product-bottom {display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:4px}
.product-prices {display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}
.product-prices>strong {font-size:15px;font-weight:600;color:var(--green)}
.product-prices>del {font-size:11px;color:var(--muted)}
.no-discount {display:none}
.add-button {display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:100%;padding:6px 4px;border:1px solid var(--green);background:white;color:var(--green);font-size:12px;font-weight:500;border-radius:3px;box-shadow:none}
.add-button .icon {width:15px;height:15px}
.add-button:hover {background:var(--green);color:white}
.product-rail {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.product-tabs {display:flex;gap:8px;overflow:auto;margin-bottom:20px;padding-block:2px 8px;scrollbar-width:thin}
.filter-tab {border:1px solid var(--line);background:white;padding:8px 16px;min-height:44px;white-space:nowrap;border-radius:3px;font-size:12px}
.filter-tab.selected {border-color:var(--green);color:var(--green);background:var(--green-light)}
.store-information {display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:40px}
.store-information h2 {font-size:20px;margin:0 0 16px}
.store-information p {font-size:13px;color:var(--muted);line-height:1.8}
.faq-questions details {border-bottom:1px solid var(--line)}
.faq-questions summary {display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;min-height:48px;font-size:13px;padding-block:10px}
.faq-questions summary .icon {width:16px;height:16px;flex-shrink:0;color:var(--green)}
.faq-questions details[open] summary .icon {transform:rotate(45deg)}
.site-footer {background:white;color:var(--muted);padding-top:56px;border-top:1px solid var(--line)}
.footer-grid {grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}
.site-footer h3 {font-size:14px;color:var(--ink);margin-bottom:20px}
.footer-brand h3 {display:none}
.footer-brand>p {max-width:30ch}
.site-footer p,.site-footer a,.site-footer small,.site-footer span {font-size:12px}
.site-footer .brand strong {font-size:20px;color:var(--ink)}
.site-footer .brand strong b {color:var(--green)}
.footer-bottom {border-top:1px solid var(--line);padding-block:24px;gap:24px;font-size:11px}
.shop-page,.product-page {padding-top:16px}
.shop-page h1 {font-size:28px}
.shop-sidebar {border-radius:3px;box-shadow:none;background:white;border:1px solid var(--line)}
.shop-product-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gallery-main {border-radius:4px;background:white}
@media(max-width:1199px) {
 .header-main {gap:20px}.header-actions {gap:10px}.search-form {margin-inline:0;flex:1}.brand strong {font-size:17px}
 .category-navigation nav {gap:22px}.hero-v2 h1 {font-size:28px}.top-product {gap:16px;min-height:220px}.top-product-image {height:220px}.top-product h3 {font-size:16px}.top-product-actions {gap:6px;margin-top:14px}.top-product-actions button {font-size:11px;padding:6px 8px}
 .category-cards-v2 {gap:16px}.category-art {padding:12px}.catalog-rail {grid-auto-columns:calc((100% - 60px)/4)}.product-rail {grid-template-columns:repeat(4,minmax(0,1fr))}.shop-product-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px) {
 body {padding-bottom:62px}.container {width:calc(100% - 24px)}
 .header-main {min-height:64px;padding-block:8px;gap:8px;flex-wrap:wrap;justify-content:space-between}
 .mobile-menu-button {display:grid;place-items:center;width:44px;height:44px;border:0;background:white;border-radius:0;color:var(--ink)}
 .header-main>.brand {margin:0;position:absolute;left:50%;transform:translateX(-50%);top:12px}.brand>img {width:34px}.brand strong {font-size:15px}.brand small {font-size:9px}
 .header-actions {margin-inline-start:auto}.header-actions>.location-link,.header-actions>.account-button,.header-actions>.saved-link,.header-actions>.language-picker {display:none}
 .bag-button {width:44px;height:44px;min-width:44px}.bag-button>span {display:none}.bag-button .cart-count {top:0;inset-inline-end:0}
 .search-form {order:5;flex:1 0 100%;height:40px;display:flex;margin-top:6px}.search-form input {font-size:16px;padding:8px 12px}
 .category-navigation {display:none}
 .mobile-menu:not([hidden]) {position:absolute;top:100%;inset-inline:0;display:flex;flex-direction:column;padding:16px;background:white;border:1px solid var(--line);box-shadow:0 8px 16px #0001;max-height:65vh;overflow:auto}
 .mobile-menu>a {font-size:14px;padding:10px;border-bottom:1px solid var(--line)}
 .delivery-bar {padding:12px 0}.delivery-bar button {display:flex;align-items:center;gap:6px;background:white;font-size:12px}.delivery-bar .icon {width:16px}
 .mobile-language {display:flex;align-items:center;gap:12px;font-size:13px}.mobile-language select {min-height:44px;border:1px solid var(--line);background:white}
 .mobile-bottom-nav {position:fixed;bottom:0;inset-inline:0;z-index:60;display:flex;justify-content:space-around;align-items:center;min-height:58px;padding:4px 0 max(4px,env(safe-area-inset-bottom));background:var(--green);color:white}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button {display:flex;flex:1;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:inherit;padding:0;font-size:9px}
 .mobile-bottom-nav .icon {width:20px;height:20px}.mobile-bottom-nav span {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
 .promotion-grid {grid-template-columns:1fr;padding-top:12px;gap:0}.side-promotion {display:none}
 .hero-v2 {min-height:190px;padding:20px 0 20px 16px;grid-template-columns:1.15fr 1fr;border-radius:5px}
 .promotion-eyebrow {font-size:8px;letter-spacing:.6px}.hero-v2 h1 {font-size:23px;letter-spacing:-.7px;margin-block:8px}.hero-v2 p {font-size:10px;margin:0 0 12px;line-height:1.5}.hero-v2 .button {min-height:36px;font-size:10px;padding:8px 12px;gap:8px}.promotion-pantry {height:180px}
 .intro-categories {padding-top:24px}.intro-categories>h2 {font-size:16px;margin-bottom:20px}
 .category-cards-v2 {display:flex;gap:16px;overflow:auto;scrollbar-width:thin;padding-bottom:12px;scroll-snap-type:x mandatory}.category-card-v2 {flex:0 0 88px;scroll-snap-align:start;gap:10px}.category-art {width:88px;height:88px;aspect-ratio:1;border-radius:18px;padding:12px}.category-card-v2 h3 {font-size:11px}
 .top-selling {padding-top:24px}.top-selling>h2 {font-size:18px;margin-bottom:24px}
 .top-selling-grid {gap:16px}.top-product {display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0 10px 12px}.top-product-image {height:auto;aspect-ratio:1;margin-inline:-10px}.top-product-image img {padding:12px}.top-product h3 {font-size:12px;line-height:1.6;margin:8px 0 4px;min-height:38px}.top-price {font-size:12px;gap:6px}.top-price del {font-size:10px}.saving-label {font-size:9px;padding:2px 6px}.top-product-actions {margin-top:12px;gap:6px}.top-product-actions button {width:100%;min-height:36px;font-size:10px}.top-product-actions .buy-button {display:none}
 .brand-section,.catalog-section,.featured-section {padding-top:28px}.catalog-heading {padding-bottom:12px;margin-bottom:16px;gap:8px}.catalog-heading h2 {font-size:15px}.catalog-heading h2:after {bottom:-13px;width:30px;height:2px}.catalog-heading>a {font-size:9px;gap:4px}.catalog-heading>a .icon {width:14px}
 .brand-rail {grid-auto-columns:calc((100% - 16px)/2);gap:16px;padding-bottom:12px}.brand-tile {font-size:17px;min-height:74px;letter-spacing:0}
 .catalog-rail {grid-auto-columns:calc((100% - 16px)/2);gap:16px;padding-bottom:14px}.product-rail {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card {padding:6px}.product-info {padding-top:8px}.product-name {font-size:14px}.product-badge {font-size:11px;inset-inline-start:2px;top:2px;padding:2px 4px}.product-prices>strong {font-size:13px}.product-prices>del {font-size:10px}.product-prices {gap:4px}.product-bottom {gap:8px}.add-button {font-size:11px;min-height:44px}.product-tabs {gap:6px;margin-bottom:12px}.filter-tab {font-size:11px;padding:6px 12px}
 .store-information {grid-template-columns:1fr;gap:24px;padding-block:32px}.store-information h2 {font-size:17px}.store-information p {font-size:12px}
 .site-footer {padding-top:32px}.footer-grid {grid-template-columns:1fr 1fr;gap:28px;padding-bottom:32px}.footer-brand {grid-column:1/-1}.footer-brand>p {max-width:36ch}.site-footer .brand {width:max-content}.site-footer h3 {font-size:13px;margin-bottom:12px}.footer-bottom {flex-direction:column;align-items:start;gap:12px;padding-block:20px}
 .shop-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-page h1 {font-size:22px}.shop-page-heading {gap:16px;flex-wrap:wrap}
}
@media(max-width:359px) {.hero-v2 h1 {font-size:20px}.promotion-eyebrow {font-size:7px}.hero-v2 {min-height:180px}.promotion-pantry {height:160px}.top-selling-grid,.catalog-rail,.product-rail {gap:12px}.catalog-rail {grid-auto-columns:calc((100% - 12px)/2)}.catalog-heading>a {font-size:8px}.product-prices>strong {font-size:12px}}
html[lang=ar] .hero-v2 h1,html[lang=bn] .hero-v2 h1 {letter-spacing:normal;line-height:1.5}
html[dir=rtl] .hero-v2 {padding-inline:32px 0}
html[dir=rtl] .catalog-heading .icon,html[dir=rtl] .hero-v2 .button .icon {transform:scaleX(-1)}
@media(prefers-reduced-motion:reduce) {*,*:before,*:after {scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Shared footer selectors must override the previous dark footer palette. */
.footer-grid > div:not(.footer-brand) > h3 {color:var(--ink);text-transform:none;letter-spacing:0}
.footer-grid > div:not(.footer-brand) > a,.footer-brand > p,.footer-neighbourhood > p,.footer-neighbourhood > span,.footer-bottom {color:var(--muted)}
.footer-neighbourhood .arabic-footer {color:var(--green-dark)}
.reference-home h1:focus:not(:focus-visible) {outline:none}
/* Collection and detail pages use the reference's white panels and compact type. */
#app:has(.shop-page) {background:#f2f3f7}
#app:has(.product-page) {background:#f8f8f8}
.shop-page-heading {padding:20px 0}
.shop-page-heading h1 {font-size:24px;font-weight:600}
.shop-page-heading .eyebrow {display:none}
.sort-label select {background:white;border:1px solid var(--line);border-radius:3px}
.shop-sidebar {padding:20px;align-self:start}
.shop-sidebar h3 {font-size:14px;border-bottom:1px solid var(--line);padding-bottom:16px;text-transform:uppercase}
.sidebar-note {background:var(--green-light);border-radius:3px}
.product-detail {background:white;border:1px solid var(--line);border-radius:12px;padding:24px;gap:48px;box-shadow:0 2px 3px #0000000a;align-items:start}
.detail-info>h1 {font-size:24px;font-weight:600;line-height:1.4;letter-spacing:0}
.detail-price>strong {font-size:26px}
.detail-info .product-brand {display:none}
.product-gallery {min-width:0}
.gallery-main {border:1px solid var(--line);box-shadow:none}
.pack-option,.quantity-stepper {border-radius:4px}
.detail-add {border-radius:4px;box-shadow:none;font-size:13px}
.product-accordions {background:white;border:1px solid var(--line);border-radius:6px;padding:12px 24px;margin-top:32px}
.product-accordions details {border-color:var(--line)}
.related-section .section-heading h2 {font-size:22px;font-weight:600}
@media(max-width:767px) {
 .product-detail {padding:12px;gap:24px;border-radius:6px}
 .detail-info>h1 {font-size:21px}
 .product-accordions {padding:8px 16px}
 .detail-add {font-size:12px;padding-inline:12px}
 .shop-sidebar {padding:12px}
}
/* Banner carousel keeps the existing promotion footprint. */
.hero-carousel {position:relative;min-width:0;border-radius:6px;background:var(--green-light);overflow:hidden;border:1px solid #e1eacb}
.hero-slides {height:100%}
.hero-carousel .hero-v2 {height:100%;border:0;border-radius:0;padding-bottom:64px}
.hero-slide[hidden] {display:none}
.hero-slide-title {font-size:34px;line-height:1.25;letter-spacing:-1.3px;margin:14px 0;color:var(--green-dark);font-weight:800}
.promotion-people {width:100%;height:280px;object-fit:contain;object-position:center bottom;align-self:end}
.hero-people {padding-top:16px}
.hero-controls {position:absolute;bottom:8px;inset-inline:16px;display:flex;align-items:center;justify-content:center;gap:4px;z-index:2}
.hero-controls button {display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;background:transparent;color:var(--green-dark)}
.hero-controls button:hover {background:#ffffffb3}
.hero-controls .icon {width:18px;height:18px}
.hero-prev .icon {transform:rotate(180deg)}
.hero-dots {display:flex;align-items:center}
.hero-dot span {width:8px;height:8px;background:var(--green);border-radius:50%;opacity:.3}
.hero-dot[aria-current=true] span {width:24px;border-radius:8px;opacity:1}
.hero-play {position:absolute;inset-inline-end:0}
html[dir=rtl] .hero-prev .icon {transform:none}
html[dir=rtl] [data-hero=next] .icon {transform:rotate(180deg)}
@media(max-width:1199px) {.hero-slide-title {font-size:28px}}
@media(max-width:767px) {
 .hero-carousel .hero-v2 {min-height:246px;padding:16px 0 60px 16px}
 .hero-slide-title {font-size:23px;letter-spacing:-.7px;margin-block:8px}
 .promotion-people {height:180px}
 .hero-controls {bottom:4px;inset-inline:8px}
 html[dir=rtl] .hero-carousel .hero-v2 {padding-inline:16px 0}
}
@media(max-width:359px) {.hero-slide-title {font-size:20px}.promotion-people {height:166px}}
html[lang=ar] .hero-slide-title,html[lang=bn] .hero-slide-title {letter-spacing:normal;line-height:1.5}
/* A bag/house outline frames the existing leaf-and-cart mark. */
.brand>img {width:46px;height:50px;aspect-ratio:80/88;object-fit:contain;border-radius:0}
@media(max-width:767px) {.brand>img {width:34px;height:38px}.header-main>.brand {top:10px}}
/* Put the purchase decision in the first viewport. Long descriptions follow below. */
.product-page {padding-top:0}
.product-page .breadcrumb {padding:0;margin-block:8px 12px;min-height:32px;font-size:12px}
.product-detail {grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px;padding:24px;align-items:start}
.product-gallery .gallery-main {aspect-ratio:auto;height:clamp(280px,calc(100svh - 250px),460px);padding:40px 24px 16px}
.product-gallery .gallery-main>img {max-height:100%;width:100%;height:100%;object-fit:contain}
.gallery-caption {font-size:11px;line-height:1.4;margin-top:8px;gap:6px}
.detail-info {min-width:0}
.detail-info>h1 {margin:0 0 8px;font-size:24px;font-weight:600;line-height:1.3}
.detail-subtitle {font-size:12px;gap:8px;margin:0 0 16px}
.detail-price {margin:0;gap:12px}
.detail-price>strong {font-size:26px;color:var(--green);letter-spacing:-.5px}
.detail-price>del {font-size:18px}
.detail-price .save-tag {border:0;border-radius:3px;background:var(--green-light);color:var(--green);font-size:11px;padding:4px 8px}
.price-note {font-size:10px;margin:6px 0 0}
.detail-options {display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.detail-option {display:flex;align-items:center;gap:12px}
.detail-option .pack-label {font-size:12px;font-weight:500;margin:0}
.pack-option {font-size:12px;gap:12px;padding:8px 12px;min-height:44px}
.quantity-stepper {border-width:1px}
.quantity-stepper output {font-size:14px;min-width:30px}
.detail-purchase-actions {display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-top:16px}
.detail-purchase-actions .button {width:100%;min-width:0;min-height:44px;border-radius:4px;font-size:12px;padding:12px;gap:8px;justify-content:center;box-shadow:none;white-space:nowrap}
.detail-purchase-actions .detail-add>span {font-size:11px}
.detail-buy {background:var(--green-dark);color:white}
.detail-buy:hover {background:var(--green-hover)}
.detail-buy .icon {width:16px;height:16px}
.detail-info .stock-status {font-size:11px;margin-top:16px}
.product-facts {margin:16px 0 0;padding-top:12px;gap:16px}
.product-facts dt {font-size:10px;margin-bottom:4px}
.product-facts dd {font-size:12px;line-height:1.4}
.product-reassurance {margin:16px 0 0;gap:8px 20px;font-size:11px}
.product-reassurance .icon {width:16px;height:16px}
@media(min-width:768px) and (max-width:1023px) {
 .product-detail {gap:24px;padding:20px}.detail-info>h1 {font-size:21px}.detail-options {gap:12px}.detail-option {gap:8px}.detail-purchase-actions {grid-template-columns:1fr}.detail-purchase-actions .button {padding:10px}
}
@media(max-width:767px) {
 .product-detail {grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
 .product-page .breadcrumb {font-size:10px;gap:6px;line-height:1.4;margin-block:8px;min-height:28px}
 .product-page .breadcrumb>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}
 .product-gallery .gallery-main {height:clamp(160px,25svh,220px);padding:20px 16px 12px}
 .detail-badge {top:8px;inset-inline-start:8px;font-size:10px;padding:4px 8px}
 .gallery-main>.save-button {top:2px;inset-inline-end:2px}
 .gallery-caption {font-size:9px;margin-top:6px}
 .detail-info>h1 {font-size:21px;margin:0 0 6px}
 .detail-subtitle {margin-bottom:10px;font-size:11px}
 .detail-price>strong {font-size:24px}.detail-price>del {font-size:14px}
 .detail-options {gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}
 .detail-option {gap:8px}.detail-option .pack-label {font-size:11px}
 .quantity-stepper>button {width:36px;height:44px}
 .detail-purchase-actions {margin-top:12px;gap:8px;grid-template-columns:1.3fr 1fr}
 .detail-purchase-actions .button {font-size:11px;padding:10px 8px;gap:6px}
 .detail-info .stock-status {margin-top:12px}
 .product-facts {margin-top:12px;padding-top:12px}
 .product-reassurance {margin-top:12px;font-size:10px}
 .product-accordions {margin-top:24px}
}
@media(max-width:359px) {.detail-option {gap:6px}.detail-options {gap:8px}.detail-option .pack-label {font-size:10px}.quantity-stepper>button {width:30px}.quantity-stepper output {min-width:24px}.detail-purchase-actions .detail-add>span {display:none}.detail-info>h1 {font-size:19px}}

.product-page:focus {outline:none}
@media(max-width:767px) {
 .detail-options {display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .detail-option {flex-direction:column;align-items:flex-start;gap:4px}
}
@media(max-width:359px) {.product-gallery .gallery-main {height:140px}}
.detail-whatsapp {display:flex;width:100%;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:10px 16px;border-radius:4px;background:#0b783e;color:white;font-size:13px;font-weight:600;box-shadow:none}
.detail-whatsapp:hover {background:#086233}
.detail-whatsapp .icon {width:20px;height:20px}
@media(max-width:767px) {.detail-whatsapp {font-size:12px;margin-top:8px}}
@media(max-width:359px) and (max-height:740px) {.product-gallery .gallery-main {height:110px}}