:root{--ink:#111;--ink-2:#3a3f4a;--muted:#5b616e;--line:#e1e4ea;--line-2:#eef0f3;--bg:#f4f5f7;--card:#fff;--soft:#f1f3f6;--accent:#111;--green:#1e7b3c;--red:#b42318;--radius:16px;--nav-h:72px;--font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.2}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.page{padding:16px 16px calc(var(--nav-h) + 24px);flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.page--flush{padding-left:0;padding-right:0}.page--with-bar{padding-bottom:calc(var(--nav-h) + 96px)}.h1{font-size:24px;font-weight:800}.h2{font-size:19px;font-weight:800}.muted{color:var(--muted)}.small{font-size:13px}.card{background:var(--card);border-radius:var(--radius)}.stack{flex-direction:column;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:30;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.header__in{align-items:center;gap:10px;max-width:1200px;margin:0 auto;padding:12px 16px;display:flex}.logo{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.logo img{border-radius:50%;flex-shrink:0;width:42px;height:42px}.logo__name{letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:1.1}.logo__tag{color:var(--muted);white-space:nowrap;font-size:11px}.icon-btn{background:var(--soft);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:relative}.badge-count{background:var(--ink);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.lang{background:var(--soft);border-radius:12px;flex-shrink:0;gap:2px;padding:3px;display:flex}.lang a{min-width:44px;height:38px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:800;display:flex}.lang a[aria-current=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0000001f}.desk-nav{display:none}.bottom-nav{z-index:30;border-top:1px solid var(--line);padding:6px 4px calc(10px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7a808c;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:52px;font-size:11px;font-weight:700;display:flex;position:relative}.bottom-nav a[aria-current=page]{color:var(--ink)}.bottom-nav .badge-count{top:2px;right:calc(50% - 22px)}.btn{text-align:center;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex}.btn--dark{background:var(--ink);color:#fff}.btn--light{color:var(--ink);background:#fff;border:1px solid #dde1e7}.btn--wa{background:var(--green);color:#fff}.btn--ghost{color:var(--ink-2);background:0 0;min-height:44px}.btn--dashed{color:var(--ink);border:2px dashed var(--ink);background:#fff;min-height:48px;font-size:14px}.btn[disabled]{opacity:.55;cursor:default}.btn--block{width:100%}.pill{min-height:44px;color:var(--ink);background:#fff;border:2px solid #dde1e7;border-radius:12px;padding:0 16px;font-size:15px;font-weight:700}.pill[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.pill[disabled]{opacity:.35;cursor:default}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills--grid3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pills--grid3 .pill{padding:0 6px;font-size:14px}.chips{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:#fff;border:1px solid #dde1e7;border-radius:20px;flex-shrink:0;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.chip[aria-current=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.search-bar{border:1px solid var(--line);height:48px;color:var(--muted);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-size:15px;display:flex}.hero{background:var(--ink);color:#fff;border-radius:20px;flex-direction:column;gap:10px;padding:22px 20px;display:flex}.hero__kicker{opacity:.8;letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:600}.hero__title{flex-direction:column;font-size:26px;font-weight:800;line-height:1.15;display:flex}.hero__ti{min-height:56px;color:var(--ink);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-top:6px;padding:10px 14px;display:flex}.hero__ti-ico{background:var(--soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cat{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:84px;padding:0 4px;font-size:13px;font-weight:600;display:flex}.cat__ico{background:var(--soft);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.perk{background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.perk b{font-size:14px}.perk span{color:var(--muted);font-size:12px}.visit{background:var(--ink);color:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.visit span{color:#c9ced6;font-size:13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pcard{background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}.pcard__img{background:var(--soft);border-radius:12px;justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.pcard__img img{object-fit:contain;width:100%;height:100%}.pcard__badge{background:var(--ink);color:#fff;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.pcard__name{min-height:36px;font-size:14px;font-weight:600;line-height:1.3}.pcard__price{font-size:16px;font-weight:800}.pcard__old{color:var(--muted);font-size:12px;text-decoration:line-through}.stock{color:var(--green);font-size:12px;font-weight:600}.empty{background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff;justify-content:center;align-items:center;height:320px;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery>*{scroll-snap-align:center;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.gallery img{object-fit:contain;width:auto;max-height:290px}.p-info{flex-direction:column;gap:6px;padding:0 16px;display:flex}.p-title{font-size:22px;font-weight:800}.p-price{font-size:26px;font-weight:800}.p-note{color:var(--ink-2);font-size:14px}.p-sect{flex-direction:column;gap:10px;padding:0 16px;display:flex}.p-label{font-size:14px;font-weight:700}.p-label span{font-weight:500}.swatches{flex-wrap:wrap;gap:14px;display:flex}.swatch{border:0;border-radius:50%;width:36px;height:36px;padding:0;box-shadow:0 0 0 1px #c9ced6}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.swatch[disabled]{opacity:.25;cursor:default}.calc{background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.calc__sub{color:var(--ink-2);font-size:13px;font-weight:700}.calc__monthly{background:var(--bg);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.calc__monthly b{font-size:26px}.calc__row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.calc__row span:first-child{color:var(--muted)}.calc__row span:last-child{text-align:right;font-weight:700}.ti-applied{background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ti-applied b{font-size:13px;display:block}.ti-applied strong{font-size:14px}.ti-applied button{background:#fff;border:0;border-radius:10px;height:36px;padding:0 10px;font-size:13px;font-weight:700}.input{background:#fff;border:1px solid #dde1e7;border-radius:12px;width:100%;height:46px;padding:0 12px;font-size:16px}.input--big{font-size:17px;font-weight:700}.field{color:var(--ink-2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.error{color:var(--red);font-size:13px;font-weight:600}.details{background:#fff;border-radius:16px;margin:0 16px;overflow:hidden}.details details+details{border-top:1px solid var(--line-2)}.details summary{cursor:pointer;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"+";color:var(--muted)}.details details[open] summary:after{content:"−"}.details .details__body{color:var(--ink-2);white-space:pre-line;padding:0 16px 14px;font-size:14px}.spec-row{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.action-bar{z-index:29;left:0;right:0;bottom:var(--nav-h);border-top:1px solid var(--line);background:#fff;gap:8px;padding:10px 16px;display:flex;position:fixed}.action-bar>*{flex:1}.action-bar>.btn--dark{flex:1.3}.cart-item{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.cart-item__img{background:var(--soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.cart-item__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.qty{align-items:center;gap:4px;display:flex}.qty button{background:var(--soft);border:0;border-radius:10px;width:36px;height:36px;font-size:18px}.qty span{text-align:center;min-width:20px;font-weight:700}.progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--ink);border-radius:3px;height:6px;transition:width .2s}.opts{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}.opt{text-align:left;background:#fff;border:1px solid #dde1e7;border-radius:14px;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:10px 14px;display:flex}.opt b{font-size:15px}.opt span{color:var(--muted);font-size:12px}.result{background:var(--ink);color:#fff;border-radius:20px;flex-direction:column;gap:6px;padding:20px;display:flex}.result__sum{font-size:28px;font-weight:800;line-height:1.15}.kv{background:#fff;border-radius:16px;padding:6px 16px}.kv>div{border-bottom:1px solid var(--line-2);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.kv>div:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right;font-weight:700}@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cats{grid-template-columns:repeat(6,minmax(0,1fr))}.perks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:960px){:root{--nav-h:0px}.bottom-nav{display:none}.desk-nav{gap:20px;margin-right:12px;font-size:15px;font-weight:700;display:flex}.desk-nav a[aria-current=page]{text-underline-offset:6px;text-decoration:underline}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding:0 16px;display:grid}.product-layout .gallery{border-radius:20px;height:480px;position:sticky;top:90px}.product-layout .gallery img{max-height:440px}.action-bar{background:0 0;border:0;padding:0 16px;position:static}.page--with-bar{padding-bottom:40px}}
