:root{--orange: #ed8812;--orange-dark: #c96f05;--orange-soft: #fff3e3;--ink: #141414;--ink-2: #4a4a4a;--muted: #8a8a8a;--line: #ececec;--bg: #f7f6f3;--card: #ffffff;--ok: #17803d;--danger: #c62828;--radius: 18px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--slab: "Roboto Slab", Georgia, serif;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font:15px/1.5 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;padding-bottom:calc(72px + var(--safe-b))}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}.top__bar{display:flex;align-items:center;gap:10px;height:64px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.brand img{width:46px;height:auto}.brand__name{font:800 21px/1 var(--slab);letter-spacing:-.3px;white-space:nowrap}.brand__name b{color:var(--orange);font-weight:800}.search{flex:1;display:flex;align-items:center;gap:8px;background:#f1f0ed;border-radius:999px;padding:0 14px;height:44px;min-width:0;border:1.5px solid transparent;transition:border-color .15s,background .15s}.search:focus-within{background:#fff;border-color:var(--orange)}.search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.search input{border:0;background:transparent;outline:0;width:100%;min-width:0;height:100%;font-size:15px}.icon-btn{position:relative;width:44px;height:44px;border-radius:999px;border:0;background:transparent;display:grid;place-items:center;text-decoration:none;flex-shrink:0}.icon-btn:hover{background:#f1f0ed}.badge{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;font:700 11px/19px var(--font);text-align:center}.badge.pop{animation:pop .35s ease}@keyframes pop{50%{transform:scale(1.35)}}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 15px;font-weight:600;font-size:14px;color:var(--ink-2);transition:all .15s}.chip:hover{border-color:#d6d6d6}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.strip{margin:12px 0 0;background:var(--orange-soft);color:#8a4a00;border-radius:12px;padding:8px 12px;font-size:12.5px;font-weight:600;text-align:center}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 12px}.toolbar h2{font:700 20px/1.2 var(--slab);margin:0}.toolbar select{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:14px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media(min-width:1200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{position:relative;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;animation:rise .35s ease both}.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 34px rgba(0,0,0,.1)}@keyframes rise{from{transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}.card__img{aspect-ratio:1;background:#efeee9;overflow:hidden}.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .card__img img{transform:scale(1.04)}.card__tag{position:absolute;top:10px;left:10px;background:var(--danger);color:#fff;font:700 12px/1 var(--font);padding:5px 8px;border-radius:8px}.card__out{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.55);font-weight:700;font-size:13px}.card__out span{background:var(--ink);color:#fff;padding:6px 12px;border-radius:999px}.card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;flex:1}.card__origin{font-size:11.5px;color:var(--muted);font-weight:500}.card__title{font-size:14px;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px}.price{font:800 16px/1.1 var(--font);color:var(--ink);white-space:nowrap}.old{display:block;font-size:12px;color:var(--muted);text-decoration:line-through;font-weight:500}.add{width:38px;height:38px;flex-shrink:0;border-radius:999px;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(237,136,18,.35);transition:transform .12s,background .15s}.add svg{width:20px;height:20px;stroke-width:2.6}.add:hover{background:var(--orange-dark)}.add:active{transform:scale(.9)}.add.done{background:var(--ok);box-shadow:none}.skel{background:linear-gradient(90deg,#ecebe7 25%,#f5f4f1 50%,#ecebe7 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius);aspect-ratio:.74}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--muted);padding:50px 16px}.foot{margin-top:40px;background:#141414;color:#cfcfcf;padding:18px 0 16px;font-size:13px}.foot__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.foot__logo{text-decoration:none}.foot__logo .brand__name{display:inline;font-size:18px;color:#fff}.foot__links{display:flex;gap:18px}.foot__links a{color:#fff;text-decoration:none;font-weight:600}.foot__links a:hover{color:var(--orange)}.foot__pay{margin:12px 0 0}.foot__pay i{font-size:9.5px;padding:4px 6px}.foot .b-visa{background:#fff;color:#1a1f71}.foot .b-mc{background:#333}.foot__copy{margin:10px 0 0;font-size:11.5px;color:#8a8a8a}.foot__copy a{color:#bdbdbd;text-decoration:none}.tabbar{position:fixed;z-index:45;left:0;right:0;bottom:0;height:calc(64px + var(--safe-b));padding-bottom:var(--safe-b);background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.tabbar a,.tabbar button{position:relative;border:0;background:none;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11.5px;font-weight:600;color:var(--muted)}.tabbar .on{color:var(--orange)}.tabbar .badge{top:6px;right:calc(50% - 22px)}.cartbar{position:fixed;z-index:44;left:12px;right:12px;bottom:calc(74px + var(--safe-b));border:0;border-radius:16px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:slideup .3s ease}.cartbar__total{margin-left:auto;font-weight:800}.cartbar__go{background:var(--orange);border-radius:10px;padding:6px 10px;font-size:14px}@keyframes slideup{from{transform:translateY(120%)}}@media(min-width:900px){body{padding-bottom:0}.tabbar{display:none}.cartbar{left:auto;right:24px;bottom:24px;width:380px}}@media(max-width:899px){.hide-sm{display:none}}@media(max-width:420px){.brand__name{display:none}}.sheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;inset:0;background:rgba(15,15,15,.45);animation:fade .2s ease}.sheet__panel{position:relative;width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:22px 22px 0 0;animation:sheetup .28s cubic-bezier(.2,.8,.2,1);padding-bottom:var(--safe-b);outline:0}.sheet__close{position:sticky;top:10px;float:right;margin:10px 10px -46px 0;z-index:3;width:36px;height:36px;border-radius:999px;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:15px}@keyframes fade{from{opacity:0}}@keyframes sheetup{from{transform:translateY(100%)}}@media(min-width:900px){.sheet{align-items:center;padding:24px}.sheet__panel{max-width:980px;border-radius:24px;animation:zoom .22s ease}.sheet--narrow .sheet__panel{max-width:560px}}@keyframes zoom{from{opacity:0;transform:scale(.97)}}.pd{display:grid}@media(min-width:900px){.pd{grid-template-columns:1.05fr 1fr}}.gallery{position:relative;background:#efeee9}.gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery__track::-webkit-scrollbar{display:none}.gallery__track img{flex:0 0 100%;width:100%;aspect-ratio:1;object-fit:cover;scroll-snap-align:center}.dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px}.dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.6);transition:all .2s}.dots i.on{width:18px;background:#fff}.pd__info{padding:20px 18px 110px;display:flex;flex-direction:column;gap:14px}@media(min-width:900px){.pd__info{padding:34px 32px 32px}}.pd__cat{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-dark)}.pd__title{font:700 24px/1.2 var(--slab);margin:0}.pd__price{display:flex;align-items:baseline;gap:10px}.pd__price .price{font-size:26px}.pd__price .old{display:inline;font-size:15px}.info-row{display:flex;gap:10px;align-items:flex-start;background:#f7f6f3;border-radius:14px;padding:12px 14px;font-size:14px}.info-row svg{flex-shrink:0;color:var(--orange);margin-top:1px}.info-row select{border:0;background:transparent;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:3px}.label{font-size:13px;font-weight:700;margin:0 0 6px}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:9px 14px;font-weight:600;font-size:14px}.opt.on{border-color:var(--ink);background:var(--ink);color:#fff}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.qty button{width:42px;height:42px;border:0;background:#fff;font-size:20px;font-weight:600}.qty span{min-width:34px;text-align:center;font-weight:700}.desc{color:var(--ink-2);font-size:14.5px;white-space:pre-line}.buy{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 18px calc(12px + var(--safe-b));margin:0 -18px -110px;background:rgba(255,255,255,.97);border-top:1px solid var(--line)}@media(min-width:900px){.buy{position:static;margin:6px 0 0;padding:0;border:0;background:none}}.buy .btn{padding:0 10px;white-space:nowrap}.btn{flex:1;height:52px;padding:0 22px;border-radius:14px;border:0;font-weight:700;font-size:15.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn--orange{background:var(--orange);color:#fff}.btn--orange:hover{background:var(--orange-dark)}.btn--dark{background:var(--ink);color:#fff}.btn--ghost{background:#f1f0ed;color:var(--ink)}.btn[disabled]{opacity:.5;pointer-events:none}.pane{padding:22px 18px 24px}@media(min-width:900px){.pane{padding:30px 32px}}.pane h2{font:700 22px var(--slab);margin:0 0 16px;padding-right:40px}.lines{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.line img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#efeee9}.line__t{font-weight:600;font-size:14px;line-height:1.3}.line__o{font-size:12.5px;color:var(--muted)}.line .qty button{width:32px;height:32px;font-size:17px}.line .qty span{min-width:26px;font-size:14px}.line__p{font-weight:700;font-size:14px;text-align:right;white-space:nowrap}.sum{border-top:1px dashed #dcdcdc;padding-top:12px;display:grid;gap:6px;font-size:14.5px}.sum div{display:flex;justify-content:space-between;gap:10px}.sum .total{font-size:18px;font-weight:800}.form{display:grid;gap:12px;margin:18px 0}.form .two{display:grid;gap:12px}@media(min-width:560px){.form .two{grid-template-columns:1fr 1fr}}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px;outline:0;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.pays{display:grid;gap:8px}.pay{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:14px;padding:13px 14px;cursor:pointer;transition:border-color .15s,background .15s}.pay input{accent-color:var(--orange);width:18px;height:18px;margin:0}.pay b{display:block;font-size:14.5px}.pay small{color:var(--muted);font-size:12.5px}.pay:has(input:checked){border-color:var(--orange);background:var(--orange-soft)}.alert{background:#fdecea;color:var(--danger);border-radius:12px;padding:10px 12px;font-size:14px}.note{background:#f7f6f3;border-radius:12px;padding:10px 12px;font-size:13px;color:var(--ink-2)}.secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--muted);margin-top:10px}.secure svg{width:15px;height:15px}.done{text-align:center;padding:34px 20px}.done__icon{width:64px;height:64px;border-radius:999px;background:#e7f6ec;color:var(--ok);display:grid;place-items:center;margin:0 auto 12px}.done__icon svg{width:32px;height:32px;stroke-width:2.4}.code{font:700 20px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:#f7f6f3;display:inline-block;padding:8px 14px;border-radius:10px;margin:8px 0 16px}.toast{position:fixed;z-index:80;left:50%;bottom:calc(150px + var(--safe-b));transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:fade .2s ease;white-space:nowrap}@media(min-width:900px){.toast{bottom:110px}}.track{max-width:620px;margin:22px auto 0}.track__box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.track form{display:flex;gap:8px}.track form input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px;text-transform:uppercase;outline:0}.track form input:focus{border-color:var(--orange)}.track form .btn{flex:0 0 auto;padding:0 20px}.steps{list-style:none;margin:18px 0;padding:0;display:grid;gap:0}.steps li{position:relative;padding:0 0 18px 34px;color:var(--muted);font-weight:600}.steps li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:999px;border:2px solid #d9d9d9;background:#fff}.steps li::after{content:"";position:absolute;left:10px;top:24px;bottom:2px;width:2px;background:#e5e5e5}.steps li:last-child::after{display:none}.steps li.on{color:var(--ink)}.steps li.on::before{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 4px #fff}.steps li.on::after{background:var(--orange)}.pill{display:inline-block;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px}.pill--ok{background:#e7f6ec;color:var(--ok)}.pill--wait{background:#fff4e0;color:#9a5b00}.pill--bad{background:#fdecea;color:var(--danger)}.brands{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.brands i{font-style:normal;font:700 10.5px/1 var(--font);padding:5px 7px;border-radius:6px;letter-spacing:.01em}.b-om{background:#ff7900;color:#000}.b-wave{background:#1dc8ff;color:#002b5c}.b-moov{background:#0066b3;color:#fff}.b-mtn{background:#ffcc00;color:#000}.b-visa{background:#1a1f71;color:#fff;font-style:italic!important}.b-mc{background:#111;color:#fff}.b-pp{background:#ffc439;color:#003087}.opt{display:inline-flex;align-items:center;gap:7px}.sw{width:16px;height:16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);flex-shrink:0}.opt.on .sw{box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(0,0,0,.18)}.seo-list{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;gap:6px}.seo-list a{color:var(--ink-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:899px){.foot{display:none}main.wrap{padding-bottom:16px}}
