/*
Theme Name: TEEMCW Blueprint
Theme URI: https://teemcw.com
Author: TEEMCW
Description: Custom WooCommerce theme for TEEMCW — a made-to-order custom footwear store. Clean, readable, conversion-focused storefront: white space, one legible typeface, cobalt accents.
Version: 2.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: teemcw
*/

:root{
  --paper:#FAFAF8;
  --tile:#FFFFFF;
  --ink:#171B2E;
  --ink-70:rgba(23,27,46,.72);
  --ink-45:rgba(23,27,46,.5);
  --line:rgba(23,27,46,.12);
  --cobalt:#2145E6;
  --cobalt-deep:#1735BE;
  --peri-soft:#EEF2FE;
  --ok:#0B7A4B;
  --warn:#B4300F;
  --radius:10px;
  --shadow:0 1px 2px rgba(23,27,46,.05),0 6px 20px rgba(23,27,46,.06);
  --font-body:'Plus Jakarta Sans',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-display:var(--font-body);
  --font-mono:var(--font-body);
  --wrap:1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.7;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt);text-decoration:none}
a:hover{color:var(--cobalt-deep)}
h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.18;color:var(--ink);margin:0 0 .5em;font-weight:800;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,4.6vw,3.3rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
.tmc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* small section label */
.tmc-eyebrow{
  font-size:.95rem;
  font-weight:700;
  color:var(--cobalt);
  display:inline-block;
  margin-bottom:10px;
}
.tmc-eyebrow::before{content:none}

/* legacy helper — now just clean background */
.tmc-grid-bg{background-image:none}

/* buttons */
.tmc-btn,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #payment #place_order,
.wc-block-components-button{
  display:inline-block;
  background:var(--cobalt);
  color:#fff !important;
  font-family:var(--font-body);
  font-weight:700;
  font-size:1rem;
  padding:14px 30px;
  border:1px solid var(--cobalt);
  border-radius:var(--radius);
  cursor:pointer;
  transition:background .18s,border-color .18s,transform .18s;
  text-align:center;
  line-height:1.25;
}
.tmc-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #payment #place_order:hover{
  background:var(--cobalt-deep);
  border-color:var(--cobalt-deep);
  color:#fff !important;
}
.tmc-btn--ghost{
  background:transparent;color:var(--ink) !important;border:1.5px solid var(--line);
}
.tmc-btn--ghost:hover{background:#fff;border-color:var(--ink);color:var(--ink) !important}
.woocommerce a.button.disabled,.woocommerce button.button:disabled{opacity:.5}

/* ============ header ============ */
.tmc-topbar{
  background:var(--ink);
  color:#F0F2FA;
  font-size:.85rem;
  font-weight:500;
}
.tmc-topbar .tmc-wrap{display:flex;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.tmc-topbar a{color:#B9C6F8}
.tmc-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:60;
}
.tmc-header .tmc-wrap{
  display:flex;align-items:center;gap:28px;
  padding-top:15px;padding-bottom:15px;
}
.tmc-logo{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.5rem;
  letter-spacing:-.01em;
  color:var(--ink);
  white-space:nowrap;
}
.tmc-logo sup{font-size:.55rem;color:var(--ink-45);top:-.9em}
.tmc-logo:hover{color:var(--cobalt)}
.tmc-nav{flex:1}
.tmc-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;flex-wrap:wrap}
.tmc-nav a{
  color:var(--ink);
  font-weight:600;
  font-size:.98rem;
  padding:6px 0;
  border-bottom:2px solid transparent;
}
.tmc-nav a:hover{color:var(--cobalt);border-bottom-color:var(--cobalt)}
.tmc-cart{
  font-size:.95rem;
  font-weight:700;
  color:#fff;
  background:var(--ink);
  border:1px solid var(--ink);
  border-radius:var(--radius);
  padding:10px 18px;
  white-space:nowrap;
}
.tmc-cart:hover{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.tmc-cart .count{color:#B9C6F8;font-weight:700}
.tmc-menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius);padding:9px 14px;font-family:var(--font-body);font-weight:700;font-size:.85rem;cursor:pointer;color:var(--ink)}
@media(max-width:860px){
  .tmc-menu-toggle{display:block;margin-left:auto}
  .tmc-nav{display:none;flex-basis:100%}
  .tmc-nav.open{display:block}
  .tmc-nav ul{flex-direction:column;gap:0;padding:8px 0}
  .tmc-nav a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}
  .tmc-header .tmc-wrap{flex-wrap:wrap;gap:14px}
}

