:root{--sn-bg:#f8fafc;--sn-bg-soft:#eef2ff;--sn-surface:#fff;--sn-text-main:#0f172a;--sn-text-muted:#64748b;--sn-text-soft:#475569;--sn-primary:#6366f1;--sn-primary-strong:#4f46e5;--sn-primary-soft:#6366f11a;--sn-primary-ring:#6366f129;--sn-border:#e2e8f0;--sn-border-strong:#6366f147;--sn-danger:#ef4444;--sn-success:#22c55e;--sn-shadow:0 8px 22px #0f172a0f;--sn-shadow-lg:0 14px 34px #0f172a1a;--sn-radius:18px;--sn-radius-lg:24px}.sn-wrapper{width:100%;min-height:100dvh;color:var(--sn-text-main);padding-bottom:max(2rem, env(safe-area-inset-bottom));background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sn-wrapper *,.sn-wrapper :before,.sn-wrapper :after{box-sizing:border-box}.sn-wrapper button{font:inherit;-webkit-tap-highlight-color:transparent}.sn-wrapper img{max-width:100%}.sn-wrapper .sn-help-banner,.sn-wrapper .sn-categories,.sn-wrapper .sn-store-toolbar,.sn-wrapper .sn-products,.sn-wrapper .sn-pagination,.sn-wrapper .sn-order-tutorial{width:min(100%,1320px);margin-inline:auto}.sn-wrapper .sn-help-banner{border:1px solid var(--sn-border);border-radius:var(--sn-radius-lg);background:var(--sn-surface);width:calc(100% - 1.5rem);box-shadow:var(--sn-shadow);grid-template-columns:auto 1fr;align-items:center;gap:.8rem;margin-top:.85rem;padding:.95rem;display:grid}.sn-wrapper .sn-help-banner .sn-help-icon{color:#fff;background:var(--sn-primary);border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.sn-wrapper .sn-help-banner .sn-help-content{min-width:0}.sn-wrapper .sn-help-banner .sn-help-content span{color:var(--sn-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem;font-size:.7rem;font-weight:900;line-height:1;display:block}.sn-wrapper .sn-help-banner .sn-help-content h2{color:var(--sn-text-main);letter-spacing:-.035em;margin:0;font-size:1rem;font-weight:900;line-height:1.16}.sn-wrapper .sn-help-banner .sn-help-content p{color:var(--sn-text-muted);margin:.22rem 0 0;font-size:.82rem;font-weight:600;line-height:1.4}.sn-wrapper .sn-help-banner button{color:#fff;background:var(--sn-primary);cursor:pointer;border:0;border-radius:999px;grid-column:1/-1;width:100%;min-height:44px;font-size:.86rem;font-weight:900}.sn-wrapper .sn-help-banner button:active{transform:scale(.98)}.sn-wrapper .sn-categories{padding:1.1rem .75rem .6rem}.sn-wrapper .sn-categories .sn-cat-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem;display:flex}.sn-wrapper .sn-categories .sn-cat-header span{color:var(--sn-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.18rem;font-size:.72rem;font-weight:900;line-height:1;display:block}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-title{color:var(--sn-text-main);letter-spacing:-.04em;margin:0;font-size:1.22rem;font-weight:950;line-height:1.1}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-header-actions{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-scroll-btn{border:1px solid var(--sn-border);width:36px;height:36px;color:var(--sn-text-main);background:var(--sn-surface);cursor:pointer;border-radius:12px;place-items:center;display:grid}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-scroll-btn:active{transform:scale(.96)}.sn-wrapper .sn-categories .sn-cat-grid{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.7rem;padding:.1rem 0 .45rem;display:flex;overflow:auto hidden}.sn-wrapper .sn-categories .sn-cat-grid::-webkit-scrollbar{display:none}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card{appearance:none;border:1px solid var(--sn-border);width:88px;min-height:92px;color:var(--sn-text-soft);background:var(--sn-surface);cursor:pointer;scroll-snap-align:start;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .45rem;display:flex}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card:active{transform:scale(.97)}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card .sn-cat-icon{width:42px;height:42px;color:var(--sn-primary);background:var(--sn-primary-soft);border-radius:14px;place-items:center;display:grid}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card .sn-cat-label{max-width:100%;color:var(--sn-text-soft);text-align:center;text-transform:capitalize;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.74rem;font-weight:850;line-height:1.15;display:-webkit-box;overflow:hidden}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card.is-selected{border-color:var(--sn-primary);color:#fff;background:var(--sn-primary)}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card.is-selected .sn-cat-icon{color:var(--sn-primary);background:#fff}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card.is-selected .sn-cat-label{color:#fff}.sn-wrapper .sn-store-toolbar{grid-template-columns:1fr;gap:.75rem;padding:.35rem .75rem 1rem;display:grid}.sn-wrapper .sn-store-toolbar .sn-store-summary{border:1px solid var(--sn-border);background:var(--sn-surface);border-radius:16px;align-items:center;gap:.45rem;min-height:46px;padding:0 .9rem;display:flex}.sn-wrapper .sn-store-toolbar .sn-store-summary strong{color:var(--sn-primary);font-size:1rem;font-weight:950}.sn-wrapper .sn-store-toolbar .sn-store-summary span{color:var(--sn-text-muted);font-size:.84rem;font-weight:750}.sn-wrapper .sn-store-toolbar .sn-filter-group{min-width:0;position:relative}.sn-wrapper .sn-store-toolbar .sn-dropdown{width:100%}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger{border:1px solid var(--sn-border);width:100%;min-height:48px;color:var(--sn-text-main);background:var(--sn-surface);cursor:pointer;border-radius:16px;align-items:center;gap:.7rem;padding:.75rem .9rem;display:flex}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger .sn-icon-left{color:var(--sn-primary);flex-shrink:0}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger .sn-current-value{text-align:left;min-width:0;color:var(--sn-text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:850;overflow:hidden}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger .sn-icon-right{color:var(--sn-text-muted);flex-shrink:0;transition:transform .18s}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger .sn-icon-right.rotate{color:var(--sn-primary);transform:rotate(180deg)}.sn-wrapper .sn-store-toolbar .sn-dropdown.is-open .sn-dropdown-trigger{border-color:var(--sn-primary);box-shadow:0 0 0 3px var(--sn-primary-ring)}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu{z-index:30;border:1px solid var(--sn-border);background:var(--sn-surface);width:100%;box-shadow:var(--sn-shadow-lg);border-radius:16px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .45rem);left:0}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu .sn-dropdown-item{min-height:42px;color:var(--sn-text-soft);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.88rem;font-weight:800;display:flex}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu .sn-dropdown-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu .sn-dropdown-item svg{color:var(--sn-primary);flex-shrink:0}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu .sn-dropdown-item.is-active{color:var(--sn-primary);background:var(--sn-primary-soft)}.sn-wrapper .sn-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 .75rem;display:grid}.sn-wrapper .sn-products .sn-no-products-wrap{border:1px solid var(--sn-border);border-radius:var(--sn-radius-lg);background:var(--sn-surface);text-align:center;grid-column:1/-1;place-items:center;gap:.9rem;min-height:220px;padding:2rem 1rem;display:grid}.sn-wrapper .sn-products .sn-no-products-wrap .sn-no-products-msg{max-width:320px;color:var(--sn-text-muted);margin:0;font-size:.92rem;font-weight:700;line-height:1.5}.sn-wrapper .sn-products .sn-no-products-wrap button{color:#fff;background:var(--sn-primary);cursor:pointer;border:0;border-radius:999px;min-height:42px;padding:0 1rem;font-size:.84rem;font-weight:900}.sn-wrapper .sn-products .sn-product-card{border:1px solid var(--sn-border);background:var(--sn-surface);cursor:pointer;border-radius:18px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.sn-wrapper .sn-products .sn-product-card:active{transform:scale(.99)}.sn-wrapper .sn-products .sn-product-card.is-out-of-stock .sn-product-img-wrap img{filter:grayscale();opacity:.72}.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap{aspect-ratio:1;background:var(--sn-bg-soft);width:100%;position:relative;overflow:hidden}.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap .sn-tag-discount,.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap .sn-tag-stock{z-index:2;color:#fff;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;max-width:calc(100% - 1rem);min-height:24px;padding:.24rem .5rem;font-size:.62rem;font-weight:950;line-height:1;display:inline-flex;position:absolute;top:.5rem;left:.5rem}.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap .sn-tag-discount{background:var(--sn-danger)}.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap .sn-tag-stock{background:#0f172ab8}.sn-wrapper .sn-products .sn-product-card .sn-product-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.sn-wrapper .sn-products .sn-product-card .sn-product-info{flex-direction:column;flex:1;gap:.65rem;min-width:0;padding:.75rem;display:flex}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-text{min-width:0}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-text h4{color:var(--sn-text-main);letter-spacing:-.025em;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.86rem;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-text p{color:var(--sn-text-muted);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.22rem 0 0;font-size:.72rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row{justify-content:space-between;align-items:flex-end;gap:.45rem;margin-top:auto;display:flex}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row .sn-price-stack{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row .sn-price-stack .sn-price-old{color:#94a3b8;font-size:.66rem;font-weight:700;line-height:1.15;text-decoration:line-through}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row .sn-price-stack .sn-price-current{color:var(--sn-text-main);letter-spacing:-.035em;word-break:break-word;font-size:.96rem;font-weight:950;line-height:1.05}.sn-wrapper .sn-pagination{justify-content:center;align-items:center;gap:.75rem;padding:1.2rem .75rem 0;display:flex}.sn-wrapper .sn-pagination .sn-pag-btn{border:1px solid var(--sn-border);width:42px;height:42px;color:var(--sn-text-main);background:var(--sn-surface);cursor:pointer;border-radius:14px;place-items:center;display:grid}.sn-wrapper .sn-pagination .sn-pag-btn:disabled{opacity:.45;cursor:not-allowed}.sn-wrapper .sn-pagination .sn-pag-btn:active:not(:disabled){transform:scale(.96)}.sn-wrapper .sn-pagination .sn-pag-info{color:var(--sn-text-muted);text-align:center;font-size:.86rem;font-weight:750}.sn-wrapper .sn-pagination .sn-pag-info strong{color:var(--sn-text-main);font-weight:950}.sn-wrapper .sn-order-tutorial{border:1px solid var(--sn-border);background:var(--sn-surface);width:calc(100% - 1.5rem);box-shadow:var(--sn-shadow);border-radius:24px;margin:1.25rem auto 0;padding:1rem;scroll-margin-top:1rem}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head{text-align:left;gap:.45rem;margin-bottom:1rem;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head span{width:fit-content;min-height:24px;color:var(--sn-primary);background:var(--sn-primary-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .65rem;font-size:.64rem;font-weight:950;line-height:1;display:inline-flex}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head h2{color:var(--sn-text-main);letter-spacing:-.055em;margin:0;font-size:clamp(1.3rem,6vw,1.85rem);font-weight:950;line-height:1.05}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head p{max-width:520px;color:var(--sn-text-muted);margin:0;font-size:.86rem;font-weight:650;line-height:1.45}.sn-wrapper .sn-order-tutorial .sn-order-steps{gap:.75rem;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-step{border:1px solid var(--sn-border);background:var(--sn-bg);border-radius:18px;gap:.65rem;padding:.9rem;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-step-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sn-wrapper .sn-order-tutorial .sn-order-step-number{color:#fff;background:var(--sn-primary);border-radius:11px;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:950;line-height:1;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-step-icon{width:42px;height:42px;color:var(--sn-primary);background:var(--sn-primary-soft);border-radius:14px;place-items:center;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-step h3{color:var(--sn-text-main);letter-spacing:-.035em;margin:0;font-size:1rem;font-weight:950;line-height:1.18}.sn-wrapper .sn-order-tutorial .sn-order-step p{color:var(--sn-text-muted);margin:0;font-size:.82rem;font-weight:650;line-height:1.45}.sn-wrapper .sn-order-tutorial .sn-order-actions{gap:.55rem;margin-top:.9rem;display:grid}.sn-wrapper .sn-order-tutorial .sn-order-actions button,.sn-wrapper .sn-order-tutorial .sn-order-actions a{border-radius:999px;justify-content:center;align-items:center;min-height:42px;font-size:.84rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.sn-wrapper .sn-order-tutorial .sn-order-actions button{color:#fff;background:var(--sn-primary);cursor:pointer;border:0}.sn-wrapper .sn-order-tutorial .sn-order-actions a{border:1px solid var(--sn-border);color:var(--sn-text-main);background:var(--sn-surface)}@media (prefers-reduced-motion:reduce){.sn-wrapper *,.sn-wrapper :before,.sn-wrapper :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:768px){.sn-wrapper .sn-help-banner{grid-template-columns:auto 1fr auto;width:calc(100% - 2rem);padding:1rem}.sn-wrapper .sn-help-banner button{grid-column:auto;width:auto;padding-inline:1.15rem}.sn-wrapper .sn-store-toolbar{grid-template-columns:1fr minmax(240px,290px);align-items:center;padding-inline:1rem}.sn-wrapper .sn-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-inline:1rem}.sn-wrapper .sn-order-tutorial{width:calc(100% - 2rem)}.sn-wrapper .sn-order-tutorial .sn-order-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sn-wrapper .sn-order-tutorial .sn-order-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}}@media (min-width:1024px){.sn-wrapper .sn-help-banner,.sn-wrapper .sn-order-tutorial{width:calc(100% - 4rem)}.sn-wrapper .sn-help-banner{border-radius:26px;margin-top:1.25rem;padding:1.15rem 1.2rem}.sn-wrapper .sn-help-banner .sn-help-icon{border-radius:17px;width:50px;height:50px}.sn-wrapper .sn-help-banner .sn-help-content h2{font-size:1.12rem}.sn-wrapper .sn-help-banner .sn-help-content p{font-size:.88rem}.sn-wrapper .sn-help-banner button{min-height:46px}.sn-wrapper .sn-help-banner button:hover{background:var(--sn-primary-strong)}.sn-wrapper .sn-categories{padding:1.45rem 0 .8rem}.sn-wrapper .sn-categories .sn-cat-header{margin-bottom:1rem}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-title{font-size:1.45rem}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-scroll-btn{width:38px;height:38px}.sn-wrapper .sn-categories .sn-cat-header .sn-cat-scroll-btn:hover{border-color:var(--sn-border-strong);color:var(--sn-primary);background:var(--sn-primary-soft)}.sn-wrapper .sn-categories .sn-cat-grid{gap:.9rem}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card{border-radius:20px;width:108px;min-height:112px}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card:hover{border-color:var(--sn-border-strong);color:var(--sn-primary)}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card .sn-cat-icon{border-radius:16px;width:52px;height:52px}.sn-wrapper .sn-categories .sn-cat-grid .sn-cat-card .sn-cat-label{font-size:.78rem}.sn-wrapper .sn-store-toolbar{padding:.6rem 0 1.25rem}.sn-wrapper .sn-store-toolbar .sn-store-summary{width:fit-content;min-width:210px}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger{min-height:50px}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-trigger:hover{border-color:var(--sn-border-strong)}.sn-wrapper .sn-store-toolbar .sn-dropdown .sn-dropdown-menu .sn-dropdown-item:hover{color:var(--sn-primary);background:var(--sn-primary-soft)}.sn-wrapper .sn-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;padding:0 0}.sn-wrapper .sn-products .sn-product-card{border-radius:20px;transition:border-color .18s,box-shadow .18s,transform .18s}.sn-wrapper .sn-products .sn-product-card:hover:not(.is-out-of-stock){border-color:var(--sn-border-strong);box-shadow:var(--sn-shadow-lg);transform:translateY(-2px)}.sn-wrapper .sn-products .sn-product-card .sn-product-info{padding:.95rem}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-text h4{font-size:.98rem}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-text p{font-size:.76rem}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row .sn-price-stack .sn-price-old{font-size:.72rem}.sn-wrapper .sn-products .sn-product-card .sn-product-info .sn-product-price-row .sn-price-stack .sn-price-current{font-size:1.08rem}.sn-wrapper .sn-pagination{padding-top:1.6rem}.sn-wrapper .sn-pagination .sn-pag-btn{width:44px;height:44px}.sn-wrapper .sn-pagination .sn-pag-btn:hover:not(:disabled){border-color:var(--sn-border-strong);color:var(--sn-primary);background:var(--sn-primary-soft)}.sn-wrapper .sn-order-tutorial{border-radius:28px;margin-top:1.8rem;padding:1.25rem}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head{margin-bottom:1.1rem}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head h2{font-size:clamp(1.65rem,3vw,2.15rem)}.sn-wrapper .sn-order-tutorial .sn-order-tutorial-head p{font-size:.92rem}.sn-wrapper .sn-order-tutorial .sn-order-steps{gap:.9rem}.sn-wrapper .sn-order-tutorial .sn-order-step{border-radius:20px;padding:1rem;transition:border-color .18s,box-shadow .18s,transform .18s}.sn-wrapper .sn-order-tutorial .sn-order-step:hover{border-color:var(--sn-border-strong);box-shadow:var(--sn-shadow);transform:translateY(-2px)}.sn-wrapper .sn-order-tutorial .sn-order-step-icon{width:46px;height:46px}.sn-wrapper .sn-order-tutorial .sn-order-step h3{font-size:1.08rem}.sn-wrapper .sn-order-tutorial .sn-order-step p{font-size:.86rem}.sn-wrapper .sn-order-tutorial .sn-order-actions{margin-inline:auto}.sn-wrapper .sn-order-tutorial .sn-order-actions button,.sn-wrapper .sn-order-tutorial .sn-order-actions a{min-height:44px}.sn-wrapper .sn-order-tutorial .sn-order-actions button:hover{background:var(--sn-primary-strong)}.sn-wrapper .sn-order-tutorial .sn-order-actions a:hover{border-color:var(--sn-border-strong);color:var(--sn-primary);background:var(--sn-primary-soft)}}@media (min-width:1280px){.sn-wrapper .sn-products{grid-template-columns:repeat(4,minmax(0,1fr))}}