*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-950: #03162c;--blue-900: #062a55;--blue-800: #0a3d78;--blue-700: #0d4fa8;--blue-600: #1a63c9;--blue-500: #2f7ee0;--blue-100: #e3edfb;--blue-50: #f2f7ff;--yellow: #ffc107;--yellow-600: #e8ac00;--yellow-400: #ffd24d;--yellow-100: #fff6d9;--ink: #0a1526;--ink-2: #3d4d63;--muted: #6b7a90;--line: #e4eaf3;--bg: #f5f8fc;--white: #fff;--ok: #12a150;--wa: #25d366;--danger: #e5484d;--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-xl: 30px;--sh-1: 0 1px 2px rgba(6, 42, 85, .05), 0 4px 14px rgba(6, 42, 85, .06);--sh-2: 0 10px 30px rgba(6, 42, 85, .12);--sh-3: 0 30px 70px rgba(6, 42, 85, .22);--max: 1240px;--hdr: 66px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding-bottom:calc(76px + var(--safe-b))}body.no-scroll{overflow:hidden}@media(min-width:900px){body{padding-bottom:0}}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul{list-style:none}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:6px}::selection{background:var(--yellow);color:var(--blue-900)}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 18px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-9999px;top:0;background:var(--yellow);color:var(--blue-900);padding:10px 16px;z-index:999;font-weight:700;border-radius:0 0 10px}.skip:focus{left:0}.icon{width:22px;height:22px;flex:none}.icon-sm{width:18px;height:18px}.icon-lg{width:26px;height:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;letter-spacing:-.01em;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .2s,background .2s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--blue-800);color:#fff;box-shadow:0 6px 18px #0a3d7847}.btn-primary:hover{background:var(--blue-700)}.btn-yellow{background:var(--yellow);color:var(--blue-900);box-shadow:0 8px 22px #ffc10766}.btn-yellow:hover{background:var(--yellow-400)}.btn-ghost{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#ffffff38}.btn-outline{background:#fff;color:var(--blue-800);border:1.5px solid var(--line)}.btn-outline:hover{border-color:var(--blue-600);background:var(--blue-50)}.btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 26px #25d36659}.btn-wa:hover{background:#1fbe5b}.btn-lg{padding:16px 28px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.header{position:sticky;top:0;z-index:90;background:#ffffffe6;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line);padding-top:var(--safe-t);transition:box-shadow .25s}.header.scrolled{box-shadow:0 4px 24px #062a5517}.header-inner{max-width:var(--max);margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:11px;flex:none;transition:transform .2s}.logo:active{transform:scale(.97)}.logo-mark{width:44px;height:44px;border-radius:14px;flex:none;background:linear-gradient(145deg,var(--blue-700),var(--blue-900));color:var(--yellow);font-weight:800;font-size:23px;display:grid;place-items:center;box-shadow:0 6px 16px #062a5547,inset 0 -3px #0000002e;position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 55%)}.logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-text strong{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--blue-900)}.logo-text small{font-size:10.5px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.search{flex:1 1 100%;order:3;position:relative;display:flex;align-items:center;background:var(--blue-50);border:1.5px solid var(--line);border-radius:999px;padding:0 6px 0 16px;transition:border-color .2s,box-shadow .2s,background .2s}.search:focus-within{border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 4px #1a63c91f}.search svg{color:var(--muted);flex:none}.search input{flex:1;border:none;background:none;outline:none;padding:13px 10px;font-size:16px;font-weight:500;min-width:0}.search input::placeholder{color:var(--muted);font-weight:500}.search-clear{width:32px;height:32px;border-radius:50%;display:none;place-items:center;color:var(--muted)}.search-clear.show{display:grid}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-800);position:relative;transition:background .2s,transform .15s}.icon-btn:hover{background:var(--blue-100)}.icon-btn:active{transform:scale(.93)}.badge{position:absolute;top:-5px;right:-5px;min-width:21px;height:21px;padding:0 5px;background:var(--yellow);color:var(--blue-900);border-radius:999px;font-size:11.5px;font-weight:800;display:grid;place-items:center;border:2px solid #fff;transform:scale(0);transition:transform .25s cubic-bezier(.2,1.6,.5,1)}.badge.show{transform:scale(1)}.header-phone{display:none}@media(min-width:900px){.header-inner{flex-wrap:nowrap;padding:12px 18px;height:var(--hdr)}.search{flex:1 1 auto;order:0;max-width:520px}.header-phone{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--blue-800);padding:9px 14px;border-radius:999px;background:var(--blue-50)}.header-phone:hover{background:var(--blue-100)}}.hero{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--blue-950) 0%,var(--blue-900) 45%,var(--blue-700) 100%);color:#fff;padding:44px 0 52px}.hero:before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle at 88% 12%,rgba(255,193,7,.4),transparent 42%),radial-gradient(circle at 4% 92%,rgba(47,126,224,.5),transparent 46%)}.hero:after{content:"";position:absolute;inset:0;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 75%)}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:660px}.pill{display:inline-flex;align-items:center;gap:8px;background:#ffc10729;border:1px solid rgba(255,193,7,.42);color:var(--yellow-400);font-size:12.5px;font-weight:700;padding:7px 15px;border-radius:999px;letter-spacing:.02em;backdrop-filter:blur(6px)}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #ffc10738}.hero h1{font-size:clamp(30px,6.4vw,54px);line-height:1.08;font-weight:800;letter-spacing:-.035em;margin:18px 0 16px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--yellow),var(--yellow-400));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(15px,2.4vw,17.5px);color:#ffffffd1;max-width:560px;font-weight:500}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;max-width:620px}.hero-stats div strong{display:block;font-size:clamp(19px,3.6vw,26px);font-weight:800;color:var(--yellow);letter-spacing:-.03em}.hero-stats div span{font-size:11.5px;color:#ffffffa8;font-weight:600;line-height:1.3;display:block}.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:var(--max);margin:0 auto;padding:6px 18px}.trust-item{display:flex;align-items:center;gap:11px;padding:14px 6px}.trust-item .ti-ico{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700)}.trust-item b{display:block;font-size:13px;font-weight:800;letter-spacing:-.01em}.trust-item span{font-size:11.5px;color:var(--muted);font-weight:500;line-height:1.3;display:block}@media(min-width:760px){.trust-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 18px}}.store-menu{position:relative;z-index:45;background:#fff;border-bottom:1px solid var(--line)}.store-menu-wrap{max-width:var(--max);margin:0 auto;padding:6px 14px 8px;display:flex;flex-wrap:wrap;align-items:center}.store-menu-item{position:relative}.store-menu-all,.store-menu-cat{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#3d4d63;font-size:14.5px;font-weight:650;line-height:1.2;padding:11px 12px}.store-menu-all{color:var(--ink);font-weight:800}.store-menu-item.open>.store-menu-all,.store-menu-item.open>.store-menu-cat,.store-menu-cat:hover,.store-menu-all:hover{color:var(--blue-800)}.menu-ico,.menu-chev{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-chev{width:14px;height:14px;transition:transform .2s ease}.store-menu-item.open .menu-chev{transform:rotate(180deg)}.store-menu-drop{position:absolute;top:calc(100% - 4px);left:8px;z-index:5;min-width:240px;max-width:320px;max-height:360px;overflow:auto;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:var(--sh-3);padding:6px}.store-menu-drop>button,.store-menu-cats>button,.store-menu-side>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:0;text-align:left;color:var(--ink);font-size:14.5px;font-weight:650;padding:11px 14px;border-radius:12px}.store-menu-drop>button:hover,.store-menu-drop>button:focus-visible,.store-menu-cats>button:hover,.store-menu-cats>button:focus-visible,.store-menu-side>button:hover,.store-menu-side>button:focus-visible{background:var(--blue-800);color:#fff}.menu-next{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.store-menu-drop.all{flex-direction:row;align-items:stretch;max-width:none;overflow:visible;padding:6px}.store-menu-cats,.store-menu-side{display:flex;flex-direction:column;min-width:230px;max-height:360px;overflow:auto}.store-menu-side{border-left:1px solid var(--line);margin-left:4px;padding-left:4px}.store-menu-cats>button.open{background:var(--blue-800);color:#fff}.store-menu-drop p,.store-menu-side p{margin:0;padding:8px 14px 12px;color:var(--muted);font-size:13.5px}.section{padding:44px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.section-head h2{font-size:clamp(21px,3.6vw,29px);font-weight:800;letter-spacing:-.032em;line-height:1.15}.section-head h2 span{color:var(--blue-700)}.section-head p{font-size:14px;color:var(--muted);font-weight:500;margin-top:5px;max-width:560px}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-600);margin-bottom:9px}.eyebrow:before{content:"";width:22px;height:3px;border-radius:2px;background:var(--yellow)}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}@media(min-width:600px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(min-width:960px){.cat-grid{grid-template-columns:repeat(5,1fr);gap:16px}}.cat-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 14px;text-align:left;display:flex;flex-direction:column;gap:10px;transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.cat-card:after{content:"";position:absolute;right:-24px;bottom:-24px;width:76px;height:76px;border-radius:50%;background:var(--blue-50);transition:transform .3s}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--blue-100)}.cat-card:hover:after{transform:scale(1.5)}.cat-card:active{transform:scale(.97)}.cat-emoji{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,var(--blue-50),var(--blue-100));position:relative;z-index:1}.cat-card b{font-size:14px;font-weight:800;letter-spacing:-.02em;line-height:1.25;position:relative;z-index:1}.cat-card small{font-size:11.5px;color:var(--muted);font-weight:600;position:relative;z-index:1}.rail{display:flex;gap:13px;overflow-x:auto;padding:4px 18px 18px;margin:0 -18px;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .card{min-width:210px;max-width:210px;scroll-snap-align:start}@media(min-width:760px){.rail .card{min-width:250px;max-width:250px}}.filters{position:sticky;top:calc(var(--hdr) + var(--safe-t));z-index:60;background:var(--bg);padding:12px 0 6px;margin-bottom:6px}@media(max-width:899px){.filters{top:calc(120px + var(--safe-t))}}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}.chips.is-dragging{cursor:grabbing}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:9px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:13.5px;font-weight:700;color:var(--ink-2);white-space:nowrap;transition:all .2s;display:inline-flex;align-items:center;gap:7px}.chip:hover{border-color:var(--blue-500);color:var(--blue-700)}.chip.active{background:var(--blue-800);border-color:var(--blue-800);color:#fff;box-shadow:0 6px 16px #0a3d783d}.chip .cnt{font-size:11px;opacity:.7;font-weight:700}.chips.sub{padding-top:0}.chips.sub .chip{font-size:12.5px;padding:7px 14px;background:var(--blue-50);border-color:transparent;color:var(--blue-800)}.chips.sub .chip.active{background:var(--yellow);color:var(--blue-900);border-color:var(--yellow)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;flex-wrap:wrap}.result-count{font-size:13px;color:var(--muted);font-weight:600}.result-count b{color:var(--ink);font-weight:800}.select{appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7a90' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1.5px solid var(--line);border-radius:999px;padding:9px 34px 9px 15px;font-size:13px;font-weight:700;color:var(--ink-2);outline:none}.select:focus{border-color:var(--blue-600)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;scroll-margin-top:140px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr);gap:20px}}.card{background:#fff;border:1px solid rgba(6,42,85,.06);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .24s cubic-bezier(.2,.8,.3,1),box-shadow .24s,border-color .24s;animation:fadeUp .4s both}.card:hover{transform:translateY(-5px);box-shadow:var(--sh-2);border-color:var(--blue-100)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card-media{position:relative;aspect-ratio:1/1;background:var(--blue-50);overflow:hidden;display:block;width:100%}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.3,1)}.card:hover .card-media img{transform:scale(1.07)}.tag{position:absolute;top:9px;left:9px;z-index:2;background:var(--yellow);color:var(--blue-900);font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:5px 10px;border-radius:999px;text-transform:uppercase;box-shadow:0 4px 12px #00000024}.tag.off{background:var(--danger);color:#fff}.card-quick{position:absolute;right:9px;bottom:9px;z-index:2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--blue-800);box-shadow:0 6px 16px #062a552e;transition:transform .18s,background .2s,color .2s}.card-quick:hover{background:var(--blue-800);color:#fff}.card-quick:active{transform:scale(.88)}.card-body{padding:12px 13px 14px;display:flex;flex-direction:column;flex:1;gap:4px}.card-cat{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue-600)}.card-title{font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.card-brand{font-size:11.5px;color:var(--muted);font-weight:600}.card-rating{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--ink-2)}.card-rating svg{color:var(--yellow);width:13px;height:13px}.card-foot{margin-top:auto;padding-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.price{display:flex;flex-direction:column;line-height:1.15}.price s{font-size:11px;color:var(--muted);font-weight:600}.price b{font-size:17px;font-weight:800;letter-spacing:-.035em;color:var(--blue-900)}.price small{font-size:11px;color:var(--muted);font-weight:600}.add-btn{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--yellow);color:var(--blue-900);box-shadow:0 6px 16px #ffc1075c;transition:transform .16s,background .2s}.add-btn:hover{background:var(--yellow-400)}.add-btn:active{transform:scale(.88)}.add-btn.done{background:var(--ok);color:#fff;box-shadow:0 6px 16px #12a15059}.info-grid{display:grid;gap:16px}@media(min-width:860px){.info-grid{grid-template-columns:1.1fr .9fr;gap:22px}}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1)}.panel-title{font-size:15.5px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;display:flex;align-items:center;gap:9px}.panel-title .num{width:24px;height:24px;border-radius:8px;background:var(--blue-800);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:800;flex:none}.status{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:16px}.status.open{background:#12a1501a;color:#0b7c3c}.status.closed{background:#e5484d17;color:#c03236}.status .dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative}.status.open .dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:currentColor;opacity:.3;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.9);opacity:0}}.hours{width:100%;border-collapse:collapse;font-size:13.5px}.hours tr{border-bottom:1px solid var(--line)}.hours tr:last-child{border-bottom:none}.hours td{padding:10px 0;font-weight:600;color:var(--ink-2)}.hours td:last-child{text-align:right;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.hours tr.today td{color:var(--blue-700)}.hours tr.today td:last-child{color:var(--blue-800)}.hours tr.closed td:last-child{color:var(--muted);font-weight:600}.hours tr.today td:first-child:before{content:"\25cf  ";color:var(--yellow);font-size:11px}.contact-list{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;gap:12px;align-items:flex-start;font-size:13.5px}.contact-item .ci{width:40px;height:40px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700)}.contact-item b{display:block;font-weight:800;font-size:13.5px;letter-spacing:-.01em}.contact-item span{color:var(--muted);font-weight:500;line-height:1.45}.contact-item a{color:var(--blue-700);font-weight:700}.contact-item a:hover{text-decoration:underline}.footer{background:var(--blue-950);color:#ffffffb8;padding:46px 0 30px;margin-top:20px}.footer-grid{display:grid;gap:28px}@media(min-width:760px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px}}.footer h3{color:#fff;font-size:14px;font-weight:800;margin-bottom:14px;letter-spacing:-.01em}.footer-acc button{display:flex;align-items:center;justify-content:space-between;width:100%;color:inherit;background:none;padding:0}.footer-acc h3{margin-bottom:0}.footer-acc ul{margin-top:14px}.footer-chev{width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .2s ease}.footer-acc.open .footer-chev{transform:rotate(225deg)}.footer p{font-size:13.5px;line-height:1.7}.footer ul{display:flex;flex-direction:column;gap:9px}.footer li a{font-size:13.5px;font-weight:500;transition:color .2s}.footer li a:hover{color:var(--yellow)}.footer .logo-text strong{color:#fff}.footer .logo-text small{color:#ffffff80}.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px}.footer-bottom a{color:var(--yellow);font-weight:700}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fffffff0;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding:7px 6px calc(7px + var(--safe-b));display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:14px;font-size:10.5px;font-weight:700;color:var(--muted);transition:color .2s,background .2s;position:relative}.tab:active{background:var(--blue-50)}.tab.active{color:var(--blue-800)}.tab.active .tab-ico{background:var(--blue-800);color:#fff;transform:translateY(-1px)}.tab-ico{width:38px;height:26px;border-radius:9px;display:grid;place-items:center;transition:background .22s,color .22s,transform .22s}.tab .badge{top:-1px;right:6px;border-color:#fff}@media(min-width:900px){.tabbar{display:none}}.cart-bar{position:fixed;left:12px;right:12px;bottom:calc(74px + var(--safe-b));z-index:84;background:var(--blue-800);color:#fff;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 34px #062a555c;transform:translateY(140%);opacity:0;transition:transform .34s cubic-bezier(.2,.9,.3,1),opacity .25s}.cart-bar.show{transform:none;opacity:1}.cart-bar .cb-info{flex:1;min-width:0}.cart-bar .cb-info b{display:block;font-size:13.5px;font-weight:800}.cart-bar .cb-info span{font-size:11.5px;opacity:.75;font-weight:600}.cart-bar .cb-btn{background:var(--yellow);color:var(--blue-900);font-weight:800;font-size:13px;padding:10px 16px;border-radius:12px;display:inline-flex;align-items:center;gap:7px}.cart-bar .cb-btn:active{transform:scale(.95)}@media(min-width:900px){.cart-bar{display:none}}.overlay{position:fixed;inset:0;z-index:100;background:#03162c8c;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:101;width:min(430px,100%);background:var(--bg);display:flex;flex-direction:column;transform:translate(105%);transition:transform .38s cubic-bezier(.3,.9,.3,1);box-shadow:var(--sh-3);overscroll-behavior:contain}.drawer.show{transform:none}.cat-drawer{left:0;right:auto;transform:translate(-105%)}.cat-drawer.show{transform:none}.cat-nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 16px;font-size:15px;font-weight:800}.cat-nav.active{border-color:var(--blue-600);background:var(--blue-50)}.drawer-head{display:flex;align-items:center;gap:12px;padding:18px;background:#fff;border-bottom:1px solid var(--line);padding-top:calc(18px + var(--safe-t))}.drawer-head h2{font-size:17px;font-weight:800;letter-spacing:-.02em;flex:1}.drawer-head .count{font-size:12px;font-weight:700;color:var(--muted);background:var(--blue-50);padding:5px 11px;border-radius:999px}.drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:11px;-webkit-overflow-scrolling:touch}.drawer-foot{background:#fff;border-top:1px solid var(--line);padding:16px;padding-bottom:calc(16px + var(--safe-b));display:flex;flex-direction:column;gap:12px}.ci{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;align-items:center}.ci-img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--blue-50)}.ci-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ci-name{font-size:13px;font-weight:700;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ci-unit{font-size:11px;color:var(--muted);font-weight:600}.ci-price{font-size:14.5px;font-weight:800;color:var(--blue-900);letter-spacing:-.02em}.ci-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.stepper{display:inline-flex;align-items:center;background:var(--blue-50);border-radius:11px;padding:3px}.stepper button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--blue-800);transition:background .18s}.stepper button:hover{background:#fff}.stepper button:active{transform:scale(.9)}.stepper .qty{min-width:28px;text-align:center;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.stepper.lg button{width:38px;height:38px}.stepper.lg .qty{min-width:38px;font-size:16px}.remove-btn{font-size:11.5px;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.remove-btn:hover{color:var(--danger)}.summary-row{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--ink-2)}.summary-row.total{font-size:19px;font-weight:800;color:var(--blue-900);letter-spacing:-.03em;padding-top:11px;border-top:1px dashed var(--line)}.summary-row.discount{color:var(--ok);font-weight:700}.ship-hint{background:var(--yellow-100);border:1px dashed var(--yellow-600);color:#8a6400;font-size:12px;font-weight:700;padding:10px 13px;border-radius:12px;text-align:center;line-height:1.4}.ship-hint.ok{background:#12a1501a;border-color:#12a15066;color:#0b7c3c}.empty{text-align:center;padding:56px 20px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:14px}.empty .em{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-600);font-size:32px}.empty b{font-size:16px;font-weight:800;color:var(--ink)}.empty p{font-size:13.5px;max-width:280px}.modal{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .28s}.modal.show{opacity:1;pointer-events:auto}.modal-bg{position:absolute;inset:0;background:#03162c99;backdrop-filter:blur(4px)}.modal-sheet{position:relative;width:100%;max-width:940px;background:#fff;border-radius:26px 26px 0 0;max-height:94vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .4s cubic-bezier(.3,.9,.3,1);overflow:hidden;box-shadow:var(--sh-3)}.modal.show .modal-sheet{transform:none}.modal-handle{width:44px;height:5px;border-radius:99px;background:var(--line);margin:10px auto 0;flex:none}.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;color:var(--ink);box-shadow:0 4px 14px #00000024;backdrop-filter:blur(6px)}.modal-close:active{transform:scale(.9)}.modal-scroll{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-media{aspect-ratio:4/3;background:var(--blue-50);position:relative}.modal-media img{width:100%;height:100%;object-fit:cover}.modal-body{padding:22px}.modal-body h2{font-size:clamp(19px,3.4vw,25px);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:9px 0 6px}.modal-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:16px}.modal-meta .stars{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-weight:800}.modal-meta .stars svg{color:var(--yellow);width:15px;height:15px}.modal-price{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;margin-bottom:18px}.modal-price b{font-size:32px;font-weight:800;letter-spacing:-.045em;color:var(--blue-900)}.modal-price s{font-size:15px;color:var(--muted);font-weight:600}.modal-price .unit{font-size:12.5px;color:var(--muted);font-weight:700;background:var(--blue-50);padding:5px 11px;border-radius:999px}.modal-desc{font-size:14.5px;color:var(--ink-2);line-height:1.65;margin-bottom:18px}.specs{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.specs li{display:flex;gap:10px;font-size:13.5px;color:var(--ink-2);font-weight:500;align-items:flex-start}.specs li svg{color:var(--ok);flex:none;margin-top:2px;width:16px;height:16px}.qty-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--blue-50);border-radius:var(--r);padding:14px 16px}.qty-row span{font-size:13.5px;font-weight:800}.modal-foot{padding:14px 18px calc(14px + var(--safe-b));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:10px;background:#fff;flex:none}@media(min-width:860px){.modal{align-items:center}.modal-sheet{border-radius:28px;max-height:88vh}.modal-handle{display:none}.modal-content{display:grid;grid-template-columns:minmax(280px,44%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:520px}.modal-gallery{grid-column:1;grid-row:1 / span 2;min-height:520px}.modal-body{grid-column:2;grid-row:1;padding:34px 34px 22px;overflow:auto}.modal-foot{grid-column:2;grid-row:2;padding:18px 34px 26px}}.view[hidden]{display:none}.checkout-head{padding:26px 0 6px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--blue-700);margin-bottom:16px;padding:9px 15px;border-radius:999px;background:#fff;border:1.5px solid var(--line);transition:all .2s}.back-link:hover{border-color:var(--blue-600);background:var(--blue-50)}.page-title{font-size:clamp(24px,4.6vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.1}.page-sub{font-size:14px;color:var(--muted);font-weight:500;margin-top:7px}.page-sub b{color:var(--blue-800);font-weight:800}.ck-grid{display:grid;gap:16px;padding:22px 0 50px}@media(min-width:960px){.ck-grid{grid-template-columns:1fr 380px;gap:24px;align-items:start}.ck-side{position:sticky;top:calc(var(--hdr) + 22px)}}.ck-main{display:flex;flex-direction:column;gap:14px}.radio-cards{display:grid;gap:10px;margin-bottom:18px}@media(min-width:520px){.radio-cards{grid-template-columns:1fr 1fr}}.radio-card{position:relative;display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:var(--r);padding:15px;cursor:pointer;transition:all .2s;background:#fff}.radio-card:hover{border-color:var(--blue-500)}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card .rc-ico{width:40px;height:40px;border-radius:13px;flex:none;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-700);transition:all .2s}.radio-card b{display:block;font-size:13.5px;font-weight:800;letter-spacing:-.01em}.radio-card span{display:block;font-size:11.5px;color:var(--muted);font-weight:600;line-height:1.4;margin-top:2px}.radio-card input:checked~.rc-ico{background:var(--blue-800);color:#fff}.radio-card:has(input:checked){border-color:var(--blue-800);background:var(--blue-50);box-shadow:0 0 0 3px #0a3d7814}.form-grid{display:grid;gap:13px}@media(min-width:560px){.form-grid.two{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:800;color:var(--ink-2);letter-spacing:-.01em}.field label .req{color:var(--danger)}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;font-size:16px;font-weight:600;background:#fff;outline:none;transition:all .2s;font-family:inherit}.field textarea{resize:vertical;min-height:92px;font-weight:500;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 4px #1a63c91c}.field input::placeholder,.field textarea::placeholder{color:#a8b3c4;font-weight:500}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:var(--danger);background:#fff8f8}.field .err{font-size:11.5px;font-weight:700;color:var(--danger);display:none}.field.invalid .err{display:block}.pay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:560px){.pay-grid{grid-template-columns:repeat(4,1fr)}}.pay-opt{position:relative;border:1.5px solid var(--line);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .2s;background:#fff;display:flex;flex-direction:column;align-items:center;gap:7px}.pay-opt input{position:absolute;opacity:0;pointer-events:none}.pay-opt .po-ico{font-size:22px;line-height:1}.pay-opt b{font-size:12.5px;font-weight:800}.pay-opt:hover{border-color:var(--blue-500)}.pay-opt:has(input:checked){border-color:var(--blue-800);background:var(--blue-50);box-shadow:0 0 0 3px #0a3d7814}.summary{position:relative}.sum-rows{display:flex;flex-direction:column;gap:11px;margin-bottom:16px}.sum-items{display:flex;flex-direction:column;gap:10px;max-height:230px;overflow-y:auto;margin-bottom:14px;padding-right:4px}.sum-item{display:flex;gap:10px;align-items:center;font-size:12.5px}.sum-item img{width:42px;height:42px;border-radius:10px;object-fit:cover;flex:none}.sum-item .si-n{flex:1;font-weight:700;line-height:1.3;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sum-item .si-p{font-weight:800;white-space:nowrap;font-size:12.5px}.trust-mini{display:flex;flex-direction:column;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.trust-mini div{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--muted)}.trust-mini svg{color:var(--ok);flex:none}.success-box{text-align:center;padding:34px 22px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1)}.success-box .sb-ico{width:74px;height:74px;border-radius:50%;background:#12a1501f;color:var(--ok);display:grid;place-items:center;margin:0 auto 18px}.success-box h3{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.success-box p{font-size:14px;color:var(--muted);font-weight:500;max-width:380px;margin:0 auto 20px}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(88px + var(--safe-b));z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 14px}@media(min-width:900px){.toast-wrap{bottom:26px;left:auto;right:26px;align-items:flex-end}}.toast{background:var(--blue-900);color:#fff;padding:13px 20px;border-radius:14px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:10px;box-shadow:0 16px 38px #062a5557;max-width:400px;animation:toastIn .32s cubic-bezier(.2,1.4,.4,1)}.toast.out{animation:toastOut .3s forwards}.toast svg{color:var(--yellow);flex:none}@keyframes toastIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(10px) scale(.96)}}.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:none;place-items:center;box-shadow:0 12px 30px #25d3666b;transition:transform .22s}.wa-float:hover{transform:scale(1.08)}.wa-float:active{transform:scale(.94)}@media(min-width:900px){.wa-float{display:grid}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.8,.3,1),transform .6s cubic-bezier(.2,.8,.3,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.sprite-hidden{position:absolute;width:0;height:0;overflow:hidden}.reveal{opacity:1;transform:none}.hero.hero-stage{min-height:clamp(560px,78vh,760px);padding:0;background:#03162c}.hero.hero-stage:before,.hero.hero-stage:after{display:none}.hero-track{position:absolute;inset:0;z-index:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;height:100%}.hero-track::-webkit-scrollbar{display:none}.hero-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.hero-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03162ce6,#03162cb8 42%,#03162c47),linear-gradient(180deg,#03162c26,#03162c73)}.hero.hero-stage .hero-inner{position:relative;z-index:2;padding:72px 0 88px}.hero-dots{position:absolute;z-index:3;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:8px}.hero-dots button{width:9px;height:9px;border-radius:99px;border:0;padding:0;background:#ffffff73}.hero-dots button.active{width:26px;background:var(--yellow)}@media(max-width:760px){.hero.hero-stage{min-height:640px}.hero-shade{background:linear-gradient(180deg,#03162c59,#03162cd1 58%,#03162cf0)}.hero-slide img{object-position:center}}.cat-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;cursor:grab;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}.cat-rail::-webkit-scrollbar{display:none}.cat-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.cat-rail .cat-card{flex:0 0 172px;scroll-snap-align:start;min-height:154px}.cat-rail .cat-card.active{border-color:var(--blue-600);box-shadow:var(--sh-2)}@media(min-width:900px){.cat-rail .cat-card{flex-basis:210px}}.card-media img,.modal-media img,.ci-img,.sum-item img{object-fit:contain;object-position:center;background:radial-gradient(circle at 50% 42%,#fff,#e7eef8 72%)}.modal-gallery{display:flex;flex-direction:column;min-height:0;position:relative;background:var(--blue-50)}.modal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;flex:1;min-height:240px;-webkit-overflow-scrolling:touch}.modal-track::-webkit-scrollbar{display:none}.modal-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.modal-slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;min-height:240px;aspect-ratio:4 / 3;position:relative}.modal-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.modal-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}.modal-dots button{width:9px;height:9px;border-radius:99px;border:0;padding:0;background:#062a5547}.modal-dots button.active{width:26px;background:var(--blue-800)}@media(min-width:860px){.modal-track,.modal-slide{min-height:100%;aspect-ratio:auto;height:100%}.modal-slide img{position:absolute;inset:0}}.rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.toast-wrap{z-index:80}