/* ============ hero ============ */
.tmc-hero{
  border-bottom:1px solid var(--line);
  background:#fff;
}
.tmc-hero .tmc-wrap{
  display:grid;grid-template-columns:1.05fr .95fr;gap:52px;
  padding-top:64px;padding-bottom:70px;align-items:center;
}
.tmc-hero h1{margin-bottom:18px}
.tmc-hero h1 em{font-style:normal;color:var(--cobalt)}
.tmc-hero p.lead{font-size:1.15rem;color:var(--ink-70);max-width:32em;margin-bottom:28px}
.tmc-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.tmc-hero-trust{
  list-style:none;margin:26px 0 0;padding:0;
  display:flex;gap:20px;flex-wrap:wrap;
  font-size:.92rem;font-weight:600;color:var(--ink-70);
}
.tmc-hero-trust li{display:flex;align-items:center;gap:8px}
.tmc-hero-trust li::before{content:"✓";color:var(--ok);font-weight:800}
.tmc-hero-collage{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.tmc-hero-collage a{
  display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);
  transition:border-color .18s,transform .18s;
}
.tmc-hero-collage a:hover{border-color:var(--cobalt);transform:translateY(-3px)}
.tmc-hero-collage img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block}
@media(max-width:860px){
  .tmc-hero .tmc-wrap{grid-template-columns:1fr;padding-top:44px;padding-bottom:48px}
}

/* ticker */
.tmc-ticker{
  background:var(--cobalt);
  color:#fff;
  overflow:hidden;
  white-space:nowrap;
  font-size:.92rem;
  font-weight:600;
  padding:11px 0;
}
.tmc-ticker-inner{display:inline-block;animation:tmcTick 30s linear infinite}
@keyframes tmcTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tmc-ticker span{margin:0 22px}

/* ============ sections ============ */
.tmc-section{padding:64px 0;border-bottom:1px solid var(--line)}
.tmc-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;flex-wrap:wrap}
.tmc-section-head p{color:var(--ink-70);max-width:44em;margin:0}
.tmc-more{font-size:.98rem;font-weight:700;white-space:nowrap}
.tmc-more:hover{text-decoration:underline}

