/* =====================================================================
   tc.css  -  sellyourgadget.shop "topclass" design system (LANEB-280, 24 Sep 2026)
   Sirf ADD: tokens (:root --tc-*) + .tc-* component classes. Koi element selector
   override nahi, isliye purane pages par load hone se look nahi badalta - Phase 2 (LANEB-281)
   ke templates in classes ko use karte hain. Kill switch: /home/syg_shop/private/topclass.off
   Tokens .in ke syg-ds.css (REPORT-05e) family se: navy ink, brand blue, Space Grotesk + Inter,
   4/8 grid, radius 12/16, 44px tap targets, WCAG AA contrast on white.
   ===================================================================== */

:root{
  /* brand */
  --tc-ink:#10233f;
  --tc-blue:#1657d0;
  --tc-blue-600:#1146ab;
  --tc-blue-700:#0e3a8c;
  --tc-blue-050:#eef3fd;
  --tc-blue-100:#dbe6fb;
  --tc-money:#0b7f57;        /* price - 5.2:1 on white */
  --tc-money-050:#e8f6f0;
  --tc-warn:#b4530a;         /* 5.0:1 on white */
  --tc-warn-050:#fdf1e7;
  --tc-danger:#b3261e;
  --tc-danger-050:#fceeed;
  --tc-wa:#128c7e;           /* WhatsApp brand green, AA on white (4.6:1) */
  /* neutrals */
  --tc-n0:#ffffff;
  --tc-n50:#f7f8fa;
  --tc-n100:#eef1f6;
  --tc-n200:#e2e7ef;
  --tc-n300:#cbd3e1;
  --tc-n400:#9aa6bb;
  --tc-n500:#6b7890;         /* 4.6:1 on white - smallest text colour allowed */
  --tc-n600:#4c5871;
  --tc-n700:#33405a;
  --tc-n800:#1f2b42;
  --tc-n900:#10233f;
  /* type */
  --tc-font-head:'Space Grotesk','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --tc-font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --tc-fs-xs:12px; --tc-fs-sm:14px; --tc-fs-md:16px; --tc-fs-lg:18px; --tc-fs-xl:22px; --tc-fs-2xl:28px; --tc-fs-3xl:36px; --tc-fs-4xl:44px;
  --tc-lh-tight:1.2; --tc-lh:1.5;
  /* space (4/8 grid) */
  --tc-s1:4px; --tc-s2:8px; --tc-s3:12px; --tc-s4:16px; --tc-s5:20px; --tc-s6:24px; --tc-s8:32px; --tc-s10:40px; --tc-s12:48px; --tc-s16:64px;
  /* radius / shadow */
  --tc-r-sm:8px; --tc-r:12px; --tc-r-lg:16px; --tc-r-pill:999px;
  --tc-sh-1:0 1px 2px rgba(16,35,63,.06),0 1px 3px rgba(16,35,63,.08);
  --tc-sh-2:0 4px 12px rgba(16,35,63,.08),0 2px 4px rgba(16,35,63,.06);
  --tc-sh-3:0 12px 32px rgba(16,35,63,.12);
  --tc-tap:44px;
  --tc-container:1280px;
  --tc-focus:0 0 0 3px rgba(22,87,208,.35);
}

/* ---------- scope (Phase 2 wraps new templates in .tc) ---------- */
.tc{font-family:var(--tc-font-body);color:var(--tc-n800);line-height:var(--tc-lh);-webkit-font-smoothing:antialiased;background:var(--tc-n0)}
.tc *,.tc *::before,.tc *::after{box-sizing:border-box}
.tc img{max-width:100%;height:auto;display:block}
.tc a{color:var(--tc-blue);text-decoration:none}
.tc a:hover{color:var(--tc-blue-700);text-decoration:underline}
.tc :focus-visible{outline:none;box-shadow:var(--tc-focus);border-radius:var(--tc-r-sm)}

/* ---------- layout ---------- */
.tc-container{width:100%;max-width:var(--tc-container);margin:0 auto;padding:0 var(--tc-s4)}
@media (min-width:768px){.tc-container{padding:0 var(--tc-s6)}}
.tc-section{padding:var(--tc-s8) 0}
@media (min-width:768px){.tc-section{padding:var(--tc-s12) 0}}
.tc-grid{display:grid;gap:var(--tc-s4)}
.tc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.tc-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.tc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-grid{gap:var(--tc-s6)}}
@media (min-width:1024px){.tc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tc-row{display:flex;flex-wrap:wrap;gap:var(--tc-s3);align-items:center}
.tc-stack>*+*{margin-top:var(--tc-s4)}

/* ---------- type ---------- */
.tc-h1,.tc-h2,.tc-h3,.tc-h4{font-family:var(--tc-font-head);color:var(--tc-ink);line-height:var(--tc-lh-tight);margin:0 0 var(--tc-s3);font-weight:700;letter-spacing:-.01em}
.tc-h1{font-size:var(--tc-fs-2xl)}
.tc-h2{font-size:var(--tc-fs-xl)}
.tc-h3{font-size:var(--tc-fs-lg)}
.tc-h4{font-size:var(--tc-fs-md)}
@media (min-width:768px){.tc-h1{font-size:var(--tc-fs-3xl)}.tc-h2{font-size:var(--tc-fs-2xl)}.tc-h3{font-size:var(--tc-fs-xl)}}
.tc-display{font-family:var(--tc-font-head);font-size:var(--tc-fs-3xl);line-height:1.1;color:var(--tc-ink);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--tc-s4)}
@media (min-width:768px){.tc-display{font-size:var(--tc-fs-4xl)}}
.tc-lead{font-size:var(--tc-fs-lg);color:var(--tc-n600);margin:0 0 var(--tc-s4)}
.tc-body{font-size:var(--tc-fs-md);color:var(--tc-n800)}
.tc-small{font-size:var(--tc-fs-sm);color:var(--tc-n600)}
.tc-muted{color:var(--tc-n500)}
.tc-eyebrow{font-size:var(--tc-fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-blue);margin:0 0 var(--tc-s2)}

/* ---------- price ---------- */
.tc-price{font-family:var(--tc-font-head);font-weight:700;color:var(--tc-ink);font-size:var(--tc-fs-xl);line-height:1.1;white-space:nowrap}
.tc-price-lg{font-size:var(--tc-fs-2xl)}
.tc-price-was{font-size:var(--tc-fs-sm);color:var(--tc-n500);text-decoration:line-through;margin-left:var(--tc-s2);font-weight:400}
.tc-price-note{font-size:var(--tc-fs-xs);color:var(--tc-n500);display:block;font-weight:400;font-family:var(--tc-font-body)}
.tc-price-ask{font-family:var(--tc-font-head);font-weight:600;color:var(--tc-blue);font-size:var(--tc-fs-md)}

