.mobile-preview{background:#fff;color:#203027}.preview-hero{background:#dcf227;padding:calc(20px + env(safe-area-inset-top)) 16px 14px}.preview-address{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;text-align:left;color:inherit;max-width:80%;min-height:44px}.preview-address>svg{width:24px;height:24px;flex:none}.preview-address span{display:grid;gap:2px}.preview-address b{font-size:19px;line-height:23px}.preview-address small{font-size:13px}.preview-address>svg:last-child{width:16px}.preview-mode{position:absolute;right:18px;top:29px;font-size:11px;color:#526122}.preview-search{display:flex;align-items:center;gap:10px;background:#fafbf5;border-radius:28px;height:46px;margin-top:17px;padding:0 14px}.preview-search svg{width:21px;flex:none;color:#617064}.preview-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:16px;padding:0;box-shadow:none}.preview-search button{border:0;background:none;font-size:13px;white-space:nowrap;color:#415329;padding:8px 0}.preview-banner{height:166px;display:flex;align-items:center;margin:10px -10px 0;overflow:hidden}.preview-banner img{width:100%;height:100%;object-fit:contain}.preview-banner-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#536029}.preview-banner-footer a{display:flex;gap:5px;align-items:center;font-size:13px;font-weight:650;color:#203027}.preview-banner-footer svg{width:16px;height:16px}.preview-categories{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,104px);grid-auto-columns:82px;gap:8px 4px;overflow-x:auto;padding:18px 14px 12px;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:22px 22px 0 0;margin-top:-1px;background:white}.preview-categories>a{display:flex;align-items:center;flex-direction:column;gap:5px;scroll-snap-align:start;color:#203027;font-size:13px}.preview-category-icon{width:54px;height:54px;display:grid;place-items:center;background:#f1f7e7;border-radius:18px}.preview-category-icon svg{width:30px;height:30px;stroke-width:1.6;color:#467343}.preview-categories small{font-size:11px;color:#8a938b}.preview-service{display:flex;justify-content:center;gap:18px;padding:12px 8px;border-top:1px solid #f0f2ee;font-size:11px;color:#687567}.preview-service span{display:flex;align-items:center;gap:5px}.preview-service svg{width:14px;height:14px}.preview-products{padding:18px 12px 12px;background:#f7f9f5}.preview-products h2{font-size:20px;margin:0}.preview-hint{font-size:12px;color:#748071;margin:7px 0 15px}.preview-products .product-card{box-shadow:none}.mobile-preview .section-head{margin:0}body:has(.mobile-preview) #app{position:relative}input,textarea,select{font-size:16px}
.preview-hero{padding:16px 16px 12px}.preview-address{min-height:42px}.preview-search{height:42px;margin-top:16px;background:#f8f9f5}.preview-banner{display:block;height:clamp(140px,43vw,185px);margin:20px -8px 0;touch-action:pan-y;user-select:none}.preview-banner-track{display:flex;height:100%;width:100%;transition:transform .42s cubic-bezier(.22,.7,.2,1)}.preview-slide{flex:0 0 100%;min-width:0;height:100%;padding:0 4px;box-sizing:border-box}.preview-slide img{display:block;pointer-events:none;object-fit:contain}.preview-banner-footer{position:relative;height:32px;justify-content:flex-start;padding-bottom:9px}.preview-banner-footer a{font-size:15px}.preview-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:white;border-radius:20px;padding:4px 5px;box-shadow:0 1px 4px #20302715}.preview-dots button{border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;min-width:5px;height:5px;position:relative}.preview-dots button:before{content:'';position:absolute;inset:-12px -3px}.preview-dots span{display:block;width:5px;height:5px;border-radius:8px;background:#c5ccc7}.preview-dots button[aria-current=true] span{background:#283b31}.mobile-preview .shelf{margin:0;padding-top:13px;border-top:0;border-radius:20px 20px 0 0;position:relative;background:#f5faee}.preview-mode{top:26px}@media(prefers-reduced-motion:reduce){.preview-banner-track{transition:none}}
.preview-banner-footer>a{font-size:16px;font-weight:400;gap:7px;line-height:22px}.preview-cta-arrow{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#203027;color:#dcf227}.preview-cta-arrow svg{width:13px;height:13px;stroke-width:2.5}.mobile-preview .shelf{padding-top:12px}
.frozen-groups{max-width:100%;box-sizing:border-box;overflow-x:auto;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;-webkit-user-select:none}.frozen-groups a{touch-action:pan-x pan-y}.frozen-groups.dragging,.frozen-groups.dragging a{cursor:grabbing}
html{overflow-x:hidden;overscroll-behavior-x:none}
body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
.preview-products,.category-products,.shelf,.preview-service,.preview-address,.preview-search{touch-action:pan-y pinch-zoom}
.frozen-groups{overscroll-behavior-x:contain}
.product-buy strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.mobile-preview{background:#dcf227}
.mobile-preview .shelf{background:#fff;border-radius:20px 20px 0 0;overflow:hidden}
.preview-service{background:#fff}
.preview-banner-track{will-change:transform}
.home-pull{height:0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:#fff}
.home-pull-spinner{position:relative;display:block;width:28px;height:28px;flex:none;margin:8px auto 18px}
.home-pull-spinner i{position:absolute;left:12px;top:0;width:4px;height:9px;border-radius:2px;background:#8e8e93;transform-origin:2px 14px;transform:rotate(calc(var(--i)*45deg))}
.home-pull.refreshing .home-pull-spinner i{animation:home-refresh-fade .8s linear infinite;animation-delay:calc(var(--i)*.1s - .8s)}
@keyframes home-refresh-fade{0%{opacity:1}100%{opacity:.2}}
@media(prefers-reduced-motion:reduce){.home-pull.refreshing .home-pull-spinner i{animation:none;opacity:.65!important}}
.preview-hero{padding:calc(16px + env(safe-area-inset-top)) 16px 12px}
html:has(.mobile-preview),body:has(.mobile-preview),body:has(.mobile-preview) #app{background:#dcf227}
.preview-banner{height:clamp(164px,50vw,215px)}