/* Smell & Smile Concept X — Stage 10 */
:root{--cx-green:#2E7D59;--cx-lime:#A7C957;--cx-ink:#172231;--cx-cream:#F7F4EC;--cx-soft:#EEF6EF;--cx-white:#fff}
.cx-section{background:var(--cx-bg);color:var(--cx-text);padding-top:var(--cx-pt);padding-bottom:var(--cx-pb)}
.cx-frame{width:100%;margin:0 auto;padding-left:var(--page-padding,50px);padding-right:var(--page-padding,50px)}
.cx-frame--contained{max-width:var(--page-width,1600px)}.cx-frame--wide{max-width:var(--cx-wide,1800px)}.cx-frame--full{max-width:none;padding-left:0;padding-right:0}
.cx-heading{font-size:var(--cx-hsize,58px);line-height:.96;letter-spacing:-.045em;margin:12px 0 18px;font-weight:800;color:inherit;max-width:var(--cx-content-max,620px)}
.cx-body{font-size:var(--cx-bsize,16px);line-height:1.55;max-width:var(--cx-content-max,620px)}.cx-body p{margin:0 0 10px}
.cx-align--center{text-align:center}.cx-align--center .cx-heading,.cx-align--center .cx-body{margin-left:auto;margin-right:auto}.cx-align--right{text-align:right}.cx-align--right .cx-heading,.cx-align--right .cx-body{margin-left:auto}
.cx-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.cx-align--center .cx-actions{justify-content:center}.cx-align--right .cx-actions{justify-content:flex-end}
.cx-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:var(--cx-btn-radius,12px);font-weight:700;text-decoration:none;transition:.2s ease;cursor:pointer;border:1px solid transparent}.cx-button--solid{background:var(--cx-btn,var(--cx-green));color:var(--cx-btn-text,#fff)!important}.cx-button--outline{border-color:currentColor;color:inherit;background:transparent}.cx-button--text{padding:0;min-height:auto;color:inherit;background:none}.cx-button:hover{transform:translateY(-1px)}
.cx-media{position:relative;overflow:hidden;border-radius:var(--cx-media-tl,0px) var(--cx-media-tr,0px) var(--cx-media-br,0px) var(--cx-media-bl,0px);background:linear-gradient(135deg,#eef6ef,#f7f4ec)}.cx-media__img{width:100%;height:var(--cx-media-h)!important;display:block;transform:scale(var(--cx-zoom,1));transform-origin:var(--cx-x,50%) var(--cx-y,50%);-o-object-fit:var(--cx-fit,cover)!important;object-fit:var(--cx-fit,cover)!important}.cx-media__overlay{position:absolute;inset:0;background:var(--cx-overlay-color,#000);opacity:var(--cx-overlay,0);pointer-events:none}.cx-media__placeholder{height:var(--cx-media-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#2e7d59;background:radial-gradient(circle at 70% 30%,rgba(167,201,87,.25),transparent 30%),linear-gradient(135deg,#e8f4ea,#f7f4ec)}.cx-media__placeholder svg{width:54px;height:54px}.cx-media__caption{position:absolute;right:18px;bottom:18px;padding:8px 12px;border-radius:999px;background:#fff;color:#172231;font-size:12px;font-weight:700;z-index:2}
.cx-hero__shell,.cx-story__shell,.cx-compare__shell,.cx-close__shell{overflow:hidden;border-radius:var(--cx-tl) var(--cx-tr) var(--cx-br) var(--cx-bl);background:var(--cx-bg)}
.cx-hero__shell{display:flex;min-height:var(--cx-media-h)}.cx-hero__copy{width:var(--cx-panel);padding:clamp(34px,5vw,88px);background:var(--cx-content-bg);display:flex;flex-direction:column;justify-content:center}.cx-hero__media{width:calc(100% - var(--cx-panel));min-height:var(--cx-media-h)}.cx-hero__media .cx-media__img{height:var(--cx-media-h)!important}.cx-pos--right{flex-direction:row-reverse}.cx-pos--center{position:relative}.cx-pos--center .cx-hero__copy{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.9);border-radius:20px}.cx-pos--center .cx-hero__media{width:100%}
.cx-benefit-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid #e6ece7;border-radius:18px;margin-top:18px;overflow:hidden;background:#fff}.cx-benefit{padding:18px 20px;display:flex;align-items:center;gap:12px;border-right:1px solid #e6ece7}.cx-benefit:last-child{border-right:0}.cx-benefit>span{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f4ea;color:#2e7d59}.cx-benefit svg{width:20px;height:20px}.cx-benefit strong,.cx-benefit small{display:block}.cx-benefit small{opacity:.62;margin-top:3px}
.cx-story__shell{display:grid;grid-template-columns:var(--cx-copy) 1fr;min-height:var(--cx-media-h)}.cx-story__copy{padding:clamp(34px,5vw,80px);background:var(--cx-copy-bg);display:flex;flex-direction:column;justify-content:center}.cx-story__media{height:var(--cx-media-h)}.cx-story--copy_right .cx-story__copy{order:2}.cx-story--copy_right .cx-story__media{order:1}.cx-story--overlay_left .cx-story__shell,.cx-story--overlay_center .cx-story__shell{display:block;position:relative}.cx-story--overlay_left .cx-story__media,.cx-story--overlay_center .cx-story__media{height:var(--cx-media-h)}.cx-story--overlay_left .cx-story__copy,.cx-story--overlay_center .cx-story__copy{position:absolute;z-index:3;top:50%;transform:translateY(-50%);background:transparent;color:#fff;width:min(var(--cx-copy),760px)}.cx-story--overlay_left .cx-story__copy{left:clamp(24px,5vw,80px)}.cx-story--overlay_center .cx-story__copy{left:50%;transform:translate(-50%,-50%);text-align:center}.cx-story--overlay_center .cx-heading,.cx-story--overlay_center .cx-body{margin-left:auto;margin-right:auto}.cx-index{font-size:12px;font-weight:800;color:var(--cx-accent);letter-spacing:.1em;margin-bottom:14px}
.cx-compare__shell{position:relative;min-height:var(--cx-media-h)}.cx-compare__media{display:flex;height:var(--cx-media-h);overflow:hidden}.cx-compare__half{position:relative;overflow:hidden}.cx-compare__left{width:var(--cx-split)}.cx-compare__right{width:calc(100% - var(--cx-split))}.cx-compare__half spz-img,.cx-compare__half img{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover}.cx-compare__half b{position:absolute;top:20px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px}.cx-compare__left b{right:20px}.cx-compare__right b{left:20px}.cx-compare__placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:#ececec}.cx-compare__copy{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:var(--cx-copy);padding:clamp(26px,4vw,56px);border-radius:18px;background:color-mix(in srgb,var(--cx-overlay-color) calc(var(--cx-overlay)*100%),transparent);color:#fff}.cx-compare__copy--left{left:3%}.cx-compare__copy--center{left:50%;transform:translate(-50%,-50%)}.cx-compare__copy--right{right:3%}
.cx-products__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.cx-text-link{color:var(--cx-green);font-weight:700;text-decoration:none;white-space:nowrap}.cx-products__grid{display:grid;grid-template-columns:repeat(var(--cx-cols),minmax(0,1fr));gap:18px}.cx-product-card{position:relative;background:var(--cx-card-bg);border-radius:var(--cx-card-radius);overflow:hidden;text-align:center;border:1px solid rgba(23,34,49,.06)}.cx-product-card__badge{position:absolute;z-index:3;left:14px;top:14px;padding:6px 10px;border-radius:999px;background:#fff;color:#2e7d59;font-weight:700;font-size:12px}.cx-product-card__media{display:flex;align-items:flex-end;justify-content:center;height:320px;padding:20px 20px 0;overflow:hidden;text-decoration:none}.cx-product-card__media spz-img,.cx-product-card__media img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.cx-product-card__placeholder{font-size:58px;font-weight:900;color:#2e7d59;opacity:.3}.cx-product-card__copy{padding:18px 22px 24px}.cx-product-card h3{font-size:24px;margin:0 0 4px}.cx-product-card p{margin:0 0 12px;opacity:.7}.cx-product-card__price{display:block;margin:0 0 14px;font-size:18px}
.cx-finder__shell{position:relative;border-radius:var(--cx-tl) var(--cx-tr) var(--cx-br) var(--cx-bl);background:var(--cx-bg);padding:clamp(28px,4vw,64px);overflow:hidden}.cx-finder__top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.cx-finder__steps{display:flex;gap:50px;padding-top:10px}.cx-finder__steps span{width:28px;height:28px;border-radius:50%;background:#e7e7e7;display:flex;align-items:center;justify-content:center;font-weight:800;position:relative}.cx-finder__steps span:not(:last-child):after{content:'';position:absolute;height:1px;width:50px;background:#ddd;left:28px}.cx-finder__steps span.is-active{background:var(--cx-active);color:#fff}.cx-finder__steps small{position:absolute;top:36px;white-space:nowrap;color:#172231;font-weight:500;font-size:11px}.cx-finder__stage{display:none;margin-top:50px}.cx-finder__stage.is-active{display:block}.cx-finder__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;max-width:820px}.cx-choice{border:1px solid #e1e5e1;border-radius:var(--cx-card-radius);background:var(--cx-card-bg);padding:18px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:inherit}.cx-choice.is-selected{border:2px solid var(--cx-active);box-shadow:0 0 0 3px color-mix(in srgb,var(--cx-active) 10%,transparent)}.cx-choice img{width:74px;height:74px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.cx-choice__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f4ea;color:#2e7d59}.cx-choice__icon svg{width:28px;height:28px}.cx-choice small{opacity:.65;text-align:center}.cx-finder__next{margin-top:22px}.cx-finder__next:disabled{opacity:.35;cursor:not-allowed}.cx-finder__result{display:none;grid-template-columns:260px 1fr;gap:30px;align-items:center;max-width:760px}.cx-finder__result.is-active{display:grid}.cx-finder__result-media{height:260px;border-radius:18px;background:#f7f4ec;display:flex;align-items:center;justify-content:center;overflow:hidden}.cx-finder__result-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.cx-finder__result-media span{font-size:48px;font-weight:900;color:#2e7d59}.cx-finder__result h3{font-size:38px;margin:6px 0 10px}.cx-finder__result strong{display:block;font-size:20px;margin-bottom:14px}.cx-finder__side{position:absolute;right:-4%;bottom:-12%;width:34%;opacity:.18;pointer-events:none}.cx-finder__side img{width:100%}
.cx-close__shell{position:relative;min-height:var(--cx-media-h)}.cx-close__media{height:var(--cx-media-h)}.cx-close__copy{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:min(46%,700px);padding:clamp(28px,5vw,70px);color:#fff}.cx-close__copy--left{left:2%}.cx-close__copy--center{left:50%;transform:translate(-50%,-50%);text-align:center}.cx-close__copy--right{right:2%}.cx-close__copy--center .cx-heading,.cx-close__copy--center .cx-body{margin-left:auto;margin-right:auto}
/* Concept X styling for existing commerce pages */
body.ss-concept-x .section-heading,body.ss-concept-x .collection__title{letter-spacing:-.035em}body.ss-concept-x .button-primary,body.ss-concept-x .btn-primary{border-radius:12px}body.ss-concept-x .product-card,body.ss-concept-x .product-item{border-radius:16px;overflow:hidden}
@media(max-width:767px){.cx-section{padding-top:var(--cx-mpt);padding-bottom:var(--cx-mpb)}.cx-frame{padding-left:16px;padding-right:16px}.cx-frame--full{padding-left:0;padding-right:0}.cx-heading{font-size:var(--cx-mhsize,40px)}.cx-media__img{height:var(--cx-media-mh)!important;transform:scale(var(--cx-mzoom,1));transform-origin:var(--cx-mx,50%) var(--cx-my,50%);-o-object-fit:var(--cx-mfit,cover)!important;object-fit:var(--cx-mfit,cover)!important}.cx-media__placeholder{height:var(--cx-media-mh)}.cx-hero__shell{display:block;min-height:0}.cx-hero__copy{width:100%;padding:32px 24px}.cx-hero__media{width:100%;min-height:var(--cx-media-mh)}.cx-hero__media .cx-media__img{height:var(--cx-media-mh)!important}.cx-pos--center .cx-hero__copy{position:relative;left:auto;top:auto;transform:none;border-radius:0}.cx-benefit-row{grid-template-columns:1fr 1fr}.cx-benefit{padding:14px;border-bottom:1px solid #e6ece7}.cx-story__shell{display:flex!important;flex-direction:column;min-height:0}.cx-story__copy{order:1!important;padding:30px 24px;position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;background:var(--cx-copy-bg)!important;color:var(--cx-text)!important;text-align:left!important}.cx-story__media{order:2!important;height:var(--cx-media-mh)!important}.cx-compare__media{height:var(--cx-media-mh);display:grid;grid-template-columns:1fr 1fr}.cx-compare__left,.cx-compare__right{width:100%}.cx-compare__half b{top:12px;font-size:10px}.cx-compare__left b{right:8px}.cx-compare__right b{left:8px}.cx-compare__copy{left:20px!important;right:20px!important;bottom:20px!important;top:auto!important;transform:none!important;width:auto;padding:20px}.cx-products__head{align-items:flex-start;flex-direction:column}.cx-products__grid{grid-template-columns:repeat(var(--cx-mcols),minmax(0,1fr))}.cx-product-card__media{height:230px}.cx-product-card h3{font-size:20px}.cx-finder__top{display:block}.cx-finder__steps{margin-top:26px;gap:35px}.cx-finder__steps span:not(:last-child):after{width:35px}.cx-finder__choices{grid-template-columns:repeat(2,1fr)}.cx-finder__result.is-active{display:block}.cx-finder__result-media{height:230px;margin-bottom:20px}.cx-finder__side{display:none}.cx-close__shell{min-height:var(--cx-media-mh)}.cx-close__media{height:var(--cx-media-mh)}.cx-close__copy{left:20px!important;right:20px!important;bottom:20px!important;top:auto!important;transform:none!important;width:auto;padding:24px}.cx-close__copy .cx-heading{font-size:var(--cx-mhsize)} }
@media(min-width:768px){.cx-hide-desktop{display:none!important}}@media(max-width:767px){.cx-hide-mobile{display:none!important}}
@media(prefers-reduced-motion:reduce){.cx-button{transition:none}.cx-button:hover{transform:none}}