/* BabyProduct.in — hand-rolled design system (coral rose + mint) */
:root {
  --brand-50:#fef2f4; --brand-100:#fde6ea; --brand-200:#fbd0d9; --brand-300:#f7aab9;
  --brand-500:#e94d70; --brand-600:#d42a5b; --brand-700:#b21e4b; --brand-900:#801b40;
  --accent-100:#d5f5ec; --accent-300:#7cd7c4; --accent-500:#2aa08a; --accent-700:#1f7365;
  --star:#f5a623;
  --bg:#fdf9f5; --surface:#fff; --surface-2:#faf3ee;
  --ink:#33222e; --ink-soft:#7a6a75; --line:#efe2e0; --line-strong:#e2cfcc;
  --radius:1.1rem; --shadow:0 4px 18px rgba(40,10,30,.07);
}
* { box-sizing:border-box; margin:0; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--ink);
  font:16px/1.55 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
.container { max-width:1200px; margin:0 auto; padding:0 16px; }
h1,h2,h3 { line-height:1.15; letter-spacing:-.01em; }
small { color:var(--ink-soft); }

/* ---------- Buttons & forms ---------- */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0; border-radius:999px; cursor:pointer; font-weight:700; font-size:.925rem;
  padding:11px 22px; transition:.15s; text-align:center;
}
.btn-primary { background:var(--brand-600); color:#fff; box-shadow:0 4px 14px rgba(212,42,91,.3); }
.btn-primary:hover { background:var(--brand-700); }
.btn-secondary { background:var(--surface); color:var(--ink); border:1px solid var(--line-strong); }
.btn-secondary:hover { border-color:var(--brand-300); color:var(--brand-600); }
.btn-accent { background:var(--accent-500); color:#fff; }
.btn-danger { background:#dc2626; color:#fff; }
.btn-sm { padding:7px 14px; font-size:.8rem; }
.btn-lg { padding:14px 30px; font-size:1rem; }
.btn-block { width:100%; }
.btn:disabled { opacity:.5; cursor:not-allowed; }
input, select, textarea {
  width:100%; padding:10px 14px; border:1px solid var(--line-strong); border-radius:12px;
  background:var(--surface); color:var(--ink); font:inherit; font-size:.925rem;
}
input:focus, select:focus, textarea:focus { outline:2px solid var(--brand-300); border-color:var(--brand-500); }
label.lbl { display:block; font-size:.72rem; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-soft); margin:0 0 5px; }
.field { margin-bottom:14px; }
.form-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.check { display:flex; gap:8px; align-items:center; font-size:.9rem; font-weight:600; cursor:pointer; }
.check input { width:auto; accent-color:var(--brand-600); }

/* ---------- Header ---------- */
.site-header { position:sticky; top:0; z-index:50; }
.announce {
  background:linear-gradient(90deg,var(--brand-700),var(--brand-600),var(--brand-700));
  color:#fff; text-align:center; font-size:.75rem; font-weight:700; padding:6px 12px;
}
.header-main { background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line); }
.header-row { display:flex; align-items:center; gap:14px; height:62px; }
.logo { display:flex; align-items:center; gap:8px; font-weight:800; font-size:1.15rem; flex-shrink:0; }
.logo-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:12px;
  background:var(--brand-600); font-size:1.1rem; }
.logo-text b { color:var(--brand-600); }
.search { flex:1; display:flex; max-width:560px; position:relative; }
.search input { border-radius:999px; padding:11px 44px 11px 18px; }
.search button { position:absolute; right:6px; top:50%; transform:translateY(-50%);
  background:none; border:0; cursor:pointer; font-size:1rem; }
.header-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
.icon-btn { position:relative; display:grid; place-items:center; width:38px; height:38px; border-radius:999px;
  background:none; border:0; color:var(--ink-soft); font-size:1.05rem; cursor:pointer; }
.icon-btn:hover { background:var(--surface-2); color:var(--brand-600); }
.cart-badge { position:absolute; top:0; right:-2px; background:var(--brand-600); color:#fff;
  font-size:.6rem; font-weight:800; border-radius:999px; padding:1px 5px; }
.account-link { display:flex; align-items:center; gap:7px; font-weight:700; font-size:.875rem;
  color:var(--ink-soft); padding:7px 10px; border-radius:999px; }
.account-link:hover { background:var(--surface-2); color:var(--brand-600); }
.avatar { display:grid; place-items:center; width:26px; height:26px; border-radius:999px;
  background:var(--brand-100); color:var(--brand-700); font-size:.75rem; font-weight:800; }
