/* Store illustration based on the merchant layout supplied by the owner. */
.storefront-demo{--shop-bg:#101829;--shop-panel:#151e30;--shop-border:#2b3548;--shop-text:#f5f6fa;--shop-muted:#abb6c9;--shop-highlight:#c9a879}
.storefront-demo .store-scene{padding:15px 15px 0;background:#edf2f9;border-color:#d8e2ee;border-radius:18px;box-shadow:0 20px 45px #06236108}
.storefront-demo .store-scene::before{content:none}
.storefront-demo .store-window{background:var(--shop-bg);border:1px solid var(--shop-border);border-radius:12px;box-shadow:0 12px 30px #081d371b}
.storefront-demo .browser-bar{height:38px;background:#182134;border-color:#2b3548;color:#b8c3d5;padding-inline:14px}
.storefront-demo .browser-address{font-size:10px;color:#bdc9dd;gap:7px}
.shop-viewport{height:548px;position:relative;overflow:hidden;background:var(--shop-bg);transition:background .35s ease}
.shop-ui{padding:14px 15px 24px;color:var(--shop-text)}
.shop-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px;min-height:34px}
.shop-languages{display:flex;gap:5px;direction:ltr;flex-shrink:0}
.shop-language{border:1px solid var(--shop-border);color:var(--shop-muted);background:var(--shop-panel);font-family:var(--font);width:27px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500}
.shop-language.selected{color:#162339;background:#f2eee7;border-color:#f2eee7}
.shop-search{border:1px solid var(--shop-border);background:var(--shop-panel);border-radius:9px;min-width:0;flex:1;padding:6px 9px;display:flex;justify-content:space-between;align-items:center;color:var(--shop-muted);gap:6px;font-size:10px}
.shop-search>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-search>.icon{width:16px;height:16px;flex-basis:16px}
.shop-cart{width:30px;height:30px;border-radius:8px;position:relative;display:flex;justify-content:center;align-items:center;border:1px solid var(--shop-border);background:var(--shop-panel);flex-shrink:0}
.shop-cart>.icon{width:19px;height:19px;flex-basis:19px}
.shop-cart>small{position:absolute;inset-block-start:-5px;inset-inline-end:-4px;background:#f5f6fa;color:#233149;font-size:8px;width:13px;height:13px;line-height:13px;text-align:center;border-radius:50%;font-family:Kurdivo,Arial,sans-serif}
.shop-banner{height:128px;border-radius:11px;overflow:hidden;position:relative;background:#a29585;isolation:isolate;margin-bottom:17px;display:flex;align-items:center}
.shop-banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.shop-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171a20bb,#171a2045 60%,transparent);z-index:-1}
html[dir=rtl] .shop-banner-photo{transform:scaleX(-1)}
html[dir=rtl] .shop-banner::after{background:linear-gradient(270deg,#171a20bb,#171a2045 60%,transparent)}
.shop-banner-copy{padding:16px 18px;max-width:79%;color:#fff;position:relative}
.shop-banner-copy>span{font-size:9px;line-height:1.5;display:block;margin-bottom:6px;color:#eae0d2}
.shop-banner-copy h3{font-size:25px;line-height:1.13;letter-spacing:-.6px;max-width:230px;margin:0 0 7px;color:white;font-weight:500;text-wrap:balance}
.shop-banner-copy p{font-size:9px;line-height:1.6;color:#ece8e3;margin:0;max-width:230px}
.shop-banner-dots{position:absolute;bottom:9px;inset-inline:0;display:flex;justify-content:center;gap:4px}
.shop-banner-dots>i{width:4px;height:4px;border-radius:5px;background:#fff7;display:block}
.shop-banner-dots>i:first-child{width:15px;background:white}
.shop-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.shop-category{text-align:center;min-width:0}
.shop-category>img{width:56px;height:56px;border-radius:14px;object-fit:cover;margin:0 auto 7px;border:1px solid #ffffff18;box-shadow:0 4px 12px #0002}
.shop-category>span{display:block;font-size:11px;line-height:1.65;color:var(--shop-text);white-space:nowrap}
.shop-catalogue-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:11px;color:var(--shop-text);line-height:1.7}
.shop-catalogue-title>span:first-child{font-weight:500}
.shop-catalogue-title>span:last-child{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--shop-muted)}
.shop-catalogue-title .arrow{width:11px;height:11px;flex-basis:11px}
.shop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shop-product{background:var(--shop-panel);border:1px solid var(--shop-border);border-radius:13px;overflow:hidden;min-width:0}
.shop-product-photo{aspect-ratio:1.12;background:#b9b1a5;overflow:hidden}
.shop-product-photo>img{width:100%;height:100%;object-fit:cover;transition:scale .65s var(--ease)}
.shop-product:hover .shop-product-photo>img{scale:1.045}
.shop-product-info{padding:9px 11px 11px;display:grid;gap:2px}
.shop-product-info>strong{font-weight:500;font-size:12px;line-height:1.65;color:var(--shop-text);overflow-wrap:anywhere}
.shop-product-price{font-size:10px;line-height:1.7;color:var(--shop-muted);display:flex;gap:5px;align-items:center}
.shop-product-price>b{font-weight:500;color:var(--shop-text);font-family:Kurdivo,Arial,sans-serif;font-size:12px}
.storefront-demo .scene-note{font-size:10px!important;line-height:1.8;color:#6a7a92;padding:13px 3px 14px;margin:0}
.storefront-demo .demo-controls{padding:13px 2px 15px;font-size:11px}
.storefront-demo .demo-replay{width:33px;height:33px}
.storefront-demo .shop-launch{position:absolute;inset:0;z-index:5;background:var(--shop-bg);display:none;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:24px;pointer-events:none}
.launch-brand{width:196px;margin-bottom:31px;padding:15px 14px;background:#fff;border-radius:9px}
.launch-brand>img{width:100%;height:auto}
.launch-label{font-size:12px;line-height:1.8;color:var(--shop-muted);margin-bottom:11px;text-align:center}
.launch-address{font-family:Kurdivo,Arial,sans-serif;font-size:clamp(19px,2.25vw,28px);font-weight:500;line-height:1.5;letter-spacing:-.65px;color:var(--shop-text);display:flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap}
.launch-domain{font-family:ui-monospace,monospace;font-size:.89em;letter-spacing:-.045em;color:var(--sky);overflow:hidden;white-space:nowrap;width:10ch}
.launch-cursor{width:2px;height:1em;display:block;background:var(--sky);margin-inline-start:3px;opacity:0}
.launch-progress{height:2px;width:140px;background:var(--shop-border);border-radius:5px;margin-top:30px;overflow:hidden}
.launch-progress>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--sky)}
.storefront-demo.demo-armed .shop-launch{display:flex}
.storefront-demo.demo-armed:not(.demo-playing) .shop-ui{opacity:0}
@keyframes store-intro-out{0%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes store-domain-type{from{width:0}to{width:10ch}}
@keyframes store-cursor{0%,80%{opacity:1}100%{opacity:0}}
@keyframes store-load-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes store-open{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes store-item-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes store-photo-settle{from{scale:1.07}to{scale:1}}
.storefront-demo.demo-playing .store-window{animation:none}
.storefront-demo.demo-playing .shop-launch{display:flex;animation:store-intro-out 1.75s var(--ease) both}
.storefront-demo.demo-playing .launch-domain{animation:store-domain-type .6s .2s steps(10,end) both}
.storefront-demo.demo-playing .launch-cursor{animation:store-cursor 1s .2s ease both}
.storefront-demo.demo-playing .launch-progress>span{animation:store-load-progress .9s .3s var(--ease) both}
.storefront-demo.demo-playing .shop-ui{animation:store-open .75s 1.45s var(--ease) both}
.storefront-demo.demo-playing .shop-banner-photo{animation:store-photo-settle 1.8s 1.5s var(--ease) both}
.storefront-demo.demo-playing .shop-category{animation:store-item-in .6s 1.7s var(--ease) both}
.storefront-demo.demo-playing .shop-category:nth-child(2){animation-delay:1.78s}
.storefront-demo.demo-playing .shop-category:nth-child(3){animation-delay:1.86s}
.storefront-demo.demo-playing .shop-category:nth-child(4){animation-delay:1.94s}
.storefront-demo.demo-playing .shop-product{animation:store-item-in .75s 1.98s var(--ease) both}
.storefront-demo.demo-playing .shop-product:nth-child(2){animation-delay:2.1s}
.storefront-demo.demo-playing .shop-product:nth-child(3){animation-delay:2.22s}
.storefront-demo.demo-playing .shop-product:nth-child(4){animation-delay:2.34s}
html[dir=rtl] .shop-banner-copy h3{font-size:23px;line-height:1.5;letter-spacing:0;max-width:260px}
html[dir=rtl] .shop-banner-copy p{font-size:9px;line-height:1.8}
@media(min-width:1450px){.shop-viewport{height:574px}.shop-banner{height:140px}.shop-category>img{width:61px;height:61px}}
@media(max-width:1180px){.storefront-demo .store-scene{padding:12px 12px 0}.shop-viewport{height:501px}.shop-ui{padding:12px}.shop-banner{height:117px}.shop-banner-copy h3{font-size:22px}.shop-category>img{width:49px;height:49px}.shop-product-grid{gap:11px}.shop-product-info>strong{font-size:11px}.shop-banner-copy{padding:13px}html[dir=rtl] .shop-banner-copy h3{font-size:21px}.shop-languages{gap:3px}.shop-language{width:24px}}
@media(max-width:980px) and (min-width:741px){.shop-viewport{height:448px}.shop-ui{padding:10px}.shop-toolbar{gap:6px}.shop-languages{gap:2px}.shop-language{width:19px;height:27px;font-size:9px}.shop-search{padding:5px 6px;font-size:8px}.shop-cart{width:25px;height:27px}.shop-banner{height:108px;margin-bottom:14px}.shop-banner-copy h3{font-size:20px}.shop-banner-copy p{font-size:8px}.shop-category>img{height:43px;width:43px;border-radius:10px}.shop-category>span{font-size:10px}.shop-categories{gap:7px;margin-bottom:13px}.shop-product-info{padding:7px 9px 9px}.shop-product-info>strong{font-size:10px}.shop-product-price{font-size:9px}.shop-product-price>b{font-size:11px}.launch-address{font-size:20px}html[dir=rtl] .shop-banner-copy h3{font-size:18px}}
@media(max-width:740px){.hero .storefront-demo{width:100%;max-width:520px;margin-inline:auto}.shop-viewport{height:548px}.storefront-demo .store-scene{padding:14px 14px 0}.launch-address{font-size:27px}}
@media(max-width:460px){.storefront-demo .store-scene{padding:10px 10px 0;border-radius:15px}.storefront-demo .browser-bar{height:34px;padding-inline:10px}.storefront-demo .browser-address{font-size:9px}.shop-viewport{height:455px}.shop-ui{padding:11px}.shop-toolbar{gap:7px}.shop-language{width:23px;height:29px}.shop-search{font-size:9px}.shop-banner{height:110px;margin-bottom:14px}.shop-banner-copy h3{font-size:22px}.shop-banner-copy p{font-size:8px}.shop-category>img{width:46px;height:46px;border-radius:12px}.shop-category>span{font-size:10px}.shop-categories{gap:7px;margin-bottom:13px}.shop-catalogue-title{font-size:10px}.shop-product-grid{gap:10px}.shop-product-info{padding:7px 9px 9px}.shop-product-info>strong{font-size:11px}.shop-product-price>b{font-size:11px}.storefront-demo .demo-controls{font-size:10px;gap:6px}.storefront-demo .demo-controls>span{max-width:none}.storefront-demo .scene-note{font-size:9px!important;padding-block:10px 12px}.launch-address{font-size:23px}.launch-brand{width:147px}html[dir=rtl] .shop-banner-copy h3{font-size:19px;line-height:1.5}html[dir=rtl] .shop-banner-copy p{font-size:8px}}
@media(max-width:350px){.shop-language{width:19px;font-size:8px}.shop-languages{gap:2px}.shop-toolbar{gap:5px}.shop-ui{padding:9px}.shop-search{font-size:8px;padding:5px}.shop-banner-copy h3{font-size:20px}.shop-category>img{width:42px;height:42px}.shop-product-info>strong{font-size:10px}.launch-address{font-size:20px}}
@media(prefers-reduced-motion:reduce){.storefront-demo .shop-launch{display:none!important}.storefront-demo .shop-ui,.storefront-demo .shop-product,.storefront-demo .shop-category,.storefront-demo .shop-banner-photo{animation:none!important;opacity:1!important;transform:none!important;scale:1!important}.shop-product:hover .shop-product-photo>img{scale:1}}
@media print{.storefront-demo .shop-launch{display:none!important}.storefront-demo .shop-ui{animation:none!important;opacity:1!important}}