
/* Smell & Smile Natural A — Modular Commerce Layer */
.commerce-module{border:1px solid var(--commerce-module-border);border-radius:var(--ds-module-radius);background:var(--commerce-module-bg);padding:var(--ds-module-padding)}
.commerce-module--plain{background:transparent}
.commerce-module__eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--commerce-module-accent);font-weight:600}
.commerce-module__title{font-weight:600;color:var(--color-heading-text);line-height:1.25}
.commerce-module__text{color:var(--color-body-text);opacity:.76;line-height:1.55}
.commerce-notice{display:flex;gap:12px;align-items:flex-start}
.commerce-notice__icon{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ds-accent-soft);color:var(--commerce-module-accent)}
.commerce-trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.commerce-trust-item{display:flex;gap:9px;align-items:center;font-size:13px}
.commerce-trust-item svg,.commerce-trust-item .icon{color:var(--commerce-module-accent)}
.commerce-payment-icons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.commerce-payment-icons spz-img{border-radius:4px;overflow:hidden}
.commerce-size-guide summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:600;list-style:none}
.commerce-size-guide summary::-webkit-details-marker{display:none}
.commerce-size-guide__body{padding-top:12px;color:var(--color-body-text);opacity:.82;line-height:1.6}
.commerce-size-guide__link{display:inline-flex;margin-top:10px;color:var(--commerce-module-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.commerce-wishlist-btn{width:100%;min-height:48px;border:1px solid var(--commerce-module-border);border-radius:10px;background:var(--ds-surface);color:var(--color-body-text);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;cursor:pointer}
.commerce-wishlist-btn[aria-pressed="true"]{border-color:var(--commerce-module-accent);color:var(--commerce-module-accent);background:var(--ds-accent-soft)}
.commerce-wishlist-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.commerce-wishlist-btn[aria-pressed="true"] svg{fill:currentColor}
.product-card-wishlist{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;z-index:4;border:0;cursor:pointer;color:var(--ds-text)}
.product-card-wishlist[aria-pressed="true"]{color:var(--ds-accent);background:var(--ds-accent-soft)}
.product-card-wishlist svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.product-card-wishlist[aria-pressed="true"] svg{fill:currentColor}
.commerce-sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:1035;background:var(--ds-sticky-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ds-sticky-border);padding:10px max(16px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(31,41,55,.08);display:none}
.commerce-sticky-buy__inner{max-width:1180px;margin:0 auto;display:flex;gap:12px;align-items:center}.commerce-sticky-buy__meta{min-width:0;flex:1}.commerce-sticky-buy__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-sticky-buy__price{font-size:14px;color:var(--commerce-module-accent);font-weight:600}.commerce-sticky-buy .button-primary{min-width:150px}
@media(max-width:959.98px){.commerce-sticky-buy[data-mobile="true"]{display:block}.commerce-trust-grid{grid-template-columns:1fr}}
@media(min-width:960px){.commerce-sticky-buy[data-desktop="true"]{display:block}}
.commerce-collection-modules{display:flex;flex-direction:column;gap:12px;margin:18px 0 4px}.commerce-collection-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.commerce-collection-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid var(--commerce-module-border);background:var(--ds-surface);color:var(--color-body-text);font-size:13px;font-weight:500}.commerce-collection-chip:hover{border-color:var(--commerce-module-accent);color:var(--commerce-module-accent)}
.commerce-cart-message{font-size:13px;line-height:1.5}.commerce-cart-trust{display:grid;gap:8px}.commerce-cart-trust__row{display:flex;align-items:center;gap:8px;font-size:13px}.commerce-cart-trust__row svg{color:var(--commerce-module-accent)}
.commerce-hub{max-width:var(--page-width,1600px);margin:0 auto;padding-left:var(--page-padding);padding-right:var(--page-padding)}.commerce-hub__grid{display:grid;gap:12px}.commerce-hub__item{padding:var(--ds-module-padding);border:1px solid var(--commerce-module-border);border-radius:var(--ds-module-radius);background:var(--commerce-module-bg)}


/* Stage 2 — header modules */
.commerce-header-utility{display:flex;align-items:center;gap:14px;margin-right:14px;white-space:nowrap}.commerce-header-utility__link{font-size:12px;color:var(--color-header-text-70);transition:color .2s}.commerce-header-utility__link:hover{color:var(--commerce-module-accent)}
.commerce-header-benefits{background:var(--header-benefit-bg,var(--ds-accent-soft));color:var(--header-benefit-color,var(--ds-text));border-top:1px solid rgba(31,41,55,.06);border-bottom:1px solid rgba(31,41,55,.06)}.commerce-header-benefits__inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:34px;overflow-x:auto;scrollbar-width:none}.commerce-header-benefits__inner::-webkit-scrollbar{display:none}.commerce-header-benefit{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:600;color:inherit}.commerce-header-benefit__icon{display:flex;width:17px;height:17px;color:var(--commerce-module-accent)}
.commerce-mega-promos{width:min(34%,430px);padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:var(--ds-surface-alt);align-content:start}.commerce-mega-promo{display:block;border-radius:var(--ds-module-radius);overflow:hidden;background:var(--ds-surface);color:var(--ds-text);border:1px solid rgba(31,41,55,.08)}.commerce-mega-promo__media{aspect-ratio:4/3;overflow:hidden;background:var(--ds-accent-soft)}.commerce-mega-promo__placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--ds-accent);padding:30px}.commerce-mega-promo__copy{padding:12px;display:grid;gap:4px}.commerce-mega-promo__copy span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-accent);font-weight:700}.commerce-mega-promo__copy strong{font-size:14px;line-height:1.25}.commerce-mega-promo__copy small{font-size:11px;color:var(--ds-accent);font-weight:600}.header-menu-full-screen.has-commerce-promo>.header-submenu{flex:1}.header-menu-full-screen.has-commerce-promo{align-items:stretch}
@media(max-width:959.98px){.commerce-header-utility{display:none}.commerce-header-benefits--desktop-only{display:none}.commerce-header-benefits__inner{justify-content:flex-start;padding-left:16px;padding-right:16px;gap:22px;min-height:36px}.commerce-mega-promos{display:none}}