/* category tiles */
.tmc-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tmc-cat{
  background:var(--tile);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:border-color .18s,transform .18s;
  display:flex;flex-direction:column;
  color:var(--ink);
  overflow:hidden;
}
.tmc-cat:hover{border-color:var(--cobalt);transform:translateY(-3px);color:var(--ink)}
.tmc-cat-img{display:block;border-bottom:1px solid var(--line);background:#fff}
.tmc-cat-img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.tmc-cat-body{display:block;padding:16px 18px 18px}
.tmc-cat h3{margin-bottom:4px;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;gap:8px}
.tmc-cat p{font-size:.92rem;color:var(--ink-70);margin:0}
.tmc-cat .arr{color:var(--cobalt);font-weight:800}
@media(max-width:960px){.tmc-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tmc-cats{grid-template-columns:1fr}}

/* compact how-it-works strip */
.tmc-howstrip{background:var(--peri-soft);border-bottom:1px solid var(--line);padding:28px 0}
.tmc-howstrip-inner{display:flex;gap:34px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.tmc-howstep{display:flex;gap:13px;align-items:flex-start;font-size:.95rem;color:var(--ink-70);line-height:1.5;max-width:290px}
.tmc-howstep strong{color:var(--ink)}
.tmc-howstep .n{
  flex:0 0 auto;width:30px;height:30px;border-radius:50%;
  background:var(--cobalt);color:#fff;font-weight:800;font-size:.9rem;
  display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.tmc-cta-links{font-size:.95rem;margin-top:22px !important}

/* steps (how-it-works page style, kept for reuse) */
.tmc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tmc-step{
  background:var(--tile);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:28px 24px;
}
.tmc-step .num{font-weight:800;color:var(--cobalt);display:block;margin-bottom:14px}
.tmc-step h3{font-size:1.1rem}
.tmc-step p{font-size:.95rem;color:var(--ink-70);margin:0}
@media(max-width:860px){.tmc-steps{grid-template-columns:1fr}}

/* policy band (kept for reuse) */
.tmc-policy-band{background:var(--ink);color:#E9EDFF}
.tmc-policy-band .tmc-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;padding-top:64px;padding-bottom:64px}
.tmc-policy-band h2{color:#fff}
.tmc-policy-band p{color:rgba(233,237,255,.78)}
.tmc-policy-band a{color:#B9C6F8}
.tmc-policy-band a:hover{color:#fff}
.tmc-policy-list{list-style:none;margin:0;padding:0}
.tmc-policy-list li{
  border-bottom:1px solid rgba(233,237,255,.16);
  padding:13px 0;
  display:flex;justify-content:space-between;gap:18px;align-items:baseline;
}
.tmc-policy-list .k{font-size:.85rem;font-weight:600;color:rgba(233,237,255,.55)}
@media(max-width:860px){.tmc-policy-band .tmc-wrap{grid-template-columns:1fr;gap:30px}}

/* final CTA */
.tmc-cta{text-align:center;padding:76px 0;background:#fff}
.tmc-cta h2{max-width:18em;margin-left:auto;margin-right:auto}
.tmc-cta p{color:var(--ink-70);max-width:36em;margin:0 auto 26px}

/* ============ WooCommerce grid ============ */
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:0 0 32px !important;
  padding:0 !important;
  list-style:none;
}
/* kill WC phantom grid cells */
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none !important;content:none !important}
.woocommerce ul.products li.product{
  width:auto !important;
  float:none !important;
  margin:0 !important;
  background:var(--tile);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:0 0 18px !important;
  text-align:left;
  transition:border-color .18s,transform .18s;
  display:flex;flex-direction:column;
  position:relative;
  overflow:hidden;
}
.woocommerce ul.products li.product:hover{border-color:var(--cobalt);transform:translateY(-3px)}
.woocommerce ul.products li.product a img{
  margin:0 !important;
  border-bottom:1px solid var(--line);
  background:#fff;
  aspect-ratio:1/1;object-fit:cover;width:100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-body);
  font-weight:700;
  font-size:1.02rem !important;
  padding:14px 16px 4px !important;
  color:var(--ink);
  line-height:1.4;
}
.woocommerce ul.products li.product .price{
  color:var(--ink) !important;
  font-size:1.05rem !important;
  font-weight:800;
  padding:0 16px;
  margin-bottom:12px !important;
}
.woocommerce ul.products li.product .price del{color:var(--ink-45);opacity:1;font-weight:500}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{
  margin:auto 16px 0 !important;
  padding:12px 18px;
  font-size:.95rem;
}
.woocommerce ul.products li.product .onsale{
  background:var(--warn);color:#fff;border-radius:6px;
  font-size:.78rem;font-weight:700;
  min-height:0;min-width:0;line-height:1;padding:7px 10px;
  top:10px;left:10px;right:auto;margin:0;
}
@media(max-width:1080px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:420px){.woocommerce ul.products{grid-template-columns:1fr}}

/* shop page header */
.tmc-shop-head{padding:38px 0 22px}
.tmc-shop-head h1{margin-bottom:6px}
.tmc-shop-head .woocommerce-breadcrumb{font-size:.88rem;color:var(--ink-45);margin-bottom:10px}
.tmc-shop-head .woocommerce-breadcrumb a{color:var(--ink-45)}
.tmc-main{padding-bottom:80px}
.tmc-main .woocommerce-result-count{font-size:.92rem;color:var(--ink-45)}
.tmc-main .woocommerce-ordering select{
  font-family:var(--font-body);font-size:.95rem;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);
}
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  font-family:var(--font-body);font-weight:600;
  border:1px solid var(--line);border-radius:var(--radius);
  padding:10px 16px;color:var(--ink);background:#fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background:var(--cobalt);border-color:var(--cobalt);color:#fff;
}

/* ============ single product ============ */
.woocommerce div.product{margin-top:36px}
.woocommerce div.product div.images{margin-bottom:40px}
.woocommerce div.product div.images img{border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto;float:none}
.woocommerce div.product .product_title{font-size:clamp(1.55rem,3vw,2.1rem)}
.woocommerce div.product p.price{
  color:var(--ink);font-size:1.5rem;font-weight:800;margin:12px 0 16px;
}
.woocommerce div.product p.price del{color:var(--ink-45);opacity:1;font-weight:500}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-70);font-size:1rem}
.woocommerce div.product form.cart{margin:24px 0}
.woocommerce div.product form.cart .variations{margin-bottom:14px}
.woocommerce div.product form.cart .variations td.label{padding-right:14px}
.woocommerce div.product form.cart .variations label{
  font-size:.95rem;color:var(--ink);font-weight:700;
}
.woocommerce div.product form.cart .variations select{
  font-family:var(--font-body);font-size:1rem;padding:12px 14px;min-width:220px;
  border:1.5px solid var(--ink);border-radius:var(--radius);background:#fff;color:var(--ink);
}
.woocommerce div.product form.cart .reset_variations{font-size:.85rem}
.woocommerce div.product form.cart div.quantity .qty{
  padding:12px 8px;border:1.5px solid var(--ink);border-radius:var(--radius);
  font-family:var(--font-body);font-size:1rem;width:4.4em;background:#fff;color:var(--ink);
}
.woocommerce div.product form.cart .button{padding:14px 36px;font-size:1.05rem}
.woocommerce div.product .product_meta{
  font-size:.88rem;color:var(--ink-45);
  border-top:1px solid var(--line);padding-top:16px;
}
.woocommerce div.product .product_meta a{color:var(--cobalt)}
/* trust box on product page */
.tmc-trust{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--peri-soft);
  padding:16px 18px;margin:22px 0 0;font-size:.95rem;
}
.tmc-trust ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.tmc-trust li{display:flex;gap:10px;align-items:baseline}
.tmc-trust li::before{content:"✓";color:var(--ok);font-weight:800;flex:0 0 auto}
/* tabs */
.woocommerce div.product .woocommerce-tabs{margin-top:44px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 -1px}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;margin:0 6px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-size:.95rem;font-weight:700;color:var(--ink-70);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--cobalt)}
.woocommerce div.product .woocommerce-tabs .panel{
  background:#fff;border:1px solid var(--line);border-radius:0 var(--radius) var(--radius) var(--radius);
  padding:28px;margin:0;
}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.2rem}
.related.products{margin-top:60px}
.related.products>h2{margin-bottom:24px}

