.customer-store{background:#fff;color:#173e36;border:1px solid #dce2d9;border-radius:12px;overflow:hidden;font-family:Arial,sans-serif}.cs-announcement{background:#173e36;color:white;text-align:center;padding:9px;font-size:10px;letter-spacing:.8px}.cs-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #e7ebe4;gap:20px}.cs-nav>strong{font-size:29px;letter-spacing:-1.5px}.cs-nav>strong span{font-size:11px;vertical-align:top;letter-spacing:0}.cs-nav>span{font-size:9px;letter-spacing:1.5px}.cs-nav button{border:0;background:transparent;color:#173e36;font-size:12px}.cs-nav button span{background:#edf1e8;border-radius:50%;padding:4px 7px;margin-left:6px}.cs-product{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:32px}.cs-photo{background:#f5f6ef;border-radius:8px;align-self:start;overflow:hidden}.cs-photo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.cs-photo>span{display:block;text-align:center;font-size:9px;letter-spacing:1.5px;padding:10px 0 17px}.cs-copy{align-self:center;padding:12px 0}.cs-eyebrow{font-size:9px;letter-spacing:1.3px;color:#607267;margin:0 0 16px}.cs-copy h4{font:700 clamp(27px,3.5vw,45px)/1.08 Arial,sans-serif;letter-spacing:-1.7px;margin:0 0 16px;color:#173e36}.cs-description{font-size:12px;line-height:1.65;color:#68766a;margin:0 0 18px}.cs-price{font-size:26px;display:block;margin-bottom:20px}.cs-kit{padding:14px 35px 14px 14px;border:1px solid #789080;background:#f5f7f2;border-radius:6px;position:relative;margin-bottom:13px}.cs-kit>span{display:block;font-size:10px;color:#68766a;margin-bottom:7px}.cs-kit strong{font-size:11px}.cs-kit b{position:absolute;right:14px;top:23px;font-size:14px}.cs-add{display:block;width:100%;border:0;border-radius:5px;background:#173e36;color:white;padding:16px;font-weight:600;font-size:13px;cursor:pointer}.cs-add:hover{background:#285749}.cs-features{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#647767;margin:16px 0 22px}.cs-details{border-top:1px solid #e1e6dc;padding-top:17px;font-size:11px}.cs-details p{font-size:10px;line-height:1.6;color:#68766a;margin:9px 0 0}.customer-cart-scene{position:relative;border-radius:12px;overflow:hidden;min-height:540px;background:#f5f6ef}.customer-cart-scene .customer-store{border:0;border-radius:0;min-height:540px}.cs-scrim{position:absolute;inset:0;background:#152b2450}.cs-drawer{position:absolute;right:0;top:0;bottom:0;width:390px;max-width:86%;background:#fff;color:#173e36;padding:25px;display:flex;flex-direction:column;font-family:Arial,sans-serif;box-shadow:-10px 0 40px #0002}.cs-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e6dc;padding-bottom:20px;gap:8px}.cs-drawer-head h4{margin:0;font-size:23px;letter-spacing:-.7px}.cs-drawer-head h4 span{font-size:10px;color:#778478;font-weight:400;margin-left:9px;letter-spacing:0}.cs-drawer-head button{font-size:27px;border:0;background:transparent;color:#173e36;line-height:1;padding:4px 8px}.cs-cart-intro{font-size:11px;color:#6c7d70;margin:17px 0 24px}.cs-cart-item{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:start}.cs-cart-item img{width:76px;height:76px;object-fit:contain;border-radius:5px;background:#f5f6ef}.cs-cart-item h5{font-size:13px;margin:3px 0 8px}.cs-cart-item p{font-size:10px;color:#7c877c;margin:0 0 12px}.cs-cart-item>strong{grid-column:2;font-size:13px}.cs-drawer .demo-quantity{display:inline-flex;gap:0;border:1px solid #cdd6cc;background:white;border-radius:4px;color:#173e36}.cs-drawer .demo-quantity button{width:30px;height:29px;background:transparent;color:#173e36;border:0;font-size:15px}.cs-drawer .demo-quantity output{width:30px;text-align:center;font-size:11px}.cs-drawer .demo-quantity button:disabled{opacity:.35}.cs-cart-bottom{margin-top:auto;padding-top:35px}.cs-total{display:flex;justify-content:space-between;font-size:15px}.cs-cart-bottom>p{font-size:10px;color:#788478;line-height:1.6;margin:12px 0 18px}.cs-continue{display:block;margin:14px auto 0;padding:6px;background:transparent;border:0;color:#173e36;font-size:11px;text-decoration:underline}.cs-cart-bottom #demo-checkout-note{font-size:11px;background:#f0f4ea;padding:9px;border-radius:4px;margin-bottom:0}.example-caption{gap:15px}#tab-store img,#tab-cart img{object-fit:cover;background:#f4f5ef}
@media(max-width:760px){.cs-nav{padding:15px 18px}.cs-nav>span{display:none}.cs-product{grid-template-columns:1fr;padding:18px;gap:18px}.cs-photo{width:100%;max-width:320px;justify-self:center}.cs-copy{padding:6px 3px}.cs-copy h4{font-size:34px}.cs-features{font-size:9px}.customer-cart-scene{min-height:555px;height:555px}.customer-cart-scene .cs-product{grid-template-columns:1fr 1fr;width:680px;padding:25px}.customer-cart-scene .cs-photo{max-width:none}.cs-drawer{padding:21px 18px;width:350px;max-width:89%}.cs-drawer-head h4{font-size:21px}.cs-cart-item{gap:11px;grid-template-columns:66px 1fr}.cs-cart-item img{width:66px;height:66px}.cs-cart-item h5{font-size:12px}.cs-drawer-head h4 span{font-size:9px;margin-left:6px}.cs-cart-intro{font-size:10px}.cs-cart-bottom{padding-top:28px}}
/* Compact desktop previews; keep the payment notice clear of the dashboard. */
@media(min-width:761px){
 .hero{min-height:0;padding-top:48px;padding-bottom:48px;gap:42px;align-items:center}
 .proof-visual{height:auto;display:flex;flex-direction:column;gap:16px;align-items:center;padding:0}
 .dashboard-back{width:92%;transform:none;animation:none}
 .hold-front{position:relative;inset:auto;width:92%;transform:none;animation:none;flex:none}
 .reference-label{padding:10px 12px;font-size:9px}
 .hold-label{padding:9px 12px;font-size:10px}
 .hold-front figcaption{padding:8px 12px;font-size:10px}
 .visual-tour{padding-top:48px;padding-bottom:48px}
 .tour-intro{margin-bottom:24px}.tour-intro h2{font-size:44px}
 .tour-tabs,.tour-stage{max-width:840px;margin-left:auto;margin-right:auto}
 .tour-tab img{height:88px}.tour-tab>span{padding:11px 13px;font-size:12px}
 .tour-stage{padding:17px}.screen-heading{margin-bottom:14px}.screen-heading h3{font-size:18px}
 .screen-image>img{max-height:420px}
 .cs-product{padding:24px;gap:24px}.cs-photo{max-width:330px;justify-self:center}
 .cs-copy h4{font-size:34px}.cs-copy{padding:0}.cs-description{font-size:11px;margin-bottom:14px}
 .cs-nav{padding:15px 24px}.cs-price{font-size:23px;margin-bottom:15px}
 .cs-eyebrow{margin-bottom:12px}.cs-kit{padding-top:11px;padding-bottom:11px}
 .cs-features{margin:13px 0 16px}.cs-details{padding-top:13px}
 .customer-cart-scene,.customer-cart-scene .customer-store{min-height:480px}
 .cs-drawer{width:350px;padding:21px}.cs-cart-intro{margin-bottom:20px}.cs-cart-bottom{padding-top:20px}
 #image-dialog{width:min(880px,88vw);max-height:85vh}
 #dialog-image{max-height:calc(80vh - 80px)}
}
/* Desktop hero: a slight layered overlap with readable dashboard content. */
@media(min-width:761px){
 .proof-visual{gap:0;padding:12px 0}
 .dashboard-back{transform:rotate(2deg);animation:proof-float 10s ease-in-out infinite}
 .hold-front{margin-top:-32px;width:94%;align-self:flex-start;transform:rotate(-3deg);animation:hold-float 8s ease-in-out infinite;z-index:1}
}
@media(min-width:761px) and (prefers-reduced-motion:reduce){.dashboard-back,.hold-front{animation:none}}
/* Keep all four opened examples compact without scaling down controls. */
@media(min-width:761px){
 .tour-stage{max-width:680px;padding:15px}
 .screen-heading h3{font-size:16px}.screen-heading>span{font-size:8px}
 .screen-image>img{max-height:340px}
 .cs-product{padding:18px;gap:20px}.cs-photo{max-width:260px}
 .cs-copy h4{font-size:28px}.cs-eyebrow{font-size:8px;margin-bottom:10px}
 .cs-description{font-size:10px;margin-bottom:12px}.cs-price{font-size:21px;margin-bottom:12px}
 .cs-kit strong{font-size:10px}.cs-kit{padding:10px 29px 10px 11px}.cs-kit b{right:11px;top:20px}
 .cs-nav{padding:12px 18px}.cs-nav>strong{font-size:24px}.cs-add{padding:13px;font-size:12px}
 .cs-features{font-size:8px;margin:11px 0 13px}.cs-details{padding-top:11px}
 .customer-cart-scene,.customer-cart-scene .customer-store{min-height:440px}
 .cs-drawer{width:310px;padding:18px}.cs-drawer-head{padding-bottom:14px}.cs-drawer-head h4{font-size:20px}
 .cs-cart-intro{margin:13px 0 17px}.cs-cart-item{grid-template-columns:62px 1fr;gap:11px}
 .cs-cart-item img{width:62px;height:62px}.cs-cart-item h5{font-size:12px}
 .tour-stage .method-dashboard .md-header{padding-top:18px;padding-bottom:18px}
 #image-dialog{width:min(720px,86vw);max-height:78vh}
 #dialog-image{max-height:calc(73vh - 80px)}
}
@media(max-width:760px){
 .tour-stage{padding:10px}.screen-image>img{max-height:340px;object-fit:contain}
 .cs-product{padding:14px;gap:12px}.cs-photo{max-width:210px}
 .cs-copy h4{font-size:28px}.cs-copy{padding:4px 2px}
 .cs-description{font-size:11px;margin-bottom:12px}.cs-price{font-size:23px;margin-bottom:14px}
 .cs-nav{padding:12px 15px}.cs-announcement{padding:7px;font-size:9px}
 .cs-eyebrow{margin-bottom:11px}.cs-features{margin:12px 0 15px}
 .customer-cart-scene{height:485px;min-height:485px}.cs-drawer{padding:17px 14px}
 .cs-drawer-head{padding-bottom:14px}.cs-cart-intro{margin:13px 0 17px}
 #image-dialog{width:90vw}#dialog-image{max-height:65vh}
}
/* Limit vertical preview size; longer examples remain scrollable inside. */
.tour-panel>.customer-store,.tour-panel>.customer-cart-scene,.tour-panel>.method-dashboard{max-height:340px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.tour-panel>.customer-cart-scene{height:340px;min-height:340px;overflow:hidden}
.customer-cart-scene .customer-store{min-height:340px}
.cs-drawer{overflow-y:auto}.cs-cart-bottom{padding-top:14px}
.cs-drawer-head{padding-bottom:10px}.cs-cart-intro{margin:10px 0 12px}
.cs-cart-item img{width:55px;height:55px}.cs-cart-item{grid-template-columns:55px 1fr;gap:8px}
.cs-cart-item>strong{grid-column:auto;grid-column:2}.cs-cart-item p{margin-bottom:7px}
.cs-cart-bottom>p{margin:8px 0 10px}.cs-continue{margin-top:8px}
.screen-image>img{max-height:300px;object-fit:contain}
.tour-stage .method-dashboard .md-panel{min-height:0;padding:15px}
.tour-stage .method-dashboard .md-header{padding:14px 18px}
.tour-stage .method-dashboard .md-metric{padding:10px}.tour-stage .method-dashboard .md-metric dd{font-size:23px;margin:7px 0}
#image-dialog{width:min(700px,90vw);max-height:70vh}#dialog-image{max-height:55vh}
@media(max-width:760px){
 .tour-panel>.customer-store,.tour-panel>.method-dashboard{max-height:360px}
 .tour-panel>.customer-cart-scene{height:360px;min-height:360px;max-height:360px}
 .cs-photo{max-width:155px}.cs-photo>span{padding:5px;font-size:8px}
 .cs-copy h4{font-size:25px}.cs-eyebrow{font-size:8px}.cs-details{padding-top:9px}
 .screen-image>img{max-height:280px}
}
.method-compare{padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)}.method-compare>.eyebrow{font-size:10px;margin-bottom:14px}.method-compare h2{font-size:42px;line-height:1.08;margin-bottom:22px}.compare-flow{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:17px}.compare-flow span{border:1px solid #435c2c;background:#182410;padding:12px 18px;border-radius:7px;font-size:12px;color:#d9edc6}.compare-flow b{color:var(--lime);font-weight:400}.compare-intro{font-size:12px;line-height:1.7;color:var(--muted);max-width:580px;margin-bottom:22px}.compare-table-wrap{overflow-x:auto;border:1px solid #3d502d;border-radius:9px}.compare-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.6}.compare-table caption{text-align:left;padding:13px 18px;background:#182310;color:#c4d8ae;font-size:10px;letter-spacing:1px}.compare-table th,.compare-table td{padding:13px 18px;border-bottom:1px solid #2c3b22;vertical-align:top}.compare-table thead th{font-weight:500;color:#c4d8ae;background:#11190d}.compare-table thead th:last-child{color:var(--lime)}.compare-table tbody th{font-weight:500;width:23%;color:#dde8d2}.compare-table td{color:#98a98b;width:33%}.compare-table td:last-child{background:#192710;color:#e0efcf;width:44%}.compare-table tr:last-child>*{border-bottom:0}.compare-note{font-size:10px;line-height:1.7;color:#97a88a;margin:15px 0 20px;max-width:830px}.compare-note a{text-decoration:underline}.method-compare>.button{font-size:12px;padding:13px 19px}@media(max-width:760px){.method-compare{padding-top:32px;padding-bottom:32px}.method-compare h2{font-size:34px}.compare-flow{gap:7px}.compare-flow span{font-size:10px;padding:9px}.compare-intro{font-size:11px}.compare-table{font-size:10px}.compare-table th,.compare-table td{padding:10px 8px}.compare-table tbody th{width:22%}.compare-table td{width:32%}.compare-table td:last-child{width:46%}.compare-note{font-size:9px}}
/* Short, visual comparison instead of dense paragraphs. */
.compare-table-wrap{margin-bottom:22px}.compare-table{font-size:13px;line-height:1.45}.compare-table tbody th{width:25%}.compare-table td{width:30%}.compare-table td:last-child{width:45%;font-weight:500}.compare-table th,.compare-table td{padding:17px 18px}.compare-table small{display:block;font-size:10px;font-weight:400;color:#a4ba8e;margin-top:5px}.compare-icon{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#253b15;color:var(--lime);font-size:18px;margin-right:9px;vertical-align:middle}.compare-table tbody tr:hover>th,.compare-table tbody tr:hover>td{background:#233119}.compare-table thead th:last-child{background:#263d14}.compare-table caption{font-size:11px}.compare-table tbody th{font-size:12px}.compare-table tbody tr:nth-child(even)>td:not(:last-child){background:#141c10}
@media(max-width:760px){.compare-table{font-size:10px}.compare-table th,.compare-table td{padding:12px 9px}.compare-table tbody th{font-size:10px}.compare-icon{display:grid;width:25px;height:25px;margin:0 0 7px;font-size:16px}.compare-table small{font-size:8px;line-height:1.5}.compare-table thead th{font-size:10px}}
.method-compare>.eyebrow,.method-compare>h2,.method-compare>.compare-intro{text-align:center}.method-compare>.compare-flow{justify-content:center}.method-compare>.compare-intro{margin-left:auto;margin-right:auto}.method-compare>.button{display:table;margin-left:auto;margin-right:auto}
.compare-table caption.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Replaying scroll reveals and light ambient motion. */
.reveal.animate{transform:translateY(24px);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}.reveal.animate.visible{opacity:1;transform:none}.method-benefits article{transition:background .25s,border-color .25s}.method-benefits article:hover{border-color:var(--lime);background:#172410}.benefit-symbol svg{animation:method-icon-float 5s ease-in-out infinite}.compare-flow span{transition:transform .25s,border-color .25s,box-shadow .25s}.compare-flow span:hover{transform:translateY(-4px);border-color:var(--lime);box-shadow:0 8px 25px #9bd83215}.button,.nav-apply{transition:transform .25s,box-shadow .25s}.button:hover,.nav-apply:hover{transform:translateY(-2px);box-shadow:0 6px 24px #bdff3b20}.proof-glow{animation:method-glow 7s ease-in-out infinite}.live-dot{animation:method-dot 3s ease-in-out infinite}.tour-panel:not([hidden]){animation:method-panel-in .45s ease both}.faq-list details[open] p{animation:method-panel-in .35s ease both}
@keyframes method-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes method-glow{0%,100%{opacity:.6}50%{opacity:1}}@keyframes method-dot{0%,100%{box-shadow:0 0 0 0 #bdff3b30}50%{box-shadow:0 0 0 7px #bdff3b00}}@keyframes method-panel-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reveal.animate{opacity:1;transform:none;transition:none}.benefit-symbol svg,.proof-glow,.live-dot,.tour-panel:not([hidden]),.faq-list details[open] p{animation:none}.button:hover,.nav-apply:hover,.compare-flow span:hover{transform:none}}
/* Longer, varied entrances that replay on returning to each section. */
body{overflow-x:clip}.reveal.animate{transition:opacity 1.1s ease,transform 1.65s cubic-bezier(.16,.75,.25,1),filter 1.4s ease;transform:translateY(40px);filter:none}.reveal.animate[data-motion=left]{transform:translateX(-55px)}.reveal.animate[data-motion=right]{transform:translateX(55px)}.reveal.animate[data-motion=blur]{transform:translateY(12px);filter:blur(9px)}.reveal.animate[data-motion=zoom]{transform:scale(.955) translateY(18px);filter:blur(3px)}.reveal.animate.visible{transform:none;filter:none;opacity:1}.tour-panel:not([hidden]){animation:method-panel-in 1s ease both}
@media(max-width:760px){.reveal.animate[data-motion=left]{transform:translateX(-28px)}.reveal.animate[data-motion=right]{transform:translateX(28px)}.reveal.animate.visible{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal.animate[data-motion]{transform:none;filter:none;opacity:1;transition:none}.tour-panel:not([hidden]){animation:none}}
/* Hero image motion and a distinct, crisp chart entrance. */
@keyframes proof-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}
@keyframes hold-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(10px)}}
.reveal.animate[data-motion=chart]{transform:translateX(-38px);filter:none;transition:opacity 1s ease,transform 1.7s cubic-bezier(.16,.75,.25,1)}
.reveal.animate[data-motion=chart].visible{transform:none;filter:none;opacity:1}
@media(max-width:760px){.reveal.animate[data-motion=chart]{transform:translateX(-22px)}.reveal.animate[data-motion=chart].visible{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal.animate[data-motion=chart]{transform:none;filter:none;opacity:1;transition:none}}
.reveal.animate[data-motion=preview]{transform:translateY(32px);filter:none;transition:opacity 1.1s ease,transform 1.65s cubic-bezier(.16,.75,.25,1)}
.reveal.animate[data-motion=preview].visible{transform:none;filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.reveal.animate[data-motion=preview]{transform:none;filter:none;opacity:1;transition:none}}
/* Keep dashboard labels contained at the smaller preview width. */
.method-dashboard .md-metric dt,.method-dashboard .md-metric dd,.method-dashboard .md-panel-note,.method-dashboard .md-sample-product strong{overflow-wrap:anywhere;white-space:normal;min-width:0}
.method-dashboard .md-metric dd{font-size:clamp(18px,2.3vw,25px);letter-spacing:-.5px}
.method-dashboard .md-header>div,.method-dashboard .md-sample-product>div,.method-dashboard .md-funnel li{min-width:0}
.method-dashboard .md-funnel li>span{overflow-wrap:anywhere;display:block}
.method-dashboard .md-header,.method-dashboard .md-window-bar,.method-dashboard .md-footer{flex-wrap:wrap}
.method-dashboard .md-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.method-dashboard .md-store-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.method-dashboard .md-sales{grid-column:auto}
@media(max-width:760px){.method-dashboard .md-store-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.method-dashboard .md-sales{grid-column:1/-1}.method-dashboard .md-period{white-space:normal}.method-dashboard .md-product-demo{white-space:normal}}
/* Main 01–04 preview slides in from the side with a subtle pop. */
.reveal.animate[data-motion=preview]{transform:translateX(55px) scale(.96);filter:none;transition:opacity 1s ease,transform 1.6s cubic-bezier(.16,.85,.25,1.08)}
.reveal.animate[data-motion=preview].visible{transform:translateX(0) scale(1);opacity:1;filter:none}
@media(max-width:760px){.reveal.animate[data-motion=preview]{transform:translateX(28px) scale(.97)}.reveal.animate[data-motion=preview].visible{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal.animate[data-motion=preview]{transform:none;opacity:1;transition:none}}
/* Compact mini replica of the supplied storefront layout. */
.customer-store{background:#faf9f6;color:#242424;border-color:#e6e1db}.cs-announcement{background:#eeeae4;color:#38332d;font-size:8px;padding:6px}.cs-nav{padding:10px 18px;border-color:#e5e0d9}.cs-nav>strong{font-family:Georgia,serif;font-weight:400;font-size:22px;letter-spacing:0}.cs-nav>span{font-size:9px;letter-spacing:0;color:#615b53}.cs-nav button{color:#242424}.cs-product{padding:15px;gap:18px;grid-template-columns:1.08fr 1fr}.cs-photo{max-width:250px;background:transparent;border-radius:2px}.cs-photo img{mix-blend-mode:normal}.cs-photo>span{padding:6px;font-size:7px}.cs-copy{padding:0;color:#29251f}.cs-copy h4{font-family:Georgia,serif;font-size:25px;line-height:1.12;font-weight:400;color:#29251f;letter-spacing:-.5px;margin-bottom:10px}.cs-eyebrow{font-size:7px;color:#7b7064;margin-bottom:7px}.cs-description{display:none}.cs-price-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.cs-price-row .cs-price{margin:0;font-size:19px;font-weight:600}.cs-price-row s{font-size:11px;color:#8b8379}.cs-price-row>span{font-size:7px;padding:4px;background:#eee7da;color:#5c4c35}.cs-kit{border:0;background:transparent;padding:0;margin-bottom:10px}.cs-kit>span{font-size:9px;color:#4c453d;margin-bottom:7px}.cs-color-options{display:flex;gap:5px;flex-wrap:wrap}.cs-color-options span{border:1px solid #d9d2c8;padding:6px 8px;border-radius:3px;font-size:8px}.cs-color-options .selected{border-color:#4b4236;background:#eae4da}.cs-add{background:#3b342b;border-radius:3px;padding:11px;font-size:11px}.cs-add:hover{background:#54493c}.cs-features{font-size:7px;gap:5px;margin:10px 0;color:#6e6559}.cs-payment-text{font-size:7px;color:#61594d;word-spacing:3px;padding-bottom:10px;text-align:center}.cs-details{display:flex;justify-content:space-between;padding-top:9px;font-size:9px;border-color:#ded8ce}.cs-drawer{background:#faf9f6;color:#29251f}.cs-drawer-head button,.cs-continue{color:#3b342b}
.tour-panel>.customer-store{max-height:315px}.tour-panel>.customer-cart-scene{height:330px;min-height:330px;max-height:330px}
@media(max-width:760px){.cs-product{grid-template-columns:1fr 1fr;gap:11px;padding:11px}.cs-photo{max-width:none}.cs-copy h4{font-size:19px}.cs-nav>span{display:block;font-size:7px}.cs-nav{padding:9px 11px;gap:8px}.cs-nav>strong{font-size:17px}.cs-nav button{font-size:9px}.cs-price-row{gap:5px}.cs-price-row .cs-price{font-size:15px}.cs-price-row s{font-size:9px}.cs-color-options span{font-size:7px;padding:5px}.cs-features{flex-wrap:wrap;font-size:7px}.cs-photo>span{font-size:6px}.cs-payment-text{font-size:6px;line-height:1.6}.tour-panel>.customer-store{max-height:310px}.cs-eyebrow{font-size:6px}.cs-add{font-size:10px;padding:10px}.cs-price-row>span{font-size:6px}}
.customer-store{background:#f7f3ec;color:#171717}.cs-announcement{background:#191919;color:white}.cs-nav{border-bottom:2px solid white;justify-content:flex-start}.cs-nav>strong{font-family:Georgia,serif;font-size:21px}.cs-nav>span{margin-right:auto}.cs-product{grid-template-columns:1.1fr 1fr;padding:14px 17px;gap:24px;align-items:start}.cs-photo{max-width:none;width:100%;border-radius:3px}.cs-photo>span{display:none}.cs-copy h4{color:#0b0b0b;font-size:21px;line-height:1.12;margin-bottom:7px}.cs-rating{margin:0 0 7px;font-size:8px;color:#171717}.cs-rating>span{color:#c2a030;letter-spacing:1px;margin-right:4px}.cs-price-row .cs-price{font-size:19px;color:black}.cs-price-row{gap:6px;margin-bottom:12px}.cs-price-row>span{font-size:6px;font-weight:bold}.cs-kit{padding-top:9px;border-top:1px solid #d8d2c9}.cs-color-options{gap:4px;flex-wrap:nowrap}.cs-color-options>span{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;padding:3px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:7px}.cs-color-options>span.selected{border:1px solid #7d6042;background:transparent}.cs-color-options img{width:100%;height:27px;object-fit:cover;border-radius:3px}.cs-quantity-preview{font-size:8px;margin:10px 0}.cs-quantity-preview>span{color:#898178;font-size:7px}.cs-quantity-preview>div{width:69px;background:#fff;padding:7px;margin-top:6px;font-size:10px}.cs-add{background:#805d39;color:white;border-radius:3px;padding:10px;font-size:9px}.cs-add:hover{background:#694a2c}.cs-features{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid #e4dcd0;border-radius:7px;margin:8px 0;font-size:7px;color:#28241f;line-height:1.45}.cs-payment-logos{display:flex;justify-content:center;gap:4px;margin:8px 0}.cs-payment-logos img{width:28px;height:18px;object-fit:contain}.cs-details{margin-top:7px}.tour-panel>.customer-store{max-height:360px}.cs-drawer .cs-add{font-size:11px}.customer-cart-scene .cs-product{padding:14px 17px}
@media(max-width:760px){.cs-product{padding:10px;gap:12px}.cs-copy h4{font-size:17px}.cs-rating{font-size:6px}.cs-nav>strong{font-size:17px}.cs-price-row .cs-price{font-size:15px}.cs-color-options>span{font-size:6px}.cs-color-options img{height:20px}.cs-features{font-size:6px;padding:6px;gap:4px}.cs-payment-logos img{width:23px;height:15px}.cs-payment-logos{gap:3px}.tour-panel>.customer-store{max-height:340px}}