/* ===== Casa Inês TTK — design estilo TikTok Shop (mobile-first) ===== */
:root{
  --red:#fe2c55; --red-2:#ff4d6d; --pink:#ff0050;
  --grad-a:#7c3aed; --grad-b:#a855f7; --grad-c:#c026d3;
  --ink:#161823; --ink-2:#4b4d57; --ink-3:#8a8d99; --line:#ececef;
  --bg:#f4f4f6; --card:#fff; --ok:#12b76a; --amber:#f79009;
  --shadow:0 1px 8px rgba(20,24,35,.06);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);
  font:15px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
/* overflow-x:clip (e não hidden) — hidden vira scroll container e quebra o position:sticky das abas */
.ttk{max-width:480px;margin:0 auto;background:var(--bg);min-height:100vh;position:relative;overflow-x:clip}
/* 100dvh acompanha a barra do Safari/Chrome que encolhe ao rolar (100vh fica alto demais) */
@supports (min-height:100dvh){.ttk{min-height:100dvh}}
@media(min-width:481px){.ttk{box-shadow:0 0 40px rgba(0,0,0,.08)}}

/* ---------- top bar ---------- */
.ttk-top{position:sticky;top:0;z-index:40;background:linear-gradient(120deg,var(--grad-a),var(--grad-c));
  color:#fff;padding:10px 12px;display:flex;align-items:center;gap:10px}
.ttk-top .ic{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.9;flex:none}
.ttk-top .sb{flex:1;background:rgba(255,255,255,.22);border-radius:999px;height:34px;display:flex;
  align-items:center;gap:7px;padding:0 12px;color:#fff;font-size:13px}
.ttk-top .sb .ic{width:17px;height:17px}
.ttk-top .act{display:flex;align-items:center;gap:14px}
.ttk-top .cartwrap{position:relative}
.ttk-badge{position:absolute;top:-6px;right:-8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;
  min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* ---------- store header ---------- */
.ttk-store{background:linear-gradient(120deg,var(--grad-a),var(--grad-c));padding:0 12px 14px;color:#fff}
.ttk-store__card{background:#fff;color:var(--ink);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.ttk-store__row{display:flex;align-items:center;gap:11px}
.ttk-store__ava{width:50px;height:50px;border-radius:14px;object-fit:contain;flex:none;background:#f0eefb;border:1px solid var(--line);padding:4px}
.ttk-store__i{flex:1;min-width:0}
.ttk-store__name{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.ttk-store__name .v{width:15px;height:15px;color:#3b82f6;flex:none}
.ttk-store__sold{color:var(--ink-3);font-size:12px;margin-top:2px;line-height:1.3}
/* "Seguir" em cima de "Mensagem" (como no app), mesma largura */
.ttk-store__btns{margin-left:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none}
.ttk-btn-follow{background:var(--red);color:#fff;border:0;border-radius:999px;padding:6px 18px;font-weight:700;font-size:12.5px;white-space:nowrap}
.ttk-btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 18px;font-weight:600;font-size:12.5px;white-space:nowrap}
.ttk-coupons{display:flex;gap:8px;margin-top:12px}
.ttk-coupon{flex:1;border-radius:12px;padding:9px 11px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:6px}
.ttk-coupon--a{background:#eafaf1;color:#0b7a45}
.ttk-coupon--b{background:#fdeef2;color:#c01048}
.ttk-coupon>div{min-width:0}
.ttk-coupon b{display:block;font-size:12px;line-height:1.25}
.ttk-coupon small{opacity:.85;font-size:10.5px;line-height:1.3;display:block;margin-top:1px}
.ttk-coupon .resg{background:var(--ok);color:#fff;border:0;border-radius:8px;padding:5px 9px;font-weight:700;font-size:10.5px;white-space:nowrap}
.ttk-coupon--b .resg{background:var(--red)}

/* ---------- tabs ---------- */
.ttk-tabs{position:sticky;top:54px;z-index:30;background:#fff;display:flex;gap:0;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
.ttk-tab{flex:1;text-align:center;padding:13px 0;font-weight:600;color:var(--ink-3);position:relative;background:none;border:0}
.ttk-tab.on{color:var(--ink)}
.ttk-tab.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:26px;height:3px;border-radius:2px;background:var(--ink)}
.ttk-pane{display:none}.ttk-pane.on{display:block}

/* ---------- sections ---------- */
.ttk-sec{padding:14px 12px 4px}
.ttk-sec__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ttk-sec__h h2{font-size:17px;font-weight:800;margin:0}
.ttk-sec__more{color:var(--ink-3);font-size:12px;display:flex;align-items:center;gap:2px}
.ttk-banner{display:block;margin:12px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:#eee}
.ttk-banner img{width:100%;height:100%;object-fit:cover}

/* categorias grid */
.ttk-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 6px;padding:2px 12px 10px}
.ttk-cat{text-align:center}
.ttk-cat img{width:60px;height:60px;border-radius:16px;object-fit:cover;margin:0 auto 6px;background:#eee;border:1px solid var(--line)}
.ttk-cat span{font-size:11.5px;color:var(--ink-2);line-height:1.25;display:block}

/* flash sale */
.ttk-flash{margin:4px 0 6px}
.ttk-flash__bar{display:flex;align-items:center;gap:10px;padding:0 12px 10px}
.ttk-flash__logo{font-weight:900;font-size:18px;color:var(--red);letter-spacing:-.02em}
.ttk-flash__logo b{color:#f79009}
.ttk-timer{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--ink-2);font-size:12px}
.ttk-timer i{background:var(--ink);color:#fff;border-radius:5px;padding:2px 5px;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;min-width:22px;text-align:center}
.ttk-hscroll{display:flex;gap:10px;overflow-x:auto;padding:0 12px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ttk-hscroll::-webkit-scrollbar{display:none}
.ttk-fcard{flex:none;width:130px}
.ttk-fcard img{width:130px;height:130px;object-fit:cover;border-radius:12px;background:#eee}
.ttk-fcard .p{color:var(--red);font-weight:800;font-size:15px;margin-top:6px}
.ttk-fcard .o{color:var(--ink-3);text-decoration:line-through;font-size:11px;margin-left:4px;font-weight:400}
.ttk-fcard .bar{height:5px;border-radius:3px;background:#ffe1e8;margin-top:4px;overflow:hidden}
.ttk-fcard .bar>i{display:block;height:100%;background:linear-gradient(90deg,#ff9a3d,var(--red))}
.ttk-fcard .lbl{font-size:10px;color:var(--red);margin-top:2px;font-weight:600}

/* ---------- product grid ---------- */
.ttk-filters{display:flex;gap:8px;padding:12px;font-size:13px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.ttk-filters button{border:0;background:var(--bg);color:var(--ink-3);font-size:13px;font-weight:600;padding:8px 14px;border-radius:18px;cursor:pointer}
.ttk-filters button.on{background:var(--ink);color:#fff;font-weight:700}
.ttk-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px}
.ttk-pc{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.ttk-pc__imgwrap{position:relative;aspect-ratio:1/1;background:#eee}
.ttk-pc__imgwrap img{width:100%;height:100%;object-fit:cover}
.ttk-pc__flash{position:absolute;left:0;bottom:0;background:linear-gradient(90deg,#ff5a3d,var(--red));color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-top-right-radius:8px}
.ttk-pc__body{padding:8px 9px 10px;display:flex;flex-direction:column;gap:5px;flex:1}
.ttk-pc__title{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.ttk-tags{display:flex;flex-wrap:wrap;gap:4px}
.ttk-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px}
.ttk-tag--off{background:#fdeef2;color:var(--red)}
.ttk-tag--free{background:#eafaf1;color:#0b7a45}
.ttk-tag--hot{background:#fff2e6;color:#c4560f}
.ttk-pc__meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-3)}
.ttk-pc__meta .star{color:#f79009;font-weight:700}
.ttk-pc__price{display:flex;align-items:baseline;gap:6px;margin-top:auto}
.ttk-pc__price .cur{color:var(--red);font-weight:800;font-size:17px}
.ttk-pc__price .cur small{font-size:11px;font-weight:700}
.ttk-pc__price .old{color:var(--ink-3);text-decoration:line-through;font-size:11px}
.ttk-pc__buy{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.ttk-pc__buy .off{background:#fff0f3;color:var(--red);font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px}
.ttk-pc__buy button{background:linear-gradient(90deg,var(--pink),var(--red));color:#fff;border:0;border-radius:999px;padding:6px 14px;font-weight:700;font-size:12.5px;display:flex;align-items:center;gap:5px}
.ttk-pc__buy button .ic{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2}

/* categorias tab list */
.ttk-catlist{background:#fff}
.ttk-catrow{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}
.ttk-catrow img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#eee}
.ttk-catrow .n{font-size:14px;font-weight:600}
.ttk-catrow .c{margin-left:auto;color:var(--ink-3);font-size:13px}

.ttk-foot{padding:22px 16px 34px;text-align:center;color:var(--ink-3);font-size:12px;line-height:1.6}
.ttk-skel{background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:ttksh 1.2s infinite;border-radius:8px}
@keyframes ttksh{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}

/* ===== página de produto ===== */
.ttk-pdp{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
.ttk-gal{position:relative;background:#fff}
.ttk-gal__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ttk-gal__track::-webkit-scrollbar{display:none}
.ttk-gal__track img{width:100%;flex:none;scroll-snap-align:center;aspect-ratio:1/1;object-fit:cover}
.ttk-gal__ix{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.ttk-pdp__price{background:linear-gradient(96deg,#ff4d3d,var(--red) 62%,#ff2f6b);color:#fff;
  padding:10px 14px 9px;display:flex;align-items:flex-start;gap:10px}
.ttk-pdp__price-l{flex:1;min-width:0}
.ttk-pdp__price .l1{display:flex;align-items:baseline;gap:7px}
.ttk-pdp__price .off{font-size:13.5px;font-weight:700;opacity:.95;flex:none}
.ttk-pdp__price .now{font-size:23px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.ttk-pdp__price .now small{font-size:12.5px;font-weight:600}
.ttk-pdp__price .cpn{display:inline-flex;align-self:center;color:#fff;opacity:.9}
.ttk-pdp__price .old{opacity:.85;text-decoration:line-through;font-size:12px;margin-top:1px}
.ttk-pdp__price .rel{flex:none;text-align:left;font-size:11px;line-height:1.35;padding-left:11px;
  border-left:1px solid rgba(255,255,255,.35);align-self:center}
.ttk-pdp__price .rel b{display:block;font-size:12px;font-weight:700;white-space:nowrap}
.ttk-pdp__price .rel i{font-style:normal;font-variant-numeric:tabular-nums}
.ttk-blk{background:#fff;padding:12px 14px;margin-top:8px}
.ttk-blk:first-of-type,.ttk-info{margin-top:0}
.ttk-chips{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
.ttk-chip{background:#fff0f3;color:var(--red);border:1px solid #ffd6df;border-radius:7px;padding:3px 8px;font-weight:600}
.ttk-chip--j{background:#f3f0ff;color:#6d28d9;border-color:#e0d7ff}
.ttk-pdp__title{font-size:15.5px;font-weight:600;line-height:1.35;margin:10px 0 7px;display:flex;gap:10px}
.ttk-pdp__title .mark{margin-left:auto;color:var(--ink-2);flex:none}
.ttk-pdp__meta{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:12px}
.ttk-pdp__meta .star{color:var(--amber);font-weight:800;font-size:14px}
.ttk-pdp__meta .cnt{color:var(--ink-3);font-size:12.5px}
.ttk-pdp__meta .sold{margin-left:6px}
.ttk-pdp__meta .i{display:inline-flex;color:#c3c5cd}
.ttk-pdp__ship{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;margin-top:10px}
.ttk-pdp__ship .free{background:#eafaf1;color:#0b7a45;font-weight:700;border-radius:6px;padding:2px 7px;font-size:12px}
.ttk-opts{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}
.ttk-opt{border:1.5px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600;background:#fafafa;color:var(--ink)}
.ttk-opt.on{border-color:var(--red);background:#fff0f3;color:var(--red)}
.ttk-prot{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:6px;font-size:12.5px;color:var(--ink-2)}
.ttk-prot div{display:flex;align-items:center;gap:6px}
.ttk-prot .ic{width:15px;height:15px;stroke:var(--ok);fill:none;stroke-width:2.4;flex:none}
.ttk-desc{font-size:14px;color:var(--ink-2);line-height:1.6}
.ttk-desc ul{margin:8px 0;padding-left:18px}.ttk-desc li{margin:3px 0}
.ttk-rev{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.ttk-rev__ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#c084fc,#f472b6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.ttk-rev__b{flex:1;min-width:0}
.ttk-rev__top{display:flex;align-items:center;gap:6px;font-size:12px}
.ttk-rev__nm{font-weight:600}.ttk-rev__st{color:#f79009}
.ttk-rev__opt{color:var(--ink-3);font-size:11px}
.ttk-rev__tx{font-size:13px;color:var(--ink);margin-top:3px}
/* padding-bottom com env() = a barra encosta no fim da tela mesmo com home indicator */
.ttk-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:8px;max-width:480px;margin:0 auto;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}
.ttk-bottom__ic{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink-2);font-size:10px;padding:0 6px}
.ttk-bottom__ic .ic{width:22px;height:22px;stroke:var(--ink-2);fill:none;stroke-width:1.8}
.ttk-bottom__cart{flex:1;background:#fff;color:var(--ink);border:1px solid #dcdde2;border-radius:999px;
  padding:7px 0;font-weight:700;font-size:12.5px;line-height:1.2;min-height:46px}
.ttk-bottom__buy{flex:1.15;background:linear-gradient(90deg,var(--pink),var(--red));color:#fff;border:0;
  border-radius:999px;padding:7px 0;font-weight:800;font-size:14px;line-height:1.15;min-height:46px;
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.ttk-bottom__buy small{font-weight:600;font-size:10.5px;opacity:.92;margin-top:1px}
.ttk-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:rgba(20,24,35,.94);color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;z-index:60;opacity:0;transition:opacity .2s, transform .2s;pointer-events:none;display:flex;align-items:center;gap:7px}
.ttk-toast.on{opacity:1;transform:translateX(-50%) translateY(-4px)}
.ttk-toast .ic{width:16px;height:16px;stroke:#4ade80;fill:none;stroke-width:2.6}
.ttk-pdp__back{position:absolute;top:10px;left:10px;z-index:5;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.ttk-pdp__back .ic{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}
.ttk-pdp__toprt{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:8px}
.ttk-pdp__toprt a{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
.ttk-pdp__toprt .ic{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2}

/* ============ Carrinho (drawer) — estilo TikTok Shop ============ */
.ci-overlay{position:fixed;inset:0;background:rgba(20,24,35,.45);opacity:0;visibility:hidden;transition:opacity .25s;z-index:1200}
.ci-overlay.open{opacity:1;visibility:visible}
.ci-drawer{position:fixed;top:0;right:0;height:100%;width:min(92vw,440px);background:var(--card);
  display:flex;flex-direction:column;transform:translateX(100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1201;box-shadow:-6px 0 30px rgba(20,24,35,.18)}
.ci-drawer.open{transform:translateX(0)}
.ci-drawer__head{display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;border-bottom:1px solid var(--line)}
.ci-drawer__head h2{margin:0;font-size:18px;font-weight:800;color:var(--ink)}
.ci-x{width:34px;height:34px;border:0;background:var(--bg);border-radius:50%;
  font-size:20px;line-height:1;color:var(--ink-2);display:flex;align-items:center;justify-content:center}
.ci-drawer__body{flex:1;overflow-y:auto;padding:14px 16px}
.ci-drawer__foot{border-top:1px solid var(--line);padding:14px 16px 18px;background:var(--card)}
.ci-empty{text-align:center;padding:56px 20px;color:var(--ink-3)}
.ci-empty p{font-size:15px;margin:0 0 16px}
.ci-empty a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;
  padding:11px 22px;border-radius:22px;font-weight:700}
.ci-line{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.ci-line:last-child{border-bottom:0}
.ci-line__img{width:74px;height:74px;object-fit:cover;border-radius:12px;background:var(--bg);flex:none}
.ci-line__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ci-line__title{font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-line__var{font-size:12px;color:var(--ink-3)}
.ci-line__row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}
.ci-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ci-qty button{width:30px;height:30px;border:0;background:#fff;color:var(--ink);font-size:16px;line-height:1}
.ci-qty span{min-width:30px;text-align:center;font-size:14px;font-weight:600}
.ci-line__price{font-size:15px;font-weight:800;color:var(--red);white-space:nowrap}
.ci-line__remove{margin-top:4px;align-self:flex-start;border:0;background:none;color:var(--ink-3);
  font-size:12px;padding:0;text-decoration:underline}
.ci-subtotal{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:6px}
.ci-subtotal:last-of-type{font-weight:800;font-size:16px;color:var(--ink)}
.ci-note{font-size:12px;color:var(--ok);background:#eafaf0;border-radius:8px;padding:8px 10px;margin:8px 0 12px;text-align:center}
.ci-btn{display:block;width:100%;text-align:center;text-decoration:none;padding:13px;border-radius:26px;
  font-weight:800;font-size:15px;border:0;box-sizing:border-box}
.ci-btn--accent{background:var(--red);color:#fff}
.ci-btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}

/* ============ Checkout (3 passos) — estilo TikTok Shop ============ */
.ttk-cobody{background:var(--bg)}
/* blocos ocupam a largura toda da tela (igual ao carrinho), sem "caixinhas" */
.ttk-co{max-width:480px;background:var(--bg);min-height:100vh;padding:0 0 30px;position:relative}
.ttk-co .co-card{background:var(--card);border-radius:0;box-shadow:none;margin:0 0 8px;padding:15px 14px}
/* top bar */
.co-top{position:relative;background:var(--card);display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-top:3px solid #7a1220}
.co-logo img{height:26px;width:auto;display:block}
.co-secure{display:flex;align-items:center;gap:7px;color:var(--ok);font-size:10.5px;font-weight:800;line-height:1.15;letter-spacing:.02em}
.co-secure b{font-weight:800}
/* resumo do carrinho */
.co-cart{padding:0!important;overflow:hidden}
.co-cart__bar{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:15px 14px;font-size:15.5px;font-weight:700;color:var(--ink)}
.co-cart__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:6px;background:var(--ink);color:#fff;border-radius:10px;font-size:12px;font-weight:800}
.co-cart__chev{transition:transform .2s;color:var(--ink-3)}
.co-cart.open .co-cart__chev{transform:rotate(180deg)}
.co-cart__body,.co-cart__tot{display:none;padding:0 14px}
.co-cart.open .co-cart__body,.co-cart.open .co-cart__tot{display:block}
.co-cart__tot{padding:0 14px 4px}
/* o resumo do checkout usa exatamente o mesmo bloco do carrinho (.tc-sum) */
.co-cart__tot .tc-sum{margin-top:0;padding:13px 0 12px;border-top:1px solid var(--line)}
.co-cl{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}
.co-cl:last-child{border-bottom:0}
.co-cl__img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:var(--bg);flex:none}
.co-cl__i{flex:1;min-width:0}
.co-cl__t{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-cl__v{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.co-cl__p{font-size:13px;font-weight:800;color:var(--ink);margin-top:2px}
.co-cl__q{font-size:13px;color:var(--ink-2);font-weight:600;white-space:nowrap}
.co-tr{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--ink-2);margin:6px 0}
.co-tr.disc{color:var(--red)}
.co-tr .co-free{color:var(--ok);font-weight:800}
.co-tr--tot{font-size:17px;font-weight:800;color:var(--ink);border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.co-save{margin-top:10px;background:#fff1f3;color:var(--red);border-radius:9px;padding:9px 11px;font-size:12.5px;font-weight:600;text-align:center}
.co-empty{padding:22px 4px;color:var(--ink-3);font-size:14px;text-align:center}
/* passos */
.co-steps{display:flex;align-items:center;justify-content:space-between;gap:6px}
.co-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}
.co-step__n{width:30px;height:30px;border-radius:50%;background:var(--bg);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:1px solid var(--line)}
.co-step__l{font-size:12px;color:var(--ink-3);font-weight:600}
.co-step.on .co-step__n{background:var(--ink);color:#fff;border-color:var(--ink)}
.co-step.on .co-step__l{color:var(--ink);font-weight:800}
.co-step.done .co-step__n{background:var(--ink);color:#fff;border-color:var(--ink)}
.co-step.done .co-step__n{font-size:0}
.co-step.done .co-step__n::after{content:"✓";font-size:15px}
.co-steps__ln{flex:1;height:2px;background:var(--line);margin-bottom:20px;border-radius:2px}
/* campos */
.co-field{margin-bottom:13px}
.co-field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.co-field input{width:100%;box-sizing:border-box;border:1px solid #e2e2e6;border-radius:11px;padding:13px 14px;font-size:15px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s}
.co-field input:focus{border-color:var(--ink)}
.co-ferr{display:none;color:var(--red);font-size:12px;margin-top:5px;font-style:normal}
.co-field.invalid input{border-color:var(--red)}
.co-field.invalid .co-ferr{display:block}
.co-grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.co-grid2--city{grid-template-columns:1fr 76px}
/* caixa segurança */
.co-safebox{border:1px dashed #d7d7de;border-radius:12px;padding:14px;margin:6px 0 16px}
.co-safebox__h{text-align:center;font-weight:800;font-size:13.5px;color:var(--ink);margin:0 0 12px}
.co-safebox__r{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--ink-2);margin-bottom:8px;line-height:1.35}
.co-safebox__r svg{flex:none;margin-top:1px}
/* botões */
.co-btn{width:100%;box-sizing:border-box;border:0;border-radius:13px;padding:16px;font-size:15px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:9px}
.co-btn--dark{background:var(--ink);color:#fff}
.co-btn--dark:disabled{opacity:.5}
.co-btn--green{background:#2bb673;color:#fff}
.co-btn--green.done{background:#12b76a}
.co-link{display:block;width:100%;background:none;border:0;color:var(--ink-3);font-size:14px;padding:14px 0 4px;text-align:center}
/* order bumps */
.co-bumps{margin-bottom:6px}
.co-bumps__h{font-size:15px;font-weight:800;color:var(--ink)}
.co-bumps__s{font-size:12.5px;color:var(--ink-3);margin:3px 0 12px}
.co-bump{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s}
.co-bump.on{border-color:var(--ok);background:#f2fbf6}
.co-bump__ck input{width:20px;height:20px;accent-color:var(--ok)}
.co-bump__img{width:52px;height:52px;object-fit:cover;border-radius:9px;background:var(--bg);flex:none}
.co-bump__i{flex:1;min-width:0}
.co-bump__t{display:block;font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-bump__pr{display:flex;align-items:center;gap:7px;margin-top:5px}
.co-bump__pr s{color:var(--ink-3);font-size:12px}
.co-bump__pr b{color:var(--ok);font-size:15px;font-weight:800}
.co-bump__off{background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:5px;padding:1px 5px}
/* frete */
.co-shipwrap{margin:4px 0}
.co-ship__h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:12px}
.co-ship__opt{display:flex;align-items:center;gap:11px;border:1.6px solid var(--line);border-radius:13px;padding:12px;margin-bottom:10px;cursor:pointer}
.co-ship__opt.on{border-color:var(--ok);background:#f2fbf6}
.co-ship__opt input{width:19px;height:19px;accent-color:var(--ok);flex:none}
.co-ship__ic{flex:none;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ok);font-weight:900;font-size:11px;font-style:italic}
.co-ship__ic b{font-style:italic}
.co-ship__ic--jad{background:#e8202a;color:#fff;border-radius:6px;padding:5px 7px;font-style:normal;font-size:12px}
.co-ship__ic--sedex{background:#ffd400;color:#003399;border-radius:6px;padding:5px 6px;font-style:normal;font-size:10.5px}
.co-ship__i{flex:1;min-width:0}
.co-ship__i b{display:block;font-size:14px;color:var(--ink)}
.co-ship__i small{font-size:12px;color:var(--ink-3)}
.co-ship__pr{font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap}
.co-ship__pr.co-free{color:var(--ok)}
.co-addr{margin-top:16px}
.co-shipnote{background:#f2fbf6;border:1px solid #cdeede;color:#0f7a4d;border-radius:11px;padding:11px 13px;font-size:13px;margin:4px 0 16px;display:flex;align-items:center;gap:7px}
.co-shipnote b{color:#0f7a4d}
/* pagamento */
.co-paycard{display:flex;align-items:center;gap:12px}
.co-paycard__pix{flex:none}
.co-paycard__i b{display:block;font-size:15px;color:var(--ink)}
.co-paycard__i small{font-size:12.5px;color:var(--ink-3)}
.co-pix{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}
.co-pixhead{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:14px}
.co-pixhead img{width:34px;height:34px;border-radius:8px;object-fit:contain}
.co-pixhead__d{width:26px;height:1.5px;background:var(--line)}
/* logo oficial do Pix (assets/img/logo-pix-wp.webp, PNG/WebP com alfa) */
/* a marca traz o "powered by Banco Central" embaixo: abaixo de ~26px vira borrão */
.pix-logo{height:28px;width:auto;display:block;flex:none}
.co-foot .pix-logo{height:26px}
.co-pixhead .pix-logo{height:30px}
.co-paycard__pix .pix-logo{height:32px}
.co-pixwait{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;border-radius:22px;padding:9px 18px;margin-bottom:14px}
.co-qrwrap{display:flex;justify-content:center;margin:6px 0 12px}
.co-qr{width:230px;height:230px;max-width:70%;image-rendering:pixelated}
.co-pixhelp{font-size:13px;color:var(--ink-2);line-height:1.4;margin:0 auto 14px;max-width:280px}
.co-pixval{display:flex;align-items:center;justify-content:space-between;background:#f2fbf6;border:1px solid #cdeede;border-radius:12px;padding:12px 14px;margin-bottom:12px}
.co-pixval small{display:block;font-size:10.5px;font-weight:800;color:var(--ok);letter-spacing:.04em}
.co-pixval b{font-size:19px;color:var(--ink)}
.co-pixok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#0f7a4d;font-weight:700}
.co-pixcode{background:var(--bg);border-radius:10px;padding:11px;font-size:11px;color:var(--ink-2);word-break:break-all;line-height:1.4;max-height:64px;overflow:hidden;text-align:left;margin-bottom:12px}
.co-pixenc{font-size:12px;color:var(--ink-3);margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:6px}
/* rodapé */
.co-foot{text-align:center;padding:22px 16px 8px;display:flex;flex-direction:column;align-items:center;gap:9px}
.co-foot__l{font-size:12.5px;color:var(--ink-3)}
.co-foot__c{font-size:12px;color:var(--ink-3)}
.co-foot__safe{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:8px 16px;font-size:12.5px;color:var(--ink-2);background:var(--card)}

/* ============ Depoimentos "Feito à mão por Inês" (produto) ============ */
.ttk-ugc__h{text-align:center;margin-bottom:14px}
.ttk-ugc__h small{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);font-weight:700;text-transform:uppercase;margin-bottom:4px}
.ttk-ugc__h h3{margin:0;font-size:20px;font-weight:800;color:var(--ink)}
.ttk-ugc__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:2px 14px 6px}
.ttk-ugc__track::-webkit-scrollbar{display:none}
.ttk-ugc__card{flex:0 0 260px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.ttk-ugc__imgw{position:relative;aspect-ratio:1/1;background:var(--bg)}
.ttk-ugc__imgw img{width:100%;height:100%;object-fit:cover;display:block}
.ttk-ugc__badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(20,24,35,.82);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;backdrop-filter:blur(2px)}
.ttk-ugc__text{margin:0;padding:14px 14px 8px;font-size:13px;line-height:1.5;color:var(--ink-2);flex:1}
.ttk-ugc__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 14px}
.ttk-ugc__who b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:4px}
.ttk-ugc__tp{height:20px;width:auto;display:block}
.ttk-ugc__av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px #fff, 0 1px 4px rgba(0,0,0,.15)}

/* ============ Produto: benefícios + FAQ ============ */
.ttk-bnf__row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.ttk-bnf__row:last-child{border-bottom:0}
.ttk-bnf__ic{flex:none;width:40px;height:40px;border-radius:11px;background:#f2fbf6;color:var(--ok);display:flex;align-items:center;justify-content:center}
.ttk-bnf__tx b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}
.ttk-bnf__tx small{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.ttk-faq__h{font-weight:800;font-size:16px;color:var(--ink);margin-bottom:6px}
.ttk-faq__i{border-bottom:1px solid var(--line)}
.ttk-faq__i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-size:14px;font-weight:600;color:var(--ink)}
.ttk-faq__i summary::-webkit-details-marker{display:none}
.ttk-faq__i summary svg{flex:none;color:var(--ink-3);transition:transform .2s}
.ttk-faq__i[open] summary svg{transform:rotate(180deg)}
.ttk-faq__i p{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--ink-2)}

/* ============ Carrinho em tela cheia (estilo tela de pedido do TikTok) ============ */
.tc-body{background:var(--bg)}
.tc{background:var(--bg);padding-bottom:20px}
body.tc-hasbar .tc{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
.tc-top{position:sticky;top:0;z-index:40;background:var(--card);display:flex;align-items:center;
  padding:11px 12px;border-bottom:1px solid var(--line)}
.tc-top__back{color:var(--ink);display:flex;flex:none}
.tc-top__t{position:absolute;left:0;right:0;text-align:center;font-size:15.5px;font-weight:700;
  color:var(--ink);pointer-events:none}
.tc-top__t .fire{font-size:14px}
/* bloco da loja */
.tc-store{background:var(--card);padding:14px}
.tc-store__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.tc-store__h b{font-size:15.5px;font-weight:700;color:var(--ink)}
.tc-store__h a{display:flex;align-items:center;gap:3px;color:var(--ink-3);font-size:13px}
.tc-line{display:flex;gap:11px;padding:14px 0 12px;border-bottom:1px solid var(--line)}
.tc-line__img{width:82px;height:82px;border-radius:8px;overflow:hidden;background:var(--bg);flex:none}
.tc-line__img img{width:100%;height:100%;object-fit:cover}
.tc-line__i{flex:1;min-width:0}
.tc-line__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13.5px;color:var(--ink-2);line-height:1.32}
.tc-line__v{font-size:12.5px;color:var(--ink-3);margin-top:3px}
.tc-line__tag{display:inline-flex;align-items:center;gap:4px;background:var(--bg);color:var(--ink-2);
  font-size:11px;padding:2px 7px;border-radius:4px;margin-top:5px}
.tc-line__tag .ic{color:var(--ok)}
.tc-line__row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:6px}
.tc-line__pr .p{color:var(--red);font-weight:800;font-size:16px;display:flex;align-items:center;gap:5px}
.tc-line__pr .p .tk{color:var(--red);display:inline-flex}
.tc-line__pr .o{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.tc-line__pr .o s{text-decoration:line-through}
.tc-line__pr .o .off{display:inline-block;background:#fff0f3;color:var(--red);font-weight:700;
  padding:1px 4px;border-radius:4px;margin-left:4px}
.tc-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;
  overflow:hidden;flex:none;background:var(--card)}
.tc-qty button{width:32px;height:30px;border:0;background:#fafafb;color:var(--ink);font-size:17px;
  line-height:1;display:flex;align-items:center;justify-content:center}
.tc-qty button .ic{color:var(--ink-2)}
.tc-qty span{min-width:36px;text-align:center;font-size:14px;font-weight:600}
/* incentivo do desconto progressivo */
.tc-banner{background:#fff3f3;border:1px solid #ffcccc;color:#b32424;border-radius:6px;
  padding:10px;margin:12px 0 2px;font-size:12px;text-align:center;line-height:1.4}
.tc-banner b{font-weight:700}
.tc-banner--ok{background:#eafaf0;border-color:#bfe8cf;color:#176b3a}
/* descontos */
.tc-drow{display:flex;align-items:center;gap:8px;padding:13px 0 2px;font-size:13.5px;color:var(--ink-2)}
.tc-drow .tk{color:var(--red);display:inline-flex}
.tc-drow .v{margin-left:auto;color:var(--red);font-weight:700}
.tc-drow .ic{color:#c3c5cd}
.tc-pix{display:flex;align-items:center;gap:9px;background:var(--card);margin-top:8px;padding:14px;
  font-size:15.5px;color:var(--ink)}
.tc-pix .tk{color:var(--red);display:inline-flex}
.tc-pix b{font-weight:700}
.tc-pix .v{margin-left:auto;background:#fff0f3;color:var(--red);font-weight:700;font-size:13.5px;
  padding:4px 9px;border-radius:5px}
.tc-pix .ic{color:#c3c5cd}
/* resumo do pedido */
.tc-sum{background:var(--card);margin-top:8px;padding:15px 14px}
.tc-sum__h{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:12px}
.tc-sum__row{display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-size:13.5px;color:var(--ink-2);margin:9px 0}
.tc-sum__row--sub{font-size:15px;color:var(--ink);font-weight:600;margin:0}
.tc-sum__row--sub::after{content:"";width:8px;height:8px;border-left:1.6px solid var(--ink-3);
  border-top:1.6px solid var(--ink-3);transform:rotate(45deg);margin-left:auto;margin-right:2px;
  order:1;transition:transform .2s}
.tc-sum__row--sub b{order:0;margin-left:auto;font-weight:700}
.tc-sum.closed .tc-sum__row--sub::after{transform:rotate(225deg)}
.tc-sum__sub{padding-left:14px;overflow:hidden}
.tc-sum.closed .tc-sum__sub{display:none}
.tc-sum__row .neg{color:var(--red)}
.tc-sum__row .free{color:var(--ok);font-weight:700}
.tc-sum__tot{display:flex;align-items:flex-start;justify-content:space-between;
  border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:16px;font-weight:700;color:var(--ink)}
.tc-sum__tot div{text-align:right}
.tc-sum__tot b{font-size:16px}
.tc-sum__tot small{display:block;font-size:11.5px;font-weight:400;color:var(--ink-3);margin-top:2px}
/* vazio */
.tc-empty{text-align:center;padding:60px 20px;color:var(--ink-3);background:var(--card)}
.tc-empty p{font-size:15px;margin:14px 0 16px}
.tc-empty a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:11px 24px;
  border-radius:22px;font-weight:700}
/* barra fixa */
.tc-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:480px;margin:0 auto;background:var(--card);
  border-top:1px solid var(--line)}
.tc-save{background:#fff0f3;color:var(--red);font-size:13px;padding:9px 14px;text-align:center}
.tc-save b{font-weight:800}
.tc-bar{padding:10px 14px calc(15px + env(safe-area-inset-bottom,0px))}
.tc-bar__t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap;margin-bottom:9px}
.tc-bar__t b{color:var(--red);font-size:21px;font-weight:800;letter-spacing:-.02em}
.tc-cta{display:block;text-align:center;background:linear-gradient(90deg,var(--pink),var(--red));
  color:#fff;border-radius:999px;padding:10px 22px;font-weight:800;font-size:16px;line-height:1.15}
.tc-cta small{display:block;font-weight:500;font-size:10.5px;opacity:.92;margin-top:2px}
.tc-cta i{font-style:normal;font-variant-numeric:tabular-nums}
/* recomendados */
.ttk-recs{padding:8px 0 4px}
.ttk-recs__h{font-size:17px;font-weight:700;color:var(--ink);padding:14px 12px 2px}

/* ============ Produto: cabeçalho da loja + Mais desta loja ============ */
.ttk-shop{display:flex;align-items:center;gap:11px}
.ttk-shop__ava{width:46px;height:46px;border-radius:14px;object-fit:contain;flex:none;
  background:linear-gradient(150deg,#fff,#f6f2ff);border:1px solid var(--line);padding:5px}
.ttk-shop__i{flex:1;min-width:0}
.ttk-shop__n{display:flex;align-items:center;gap:5px;font-size:15.5px;font-weight:700;color:var(--ink)}
.ttk-shop__n .v{width:15px;height:15px;color:var(--grad-b);flex:none}
.ttk-shop__s{font-size:12.5px;color:var(--ink-3);margin-top:2px}
.ttk-shop__btn{flex:none;background:var(--red);color:#fff;font-weight:700;font-size:13.5px;
  padding:7px 18px;border-radius:999px}
.ttk-shop__stats{display:flex;gap:22px;margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.ttk-shop__stats b{color:var(--ink);font-weight:700;font-size:13px}
.ttk-shelf__hrow{display:flex;align-items:center;justify-content:space-between;
  margin:14px -14px 10px;padding:14px 14px 0;border-top:1px solid var(--line)}
.ttk-shelf__h{font-weight:700;font-size:15.5px;color:var(--ink)}
.ttk-shelf__more{color:var(--ink-3);display:flex;align-items:center}
.ttk-shelf .ttk-hscroll{margin:0 -14px;padding:0 14px 4px;gap:9px}
.ttk-mini{flex:none;width:112px}
.ttk-mini__imgw{width:112px;height:112px;border-radius:9px;overflow:hidden;background:var(--bg)}
.ttk-mini__imgw img{width:100%;height:100%;object-fit:cover}
.ttk-mini__p{color:var(--ink);font-weight:700;font-size:15px;margin-top:7px;letter-spacing:-.01em}
.ttk-mini__off{color:var(--red);font-weight:600;font-size:12px;margin-top:1px}
/* card promocional que abre o carrossel */
.ttk-mini--promo{display:flex;flex-direction:column;justify-content:space-between;height:112px;
  background:linear-gradient(160deg,#ffe6ea,#ffd2dc);border-radius:9px;padding:12px 10px 10px;text-align:center}
.ttk-mini__promoT{color:var(--red);font-weight:800;font-size:15px;line-height:1.2;letter-spacing:-.01em}
.ttk-mini__promoT .b{display:block;font-size:15px;margin-bottom:2px}
.ttk-mini__promoF{background:rgba(255,255,255,.7);border-radius:6px;padding:3px 0;
  font-size:10.5px;color:var(--ink-2);font-weight:600}

/* ============ Produto: Você também pode gostar ============ */
.ttk-yml{margin-top:8px;background:var(--bg);padding-bottom:6px}
.ttk-yml__h{font-weight:700;font-size:17px;color:var(--ink);padding:14px 12px 2px}
.ttk-grid--rc{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px 4px}
.ttk-rc{background:var(--card);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--shadow)}
.ttk-rc__imgw{position:relative;aspect-ratio:1/1;background:var(--bg)}
.ttk-rc__imgw img{width:100%;height:100%;object-fit:cover}
.ttk-rc__flash{position:absolute;left:6px;top:6px;background:linear-gradient(90deg,#ff7a18,var(--red));
  color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px}
.ttk-rc__b{padding:8px 8px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.ttk-rc__tags{display:flex;flex-wrap:wrap;gap:4px}
.ttk-rc__star{background:#fff4e5;color:#c4560f;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}
.ttk-rc__cut{background:#fff0f3;color:var(--red);font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}
.ttk-rc__t{font-size:12.5px;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.ttk-rc__pr{display:flex;align-items:baseline;gap:5px;margin-top:auto}
.ttk-rc__pr .cur{color:var(--red);font-weight:800;font-size:17px;letter-spacing:-.02em}
.ttk-rc__pr .cur small{font-size:11px;font-weight:700}
.ttk-rc__pr .old{color:var(--ink-3);text-decoration:line-through;font-size:11px}
.ttk-rc__m{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--ink-3)}
.ttk-rc__m .star{color:var(--ink-2);font-weight:600}
.ttk-rc__m .sep{opacity:.5}

/* ============ Produto: abas do topo ============ */
/* fica escondida no topo; só entra depois que a faixa de preço sai da tela (.on via JS) */
.ttk-ptabs{position:fixed;top:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:45;
  background:var(--card);display:flex;gap:20px;padding:0 14px;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid var(--line);box-shadow:0 1px 8px rgba(20,24,35,.06);
  transform:translateY(-101%);opacity:0;pointer-events:none;
  transition:transform .22s ease,opacity .22s ease}
.ttk-ptabs.on{transform:none;opacity:1;pointer-events:auto}
.ttk-ptabs::-webkit-scrollbar{display:none}
.ttk-ptab{flex:none;background:none;border:0;padding:13px 0 12px;font-size:15px;font-weight:600;
  color:var(--ink-3);white-space:nowrap;position:relative}
.ttk-ptab.on{color:var(--ink);font-weight:700}
.ttk-ptab.on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:5px;
  width:20px;height:3px;border-radius:2px;background:var(--ink)}

/* ============ Produto: bloco de informações ============ */
.ttk-info{padding:0 14px 14px}
.ttk-irow{display:flex;align-items:center;gap:9px;padding:11px 0;color:var(--ink-2);font-size:13px}
.ttk-irow .ic{flex:none;color:var(--ink-3)}
.ttk-irow__chev{margin-left:auto;color:#c3c5cd;display:flex;flex:none}
.ttk-irow--pay{border-bottom:1px solid var(--line)}
.ttk-irow--pay b{color:var(--ink);font-weight:700}
.ttk-irow--ship,.ttk-irow--opt{border-top:1px solid var(--line);align-items:flex-start}
.ttk-irow--ship .ic,.ttk-irow--opt .ic{margin-top:1px}
.ttk-irow__tx{flex:1;min-width:0}
.ttk-irow__tx .l1{font-size:13.5px;color:var(--ink)}
.ttk-irow__tx .l1 b{font-weight:700}
.ttk-irow__tx .l1 s{color:var(--ink-3);font-size:12px;margin-left:5px}
.ttk-irow__tx .l2{font-size:12.5px;color:var(--ink-3);margin-top:3px}
.ttk-irow--opt{align-items:center}
.ttk-irow__th{display:flex;gap:4px;flex:none}
.ttk-irow__th img{width:30px;height:30px;border-radius:6px;object-fit:cover;background:var(--bg)}
.ttk-irow__lbl{font-size:13px;color:var(--ink-2)}
.ttk-cpns{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0 0}
.ttk-cpn{display:inline-flex;align-items:center;gap:4px;background:#fff0f3;color:var(--red);
  font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:5px}
.ttk-optsw{border-top:1px solid var(--line);padding-top:11px}
.ttk-optsw__h{font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:9px}
.ttk-blk__h{font-weight:700;font-size:15.5px;color:var(--ink);margin-bottom:9px}
.ttk-blk__h .star{color:var(--amber);font-weight:800}
.ttk-blk__c{color:var(--ink-3);font-weight:500;font-size:13px}
.ttk-blk__hrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.ttk-blk__hrow .ttk-blk__h{margin-bottom:0}
.ttk-blk__more{display:flex;align-items:center;gap:2px;color:var(--ink-3);font-size:12.5px}