/* ============ notices, forms, cart, checkout ============ */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-top-color:var(--cobalt);
  background:var(--peri-soft);
  color:var(--ink);
  border-radius:0 var(--radius) var(--radius) 0;
  font-size:.98rem;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--cobalt)}
.woocommerce-error{border-top-color:var(--warn)}
.woocommerce-error::before{color:var(--warn)}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row .select2-selection{
  padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;color:var(--ink);font-family:var(--font-body);font-size:1rem;
}
.woocommerce form .form-row label{font-weight:600;font-size:.92rem}
.woocommerce table.shop_table{
  border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;
}
.woocommerce table.shop_table th{font-size:.9rem;font-weight:700;color:var(--ink)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--line)}
.woocommerce a.remove{color:var(--warn) !important}
.woocommerce .cart_totals h2,.woocommerce #order_review_heading{font-size:1.25rem}
.woocommerce-checkout #payment{background:var(--peri-soft);border-radius:var(--radius);border:1px solid var(--line)}
.woocommerce-checkout #payment div.payment_box{background:#fff;color:var(--ink)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff}

/* ============ generic page content ============ */
.tmc-page{padding:48px 0 84px}
.tmc-page .tmc-page-inner{max-width:820px}
.tmc-page h1{margin-bottom:8px}
.tmc-page .tmc-updated{font-size:.88rem;color:var(--ink-45);margin-bottom:30px;display:block}
.tmc-page h2{font-size:1.4rem;margin-top:1.9em}
.tmc-page h3{font-size:1.1rem;margin-top:1.5em}
.tmc-page ul,.tmc-page ol{padding-left:1.3em;color:var(--ink-70)}
.tmc-page li{margin-bottom:.5em}
.tmc-page p{color:var(--ink-70)}
.tmc-page strong{color:var(--ink)}
.tmc-page table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
.tmc-page table th{
  font-size:.88rem;font-weight:700;
  text-align:left;background:var(--peri-soft);
}
.tmc-page table th,.tmc-page table td{border:1px solid var(--line);padding:10px 12px}
.tmc-page blockquote{
  border-left:3px solid var(--cobalt);margin:1.4em 0;padding:.4em 0 .4em 1.2em;color:var(--ink-70);
}
.tmc-infocard{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:22px 24px;margin:1.4em 0;
}
.tmc-infocard .k{font-size:.88rem;font-weight:700;color:var(--cobalt);display:block;margin-bottom:8px}

/* ============ footer ============ */
.tmc-footer{background:var(--ink);color:rgba(233,237,255,.75)}
.tmc-footer a{color:rgba(233,237,255,.75)}
.tmc-footer a:hover{color:#fff}
.tmc-footer-top{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;
  padding:56px 0 44px;
}
.tmc-footer h4{
  color:#fff;font-size:1rem;font-weight:700;margin-bottom:16px;
}
.tmc-footer ul{list-style:none;margin:0;padding:0}
.tmc-footer li{margin-bottom:10px;font-size:.95rem}
.tmc-footer .tmc-logo{color:#fff;margin-bottom:12px;display:inline-block}
.tmc-footer .blurb{font-size:.95rem;max-width:30em}
.tmc-footer address{font-style:normal;font-size:.9rem;line-height:1.7;color:rgba(233,237,255,.6)}
.tmc-paycards{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap}
.tmc-paycards svg{height:30px;width:47px;display:block;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}
.tmc-footer-bottom{
  border-top:1px solid rgba(233,237,255,.14);
  padding:20px 0;font-size:.85rem;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:rgba(233,237,255,.5);
}
@media(max-width:900px){.tmc-footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.tmc-footer-top{grid-template-columns:1fr}}

/* misc */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tmc-404{padding:100px 0;text-align:center}
.tmc-404 .code{font-weight:800;color:var(--cobalt)}
::selection{background:var(--cobalt);color:#fff}