.client-demo{--cd-accent:#008453;--cd-soft:#e6f6ee;color:#171922;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;min-height:100dvh;padding-bottom:76px;font:14px/1.5 Schibsted Grotesk,sans-serif}.client-demo[data-demo-brand=QRANGO]{--cd-accent:#b63822;--cd-soft:#fff0ea}.client-demo *{box-sizing:border-box}.client-demo button,.client-demo input,.client-demo textarea{font:inherit}.client-demo button{cursor:pointer}.client-demo button:disabled{cursor:default;opacity:.5}.client-demo button:focus-visible,.client-demo input:focus-visible,.client-demo textarea:focus-visible{outline:3px solid var(--cd-accent);outline-offset:3px}.client-demo button{-webkit-tap-highlight-color:transparent}.client-demo h1{letter-spacing:-.035em;margin:6px 0 16px;font-size:28px;font-weight:700;line-height:1.15}.client-demo h2{margin:24px 0 14px;font-size:20px;font-weight:650;line-height:1.25}.client-demo p{margin:12px 0}.client-demo .material-symbols-rounded{font-size:22px;line-height:1}.cd-banner{z-index:20;color:#fff;background:#20232b;justify-content:space-between;align-items:center;height:38px;padding:0 14px;font-size:11px;display:flex;position:sticky;top:0}.cd-banner>span{align-items:center;gap:7px;display:flex}.cd-banner i,.cd-chat-caption i{background:#4dd9a1;border-radius:50%;width:6px;height:6px}.cd-banner button{width:36px;height:36px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.cd-header{background:#fff;border-bottom:1px solid #e8e9ef;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cd-header>span{font-weight:650}.cd-header button{width:42px;height:42px;color:inherit;background:0 0;border:0;place-items:center;display:grid;position:relative}.cd-header b{background:var(--cd-accent);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;position:absolute;top:0;right:0}.cd-content{padding:24px 20px}.cd-kicker{color:var(--cd-accent);letter-spacing:.12em;font-size:10px;font-weight:700}.cd-product-photo{background:#f3f4f7;position:relative}.cd-product-photo>img{aspect-ratio:1.2;object-fit:contain;width:100%;display:block}.cd-product-photo.is-service>img{object-fit:cover}.cd-product-photo>button{width:42px;height:42px;color:var(--cd-accent);background:#fffe;border:1px solid #e4e6eb;border-radius:50%;position:absolute;top:14px;right:14px}.cd-price{font-size:23px;font-weight:700}.cd-price>span{color:#6b6e7a;font-size:13px;font-weight:400}.cd-rating{color:var(--cd-accent);background:0 0;border:0;gap:9px;margin-top:10px;padding:0;font-size:12px;display:flex}.cd-highlights{margin:0;padding:12px 0;list-style:none}.cd-highlights li{align-items:center;gap:7px;padding:4px 0;font-size:13px;display:flex}.cd-highlights .material-symbols-rounded{color:var(--cd-accent);font-size:16px}.client-demo fieldset{border:0;min-width:0;margin:0;padding:20px 0}.client-demo legend{width:100%;padding:0;font-size:15px;font-weight:650}.client-demo legend small{float:right;color:#747785;font-size:11px;font-weight:400}.cd-options{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cd-options button{color:#252832;background:#fff;border:1px solid #d9dde5;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:flex}.cd-options button[aria-pressed=true],.cd-dates button[aria-pressed=true]{border-color:var(--cd-accent);background:var(--cd-soft);color:var(--cd-accent);box-shadow:inset 0 0 0 1px var(--cd-accent)}.cd-primary,.cd-secondary{border:1px solid var(--cd-accent);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 15px;display:flex;font-weight:650!important}.cd-primary{background:var(--cd-accent);color:#fff}.cd-secondary{color:var(--cd-accent);background:#fff;margin-top:14px}.cd-action{z-index:8;background:#fffffff5;border-top:1px solid #e8e9ee;padding:12px 16px;position:sticky;bottom:66px}.cd-note{gap:10px;margin:20px 0;font-weight:600;display:grid}.cd-note textarea,.cd-note input{color:#252832;background:#f8f9fb;border:1px solid #d9dde5;border-radius:12px;width:100%;min-height:48px;padding:12px;font-weight:400}.cd-note textarea{resize:vertical;min-height:78px}.cd-checkbox{border:1px solid #e4e6eb;border-radius:12px;gap:12px;margin:12px 0;padding:16px;display:flex}.cd-checkbox input{accent-color:var(--cd-accent)}.cd-checkbox span{display:grid}.cd-checkbox small{color:#6b6e7a}.cd-quantity{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.cd-quantity>div{align-items:center;gap:14px;display:flex}.cd-quantity button{width:40px;height:40px;color:inherit;background:#fff;border:1px solid #e0e3e9;border-radius:50%;font-size:24px}.cd-item{border-block:1px solid #e7e9ee;align-items:center;gap:12px;margin:18px 0;padding:18px 0;display:flex}.cd-item>img{object-fit:contain;background:#f3f4f7;border-radius:12px;width:76px;height:76px}.cd-item>div{flex:1;gap:5px;display:grid}.cd-item small{color:#707480}.cd-item>button{color:var(--cd-accent);background:0 0;border:0;padding:10px}.cd-info{background:#f5f6f9;border-radius:14px;gap:12px;margin:16px 0;padding:16px;display:flex}.cd-info>.material-symbols-rounded{color:var(--cd-accent);flex:none}.cd-info p{color:#5f6471;margin:5px 0}.cd-info small{color:#737784}.cd-totals{margin:20px 0}.cd-totals>div,.cd-specs dl>div{justify-content:space-between;gap:16px;padding:10px 0;display:flex}.cd-totals dt,.cd-totals dd,.cd-specs dt,.cd-specs dd{margin:0}.cd-totals>div:last-child{border-top:1px solid #dfe3e9;font-size:18px;font-weight:700}.cd-muted{color:#747784;font-size:12px}.cd-success{color:var(--cd-accent);font-size:12px}.cd-empty{text-align:center;padding:30px 0}.cd-empty>.material-symbols-rounded{color:#b7bdc9;font-size:54px}.cd-dates{gap:8px;padding-top:12px;display:flex}.cd-dates button{min-height:66px;color:inherit;background:#fff;border:1px solid #d9dde5;border-radius:12px;flex:1;gap:4px;padding:8px;font-size:11px;display:grid}.cd-dates b{font-size:21px}.cd-confirm-icon{background:var(--cd-soft);width:76px;height:76px;color:var(--cd-accent);border-radius:50%;place-items:center;margin:26px 0;display:grid}.cd-confirm-icon>.material-symbols-rounded{font-size:36px}.cd-status{color:var(--cd-accent);background:var(--cd-soft);border-radius:99px;padding:7px 12px;font-size:11px;font-weight:650;display:inline-flex}.cd-tracking{margin:24px 0;padding:0;list-style:none}.cd-tracking li{color:#8a8d98;gap:12px;padding:0 0 24px;display:flex;position:relative}.cd-tracking li:not(:last-child):after{content:"";background:#e6e8ed;width:2px;height:24px;position:absolute;top:24px;left:10px}.cd-tracking li[data-current=true],.cd-tracking li[data-complete=true]{color:var(--cd-accent)}.cd-tracking li>div{gap:3px;display:grid}.cd-tracking small{color:#7c808d;font-size:11px}.cd-chat-caption{color:#6b717d;align-items:center;gap:8px;font-size:12px;display:flex}.cd-bubble{background:#f0f2f6;border-radius:14px 14px 14px 3px;max-width:90%;margin:16px 0;padding:14px}.cd-bubble.is-customer{background:var(--cd-soft);border-radius:14px 14px 3px;margin-left:auto}.cd-chat-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #d9dde5;border-radius:14px;align-items:center;gap:12px;margin:14px 0;padding:12px;display:flex}.cd-chat-card img{object-fit:cover;border-radius:10px;width:62px;height:62px}.cd-chat-card>span{flex:1;gap:4px;display:grid}.cd-chat-card small{color:#747784;font-size:11px}.cd-coupon{text-align:center;border:1px dashed var(--cd-accent);background:var(--cd-soft);border-radius:20px;justify-items:center;gap:18px;margin:24px 0;padding:28px 20px;display:grid}.cd-coupon>.material-symbols-rounded{color:var(--cd-accent);font-size:36px}.cd-coupon>span,.cd-coupon small{letter-spacing:.04em;font-size:10px}.cd-coupon>strong{letter-spacing:-.04em;font-size:28px}.cd-coupon code{letter-spacing:.15em;background:#fff;border-radius:8px;padding:8px 18px}.cd-review-summary{align-items:center;gap:20px;padding:20px 0;display:flex}.cd-review-summary>strong{font-size:42px}.cd-review-summary>span{color:#8c6200;font-size:20px;display:grid}.cd-review-summary small{color:#6b717d;font-size:11px}.cd-review{border-top:1px solid #e7e9ee;padding:20px 0}.cd-review>div{align-items:center;gap:8px;font-size:12px;display:flex}.cd-review small{color:#8c6200;margin-left:auto}.cd-avatar{background:#e8ebf1;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.cd-review>img{object-fit:cover;border-radius:12px;width:100px;height:100px}.cd-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e3e6ed;justify-content:space-around;min-height:66px;padding:8px 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.cd-nav button{color:#757a86;background:0 0;border:0;justify-items:center;gap:4px;width:70px;font-size:10px;display:grid}.cd-nav button[aria-current=page]{color:var(--cd-accent);font-weight:650}.cd-specs{border-block:1px solid #e7e9ee;margin:20px 0;padding:14px 0;font-size:12px}.cd-specs summary{cursor:pointer;font-size:14px;font-weight:650}.cd-specs dd{text-align:right}.cd-store-photo{border-radius:16px;width:100%}.cd-back{min-height:48px;color:inherit;background:#fff;border:0;align-items:center;gap:8px;padding:14px 20px;display:flex}.cd-notice{z-index:19;background:var(--cd-soft);color:var(--cd-accent);padding:12px 16px;font-size:12px;position:sticky;top:38px}.client-demo [data-storefront-preview-root]{--sfh-coral:var(--cd-accent);--sfh-coral-soft:var(--cd-soft)}.client-demo [data-storefront-preview-root][data-display=catalog]{margin-top:0}.client-demo .sfh-hero{aspect-ratio:9/14}@media (prefers-reduced-motion:reduce){.client-demo *{scroll-behavior:auto!important}}