/* Stage 2 — product card composition */
.commerce-card-vendor{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;color:var(--ds-accent);font-weight:700;margin-bottom:5px}.commerce-card-subtitle{font-size:12px;line-height:1.35;color:var(--color-body-text);opacity:.64;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.commerce-card-action{margin-top:12px}.commerce-card-action spz-product-form{display:block}.commerce-card-action__button{width:100%;min-height:42px;border:0;border-radius:10px;background:var(--ds-accent);color:var(--ds-surface);padding:9px 14px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .18s,background .18s}.commerce-card-action__button:hover{background:var(--ds-accent-hover);transform:translateY(-1px)}.commerce-card-action__button--secondary{background:var(--ds-accent-soft);color:var(--ds-accent)}.commerce-card-action__button[disabled]{opacity:.45;cursor:not-allowed;transform:none}

/* Stage 2 — PDP modules */
.commerce-product-separator{padding:8px 0}.commerce-product-separator span{display:block;height:1px;background:var(--commerce-module-border)}.commerce-product-accordion{border-top:1px solid var(--ds-sticky-border)}.commerce-product-accordion:last-of-type{border-bottom:1px solid var(--commerce-module-border)}.commerce-product-accordion summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:600;list-style:none}.commerce-product-accordion summary::-webkit-details-marker{display:none}.commerce-product-accordion__plus{font-size:20px;font-weight:400;transition:transform .2s}.commerce-product-accordion[open] .commerce-product-accordion__plus{transform:rotate(45deg)}.commerce-product-accordion__body{padding:0 0 16px;color:var(--color-body-text);opacity:.78;line-height:1.6}.commerce-cross-sell{margin-top:14px}.commerce-cross-sell__card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--commerce-module-border);border-radius:var(--ds-module-radius);background:var(--ds-surface)}.commerce-cross-sell__card spz-img{border-radius:10px;overflow:hidden}.commerce-cross-sell__copy{min-width:0;flex:1;display:grid;gap:3px}.commerce-cross-sell__copy strong{font-size:13px;line-height:1.25}.commerce-cross-sell__copy small{font-size:11px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-cross-sell__copy em{font-size:12px;color:var(--ds-accent);font-style:normal;font-weight:700}.commerce-cross-sell__cta{font-size:11px;font-weight:700;color:var(--ds-accent);white-space:nowrap}

/* Stage 2 — collection merchandising */
.commerce-collection-banner{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:18px;background:var(--ds-surface-alt);border:1px solid var(--commerce-module-border)}.commerce-collection-banner__copy{padding:26px;display:flex;flex-direction:column;justify-content:center}.commerce-collection-banner__copy h3{margin:5px 0 8px;font-size:clamp(20px,2vw,30px);line-height:1.1}.commerce-collection-banner__media{min-height:190px}.commerce-collection-benefit{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:12px;background:var(--ds-surface);border:1px solid var(--commerce-module-border)}.commerce-collection-benefit>span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:var(--ds-accent-soft);color:var(--ds-accent)}.commerce-collection-benefit>div{display:grid;gap:2px}.commerce-collection-benefit strong{font-size:12px}.commerce-collection-benefit small{font-size:11px;opacity:.65}.commerce-collection-viewbar{min-height:42px;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:8px}.commerce-collection-count{margin-right:auto;font-size:12px;color:var(--color-body-text);opacity:.62}.commerce-grid-switcher{display:flex;align-items:center;gap:6px}.commerce-grid-switcher button{width:34px;height:34px;border:1px solid var(--commerce-module-border);border-radius:8px;background:var(--ds-surface);display:flex;align-items:center;justify-content:center;gap:2px;padding:8px;cursor:pointer}.commerce-grid-switcher button span{height:13px;flex:1;background:var(--ds-text);opacity:.28;border-radius:1px}.commerce-grid-switcher button.is-active{border-color:var(--ds-accent);background:var(--ds-accent-soft)}.commerce-grid-switcher button.is-active span{background:var(--ds-accent);opacity:1}
@media(max-width:959.98px){.commerce-collection-banner{grid-template-columns:1fr}.commerce-collection-banner__copy{padding:20px}.commerce-collection-banner__media{order:-1;min-height:160px}.commerce-grid-switcher button[data-commerce-grid="3"],.commerce-grid-switcher button[data-commerce-grid="4"]{display:none}}

/* Stage 2 — collection grid overrides */
.collection-list[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.collection-list[data-columns="2"] .load-more{grid-column-end:span 2!important}
@media(min-width:960px){.collection-list[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.collection-list[data-columns="3"] .load-more{grid-column-end:span 3!important}.collection-list[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.collection-list[data-columns="4"] .load-more{grid-column-end:span 4!important}}

/* Stage 2 — cart drawer modules */
.commerce-drawer-message{margin:12px 0}.commerce-drawer-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.commerce-drawer-trust span{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:9px;background:var(--ds-surface-alt);font-size:10px;text-align:center}.commerce-drawer-trust svg{width:14px;height:14px;color:var(--ds-accent)}.commerce-drawer-link{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--ds-sticky-border);font-size:12px;font-weight:700;color:var(--ds-accent)}