.cat-nav { border-top:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
.cat-nav::-webkit-scrollbar { display:none; }
.cat-row { display:flex; gap:2px; align-items:center; }
.cat-link { padding:9px 12px; font-size:.86rem; font-weight:700; color:var(--ink-soft); white-space:nowrap; }
.cat-link:hover { color:var(--brand-600); }
.cat-link-all { color:var(--brand-600); }
.cat-link-deals { margin-left:auto; background:var(--brand-100); color:var(--brand-700);
  border-radius:999px; padding:6px 14px; }
.nav-toggle { display:none; }

/* ---------- Cards & badges ---------- */
.card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }
.badge { display:inline-block; padding:2px 10px; border-radius:999px; font-size:.66rem;
  font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.badge-brand { background:var(--brand-100); color:var(--brand-700); }
.badge-accent { background:var(--accent-100); color:var(--accent-700); }
.badge-success { background:#d1fae5; color:#065f46; }
.badge-warning { background:#fef3c7; color:#92400e; }
.badge-danger { background:#fee2e2; color:#b91c1c; }
.badge-neutral { background:var(--surface-2); color:var(--ink-soft); }
.flash { margin:14px 0; padding:11px 16px; border-radius:12px; font-weight:600; font-size:.9rem; }
.flash-success { background:var(--accent-100); color:var(--accent-700); }
.flash-error { background:#fee2e2; color:#b91c1c; }

/* ---------- Product grid & cards ---------- */
.section { padding:34px 0 6px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:18px; }
.eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--brand-600); }
.section-head h2 { font-size:1.65rem; }
.view-all { font-weight:800; font-size:.875rem; color:var(--brand-600); white-space:nowrap; }
.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); }
.pcard { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); overflow:hidden; transition:.2s; }
.pcard:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--brand-300); }
.pcard-img { position:relative; aspect-ratio:1; background:var(--surface-2); }
.pcard-img img { width:100%; height:100%; object-fit:cover; }
.pcard-flags { position:absolute; top:10px; left:10px; display:flex; flex-direction:column; gap:5px; }
.flag { padding:2px 9px; border-radius:999px; color:#fff; font-size:.62rem; font-weight:800; }
.flag-off { background:var(--brand-600); } .flag-new { background:var(--accent-500); }
.flag-best { background:#f59e0b; } .flag-organic { background:#059669; }
.pcard-oos { position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.45); }
.pcard-oos span { background:#fff; color:#333; padding:6px 16px; border-radius:999px; font-size:.75rem; font-weight:800; }
.pcard-body { display:flex; flex-direction:column; gap:4px; padding:13px; flex:1; }
.pcard-brand { font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.pcard-name { font-size:.9rem; font-weight:700; line-height:1.35; display:-webkit-box;
  -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pcard:hover .pcard-name { color:var(--brand-600); }
.stars { color:var(--star); font-size:.8rem; letter-spacing:1px; }
.stars small { color:var(--ink-soft); margin-left:4px; letter-spacing:0; }
.pcard-foot { display:flex; align-items:end; justify-content:space-between; margin-top:auto; padding-top:6px; }
.price { font-weight:900; font-size:1.05rem; }
.mrp { color:var(--ink-soft); text-decoration:line-through; font-size:.78rem; margin-left:6px; }
.qadd { width:36px; height:36px; border-radius:999px; border:0; background:var(--brand-600);
  color:#fff; font-size:1.2rem; font-weight:700; cursor:pointer; box-shadow:0 3px 10px rgba(212,42,91,.35); }
.qadd:hover { background:var(--brand-700); }

/* ---------- Hero ---------- */
.hero { background:linear-gradient(120deg,var(--brand-100),var(--bg) 55%,var(--accent-100)); padding:58px 0; }
.hero-inner { display:grid; gap:36px; grid-template-columns:1.2fr .8fr; align-items:center; }
.hero-pill { display:inline-block; background:var(--surface); border:1px solid var(--brand-300);
  color:var(--brand-700); border-radius:999px; padding:6px 16px; font-size:.75rem; font-weight:800; }
.hero h1 { font-size:clamp(2.1rem,5vw,3.6rem); margin:18px 0 12px; }
.hero h1 em { font-style:normal; background:linear-gradient(90deg,var(--brand-600),var(--accent-500));
  -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero p { color:var(--ink-soft); max-width:480px; font-size:1.05rem; }
.hero-ctas { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.hero-trust { display:flex; gap:20px; margin-top:26px; flex-wrap:wrap; font-size:.78rem;
  font-weight:700; color:var(--ink-soft); }
.hero-art { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hero-art img { border-radius:20px; border:4px solid var(--surface); box-shadow:var(--shadow);
  aspect-ratio:1; object-fit:cover; }
.hero-art img:nth-child(1) { transform:rotate(-3deg); }
.hero-art img:nth-child(2) { transform:rotate(2deg) translateY(14px); }
.hero-art img:nth-child(3) { grid-column:1/3; width:60%; margin:2px auto 0; transform:rotate(1deg); }

/* ---------- Category tiles ---------- */
.cat-grid { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); }
.cat-tile { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 8px; transition:.2s; }
.cat-tile:hover { transform:translateY(-3px); border-color:var(--brand-300); box-shadow:var(--shadow); }
.cat-tile span { display:grid; place-items:center; width:52px; height:52px; font-size:1.5rem;
  border-radius:999px; background:linear-gradient(135deg,var(--brand-100),var(--accent-100)); }
.cat-tile b { font-size:.8rem; }

/* ---------- Catalog layout ---------- */
.catalog { display:grid; grid-template-columns:230px 1fr; gap:26px; align-items:start; padding:26px 0; }
.filters { position:sticky; top:120px; }
.filters fieldset { border:0; padding:0 0 18px; }
.filters legend { font-size:.72rem; font-weight:800; text-transform:uppercase;
  letter-spacing:.06em; color:var(--ink-soft); margin-bottom:8px; }
.filters ul { list-style:none; padding:0; display:grid; gap:6px; font-size:.875rem; max-height:180px; overflow:auto; }
.price-inputs { display:flex; gap:8px; align-items:center; }
.toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.pagination { display:flex; gap:6px; justify-content:center; margin:34px 0 10px; }
.pagination a, .pagination span { display:grid; place-items:center; min-width:36px; height:36px;
  border-radius:999px; border:1px solid var(--line); font-size:.875rem; font-weight:700; padding:0 8px; }
.pagination .current { background:var(--brand-600); color:#fff; border-color:var(--brand-600); }

/* ---------- Product page ---------- */
.pdp { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding:26px 0; }
.pdp-gallery img.main { width:100%; aspect-ratio:1; object-fit:cover; border-radius:20px;
  border:1px solid var(--line); background:var(--surface-2); }
.thumbs { display:flex; gap:9px; margin-top:10px; overflow-x:auto; }
.thumbs img { width:66px; height:66px; object-fit:cover; border-radius:12px; cursor:pointer;
  border:2px solid var(--line); opacity:.75; }
.thumbs img.active { border-color:var(--brand-500); opacity:1; }
.pdp h1 { font-size:1.7rem; margin:4px 0 8px; }
.pdp-price { font-size:1.9rem; font-weight:900; margin:14px 0 2px; }
.variant-pills { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.vpill { padding:8px 16px; border-radius:999px; border:1px solid var(--line-strong); background:var(--surface);
  font-weight:700; font-size:.86rem; cursor:pointer; }
.vpill.active { background:var(--brand-600); color:#fff; border-color:var(--brand-600); }
.vpill:disabled { opacity:.4; text-decoration:line-through; cursor:not-allowed; }
.stock-ok { color:#059669; font-weight:700; font-size:.875rem; }
.stock-low { color:#d97706; font-weight:800; font-size:.875rem; }
.stock-out { color:#dc2626; font-weight:800; font-size:.875rem; }
.buy-row { display:flex; gap:12px; margin:18px 0; }
.qty { display:flex; align-items:center; border:1px solid var(--line-strong); border-radius:999px; }
.qty button { width:42px; height:46px; background:none; border:0; font-size:1.1rem; cursor:pointer; color:var(--ink-soft); }
.qty input { width:40px; border:0; text-align:center; font-weight:800; background:none; padding:0; }
.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; background:var(--surface-2);
  border:1px solid var(--line); border-radius:var(--radius); padding:14px; text-align:center;
  font-size:.72rem; font-weight:800; color:var(--ink-soft); margin:18px 0; }
.spec-table { width:100%; border:1px solid var(--line); border-radius:var(--radius);
  border-collapse:separate; border-spacing:0; overflow:hidden; font-size:.9rem; }
.spec-table td { padding:9px 14px; border-top:1px solid var(--line); }
.spec-table tr:first-child td { border-top:0; }
.spec-table td:first-child { color:var(--ink-soft); }
.spec-table td:last-child { text-align:right; font-weight:700; }
.review-card { padding:16px; }
.review-grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); }
.qa-item { padding:16px; margin-bottom:10px; }
.qa-item .q { font-weight:800; font-size:.925rem; }
.qa-item .a { color:var(--ink-soft); font-size:.9rem; margin-top:6px; }

/* ---------- Cart / checkout ---------- */
.two-col { display:grid; grid-template-columns:1fr 360px; gap:26px; align-items:start; padding:26px 0; }
.cart-line { display:flex; gap:14px; padding:14px; margin-bottom:10px; }
.cart-line img { width:86px; height:86px; object-fit:cover; border-radius:12px; background:var(--surface-2); }
.cart-line .grow { flex:1; min-width:0; }
.summary { position:sticky; top:120px; padding:20px; }
.summary h2 { font-size:1.1rem; margin-bottom:14px; }
.sumrow { display:flex; justify-content:space-between; font-size:.9rem; margin:7px 0; }
.sumrow.total { border-top:1px solid var(--line); padding-top:12px; margin-top:12px;
  font-weight:900; font-size:1.05rem; }
.accent-text { color:var(--accent-700); font-weight:800; }
.option-card { display:flex; gap:12px; align-items:center; width:100%; text-align:left; padding:15px;
  border:1px solid var(--line); background:var(--surface); border-radius:var(--radius);
  cursor:pointer; margin-bottom:10px; font:inherit; }
.option-card.active { border-color:var(--brand-500); background:var(--brand-50); box-shadow:0 3px 12px rgba(212,42,91,.12); }
.option-card .oc-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:999px;
  background:var(--surface-2); font-size:1.05rem; flex-shrink:0; }
.option-card.active .oc-icon { background:var(--brand-600); }

/* ---------- Account / admin ---------- */
.page-wrap { display:grid; grid-template-columns:210px 1fr; gap:26px; align-items:start; padding:26px 0; }
.side-nav { display:flex; flex-direction:column; gap:4px; }
.side-nav a { padding:10px 16px; border-radius:12px; font-weight:700; font-size:.9rem; color:var(--ink-soft); }
.side-nav a:hover { background:var(--surface-2); color:var(--ink); }
.side-nav a.active { background:var(--brand-600); color:#fff; }
.stat-cards { display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin-bottom:22px; }
.stat-card { display:flex; align-items:center; gap:13px; padding:17px; }
.stat-card .ic { display:grid; place-items:center; width:44px; height:44px; border-radius:999px;
  background:var(--brand-100); font-size:1.15rem; }
.stat-card b { display:block; font-size:1.3rem; }
.stat-card small { font-weight:700; }
.table-wrap { overflow-x:auto; }
table.data { width:100%; border-collapse:collapse; font-size:.875rem; }
table.data th { text-align:left; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em;
  color:var(--ink-soft); padding:12px 14px; border-bottom:1px solid var(--line); }
table.data td { padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:middle; }
table.data tr:hover td { background:var(--surface-2); }
.timeline { display:flex; align-items:flex-start; margin:16px 0; }
.tl-step { flex:1; text-align:center; position:relative; font-size:.72rem; font-weight:700; color:var(--ink-soft); }
.tl-dot { display:grid; place-items:center; width:28px; height:28px; margin:0 auto 5px;
  border-radius:999px; border:2px solid var(--line); background:var(--surface); font-weight:800; font-size:.72rem; }
.tl-step.done { color:var(--ink); }
.tl-step.done .tl-dot { background:var(--brand-600); border-color:var(--brand-600); color:#fff; }
.tl-step::before { content:''; position:absolute; top:14px; left:-50%; width:100%; height:2px; background:var(--line); z-index:-1; }
.tl-step:first-child::before { display:none; }
.tl-step.done::before { background:var(--brand-600); }

/* ---------- Content / misc ---------- */
.content-page { max-width:760px; margin:0 auto; padding:40px 16px; }
.content-page h1 { font-size:2.1rem; margin-bottom:6px; }
.copy h2 { margin:26px 0 8px; font-size:1.2rem; }
.copy p, .copy li { color:var(--ink-soft); margin:10px 0; }
.copy ul { padding-left:22px; }
.copy a { color:var(--brand-600); text-decoration:underline; }
.faq-item { padding:16px 20px; margin-bottom:10px; cursor:pointer; }
.faq-item summary { font-weight:800; list-style:none; }
.faq-item p { color:var(--ink-soft); margin-top:8px; font-size:.925rem; }
.empty { text-align:center; padding:56px 20px; border:2px dashed var(--line-strong);
  border-radius:var(--radius); background:var(--surface-2); }
.empty h3 { margin-bottom:6px; }
.empty p { color:var(--ink-soft); font-size:.9rem; margin-bottom:16px; }
.auth-box { max-width:420px; margin:0 auto; padding:44px 16px; }
.auth-box h1 { font-size:1.9rem; margin-bottom:4px; }
.auth-box .sub { color:var(--ink-soft); font-size:.9rem; margin-bottom:22px; }
.demo-box { border:1px dashed var(--line-strong); background:var(--surface-2); border-radius:12px;
  padding:13px 16px; font-size:.78rem; color:var(--ink-soft); margin-top:18px; }
.brand-marquee { display:flex; gap:12px; flex-wrap:wrap; }
.brand-chip { padding:12px 26px; border-radius:999px; border:1px solid var(--line);
  background:var(--surface-2); font-weight:800; color:var(--ink-soft); }
.brand-chip:hover { border-color:var(--brand-300); color:var(--brand-600); }
.cta-banner { background:linear-gradient(90deg,var(--brand-700),var(--brand-600),var(--accent-700));
  border-radius:24px; color:#fff; text-align:center; padding:46px 22px; margin:36px 0; }
.cta-banner h2 { font-size:1.9rem; }
.cta-banner p { opacity:.9; margin:8px auto 20px; max-width:520px; }
.blog-grid { display:grid; gap:18px; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); padding-bottom:20px; }
.blog-card { overflow:hidden; display:flex; flex-direction:column; transition:.2s; }
.blog-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.blog-card img { aspect-ratio:1.9; object-fit:cover; width:100%; }
.blog-card .bc-body { padding:16px; display:flex; flex-direction:column; gap:7px; flex:1; }
.blog-card h2 { font-size:1.05rem; }

/* ---------- Footer ---------- */
.site-footer { margin-top:54px; border-top:1px solid var(--line); background:var(--surface); }
.perks { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; padding:26px 16px; }
.perk { display:flex; gap:12px; align-items:center; }
.perk span { display:grid; place-items:center; width:44px; height:44px; border-radius:999px;
  background:var(--brand-100); font-size:1.15rem; }
.perk small { display:block; }
.footer-main { background:var(--surface-2); border-top:1px solid var(--line); }
.footer-grid { display:grid; gap:28px; grid-template-columns:2fr 1fr 1fr 1fr; padding:36px 16px; }
.footer-about p { color:var(--ink-soft); font-size:.875rem; margin-top:10px; max-width:300px; }
.footer-grid h3 { font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; }
.footer-grid nav a { display:block; color:var(--ink-soft); font-size:.875rem; padding:4px 0; }
.footer-grid nav a:hover { color:var(--brand-600); }
.footer-bottom { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap;
  border-top:1px solid var(--line); padding:16px; font-size:.75rem; color:var(--ink-soft); }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .hero-inner, .pdp, .two-col, .catalog, .page-wrap { grid-template-columns:1fr; }
  .hero-art { display:none; }
  .filters { position:static; }
  .summary { position:static; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .side-nav { flex-direction:row; overflow-x:auto; }
  .side-nav a { white-space:nowrap; }
}
@media (max-width: 640px) {
  .hide-sm { display:none !important; }
  .header-row { flex-wrap:wrap; height:auto; padding:10px 16px; }
  .search { order:3; width:100%; max-width:none; flex-basis:100%; margin-top:4px; }
  .grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .section-head h2 { font-size:1.3rem; }
}
@media print {
  .site-header, .site-footer, .no-print { display:none !important; }
}

/* ---------- Inline SVG icons ---------- */
svg { vertical-align: -0.15em; flex-shrink: 0; }
.btn svg, .badge svg, .side-nav a svg, .cat-link svg, .account-link svg, .view-all svg { vertical-align: -0.18em; }
.announce-item { display:inline-flex; align-items:center; gap:5px; margin:0 9px; }
.announce svg { vertical-align: -0.2em; }
.logo-mark { color:#fff; }
.logo-mark svg { vertical-align:0; }
.perk span svg { color:var(--brand-600); }
.cat-link-deals { display:inline-flex; align-items:center; gap:5px; }
.stat-card .ic svg, .oc-icon svg { color:var(--brand-600); }
.side-nav a.active svg, .btn-primary svg, .btn-accent svg, .btn-danger svg { color:#fff; }
.stars svg { vertical-align:-0.2em; }
.icon-btn svg { pointer-events:none; }
.txn-ic { display:grid; place-items:center; width:34px; height:34px; border-radius:999px; flex-shrink:0; }
.txn-credit { background:#d1fae5; color:#059669; }
.txn-debit { background:#fee2e2; color:#dc2626; }
.stat-card .ic svg { color:var(--brand-600); }
.empty svg { color:var(--ink-soft); opacity:.7; }