/* ---------- buttons (44px+) ---------- */
.tc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tc-s2);min-height:var(--tc-tap);padding:var(--tc-s3) var(--tc-s5);border-radius:var(--tc-r);font-family:var(--tc-font-body);font-weight:600;font-size:var(--tc-fs-md);line-height:1.2;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s,transform .05s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.tc-btn:hover{text-decoration:none}
.tc-btn:active{transform:translateY(1px)}
.tc-btn:focus-visible{box-shadow:var(--tc-focus)}
.tc-btn-primary{background:var(--tc-blue);color:#fff}
.tc-btn-primary:hover{background:var(--tc-blue-600);color:#fff}
.tc-btn-dark{background:var(--tc-ink);color:#fff}
.tc-btn-dark:hover{background:var(--tc-n800);color:#fff}
.tc-btn-outline{background:#fff;color:var(--tc-ink);border-color:var(--tc-n300)}
.tc-btn-outline:hover{border-color:var(--tc-ink);color:var(--tc-ink)}
.tc-btn-ghost{background:transparent;color:var(--tc-blue)}
.tc-btn-ghost:hover{background:var(--tc-blue-050);color:var(--tc-blue-700)}
.tc-btn-wa{background:var(--tc-wa);color:#fff}
.tc-btn-wa:hover{background:#0f7468;color:#fff}
.tc-btn-sm{min-height:40px;padding:var(--tc-s2) var(--tc-s4);font-size:var(--tc-fs-sm)}
.tc-btn-lg{min-height:52px;padding:var(--tc-s4) var(--tc-s8);font-size:var(--tc-fs-lg)}
.tc-btn-block{display:flex;width:100%}
.tc-btn[disabled],.tc-btn.is-disabled{background:var(--tc-n200);color:var(--tc-n500);border-color:transparent;cursor:not-allowed;pointer-events:none}
.tc-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tc-tap);height:var(--tc-tap);border-radius:var(--tc-r);background:#fff;border:1px solid var(--tc-n200);color:var(--tc-ink);cursor:pointer}
.tc-icon-btn:hover{border-color:var(--tc-ink)}

/* ---------- badges / chips ---------- */
.tc-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--tc-s2);border-radius:var(--tc-r-sm);font-size:var(--tc-fs-xs);font-weight:600;line-height:1.5;letter-spacing:.01em;white-space:nowrap}
.tc-badge-stock{background:var(--tc-money-050);color:var(--tc-money)}
.tc-badge-out{background:var(--tc-n100);color:var(--tc-n600)}
.tc-badge-ask{background:var(--tc-blue-050);color:var(--tc-blue-700)}
.tc-badge-note{background:var(--tc-warn-050);color:var(--tc-warn)}
.tc-badge-grade{background:var(--tc-ink);color:#fff;border-radius:var(--tc-r-sm)}
.tc-badge-grade[data-grade="A"]{background:var(--tc-money)}
.tc-badge-grade[data-grade="B"]{background:var(--tc-blue)}
.tc-badge-grade[data-grade="C"]{background:var(--tc-warn)}
.tc-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--tc-s4);border-radius:var(--tc-r-pill);border:1px solid var(--tc-n300);background:#fff;color:var(--tc-n800);font-size:var(--tc-fs-sm);font-weight:500;cursor:pointer;white-space:nowrap}
.tc-chip:hover{border-color:var(--tc-ink)}
.tc-chip.is-on{background:var(--tc-ink);border-color:var(--tc-ink);color:#fff}
.tc-chips{display:flex;gap:var(--tc-s2);overflow-x:auto;padding-bottom:var(--tc-s1);scrollbar-width:none}
.tc-chips::-webkit-scrollbar{display:none}

/* ---------- cards ---------- */
.tc-card{background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);overflow:hidden;box-shadow:var(--tc-sh-1);transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}
.tc-card:hover{box-shadow:var(--tc-sh-2)}
.tc-card-media{position:relative;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:var(--tc-s4);border-bottom:1px solid var(--tc-n100)}
.tc-card-media img{width:100%;height:100%;object-fit:contain}
.tc-card-media .tc-badge{position:absolute;top:var(--tc-s3);left:var(--tc-s3)}
.tc-card-body{padding:var(--tc-s4);display:flex;flex-direction:column;gap:var(--tc-s2);flex:1}
.tc-card-title{font-family:var(--tc-font-body);font-weight:600;font-size:var(--tc-fs-md);color:var(--tc-ink);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tc-card-title a{color:inherit}
.tc-card-specs{font-size:var(--tc-fs-sm);color:var(--tc-n600);margin:0}
.tc-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--tc-s2);padding-top:var(--tc-s2)}
.tc-card-brand{font-size:var(--tc-fs-xs);font-weight:600;color:var(--tc-n500);letter-spacing:.06em;text-transform:uppercase}

/* ---------- panels / trust ---------- */
.tc-panel{background:var(--tc-n50);border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);padding:var(--tc-s5)}
.tc-panel-white{background:#fff}
.tc-fact{display:flex;gap:var(--tc-s3);align-items:flex-start;font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-fact b{color:var(--tc-ink)}
.tc-fact-icon{flex:0 0 36px;width:36px;height:36px;border-radius:var(--tc-r-sm);background:var(--tc-blue-050);color:var(--tc-blue-700);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.tc-kv{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:var(--tc-s2) var(--tc-s4);font-size:var(--tc-fs-sm)}
.tc-kv dt{color:var(--tc-n500);margin:0}
.tc-kv dd{color:var(--tc-ink);font-weight:500;margin:0}
.tc-divider{border:0;border-top:1px solid var(--tc-n200);margin:var(--tc-s6) 0}

/* ---------- forms ---------- */
.tc-input,.tc-select{display:block;width:100%;min-height:var(--tc-tap);padding:var(--tc-s2) var(--tc-s4);border:1px solid var(--tc-n300);border-radius:var(--tc-r);font:inherit;font-size:var(--tc-fs-md);color:var(--tc-ink);background:#fff}
.tc-input:focus,.tc-select:focus{outline:none;border-color:var(--tc-blue);box-shadow:var(--tc-focus)}
.tc-label{display:block;font-size:var(--tc-fs-sm);font-weight:600;color:var(--tc-n700);margin:0 0 var(--tc-s1)}
.tc-search{position:relative;display:flex;align-items:center}
.tc-search .tc-input{padding-left:44px;border-radius:var(--tc-r-pill);background:var(--tc-n50)}
.tc-search .tc-search-ic{position:absolute;left:16px;color:var(--tc-n500);pointer-events:none}
.tc-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r);box-shadow:var(--tc-sh-3);z-index:60;max-height:60vh;overflow:auto;display:none}
.tc-suggest.is-open{display:block}
.tc-suggest a{display:flex;gap:var(--tc-s3);align-items:center;padding:var(--tc-s2) var(--tc-s4);min-height:var(--tc-tap);color:var(--tc-ink);border-bottom:1px solid var(--tc-n100)}
.tc-suggest a:hover{background:var(--tc-n50);text-decoration:none}
.tc-suggest img{width:40px;height:40px;object-fit:contain;flex:0 0 40px}

/* ---------- sticky mobile bottom bar (WhatsApp . Call . Buy/Enquire) ---------- */
.tc-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:98;background:#fff;border-top:1px solid var(--tc-n200);box-shadow:0 -4px 16px rgba(16,35,63,.08);padding:var(--tc-s2) var(--tc-s3) calc(var(--tc-s2) + env(safe-area-inset-bottom));display:flex;gap:var(--tc-s2);align-items:center}
.tc-stickybar .tc-btn{flex:1;min-width:0;padding-left:var(--tc-s3);padding-right:var(--tc-s3)}
.tc-stickybar .tc-icon-btn{flex:0 0 var(--tc-tap)}
.tc-stickybar .tc-price{font-size:var(--tc-fs-lg);margin-right:var(--tc-s2)}
.tc-has-stickybar{padding-bottom:calc(var(--tc-tap) + var(--tc-s6) + env(safe-area-inset-bottom))}
@media (min-width:768px){.tc-stickybar{display:none}.tc-has-stickybar{padding-bottom:0}}

/* ---------- header bits ---------- */
.tc-topbar{background:var(--tc-ink);color:#fff;font-size:var(--tc-fs-xs);padding:6px 0}
.tc-topbar a{color:#fff}
.tc-header{position:sticky;top:0;z-index:70;background:#fff;border-bottom:1px solid var(--tc-n200)}
.tc-header-row{display:flex;align-items:center;gap:var(--tc-s4);min-height:64px}
.tc-nav{display:flex;gap:var(--tc-s1);list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.tc-nav::-webkit-scrollbar{display:none}
.tc-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--tc-s3);border-radius:var(--tc-r-sm);color:var(--tc-n700);font-weight:500;font-size:var(--tc-fs-sm);white-space:nowrap}
.tc-nav a:hover,.tc-nav a.is-on{background:var(--tc-n100);color:var(--tc-ink);text-decoration:none}

/* ---------- gallery (product) ---------- */
.tc-gallery{display:grid;gap:var(--tc-s3)}
.tc-gallery-main{background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.tc-gallery-main img{max-height:100%;object-fit:contain}
.tc-gallery-thumbs{display:flex;gap:var(--tc-s2);overflow-x:auto}
.tc-gallery-thumbs button{flex:0 0 64px;width:64px;height:64px;border-radius:var(--tc-r-sm);border:2px solid var(--tc-n200);background:#fff;padding:2px;cursor:pointer}
.tc-gallery-thumbs button.is-on{border-color:var(--tc-blue)}
.tc-gallery-thumbs img{width:100%;height:100%;object-fit:contain}

/* ---------- skeleton / misc ---------- */
.tc-skeleton{background:linear-gradient(90deg,var(--tc-n100) 25%,var(--tc-n50) 37%,var(--tc-n100) 63%);background-size:400% 100%;animation:tc-sk 1.4s ease infinite;border-radius:var(--tc-r-sm)}
@keyframes tc-sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.tc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.tc-hide-m{display:none}
@media (min-width:768px){.tc-hide-m{display:initial}.tc-hide-d{display:none}}
@media (prefers-reduced-motion:reduce){.tc *{transition:none !important;animation:none !important}}

/* =====================================================================
   LANEB-281 (25 Sep 2026) - Phase 2 additions: self-hosted fonts, header, category nav, breadcrumb,
   home sections, product card, listing filters, pagination, legal prose, footer, sticky bar tweaks.
   Sirf .tc-* (scope .tc) - purane Bootstrap pages ka look nahi badalta.
   ===================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/space-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.tc svg{vertical-align:-3px;flex:0 0 auto}
.tc-section-sm{padding:var(--tc-s4) 0}
.tc-section-alt{background:var(--tc-n50)}
.tc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--tc-s4);margin-bottom:var(--tc-s5)}
.tc-section-head .tc-h2{margin-bottom:0}
.tc-section-head .tc-eyebrow{margin-bottom:var(--tc-s1)}
/* ---------- topbar + header ---------- */
.tc-topbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--tc-s4);min-height:32px}
.tc-topbar-msg{display:none;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-topbar-links{display:flex;gap:var(--tc-s4);margin-left:auto}
.tc-topbar-links a{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-weight:500;white-space:nowrap}
.tc-topbar-links a:hover{text-decoration:underline;color:#fff}
@media (min-width:768px){.tc-topbar-msg{display:inline-flex}}
.tc-header{position:static}
@media (min-width:768px){.tc-header{position:sticky}}
.tc-header-row{flex-wrap:wrap;row-gap:var(--tc-s2);padding:var(--tc-s2) var(--tc-s4)}
@media (min-width:768px){.tc-header-row{flex-wrap:nowrap;padding-left:var(--tc-s6);padding-right:var(--tc-s6)}}
.tc-logo{display:inline-flex;align-items:center;min-height:var(--tc-tap);flex:0 0 auto}
.tc-logo img{width:132px;height:35px}
@media (min-width:768px){.tc-logo img{width:150px;height:40px}}
.tc-header .tc-search{order:3;flex:1 1 100%;min-width:0}
@media (min-width:768px){.tc-header .tc-search{order:0;flex:1 1 auto;max-width:640px;margin:0 auto}}
.tc-search .tc-input{padding-right:52px}
.tc-search-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:36px;border:0;border-radius:var(--tc-r-pill);background:var(--tc-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.tc-search-go:hover{background:var(--tc-blue-600)}
.tc-suggest a{font-size:var(--tc-fs-sm)}
.tc-suggest a b{white-space:nowrap;color:var(--tc-ink);font-family:var(--tc-font-head)}
.tc-header-actions{display:flex;gap:var(--tc-s2);margin-left:auto;flex:0 0 auto}
.tc-cart{position:relative}
.tc-cart-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--tc-r-pill);background:var(--tc-blue);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
/* ---------- category nav ---------- */
.tc-catnav{background:#fff;border-bottom:1px solid var(--tc-n200)}
.tc-catnav .tc-nav{padding:var(--tc-s1) 0;gap:var(--tc-s1)}
.tc-catnav .tc-nav a{min-height:var(--tc-tap)}
.tc-catnav .tc-nav a.is-on{background:var(--tc-blue-050);color:var(--tc-blue-700)}
/* ---------- breadcrumb ---------- */
.tc-crumb ol{display:flex;flex-wrap:wrap;gap:var(--tc-s1) var(--tc-s2);list-style:none;margin:0 auto;padding-top:var(--tc-s3);padding-bottom:0;font-size:var(--tc-fs-sm);color:var(--tc-n500)}
.tc-crumb li+li::before{content:"/";margin-right:var(--tc-s2);color:var(--tc-n300)}
.tc-crumb a{display:inline-block;min-height:24px;color:var(--tc-n600)}
/* ---------- hero ---------- */
.tc-hero{background:linear-gradient(180deg,var(--tc-blue-050) 0%,#fff 100%);padding:var(--tc-s8) 0}
@media (min-width:768px){.tc-hero{padding:var(--tc-s12) 0}}
.tc-hero-grid{display:grid;gap:var(--tc-s6);align-items:center}
@media (min-width:900px){.tc-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--tc-s10)}}
.tc-hero-copy .tc-display{max-width:14ch}
.tc-hero-copy .tc-lead{max-width:52ch}
.tc-hero-cta{margin-bottom:var(--tc-s5)}
.tc-hero-cta .tc-btn{flex:1 1 auto}
@media (min-width:480px){.tc-hero-cta .tc-btn{flex:0 0 auto}}
.tc-hero-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--tc-s2) var(--tc-s5);font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-hero-facts li{display:inline-flex;align-items:center;gap:6px}
.tc-hero-facts svg{color:var(--tc-money)}
.tc-hero-card{display:grid;grid-template-columns:minmax(0,1fr);background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);box-shadow:var(--tc-sh-2);overflow:hidden;color:inherit}
.tc-hero-card:hover{text-decoration:none;box-shadow:var(--tc-sh-3);color:inherit}
.tc-hero-media{display:flex;align-items:center;justify-content:center;background:#fff;aspect-ratio:4/3;padding:var(--tc-s4);border-bottom:1px solid var(--tc-n100)}
.tc-hero-media img{width:100%;height:100%;object-fit:contain}
.tc-hero-card-body{display:flex;flex-direction:column;gap:var(--tc-s2);padding:var(--tc-s4) var(--tc-s5) var(--tc-s5)}
.tc-hero-card-body .tc-badge{align-self:flex-start}
.tc-hero-card-title{font-family:var(--tc-font-head);font-weight:700;font-size:var(--tc-fs-xl);color:var(--tc-ink);line-height:1.2}
@media (min-width:480px){.tc-hero-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.tc-hero-media{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--tc-n100);min-height:220px}}
/* ---------- chips ---------- */
.tc-chips a.tc-chip{color:var(--tc-n800)}
.tc-chips a.tc-chip:hover{text-decoration:none}
.tc-chips a.tc-chip.is-on{color:#fff}
.tc-chip{min-height:40px}
.tc-chip-sm{min-height:36px;font-size:var(--tc-fs-xs);padding:0 var(--tc-s3)}
.tc-chip-n{margin-left:6px;font-size:var(--tc-fs-xs);font-weight:600;color:var(--tc-n500);background:var(--tc-n100);border-radius:var(--tc-r-pill);padding:1px 7px}
.tc-chip.is-on .tc-chip-n{background:rgba(255,255,255,.18);color:#fff}
.tc-list-chips{margin:0 0 var(--tc-s5)}
/* ---------- product card ---------- */
.tc-pgrid{gap:var(--tc-s3)}
@media (min-width:768px){.tc-pgrid{gap:var(--tc-s5)}}
.tc-pcard{position:relative;background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);overflow:hidden;box-shadow:var(--tc-sh-1);transition:box-shadow .15s;display:flex;flex-direction:column;min-width:0}
.tc-pcard:hover{box-shadow:var(--tc-sh-2)}
.tc-pcard-link{display:flex;flex-direction:column;flex:1;color:inherit;min-height:var(--tc-tap)}
.tc-pcard-link:hover{text-decoration:none;color:inherit}
.tc-pcard .tc-card-media{padding:var(--tc-s3)}
.tc-pcard .tc-badge-r{left:auto;right:var(--tc-s3)}
.tc-pcard .tc-card-body{padding:var(--tc-s3);padding-right:calc(var(--tc-s3) + 48px);gap:var(--tc-s1)}
@media (min-width:768px){.tc-pcard .tc-card-body{padding:var(--tc-s4);padding-right:calc(var(--tc-s4) + 52px)}}
.tc-pcard .tc-card-title{font-size:var(--tc-fs-sm)}
@media (min-width:768px){.tc-pcard .tc-card-title{font-size:var(--tc-fs-md)}}
.tc-pcard .tc-card-specs{font-size:var(--tc-fs-xs)}
.tc-pcard .tc-card-foot{padding-top:var(--tc-s1)}
.tc-pcard .tc-price{font-size:var(--tc-fs-lg)}
@media (min-width:768px){.tc-pcard .tc-price{font-size:var(--tc-fs-xl)}}
.tc-pcard .tc-price-was{display:block;margin-left:0}
.tc-pcard-wa{position:absolute;right:var(--tc-s3);bottom:var(--tc-s3);color:var(--tc-wa);border-color:var(--tc-n200)}
.tc-pcard-wa:hover{border-color:var(--tc-wa);background:var(--tc-money-050);text-decoration:none}
.tc-pcard.is-out .tc-card-media img{opacity:.55}
/* ---------- tiles (category / brand) ---------- */
.tc-tile{position:relative;display:flex;flex-direction:column;gap:var(--tc-s1);justify-content:center;min-height:88px;padding:var(--tc-s4) var(--tc-s5);background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);color:var(--tc-ink);box-shadow:var(--tc-sh-1);transition:box-shadow .15s,border-color .15s}
.tc-tile:hover{text-decoration:none;color:var(--tc-blue-700);border-color:var(--tc-blue);box-shadow:var(--tc-sh-2)}
.tc-tile-title{font-family:var(--tc-font-head);font-weight:700;font-size:var(--tc-fs-lg)}
.tc-tile-arrow{position:absolute;right:var(--tc-s4);top:50%;transform:translateY(-50%);color:var(--tc-n400)}
.tc-tile:hover .tc-tile-arrow{color:var(--tc-blue)}
.tc-tile-brand{align-items:center;text-align:center;min-height:96px}
.tc-tile-brand .tc-tile-title{font-size:var(--tc-fs-xl);letter-spacing:.02em}
/* ---------- steps / facts / stores ---------- */
.tc-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--tc-s4);counter-reset:none}
@media (min-width:768px){.tc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tc-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tc-step{position:relative;display:flex;flex-direction:column;gap:var(--tc-s1);padding:var(--tc-s5);padding-top:var(--tc-s12);background:#fff;border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-step b{color:var(--tc-ink);font-size:var(--tc-fs-md)}
.tc-step-n{position:absolute;top:var(--tc-s4);left:var(--tc-s5);width:32px;height:32px;border-radius:50%;background:var(--tc-blue);color:#fff;font-family:var(--tc-font-head);font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.tc-steps-note{margin:var(--tc-s4) 0 0}
.tc-facts .tc-fact{align-items:flex-start}
.tc-facts .tc-fact span:last-child{font-size:var(--tc-fs-sm)}
.tc-store .tc-h3{margin-bottom:var(--tc-s2)}
.tc-store p{margin:0 0 var(--tc-s2);color:var(--tc-n700)}
.tc-panel-dark{background:var(--tc-ink);color:#fff;border-color:var(--tc-ink);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--tc-s5);padding:var(--tc-s6)}
.tc-panel-dark .tc-h2,.tc-panel-dark p{color:#fff}
.tc-panel-dark .tc-eyebrow{color:var(--tc-blue-100)}
.tc-panel-dark p{margin:0}
.tc-sell-cta .tc-container.tc-panel{max-width:calc(var(--tc-container) - 2 * var(--tc-s4))}
/* ---------- listing layout + filters ---------- */
.tc-list-head{margin-bottom:var(--tc-s4)}
.tc-list-head .tc-h1{margin-bottom:var(--tc-s1)}
.tc-list-head p{margin:0}
.tc-list-layout{display:grid;gap:var(--tc-s5);align-items:start}
@media (min-width:1024px){.tc-list-layout{grid-template-columns:272px minmax(0,1fr);gap:var(--tc-s8)}}
.tc-filters{border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);background:#fff}
.tc-filters-toggle{border:0;border-radius:var(--tc-r-lg);list-style:none;cursor:pointer;justify-content:space-between}
.tc-filters-toggle::-webkit-details-marker{display:none}
.tc-filters-toggle::after{content:"+";font-size:var(--tc-fs-xl);line-height:1;color:var(--tc-n500)}
.tc-filters[open] .tc-filters-toggle::after{content:"\2013"}
.tc-filter-count{margin-left:6px;background:var(--tc-blue);color:#fff;border-radius:var(--tc-r-pill);font-size:var(--tc-fs-xs);padding:1px 8px}
.tc-filter-form{padding:var(--tc-s3) var(--tc-s4) var(--tc-s4);border-top:1px solid var(--tc-n200)}
.tc-filter-group{border:0;margin:0 0 var(--tc-s4);padding:0;min-width:0}
.tc-filter-group legend{padding:0;float:left;width:100%}
.tc-filter-group legend+*{clear:both}
.tc-check{display:flex;align-items:center;gap:var(--tc-s2);min-height:var(--tc-tap);font-size:var(--tc-fs-sm);color:var(--tc-n800);cursor:pointer;margin:0}
.tc-check input{width:20px;height:20px;margin:0;accent-color:var(--tc-blue);flex:0 0 20px}
.tc-check-n{margin-left:auto;font-size:var(--tc-fs-xs);color:var(--tc-n500)}
.tc-price-inputs{display:flex;align-items:center;gap:var(--tc-s2)}
.tc-price-inputs .tc-input{min-width:0;padding:var(--tc-s2) var(--tc-s3)}
.tc-price-presets{display:flex;flex-wrap:wrap;gap:var(--tc-s2);margin-top:var(--tc-s2)}
.tc-filter-actions{display:flex;gap:var(--tc-s2);flex-wrap:wrap}
.tc-filter-actions .tc-btn{flex:1 1 auto}
@media (min-width:1024px){.tc-filters-toggle{display:none}.tc-filter-form{border-top:0}.tc-filters{position:sticky;top:calc(64px + var(--tc-s3))}}
.tc-list-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--tc-s3);min-height:32px;margin-bottom:var(--tc-s3)}
.tc-list-clear{display:inline-flex;align-items:center;min-height:var(--tc-tap);color:var(--tc-blue)}
.tc-empty{text-align:left}
.tc-empty p{color:var(--tc-n700)}
.tc-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--tc-s2);margin-top:var(--tc-s8)}
.tc-pagination-pages{display:inline-flex;gap:var(--tc-s1);align-items:center}
.tc-pagination-n,.tc-pagination-cur{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tc-tap);min-height:var(--tc-tap);border-radius:var(--tc-r);font-weight:600}
.tc-pagination-n{color:var(--tc-ink);border:1px solid var(--tc-n200);background:#fff}
.tc-pagination-n:hover{border-color:var(--tc-ink);text-decoration:none}
.tc-pagination-cur{background:var(--tc-ink);color:#fff}
.tc-pagination-gap{color:var(--tc-n400);padding:0 4px}
/* ---------- legal prose ---------- */
.tc-prose{max-width:76ch;font-size:var(--tc-fs-md);color:var(--tc-n800)}
.tc-prose h2,.tc-prose h3,.tc-prose h4,.tc-prose h5,.tc-prose h6{font-family:var(--tc-font-head);color:var(--tc-ink);font-weight:700;line-height:1.25;margin:var(--tc-s6) 0 var(--tc-s2)}
.tc-prose h2{font-size:var(--tc-fs-xl)}
.tc-prose h3,.tc-prose h4{font-size:var(--tc-fs-lg)}
.tc-prose h5,.tc-prose h6{font-size:var(--tc-fs-md)}
.tc-prose p,.tc-prose li{line-height:1.6}
.tc-prose ul,.tc-prose ol{padding-left:1.25em}
.tc-prose table{width:100%;border-collapse:collapse;font-size:var(--tc-fs-sm)}
.tc-prose td,.tc-prose th{border:1px solid var(--tc-n200);padding:var(--tc-s2) var(--tc-s3);vertical-align:top}
.tc-prose span,.tc-prose strong,.tc-prose b,.tc-prose font{font-family:inherit !important;font-size:inherit !important;color:inherit !important;background:transparent !important;line-height:inherit !important}
/* ---------- footer ---------- */
.tc-footer{background:var(--tc-n50);border-top:1px solid var(--tc-n200);padding:var(--tc-s10) 0 var(--tc-s6);font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-footer-grid{display:grid;gap:var(--tc-s6)}
@media (min-width:600px){.tc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tc-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr;gap:var(--tc-s8)}}
.tc-footer .tc-h4{margin-bottom:var(--tc-s3)}
.tc-footer-about img{width:150px;height:40px;margin-bottom:var(--tc-s3)}
.tc-footer-list{list-style:none;margin:0;padding:0}
.tc-footer-list li{margin:0}
.tc-footer-list a,.tc-footer-social a,.tc-footer-stores a{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--tc-n700)}
.tc-footer-list a:hover,.tc-footer-social a:hover{color:var(--tc-blue-700)}
.tc-footer-social{display:flex;flex-wrap:wrap;gap:var(--tc-s2) var(--tc-s4);margin:0}
.tc-footer-brands{margin:var(--tc-s3) 0 0}
.tc-footer-brands a{display:inline-block;padding:6px 0}
.tc-footer-nap{font-style:normal;line-height:1.7}
.tc-footer-nap a{display:inline-block;padding:4px 0}
.tc-footer-stores{display:flex;gap:var(--tc-s4);margin:var(--tc-s2) 0 0}
.tc-footer-bottom{margin-top:var(--tc-s8);padding-top:var(--tc-s5);border-top:1px solid var(--tc-n200);display:grid;gap:var(--tc-s2)}
.tc-footer-bottom p{margin:0}
@media (min-width:1024px){.tc-footer-bottom{grid-template-columns:auto 1fr;gap:var(--tc-s8)}}
/* ---------- sticky bar (mobile) ---------- */
.tc-stickybar .tc-btn-outline{flex:0 0 auto}

/* ---------- LANEB-281 fix pass 1: .tc a (0,1,1) beats single-class components -> explicit anchor colours ---------- */
.tc a.tc-btn-primary,.tc a.tc-btn-primary:hover,.tc a.tc-btn-dark,.tc a.tc-btn-dark:hover,.tc a.tc-btn-wa,.tc a.tc-btn-wa:hover{color:#fff}
.tc a.tc-btn-outline,.tc a.tc-btn-outline:hover,.tc a.tc-icon-btn,.tc a.tc-pagination-n,.tc a.tc-tile{color:var(--tc-ink)}
.tc a.tc-tile:hover{color:var(--tc-blue-700)}
.tc a.tc-pcard-wa,.tc a.tc-pcard-wa:hover{color:var(--tc-wa)}
.tc a.tc-hero-card,.tc a.tc-hero-card:hover,.tc a.tc-pcard-link,.tc a.tc-pcard-link:hover{color:inherit}
.tc a.tc-chip{color:var(--tc-n800)}
.tc a.tc-chip.is-on{color:#fff}
.tc a.tc-btn-ghost{color:var(--tc-blue)}
.tc a.tc-btn-ghost:hover{color:var(--tc-blue-700)}
/* tap targets >= 44 on touch: topbar links, chips, crumb, footer lists, search button */
.tc-topbar-links a{min-height:44px}
@media (min-width:768px){.tc-topbar-links a{min-height:32px}}
.tc-topbar-links{gap:var(--tc-s3)}
.tc-chip{min-height:44px}
.tc-chip-sm{min-height:44px}
.tc-crumb li{display:inline-flex;align-items:center;min-height:44px}
.tc-crumb a{min-height:44px;display:inline-flex;align-items:center}
.tc-footer-list a,.tc-footer-social a,.tc-footer-stores a,.tc-footer-nap a,.tc-footer-brands a{min-height:44px;display:inline-flex;align-items:center}
.tc-footer-nap{line-height:1.5}
@media (min-width:1024px){.tc-footer-list a,.tc-footer-social a,.tc-footer-stores a,.tc-footer-brands a{min-height:36px}.tc-footer-nap a{min-height:32px}}
.tc-header .tc-search .tc-input{min-height:48px;padding-right:56px}
.tc-search-go{width:44px;height:44px;right:2px}
.tc-list-clear{min-height:44px}
/* card: brand on its own line, category only from 768px; WhatsApp button sits in the foot row only */
.tc-card-cat{display:none}
@media (min-width:768px){.tc-card-cat{display:inline}}
.tc-pcard .tc-card-body{padding-right:var(--tc-s3)}
@media (min-width:768px){.tc-pcard .tc-card-body{padding-right:var(--tc-s4)}}
.tc-pcard .tc-card-foot{padding-right:52px;min-height:44px}
/* mobile overflow guards */
.tc-topbar-row,.tc-header-row,.tc-container{min-width:0;max-width:100%}
.tc-topbar-links{min-width:0;overflow:hidden}
.tc-hero-copy,.tc-hero-card,.tc-list-main,.tc-list-aside{min-width:0}
/* mobile: long CTAs wrap instead of widening the page (hero "Browse N in stock" was 371px at 360) */
.tc-hero-cta .tc-btn,.tc-filter-actions .tc-btn,.tc-empty .tc-btn,.tc-stickybar .tc-btn,.tc-panel-dark .tc-btn{white-space:normal;text-align:center}
.tc-stickybar{max-width:100vw}
/* touch sizes: small buttons 44 on phones, short footer/crumb links get min-width 44 */
@media (max-width:767px){.tc-btn-sm{min-height:44px}}
.tc-footer-brands a,.tc-footer-social a,.tc-footer-list a,.tc-crumb a{min-width:44px}
.tc-footer-brands a,.tc-footer-social a{padding:0 6px;justify-content:center}
.tc-crumb a{padding:0 4px;margin-left:-4px}
/* desktop too: keep 44px targets (topbar, footer lists) - no separate desktop shrink */
@media (min-width:768px){.tc-topbar-links a{min-height:44px}}
@media (min-width:1024px){.tc-footer-list a,.tc-footer-social a,.tc-footer-stores a,.tc-footer-brands a,.tc-footer-nap a{min-height:44px}}
.tc-topbar-row{min-height:44px}

/* =====================================================================
   LANEB-282 Phase 3 additions: product page, cart/checkout, login, account/orders, payment result, FAQ,
   login modal (tc look on the old Bootstrap modal ids), enquiry form, recently viewed.
   Sirf ADD, sirf .tc-* (aur #modalLRForm.tc-lr) selectors. Block comments only (minifier).
   ===================================================================== */

/* ---------- notes ---------- */
.tc-note{border-radius:var(--tc-r);padding:var(--tc-s3) var(--tc-s4);font-size:var(--tc-fs-sm);line-height:1.45;margin:var(--tc-s3) 0;background:var(--tc-blue-050);color:var(--tc-blue-700);border:1px solid var(--tc-blue-100)}
.tc-note-warn{background:var(--tc-warn-050);color:var(--tc-warn);border-color:#f3d2b3}
.tc-note a{color:inherit;text-decoration:underline}
.tc-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--tc-fs-xs);background:var(--tc-n100);padding:2px 6px;border-radius:6px;word-break:break-all}

/* ---------- product page ---------- */
.tc-product{padding-bottom:var(--tc-s8)}
.tc-prod-grid{display:grid;gap:var(--tc-s5);padding-top:var(--tc-s4)}
@media (min-width:900px){.tc-prod-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--tc-s8);padding-top:var(--tc-s6);align-items:start}.tc-prod-buy{position:sticky;top:var(--tc-s4)}}
.tc-gallery-main{aspect-ratio:1/1;padding:var(--tc-s3)}
@media (min-width:600px){.tc-gallery-main{aspect-ratio:4/3}}
.tc-gallery-main img{width:100%;height:100%;object-fit:contain}
.tc-gallery-badge{position:absolute;top:var(--tc-s3);left:var(--tc-s3);z-index:1}
.tc-gallery-thumbs{padding:2px}
.tc-gallery-thumbs button{min-width:64px;min-height:64px}
.tc-gallery-note{display:flex;gap:var(--tc-s2);align-items:center;margin:var(--tc-s3) 0 0}
.tc-gallery-note svg{color:var(--tc-money);flex:0 0 auto}
.tc-prod-kicker{margin-bottom:var(--tc-s2)}
.tc-prod-kicker a{color:inherit}
.tc-prod-title{margin-bottom:var(--tc-s2)}
.tc-prod-specs{margin:0 0 var(--tc-s3)}
.tc-prod-pricebox{margin:var(--tc-s3) 0 var(--tc-s4);padding:var(--tc-s4);border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);background:var(--tc-n50)}
.tc-prod-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--tc-s2) var(--tc-s3)}
.tc-prod-price .tc-price-lg{font-size:var(--tc-fs-3xl)}
.tc-prod-price .tc-price-note{flex-basis:100%;margin-top:var(--tc-s1)}
.tc-prod-stock{margin:var(--tc-s3) 0 0;display:flex;flex-wrap:wrap;gap:var(--tc-s2);align-items:center}
.tc-prod-cta{display:grid;gap:var(--tc-s2);grid-template-columns:1fr 1fr;margin-bottom:var(--tc-s4)}
.tc-prod-cta .tc-btn{width:100%;padding-left:var(--tc-s3);padding-right:var(--tc-s3);white-space:normal;text-align:center}
.tc-prod-cta .tc-qty{grid-column:1 / -1;display:flex;align-items:center;gap:var(--tc-s3)}
.tc-prod-cta .tc-qty .tc-select{width:auto;min-width:88px}
.tc-prod-cta .tc-btn-wa{grid-column:1 / -1}
.tc-qty .tc-label{margin:0}
.tc-prod-pay{padding:var(--tc-s4);margin-bottom:var(--tc-s4)}
.tc-prod-pay-title{display:flex;gap:var(--tc-s2);align-items:center;font-weight:600;color:var(--tc-ink);margin:0 0 var(--tc-s2)}
.tc-prod-pay-title svg{color:var(--tc-blue)}
.tc-prod-paylist{margin:0;padding-left:var(--tc-s5);font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-prod-paylist li+li{margin-top:var(--tc-s1)}
.tc-prod-facts{list-style:none;margin:0 0 var(--tc-s4);padding:0;display:grid;gap:var(--tc-s2)}
.tc-prod-facts li{display:flex;gap:var(--tc-s3);align-items:flex-start;font-size:var(--tc-fs-sm);color:var(--tc-n700)}
.tc-prod-facts svg{flex:0 0 20px;color:var(--tc-blue);margin-top:1px}
.tc-prod-facts b{color:var(--tc-ink)}
.tc-prod-unit{margin-bottom:var(--tc-s4)}
.tc-prod-unit .tc-h4{margin-bottom:var(--tc-s3)}
.tc-prod-desc{margin-top:var(--tc-s8);max-width:820px}
.tc-prod-desc .tc-h2{margin-top:0}
.tc-prod-desc ul{padding-left:var(--tc-s5)}
.tc-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--tc-s3);flex-wrap:wrap}
.tc-recent[hidden]{display:none}
.tc-recent-list{display:grid;gap:var(--tc-s3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.tc-recent-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tc-recent-list a{display:flex;flex-direction:column;gap:var(--tc-s2);padding:var(--tc-s3);border:1px solid var(--tc-n200);border-radius:var(--tc-r);color:var(--tc-ink);text-decoration:none;min-height:var(--tc-tap)}
.tc-recent-list a:hover{border-color:var(--tc-blue);text-decoration:none}
.tc-recent-list img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:var(--tc-r-sm)}
.tc-recent-list span{font-size:var(--tc-fs-sm);line-height:1.3}
.tc-recent-list b{color:var(--tc-money);font-size:var(--tc-fs-sm)}

/* ---------- buy bar (mobile, replaces old FABs + #syg-sticky-buy) ---------- */
.tc-buybar{justify-content:space-between}
.tc-buybar .tc-price{flex:0 1 auto;font-size:var(--tc-fs-lg);white-space:nowrap}
.tc-buybar .tc-price-ask{font-size:var(--tc-fs-sm)}
.tc-buybar .tc-btn{flex:1 1 auto;min-width:0;white-space:nowrap}
.tc-buybar .tc-icon-btn{flex:0 0 var(--tc-tap);border:1px solid var(--tc-n300);border-radius:var(--tc-r);color:var(--tc-wa)}
/* tablet portrait (768-899): product/cart still single column, so keep the buy bar until the 2-column layout kicks in at 900 */
@media (min-width:768px) and (max-width:899px){.tc-stickybar.tc-buybar{display:flex}body.tc-has-stickybar{padding-bottom:calc(var(--tc-tap) + var(--tc-s6) + env(safe-area-inset-bottom))}}

/* ---------- enquiry form ---------- */
.tc-enq{border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);background:#fff;margin-bottom:var(--tc-s4)}
.tc-enq summary{list-style:none;cursor:pointer;border-radius:var(--tc-r-lg)}
.tc-enq summary::-webkit-details-marker{display:none}
.tc-enq[open] summary{border-bottom:1px solid var(--tc-n200);border-radius:var(--tc-r-lg) var(--tc-r-lg) 0 0}
.tc-enq-form{padding:var(--tc-s4);display:grid;gap:var(--tc-s3)}
.tc-enq-row{display:grid;gap:var(--tc-s1)}
.tc-enq-row .tc-input{width:100%}
textarea.tc-input{min-height:64px;resize:vertical;font-family:inherit}
.tc-enq-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.tc-enq-note{margin:0}
.tc-enq-result{margin:0;font-size:var(--tc-fs-sm);min-height:1em}
.tc-enq-result.is-ok{color:var(--tc-money);font-weight:600}
.tc-enq-result.is-err{color:var(--tc-danger)}
.tc-form-msg{font-size:var(--tc-fs-sm);min-height:1.2em;margin-bottom:var(--tc-s2)}
.tc-form-err{color:var(--tc-danger)}
.tc-form-msg .text-danger{color:var(--tc-danger)}
.tc-form-msg .text-success{color:var(--tc-money)}

/* ---------- cart ---------- */
.tc-cart-empty-cta{margin:var(--tc-s2) 0 var(--tc-s6)}
.tc-cart-layout{display:grid;gap:var(--tc-s5)}
@media (min-width:900px){.tc-cart-layout{grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:var(--tc-s8);align-items:start}.tc-cart-summary{position:sticky;top:var(--tc-s4)}}
.tc-cart-lines{display:grid;gap:var(--tc-s3)}
.tc-cart-line{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--tc-s3);padding:var(--tc-s3);border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);background:#fff}
@media (min-width:600px){.tc-cart-line{grid-template-columns:96px minmax(0,1fr) auto}}
.tc-cart-line.is-out{background:var(--tc-warn-050)}
.tc-cart-thumb img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:var(--tc-r-sm);background:#fff}
.tc-cart-body{min-width:0;display:grid;gap:var(--tc-s1);align-content:start}
.tc-cart-title{font-weight:600;color:var(--tc-ink);font-size:var(--tc-fs-md);line-height:1.3}
.tc-cart-body .tc-small{margin:0}
.tc-cart-actions{display:flex;align-items:center;gap:var(--tc-s3);margin-top:var(--tc-s1)}
.tc-cart-actions .tc-qty{display:flex;align-items:center;gap:var(--tc-s2)}
.tc-select-sm{min-height:40px;padding:6px 32px 6px 10px;width:auto}
.tc-cart-amt{grid-column:2;text-align:left}
@media (min-width:600px){.tc-cart-amt{grid-column:auto;text-align:right;align-self:start}}
.tc-cart-kv{margin-bottom:var(--tc-s4)}
.tc-payopts{border:0;padding:0;margin:0 0 var(--tc-s4);display:grid;gap:var(--tc-s2)}
.tc-payopts legend{padding:0;margin-bottom:var(--tc-s2)}
.tc-payopt{display:flex;gap:var(--tc-s3);align-items:flex-start;padding:var(--tc-s3);border:1px solid var(--tc-n200);border-radius:var(--tc-r);cursor:pointer;background:#fff}
.tc-payopt:has(input:checked){border-color:var(--tc-blue);box-shadow:0 0 0 1px var(--tc-blue) inset;background:var(--tc-blue-050)}
.tc-payopt input{margin-top:4px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--tc-blue)}
.tc-payopt-body{display:grid;gap:2px;min-width:0}
.tc-payopt-body b{color:var(--tc-ink)}
.tc-payopt-amt{font-family:var(--tc-font-head);font-weight:700;color:var(--tc-money)}
.tc-cart-total{display:flex;justify-content:space-between;align-items:baseline;padding:var(--tc-s3) 0;border-top:1px solid var(--tc-n200);border-bottom:1px solid var(--tc-n200);margin-bottom:var(--tc-s4);font-weight:600;color:var(--tc-ink)}
.tc-cart-loginnote{margin:var(--tc-s2) 0 0;text-align:center}
.tc-cart-trust{list-style:none;margin:var(--tc-s4) 0;padding:0;display:grid;gap:var(--tc-s2)}
.tc-cart-trust li{display:flex;gap:var(--tc-s2);align-items:flex-start;font-size:var(--tc-fs-xs);color:var(--tc-n600)}
.tc-cart-trust svg{flex:0 0 18px;width:18px;height:18px;color:var(--tc-money)}

/* ---------- login page ---------- */
.tc-login-grid{display:grid;gap:var(--tc-s5);max-width:960px;margin:0 auto}
@media (min-width:768px){.tc-login-grid{grid-template-columns:1fr 1fr;gap:var(--tc-s8)}}
.tc-login-card form{display:grid;gap:var(--tc-s3)}
.tc-login-links{margin:var(--tc-s3) 0 0}
.tc-login-new .tc-btn{margin:var(--tc-s2) 0 var(--tc-s4)}
.tc-login-facts{margin:0}

/* ---------- account / orders ---------- */
.tc-account-layout{display:grid;gap:var(--tc-s4)}
@media (min-width:900px){.tc-account-layout{grid-template-columns:200px minmax(0,1fr);gap:var(--tc-s8)}.tc-account-nav{flex-direction:column;align-items:stretch}}
.tc-account-nav{display:flex;gap:var(--tc-s2);flex-wrap:wrap}
.tc-account-main{display:grid;gap:var(--tc-s4);align-content:start}
.tc-account-main .tc-h1{margin-bottom:0}
.tc-order{padding:var(--tc-s4)}
.tc-order-head{display:flex;justify-content:space-between;gap:var(--tc-s3);flex-wrap:wrap;align-items:center;margin-bottom:var(--tc-s3)}
.tc-order-id{font-family:var(--tc-font-head);font-weight:700;color:var(--tc-ink);font-size:var(--tc-fs-lg)}
.tc-order-badges{display:flex;gap:var(--tc-s2);flex-wrap:wrap}
.tc-order-lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--tc-s2)}
.tc-order-lines li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--tc-s3);align-items:center;padding:var(--tc-s2) 0;border-top:1px solid var(--tc-n100)}
.tc-order-lines img{width:56px;height:56px;object-fit:contain;border-radius:var(--tc-r-sm);background:#fff;border:1px solid var(--tc-n200)}
.tc-order-line-t{display:grid;gap:2px;min-width:0}
.tc-order-line-t a{color:var(--tc-ink);font-weight:500}
.tc-order-lines .tc-price{font-size:var(--tc-fs-md)}
.tc-order-foot{display:flex;justify-content:space-between;gap:var(--tc-s3);flex-wrap:wrap;align-items:center;margin-top:var(--tc-s3);padding-top:var(--tc-s3);border-top:1px solid var(--tc-n200)}
.tc-order-grid{display:grid;gap:var(--tc-s4)}
@media (min-width:768px){.tc-order-grid{grid-template-columns:1fr 1fr}}
.tc-order-grid .tc-panel{display:grid;gap:var(--tc-s3);align-content:start}
.tc-addr{font-style:normal;line-height:1.5}
.tc-steps-line{list-style:none;margin:var(--tc-s2) 0 var(--tc-s2);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tc-s1);font-size:var(--tc-fs-xs);color:var(--tc-n500);text-align:center}
.tc-steps-line li{display:grid;gap:var(--tc-s1);justify-items:center;position:relative}
.tc-steps-line li::before{content:"";position:absolute;top:14px;left:-50%;right:50%;height:2px;background:var(--tc-n200);z-index:0}
.tc-steps-line li:first-child::before{display:none}
.tc-steps-line li.is-done::before,.tc-steps-line li.is-cur::before{background:var(--tc-money)}
.tc-step-dot{width:28px;height:28px;border-radius:50%;background:var(--tc-n100);color:var(--tc-n600);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--tc-fs-xs);position:relative;z-index:1;border:2px solid var(--tc-n200)}
.tc-steps-line li.is-done .tc-step-dot{background:var(--tc-money);color:#fff;border-color:var(--tc-money)}
.tc-steps-line li.is-cur{color:var(--tc-ink);font-weight:600}
.tc-steps-line li.is-cur .tc-step-dot{border-color:var(--tc-blue);color:var(--tc-blue);background:#fff}
.tc-order-msg{padding:0;margin-top:var(--tc-s3)}
.tc-order-msg .tc-row .tc-input{flex:1 1 200px}

/* ---------- payment result ---------- */
.tc-result-card{max-width:640px;margin:0 auto;text-align:center;padding:var(--tc-s6) var(--tc-s5);display:grid;gap:var(--tc-s3);justify-items:center}
.tc-result-icon{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}
.tc-result-icon.is-ok{background:var(--tc-money-050);color:var(--tc-money)}
.tc-result-icon.is-ok svg{width:32px;height:32px}
.tc-result-icon.is-wait{background:var(--tc-warn-050);color:var(--tc-warn)}
.tc-result-icon.is-bad{background:var(--tc-danger-050);color:var(--tc-danger)}
.tc-result-kv{text-align:left;width:100%;max-width:420px}
.tc-result-cta{justify-content:center}

/* ---------- FAQ ---------- */
.tc-faq-jump{margin-bottom:var(--tc-s5)}
.tc-faq-group{margin-bottom:var(--tc-s6);max-width:820px}
.tc-faq-item{border:1px solid var(--tc-n200);border-radius:var(--tc-r);background:#fff;margin-bottom:var(--tc-s2)}
.tc-faq-item summary{cursor:pointer;padding:var(--tc-s3) var(--tc-s4);font-weight:600;color:var(--tc-ink);list-style:none;display:flex;justify-content:space-between;gap:var(--tc-s3);align-items:center;min-height:var(--tc-tap)}
.tc-faq-item summary::-webkit-details-marker{display:none}
.tc-faq-item summary::after{content:"+";font-size:var(--tc-fs-xl);color:var(--tc-blue);line-height:1;flex:0 0 auto}
.tc-faq-item[open] summary::after{content:"\2212"}
.tc-faq-a{padding:0 var(--tc-s4) var(--tc-s4);color:var(--tc-n700);font-size:var(--tc-fs-md);line-height:1.55}
.tc-faq-a p{margin:0}
.tc-faq-cta{max-width:820px}

/* ---------- login modal (old Bootstrap #modalLRForm, tc look) ---------- */
#modalLRForm.tc-lr .modal-dialog{max-width:440px;margin:var(--tc-s6) auto}
@media (max-width:575px){#modalLRForm.tc-lr .modal-dialog{margin:var(--tc-s3)}}
#modalLRForm.tc-lr .modal-content{border:0;border-radius:var(--tc-r-lg);box-shadow:var(--tc-sh-3);padding:var(--tc-s5);position:relative}
#modalLRForm.tc-lr .tc-lr-close{position:absolute;top:var(--tc-s3);right:var(--tc-s3);width:var(--tc-tap);height:var(--tc-tap);border:0;background:transparent;font-size:28px;line-height:1;color:var(--tc-n500);cursor:pointer;border-radius:var(--tc-r-sm)}
#modalLRForm.tc-lr .tc-lr-close:hover{background:var(--tc-n100);color:var(--tc-ink)}
#modalLRForm.tc-lr .tc-lr-title{margin:0 var(--tc-s8) var(--tc-s1) 0}
#modalLRForm.tc-lr .tc-lr-sub{margin:0 0 var(--tc-s4)}
#modalLRForm.tc-lr .tc-lr-tabs{display:flex;gap:0;border:0;background:var(--tc-n100);border-radius:var(--tc-r-pill);padding:4px;margin:0 0 var(--tc-s4);list-style:none}
#modalLRForm.tc-lr .tc-lr-tabs .nav-item{flex:1;margin:0}
#modalLRForm.tc-lr .tc-lr-tabs .nav-link{display:block;text-align:center;border:0;border-radius:var(--tc-r-pill);padding:10px var(--tc-s3);font-weight:600;color:var(--tc-n600);font-size:var(--tc-fs-sm);min-height:40px;background:transparent}
#modalLRForm.tc-lr .tc-lr-tabs .nav-link.active{background:#fff;color:var(--tc-ink);box-shadow:var(--tc-sh-1)}
#modalLRForm.tc-lr .tab-pane{display:none}
#modalLRForm.tc-lr .tab-pane.active{display:block}
#modalLRForm.tc-lr .tc-enq-row{margin-bottom:var(--tc-s3)}
#modalLRForm.tc-lr .tc-input{width:100%}
#modalLRForm.tc-lr .tc-lr-alt{margin:var(--tc-s3) 0 0;text-align:center}
#modalLRForm.tc-lr .tc-lr-help{margin:var(--tc-s4) 0 0;text-align:center;border-top:1px solid var(--tc-n200);padding-top:var(--tc-s3)}
#modalLRForm.tc-lr #response-msg h4,#modalLRForm.tc-lr #response-msg .h4-responsive{font-size:var(--tc-fs-md);color:var(--tc-money);margin:0 0 var(--tc-s2)}
#modalLRForm.tc-lr #response-msg .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tc-tap);padding:var(--tc-s3) var(--tc-s5);border-radius:var(--tc-r);background:var(--tc-blue);color:#fff;font-weight:600;text-decoration:none;border:0}
#modalLRForm.tc-lr .pwstrength_viewport_progress{display:none}

/* anchor-colour overrides (.tc a beats single-class components, LANEB-281 lesson) */
.tc a.tc-cart-title,.tc a.tc-cart-title:hover,.tc a.tc-order-id,.tc a.tc-order-id:hover{color:var(--tc-ink)}
.tc a.tc-cart-title:hover,.tc a.tc-order-id:hover{text-decoration:underline}
.tc .tc-recent-list a:hover span{text-decoration:none}
.tc-buybar a.tc-icon-btn{color:var(--tc-wa)}
/* tap targets: section-head links + note links reach 44px without changing the type scale */
.tc-section-head a.tc-small{display:inline-flex;align-items:center;min-height:var(--tc-tap);gap:var(--tc-s1)}
.tc-note a,.tc-prod-facts a{display:inline-block;padding:6px 0;margin:-6px 0}

/* ---------- LANEB-283 (Phase 4): card media = true 1:1 box ----------
   .tc-card-media has aspect-ratio 1/1 + display:flex, so the img's height:100% was indefinite and portrait photos
   stretched the card to their own ratio (uneven grid rows). Absolute img inside the box -> object-fit:contain works,
   every card is the same height, badges stay on top. tc pages only (kill switch off). */
.tc-card-media{overflow:hidden}
.tc-card-media img{position:absolute;top:var(--tc-s4);left:var(--tc-s4);width:calc(100% - 2 * var(--tc-s4));height:calc(100% - 2 * var(--tc-s4));object-fit:contain}
.tc-pcard .tc-card-media img{top:var(--tc-s3);left:var(--tc-s3);width:calc(100% - 2 * var(--tc-s3));height:calc(100% - 2 * var(--tc-s3))}
.tc-card-media .tc-badge{z-index:1}
@media (max-width:767px){.tc-pcard .tc-card-media .tc-badge.tc-badge-r{left:var(--tc-s3);right:auto;top:calc(var(--tc-s3) + 30px)}} /* LANEB-283: on phones (2-col, 156px cards) "Model photo" sits under the stock badge instead of overlapping it */

/* ---------- LANEB-285 (improve loop 1, 25 Sep 2026): contact, about, store pages, account forms, 404, trust block, "What you get" ----------
   Appended to tc.css (base = lb284 live copy). Only new class names; nothing above is overridden. */
.tc-contact-grid,.tc-about-grid,.tc-store-grid{display:grid;gap:var(--tc-s6)}
@media (min-width:900px){.tc-contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--tc-s8);align-items:start}.tc-about-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--tc-s10);align-items:start}.tc-store-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}
.tc-contact-cta .tc-btn,.tc-store-cta .tc-btn,.tc-404-cta .tc-btn{flex:1 1 auto}
@media (min-width:600px){.tc-contact-cta .tc-btn,.tc-store-cta .tc-btn,.tc-404-cta .tc-btn{flex:0 0 auto}}
.tc-contact-form,.tc-account-form{display:grid;gap:var(--tc-s3)}
.tc-contact-form .tc-two,.tc-account-form .tc-two{display:grid;gap:var(--tc-s3)}
@media (min-width:600px){.tc-contact-form .tc-two,.tc-account-form .tc-two{grid-template-columns:1fr 1fr}}
.tc-account-form{padding:var(--tc-s5)}
.tc-fieldset{border:0;padding:0;margin:0;min-width:0}
.tc-fieldset legend{padding:0}
.tc-radio-row{display:flex;gap:var(--tc-s4);flex-wrap:wrap}
.tc-radio{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--tc-fs-sm);color:var(--tc-n800);cursor:pointer}
.tc-radio input{width:20px;height:20px;accent-color:var(--tc-blue);margin:0}
.tc-file{padding:var(--tc-s2) var(--tc-s3)}
.tc-form-ok{color:var(--tc-money)}
.tc-nap{display:grid;gap:var(--tc-s4)}
.tc-nap .tc-h4{margin:0}
.tc-nap-row{display:flex;gap:var(--tc-s3);align-items:flex-start;font-size:var(--tc-fs-sm);color:var(--tc-n700);line-height:1.5}
.tc-nap-row>svg{flex:0 0 20px;color:var(--tc-blue);margin-top:2px}
.tc-nap-row b{display:block;color:var(--tc-ink);font-weight:600;margin-bottom:2px}
.tc-nap-row a{display:inline-block;padding:4px 0;margin:-4px 0}
.tc-about .tc-prose>p:first-of-type{font-size:var(--tc-fs-lg);color:var(--tc-n700)}
.tc-about-cta{margin-top:var(--tc-s5)}
.tc-about-aside .tc-h4{margin-bottom:var(--tc-s3)}
.tc-store-hero{padding:var(--tc-s8) 0 var(--tc-s4)}
.tc-store-hero .tc-lead{max-width:64ch}
.tc-store-sub{display:block;font-size:var(--tc-fs-xl);font-weight:500;color:var(--tc-n600);margin-top:var(--tc-s1)}
@media (min-width:768px){.tc-store-hero{padding:var(--tc-s12) 0 var(--tc-s6)}}
.tc-store-before .tc-h3{margin-bottom:var(--tc-s4)}
.tc-store-before .tc-fact span:last-child{font-size:var(--tc-fs-sm)}
.tc-store-note{margin:var(--tc-s3) 0 0}
.tc-store-does .tc-fact{flex-direction:column;gap:var(--tc-s3)}
.tc-store-does .tc-fact span:last-child{font-size:var(--tc-fs-sm)}
.tc-store-where{margin-bottom:var(--tc-s5)}
.tc-map{border:1px solid var(--tc-n200);border-radius:var(--tc-r-lg);overflow:hidden;background:var(--tc-n50);min-height:280px}
.tc-map iframe{display:block;width:100%;height:320px;border:0}
@media (min-width:768px){.tc-map iframe{height:400px}}
.tc-store-bottom{display:grid;gap:var(--tc-s6)}
.tc-store-sell{padding:var(--tc-s6)}
.tc-store-sell .tc-row .tc-btn{flex:1 1 auto}
@media (min-width:600px){.tc-store-sell .tc-row .tc-btn{flex:0 0 auto}}
.tc-panel-dark a{color:#fff;text-decoration:underline}
.tc-panel-dark .tc-btn-primary,.tc-panel-dark .tc-btn-wa{color:#fff;text-decoration:none}
.tc a.tc-btn-ondark,.tc a.tc-btn-ondark:hover{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);text-decoration:none}
.tc-store-other{margin:0}
.tc-addr-list{display:grid;gap:var(--tc-s3)}
.tc-addr-card{display:flex;justify-content:space-between;gap:var(--tc-s3);flex-wrap:wrap;align-items:flex-start}
.tc-addr-card .tc-addr p{margin:var(--tc-s2) 0 0;color:var(--tc-ink)}
.tc-addr-card .tc-addr .tc-small{color:var(--tc-n600);display:inline-flex;align-items:center;gap:6px}
.tc-forgot-resend{margin:var(--tc-s1) 0 0;text-align:right}
.tc-forgot-resend a{display:inline-block;padding:8px 0}
.tc-404-card{max-width:760px;margin:0 auto}
.tc-404-card .tc-h4{margin:var(--tc-s6) 0 var(--tc-s3)}
.tc-404-search{position:relative;max-width:560px;margin:var(--tc-s5) 0}
.tc-404-search .tc-input{min-height:52px;padding-left:44px;padding-right:56px;border-radius:var(--tc-r-pill);background:var(--tc-n50)}
.tc-404-search .tc-suggest{left:0;right:0}
.tc-404-cta{margin-bottom:var(--tc-s2)}
.tc-404-chips{flex-wrap:wrap;overflow:visible}
.tc-trust .tc-h4{margin:0 0 var(--tc-s3)}
.tc-trust .tc-kv{grid-template-columns:minmax(96px,28%) 1fr}
.tc-trust .tc-kv dd{font-weight:400;color:var(--tc-n700);line-height:1.5}
.tc-trust .tc-kv dd a{display:inline-block;padding:4px 0;margin:-4px 0}
.tc-wyg{border-left:4px solid var(--tc-blue);padding:var(--tc-s4) var(--tc-s5);margin:0 0 var(--tc-s4);display:grid;gap:var(--tc-s2)}
.tc-wyg .tc-h4{margin:0}
.tc-wyg p{margin:0;font-size:var(--tc-fs-sm);color:var(--tc-n700);line-height:1.55}
.tc-wyg .tc-btn{justify-self:start}
.tc-legal-facts{margin:0 0 var(--tc-s6)}
.tc-legal-facts .tc-h4{margin:0 0 var(--tc-s3)}
.tc-legal-facts .tc-kv dd{font-weight:400;color:var(--tc-n700);line-height:1.5}
.tc-legal-facts .tc-small{margin:var(--tc-s3) 0 0}

/* LANEB-285 fix pass (design): (a) the 281 "mobile overflow guard" `.tc-container{max-width:100%}` also removed the 1280px page width on
   desktop - every tc page stretched edge to edge at 1366/1440; min() keeps the guard and restores the centred column.
   (b) `.tc-section-sm` / `.tc-section` on the same element as `.tc-container` (faq, legal, contact, about, 404, cart, login, account)
   zeroed the side padding - text sat on the viewport edge. */
.tc-container{max-width:min(100%,var(--tc-container))}
.tc-container.tc-section,.tc-container.tc-section-sm{padding-left:var(--tc-s4);padding-right:var(--tc-s4)}
@media (min-width:768px){.tc-container.tc-section,.tc-container.tc-section-sm{padding-left:var(--tc-s6);padding-right:var(--tc-s6)}}

/* LANEB-285 fix pass 2: long CTA labels wrap inside the contact / store / 404 button rows instead of widening the column (3px overflow at 360) */
.tc-contact-cta .tc-btn,.tc-store-cta .tc-btn,.tc-404-cta .tc-btn,.tc-store-sell .tc-row .tc-btn,.tc-about-cta .tc-btn{white-space:normal;text-align:center;min-width:0}
.tc-contact-grid>*,.tc-about-grid>*,.tc-store-grid>*,.tc-store-bottom>*{min-width:0}