:root{--tg-blue: #2aabee;--tg-blue-dark: #1f95d0;--ios-blue: #0a84ff;--accent: #0a84ff;--text: #10283a;--muted: #6a7f90;--on-glass: #123a55;--glass-grad: linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .08));--glass-grad-strong: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .22));--glass-blur: blur(40px) saturate(180%);--glass-blur-soft: blur(24px) saturate(170%);--glass-border: 1px solid rgba(255, 255, 255, .28);--glass-shadow: 0 8px 32px rgba(18, 92, 150, .12), 0 2px 8px rgba(18, 92, 150, .08);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 0 0 1px rgba(255, 255, 255, .06);--radius: 30px;--radius-sm: 20px;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html,body{overscroll-behavior:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;color:var(--text);background:#eaf2fb;overflow-x:hidden;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-2;background:radial-gradient(34% 30% at 20% 14%,rgba(208,234,255,.95) 0%,transparent 60%),radial-gradient(40% 34% at 86% 8%,rgba(150,208,251,.85) 0%,transparent 60%),radial-gradient(44% 40% at 82% 88%,rgba(92,178,240,.7) 0%,transparent 60%),radial-gradient(42% 42% at 8% 90%,rgba(196,226,255,.85) 0%,transparent 62%),radial-gradient(circle at 50% -10%,#fff,#eef5fc 45%,#e3eefb);animation:bgShift 26s ease-in-out infinite alternate}@keyframes bgShift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.14) translate3d(2%,-2%,0)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(20% 16% at 26% 24%,rgba(255,255,255,.8),transparent 70%),radial-gradient(24% 18% at 76% 60%,rgba(130,205,255,.5),transparent 70%),radial-gradient(16% 14% at 56% 16%,rgba(160,222,255,.42),transparent 72%);animation:drift 18s ease-in-out infinite alternate;will-change:transform}@keyframes drift{0%{transform:translate3d(-4%,-3%,0) scale(1) rotate(0)}to{transform:translate3d(5%,4%,0) scale(1.1) rotate(4deg)}}.app{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.glass,.card,.list-item,.header,.chip,.radio-row,input,textarea,select,.dock,.drawer-sheet{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-grad);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset)}.card:before,.list-item:before,.header:before,.drawer-sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.8),transparent 46%);pointer-events:none;z-index:0}.card>*,.list-item>*,.header>*,.dock>*,.drawer-sheet>*{position:relative;z-index:1}.list-item:after,.btn:after{content:"";position:absolute;top:-60%;left:-30%;width:45%;height:220%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:rotate(8deg) translate(-160%);pointer-events:none;opacity:0;z-index:2}.list-item:active:after,.btn:active:after{opacity:1;animation:sheen .7s var(--ease)}@keyframes sheen{to{transform:rotate(8deg) translate(360%)}}.header{position:sticky;top:0;z-index:30;margin:12px 12px 6px;border-radius:26px;padding:14px 16px;display:flex;align-items:center;gap:10px;color:var(--on-glass);background:var(--glass-grad-strong);overflow:hidden}.header h1{font-size:17px;margin:0;font-weight:700;flex:1;letter-spacing:-.3px}.back-btn{background:#fff6;border:1px solid rgba(255,255,255,.6);color:var(--ios-blue);width:38px;height:38px;border-radius:50%;font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-inset);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s var(--spring),background .2s}.back-btn:active{transform:scale(.85);background:#ffffffb3}.content{flex:1;padding:12px 14px 130px}.card{border-radius:var(--radius);padding:20px;margin-bottom:16px;position:relative;overflow:hidden}.section-title{font-size:12px;color:var(--muted);margin:18px 8px 12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.list-item{border-radius:var(--radius-sm);padding:18px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;position:relative;overflow:hidden;transition:transform .18s var(--spring),background .22s}.list-item:active{transform:scale(.975);background:var(--glass-grad-strong)}.list-item .chev{color:var(--ios-blue);font-size:25px;font-weight:300;transition:transform .2s var(--spring)}.list-item:active .chev{transform:translate(4px)}.list-item .sub{color:var(--muted);font-size:13px;font-weight:400;margin-top:4px}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:16px 18px;font-size:clamp(15px,4.1vw,17px);font-weight:700;letter-spacing:-.2px;cursor:pointer;overflow:hidden;color:var(--text);background:linear-gradient(180deg,#fffffff5,#ffffffc7);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 12px 30px #145a9629,inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff80;transition:transform .16s var(--spring),box-shadow .2s,background .2s}.btn:before{content:"";position:absolute;top:0;right:0;bottom:55%;left:0;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);pointer-events:none}.btn:active{transform:scale(.97);box-shadow:0 6px 16px #145a962e,inset 0 1px #fffffff2}.btn:disabled{opacity:.5}.btn.secondary{color:var(--ios-blue);background:#fff6;box-shadow:var(--glass-shadow),var(--glass-inset)}.btn.secondary:before{top:0;right:0;bottom:60%;left:0;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent)}.btn.ghost{color:var(--on-glass);background:#ffffff38;box-shadow:var(--glass-inset)}.btn.ghost:before{display:none}.colors{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}.color-dot-btn{width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.7);cursor:pointer;position:relative;box-shadow:0 4px 12px #125c962e,inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000026;transition:transform .2s var(--spring);display:grid;place-items:center}.color-dot-btn:active{transform:scale(.88)}.color-dot-btn.active{box-shadow:0 0 0 3px #fff,0 0 0 5.5px var(--ios-blue),inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000026}.color-name{font-size:13px;color:var(--muted);margin-top:10px;font-weight:600}.color-dot-btn.active+.color-name{color:var(--ios-blue)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.chip{padding:10px 16px;border-radius:22px;cursor:pointer;font-size:14px;font-weight:600;color:var(--on-glass);transition:transform .18s var(--spring),background .2s,color .2s}.chip:active{transform:scale(.9)}.chip.active{color:#fff;background:linear-gradient(180deg,#46baf6,var(--tg-blue-dark));border-color:#ffffff80;box-shadow:0 6px 16px #1482c866,inset 0 1px 1px #ffffffb3}.sku-list{margin-top:6px;display:flex;flex-direction:column;gap:10px}.sku-row{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:18px;background:#ffffff52;border:1px solid rgba(255,255,255,.45);box-shadow:var(--glass-inset);transition:background .2s,box-shadow .2s}.sku-row.filled{background:#e0f2ff99;box-shadow:0 0 0 1.5px #0a84ff4d,var(--glass-inset)}.sku-row .sku-size{font-weight:700;font-size:15px;min-width:42px}.sku-row .sku-spacer{flex:1}.stepper{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);box-shadow:var(--glass-inset);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%)}.stepper button{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:var(--ios-blue);cursor:pointer;display:grid;place-items:center;line-height:0;box-shadow:0 2px 6px #145a961f,inset 0 1px #ffffffe6;transition:transform .14s var(--spring),background .2s}.stepper button:active{transform:scale(.82);background:#fff}.stepper button:disabled{opacity:.4;box-shadow:none;background:#ffffff80}.stepper button svg{display:block}.stepper .val{min-width:38px;text-align:center;font-size:17px;font-weight:800;color:var(--text)}.gallery{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}.gallery::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 78%;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;position:relative;background:#ffffff4d;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 30px #125c9629,var(--glass-inset)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item.placeholder{display:grid;place-items:center;color:var(--tg-blue-dark);font-size:13px;text-align:center}.carousel{position:relative;margin:16px 0 6px}.carousel-stage{aspect-ratio:3 / 4;border-radius:22px;overflow:hidden;background:#f3f7fb;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff80,0 6px 18px #125c961f}.carousel-stage img,.carousel-stage video{grid-area:1 / 1;width:100%;height:100%;object-fit:cover;object-position:center 15%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;cursor:grab}.carousel-stage video{object-position:center;background:#000;cursor:default}.carousel-stage img:active{cursor:grabbing}.carousel-ph{color:var(--tg-blue-dark);font-size:13px;text-align:center}.car-arrow{position:absolute;top:42%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:#ffffffb8;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);color:var(--ios-blue);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px #125c9633,inset 0 1px #ffffffe6;transition:transform .15s var(--spring),background .2s}.car-arrow.left{left:10px}.car-arrow.right{right:10px}.car-arrow:active{transform:translateY(-50%) scale(.86);background:#fff}.car-arrow svg{display:block}.car-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.car-dots span{width:7px;height:7px;border-radius:50%;background:#145a9640;cursor:pointer;transition:width .25s var(--spring),background .25s}.car-dots span.active{width:20px;border-radius:4px;background:var(--ios-blue)}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.photo{aspect-ratio:3 / 4;border-radius:var(--radius-sm);background:#ffffff52;border:1px solid rgba(255,255,255,.5);box-shadow:var(--glass-inset);overflow:hidden;display:grid;place-items:center;color:var(--tg-blue-dark);font-size:12px;text-align:center}.photo img{width:100%;height:100%;object-fit:cover}label{display:block;font-size:13px;color:var(--muted);margin:16px 0 7px;font-weight:600}input,textarea,select{width:100%;padding:14px;border-radius:16px;font-size:15px;font-family:inherit;color:var(--text);background:#fff6;-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);transition:box-shadow .2s,border-color .2s,background .2s}input::placeholder,textarea::placeholder{color:#9fb2c0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ios-blue);background:#ffffff9e;box-shadow:0 0 0 4px #0a84ff29,var(--glass-inset)}input[type=file]{padding:11px;font-size:13px}input[type=radio],input[type=checkbox]{accent-color:var(--ios-blue);width:auto}.radio-row{display:flex;align-items:center;gap:11px;padding:14px;border-radius:16px;margin-bottom:9px;cursor:pointer;font-weight:500;background:#ffffff4d;transition:transform .14s var(--spring),background .2s,box-shadow .2s}.radio-row:active{transform:scale(.985)}.radio-row.active{border-color:var(--ios-blue);background:#e2f2ffb3;box-shadow:0 0 0 2px #0a84ff47,var(--glass-inset)}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(120,160,190,.16)}.cart-row:last-child{border-bottom:none}.cart-row .info{font-size:14px;font-weight:500}.cart-row .color-dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:8px;border:1px solid rgba(0,0,0,.12);vertical-align:middle;box-shadow:inset 0 1px 1px #fff9}.cart-row .del{color:#ff5b5b;background:#fff6;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:transform .16s var(--spring),background .2s}.cart-row .del:active{transform:scale(.84) rotate(-8deg);background:#ff5b5b29}.dock{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0;margin:0 auto;width:max-content;display:flex;gap:4px;padding:7px;border-radius:999px;z-index:40;background:#fff9;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 40px #125c9624,inset 0 1px #ffffffd9;overflow:visible}.dock-btn{position:relative;isolation:isolate;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;padding:9px 14px;border-radius:999px;min-width:66px;transition:color .2s var(--ease)}.dock-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:999px;background:#fff;opacity:0;transform:scale(.6);box-shadow:0 6px 18px #125c9629,inset 0 0 0 1px #ffffffe6;transition:opacity .22s var(--ease),transform .3s var(--spring)}.dock-btn.active:before{opacity:1;transform:scale(1)}.dock-btn:not(.active):active:before{opacity:.5;transform:scale(1)}.dock-btn .ic{line-height:0;transition:transform .25s var(--spring)}.dock-btn .ic svg{display:block}.dock-btn .lbl{transition:none}.dock-btn:active .ic{transform:scale(.86)}.dock-btn.active{color:var(--tg-blue-dark);font-weight:800}.dock-btn.active .ic{transform:scale(1.08)}.dock-badge{position:absolute;top:2px;right:14%;background:linear-gradient(180deg,#ff5b54,#ff3b30);color:#fff;border-radius:11px;font-size:10px;font-weight:700;padding:1px 6px;box-shadow:0 2px 8px #ff3b3080}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#123c5f47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;max-width:560px;margin:0 auto;border-radius:32px 32px 0 0;background:var(--glass-grad-strong);-webkit-backdrop-filter:blur(44px) saturate(190%);backdrop-filter:blur(44px) saturate(190%);box-shadow:0 -16px 50px #125c9638,var(--glass-inset);padding:10px 18px calc(22px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto}.sheet-handle{width:42px;height:5px;border-radius:3px;background:#5a82a066;margin:4px auto 12px}.drawer-sheet h2{margin:4px 0 14px;font-size:19px}.muted{color:var(--muted)}.summary-pre{white-space:pre-wrap;font-size:14px;line-height:1.65;border-radius:16px;padding:16px;color:var(--on-glass);background:#ffffff52;border:1px solid rgba(255,255,255,.45);box-shadow:var(--glass-inset)}.success-icon{width:96px;height:96px;border-radius:50%;margin:26px auto;background:linear-gradient(180deg,#4dc0f7,var(--tg-blue-dark));display:grid;place-items:center;color:#fff;font-size:48px;box-shadow:0 16px 36px #1482c880,inset 0 2px 3px #fffc;position:relative}.success-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(45,175,240,.5);animation:ring 1.2s var(--ease) .25s both}@keyframes ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.center{text-align:center}@supports (backdrop-filter: url(#x)) and (not (-webkit-touch-callout: none)){.header,.dock{-webkit-backdrop-filter:url(#liquid-glass) blur(10px) saturate(200%);backdrop-filter:url(#liquid-glass) blur(10px) saturate(200%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}body{font-size:clamp(14px,3.9vw,16px)}.header{margin:clamp(8px,2.6vw,14px) clamp(8px,3vw,14px) 6px;padding:clamp(12px,3.6vw,15px) clamp(13px,4vw,17px)}.header h1{font-size:clamp(15px,4.4vw,19px)}.section-title{font-size:clamp(11px,3vw,12px)}.content{padding:max(14px,env(safe-area-inset-top)) clamp(10px,3.6vw,18px) 130px}.card{padding:clamp(15px,4.4vw,22px);border-radius:clamp(22px,6vw,30px)}.list-item{padding:clamp(14px,4.2vw,18px);border-radius:clamp(16px,4.6vw,20px)}.btn{font-size:clamp(15px,4.1vw,17px);padding:clamp(14px,4vw,18px);border-radius:clamp(18px,5vw,22px)}.color-dot-btn{width:clamp(42px,12vw,54px);height:clamp(42px,12vw,54px)}.stepper button{width:clamp(36px,10.5vw,44px);height:clamp(36px,10.5vw,44px);font-size:clamp(19px,5.4vw,22px)}.stepper .val{font-size:clamp(16px,4.6vw,18px)}.sku-row .sku-size{font-size:clamp(14px,4vw,16px)}.dock{max-width:calc(100vw - 24px)}.dock-btn{padding:8px clamp(8px,3.4vw,18px);font-size:clamp(10px,2.9vw,11px);gap:2px}.dock-btn .ic{font-size:clamp(19px,5.6vw,23px)}.gallery-item{flex-basis:clamp(220px,78%,320px)}@media (max-width: 360px){.dock{gap:0;padding:6px}.dock-btn{padding:7px 8px}.colors{gap:10px}.gallery-item{flex-basis:84%}.qty{gap:12px}}@media (min-width: 640px){.app{max-width:620px}.content{padding:16px 20px 144px}.gallery-item{flex-basis:46%}.photos{grid-template-columns:repeat(4,1fr)}.dock-btn{padding:9px 22px}}@media (min-width: 960px){.app{max-width:680px}}@media (max-height: 480px) and (orientation: landscape){.content{padding-bottom:96px}.dock{bottom:calc(8px + env(safe-area-inset-bottom))}.success-icon{width:64px;height:64px;font-size:32px;margin:14px auto}.gallery-item{flex-basis:38%}}.hero{border-radius:var(--radius);padding:clamp(18px,5vw,26px) clamp(16px,5vw,22px);margin-bottom:18px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,#3bb6f5 0%,var(--tg-blue) 45%,var(--tg-blue-dark) 100%);box-shadow:0 14px 34px #1482c866,inset 0 1px 1px #fff9}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 80% -10%,rgba(255,255,255,.5),transparent 60%);pointer-events:none}.hero h1{position:relative;margin:0;font-size:clamp(20px,6vw,26px);font-weight:800;letter-spacing:-.5px}.hero .tags{position:relative;margin-top:8px;font-size:clamp(13px,3.7vw,15px);font-weight:600;opacity:.95}.hero .ship{position:relative;margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cat-card{display:flex;align-items:center;gap:14px;border-radius:var(--radius);padding:clamp(14px,4vw,18px);margin-bottom:12px;cursor:pointer;position:relative;overflow:hidden;background:var(--glass-grad);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .18s var(--spring),background .2s}.cat-card:hover{transform:translateY(-2px);background:var(--glass-grad-strong);box-shadow:var(--glass-shadow),var(--glass-inset),0 8px 22px #125c961f}.cat-card:hover .ic-tile{transform:scale(1.05)}.cat-card:hover .chev{transform:translate(3px)}.cat-card .ic-tile,.cat-card .chev{transition:transform .25s var(--spring)}.cat-card:active{transform:scale(.98);background:var(--glass-grad-strong)}.cat-card .ic-tile{flex:0 0 auto;width:clamp(50px,14vw,60px);height:clamp(50px,14vw,60px);border-radius:18px;display:grid;place-items:center;color:var(--tg-blue-dark);background:linear-gradient(160deg,#ffffffe6,#d6eeffa6);box-shadow:var(--glass-inset),0 4px 12px #1482c829}.cat-card .cat-text{flex:1;min-width:0}.cat-card .cat-text b{font-size:clamp(15px,4.3vw,17px);font-weight:700}.cat-card .cat-text .sub{color:var(--muted);font-size:13px;margin-top:3px}.chev{color:var(--ios-blue);display:inline-flex;align-items:center}.chev svg{display:block}.rail{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}.rail::-webkit-scrollbar{display:none}.rail,.gallery{cursor:grab}.rail.dragging,.gallery.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.rail.dragging *,.gallery.dragging *{pointer-events:none}.rail img,.gallery img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.rail .prod-card{flex:0 0 clamp(150px,44vw,190px);margin:0}.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.prod-card{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;background:var(--glass-grad);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .18s var(--spring);display:flex;flex-direction:column}.prod-card:hover{transform:translateY(-3px);box-shadow:var(--glass-shadow),var(--glass-inset),0 10px 26px #125c9629}.prod-card:active{transform:scale(.97)}.prod-card .pc-photo{aspect-ratio:3 / 4;background:#f3f7fb;display:grid;place-items:center;overflow:hidden;color:var(--tg-blue-dark);font-size:12px;text-align:center}.prod-card .pc-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .35s var(--ease)}.prod-card:hover .pc-photo img{transform:scale(1.06)}.prod-card .pc-body{padding:11px 13px 14px}.prod-card .pc-body b{font-size:14px;font-weight:700;line-height:1.25;display:block}.prod-card .pc-body .sub{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.3}.prod-card .pc-badge{position:absolute;top:8px;left:8px;z-index:2;background:#0a84ffeb;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:0 2px 8px #0a84ff66}.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.adv-card{border-radius:var(--radius-sm);padding:14px 10px;text-align:center;background:#ffffff4d;border:var(--glass-border);box-shadow:var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);transition:transform .2s var(--spring),box-shadow .2s,background .2s}.adv-card:hover{transform:translateY(-3px);background:#ffffff80;box-shadow:var(--glass-inset),0 8px 22px #125c9624}.adv-card:active{transform:scale(.96)}.adv-card:hover .ic{transform:translateY(-1px) scale(1.08)}.adv-card .ic{transition:transform .25s var(--spring)}.adv-card .ic{display:flex;justify-content:center;color:var(--tg-blue-dark)}.adv-card .t{font-size:12px;font-weight:700;margin-top:8px;line-height:1.25;color:var(--on-glass)}.hero .ship svg,.info-pill svg,.cf-ic svg,.cf-go svg,.btn svg{display:block;flex:0 0 auto}.info-pill svg{color:var(--tg-blue-dark)}.cart-fab .cf-ic,.cart-fab .cf-go{display:flex;align-items:center}.ic-tile svg{display:block}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.info-pill{display:flex;align-items:center;gap:8px;cursor:pointer;padding:13px 14px;border-radius:16px;font-weight:600;font-size:14px;color:var(--on-glass);background:#ffffff47;border:var(--glass-border);box-shadow:var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);transition:transform .16s var(--spring),background .2s}.info-pill:hover{transform:translateY(-2px);background:#ffffff80;box-shadow:var(--glass-inset),0 6px 18px #125c961f;color:var(--tg-blue-dark)}.info-pill:hover svg{transform:scale(1.1)}.info-pill svg{transition:transform .2s var(--spring)}.info-pill:active{transform:scale(.96);background:#fff9}.matrix-color{margin-bottom:12px;border-radius:20px;overflow:hidden;background:#ffffff4d;border:var(--glass-border);box-shadow:var(--glass-inset)}.matrix-head{display:flex;align-items:center;gap:11px;cursor:pointer;padding:14px 16px;font-weight:700;-webkit-user-select:none;user-select:none}.matrix-head .swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:inset 0 -2px 4px #0000002e,0 1px 3px #00000026}.matrix-head .m-name{flex:1;font-size:15px}.matrix-head .m-count{font-size:12px;font-weight:800;color:#fff;padding:2px 9px;border-radius:999px;background:linear-gradient(180deg,#46baf6,var(--tg-blue-dark));box-shadow:0 2px 6px #1482c866}.matrix-head .m-chev{color:var(--ios-blue);font-size:18px;transition:transform .25s var(--spring)}.matrix-head.open .m-chev{transform:rotate(180deg)}.matrix-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.cart-fab{position:fixed;left:0;right:0;margin:0 auto;width:max-content;bottom:calc(86px + env(safe-area-inset-bottom));z-index:45;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;max-width:calc(100vw - 28px);color:#fff;background:linear-gradient(180deg,#3bb6f5,var(--tg-blue-dark));box-shadow:0 12px 30px #1482c880,inset 0 1px 1px #fff9}.cart-fab .cf-ic{font-size:20px}.cart-fab .cf-text{font-weight:700;font-size:14px;line-height:1.1}.cart-fab .cf-text small{display:block;font-weight:600;font-size:11px;opacity:.9}.cart-fab .cf-go{font-size:20px;font-weight:300;margin-left:2px}@media (min-width: 640px){.prod-grid{grid-template-columns:repeat(3,1fr)}.rail .prod-card{flex-basis:200px}}.seg{display:flex;gap:4px;padding:5px;margin-bottom:14px;border-radius:16px;background:#fff6;border:1px solid rgba(255,255,255,.6);box-shadow:var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft)}.seg-btn{flex:1;border:none;cursor:pointer;border-radius:12px;padding:10px 6px;font-size:12.5px;font-weight:700;color:var(--muted);background:none;display:flex;align-items:center;justify-content:center;gap:5px;transition:color .2s,background .2s}.seg-btn svg{display:block}.seg-btn.active{color:var(--tg-blue-dark);background:#fff;box-shadow:0 4px 12px #125c961f}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{border-radius:20px;padding:16px 10px;text-align:center;background:var(--glass-grad);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.stat-ic{color:var(--tg-blue-dark);display:flex;justify-content:center}.stat-n{font-size:26px;font-weight:800;margin-top:6px;letter-spacing:-.5px}.stat-l{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.25}.admin-row{display:flex;align-items:center;gap:12px;border-radius:18px;padding:10px 12px;margin-bottom:10px;background:var(--glass-grad);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.ar-photo{flex:0 0 auto;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#eef4fb;display:grid;place-items:center;color:var(--tg-blue-dark)}.ar-photo img{width:100%;height:100%;object-fit:cover}.ar-info{flex:1;min-width:0}.ar-info b{font-size:14px}.ar-btn{flex:0 0 auto;width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:#ffffffb3;color:var(--ios-blue);display:grid;place-items:center;box-shadow:var(--glass-inset);transition:transform .15s var(--spring),background .2s}.ar-btn:active{transform:scale(.86)}.ar-btn.del{color:#ff5b5b}.ar-btn svg{display:block}.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.ph-edit{position:relative}.ph-edit img,.ph-edit video{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block;background:#000}.ph-edit select{margin-top:6px;padding:7px 8px;font-size:12px;border-radius:10px}.ph-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:#ff5b5beb;color:#fff;display:grid;place-items:center;box-shadow:0 2px 6px #00000040}.ph-del svg{display:block}.fmt-bar{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.fmt-btn{min-width:38px;height:34px;padding:0 10px;border-radius:10px;cursor:pointer;border:1px solid rgba(255,255,255,.6);background:#ffffff8c;color:var(--on-glass);font-weight:800;font-size:14px;box-shadow:var(--glass-inset);transition:transform .15s var(--spring),background .2s}.fmt-btn:active{transform:scale(.9);background:#fff}.bc-media{position:relative;margin-top:10px}.bc-media img{width:100%;border-radius:12px;display:block}.bc-file{display:flex;align-items:center;gap:10px;padding:14px 44px 14px 14px;border-radius:12px;background:#ffffff80;color:var(--on-glass);border:1px solid rgba(255,255,255,.6);box-shadow:var(--glass-inset);font-size:13px;font-weight:600;word-break:break-all}.bc-file svg{color:var(--tg-blue-dark);flex:0 0 auto}
