/* Global Elit Tobacco — Anasayfa
   Design tokens and component styles derived from the Global Elit Tobacco
   design system (brand blue #0464A8, signage gold #C79A3C, tobacco/cream
   warm tones). Archivo for display, Source Sans 3 for body. */

:root{
  --blue-900:#012135;--blue-800:#01304D;--blue-700:#024E85;--blue-600:#0464A8;
  --blue-500:#1478BE;--blue-400:#4B9AD3;--blue-300:#8CBEE4;--blue-200:#C3DDF1;
  --blue-100:#E1EDF8;--blue-050:#F2F7FC;
  --gold-700:#8C6318;--gold-600:#B2801F;--gold-500:#C79A3C;--gold-400:#DDB761;
  --gold-300:#EDD49B;--gold-100:#F8EFDA;
  --tobacco-900:#2E1D0F;--tobacco-800:#4A2E17;--tobacco-700:#6B4423;
  --tobacco-600:#8B5A2B;--tobacco-500:#A9743C;--tobacco-300:#D2B08A;
  --tobacco-100:#F1E6D8;--cream:#F7F2EA;
  --n-1000:#0B0E11;--n-900:#14181D;--n-800:#22282F;--n-700:#3A424B;
  --n-600:#5A646F;--n-500:#7C8794;--n-400:#A5AEB8;--n-300:#C9D0D7;
  --n-200:#E2E7EB;--n-100:#F0F3F5;--n-050:#F7F9FA;--white:#FFFFFF;
  --green-600:#1E7A4C;--green-100:#E4F2EA;

  --text-heading:var(--n-900);--text-body:var(--n-700);--text-muted:var(--n-600);
  --text-subtle:var(--n-500);--text-inverse:var(--white);--text-inverse-muted:rgba(255,255,255,.72);
  --text-brand:var(--blue-600);--text-link:var(--blue-600);--text-link-hover:var(--blue-700);

  --surface-page:var(--white);--surface-alt:var(--n-050);--surface-card:var(--white);
  --surface-dark:var(--blue-900);--surface-warm:var(--cream);
  --border-subtle:var(--n-200);--border-default:var(--n-300);--border-inverse:rgba(255,255,255,.22);

  --shadow-xs:0 1px 2px rgba(1,33,53,.06);
  --shadow-md:0 4px 14px rgba(1,33,53,.10);
  --shadow-lg:0 12px 32px rgba(1,33,53,.14);
  --shadow-brand:0 8px 24px rgba(4,100,168,.24);
  --scrim-bottom:linear-gradient(to top,rgba(1,33,53,.86) 0%,rgba(1,33,53,.46) 42%,rgba(1,33,53,0) 100%);
  --scrim-left:linear-gradient(to right,rgba(1,33,53,.80) 0%,rgba(1,33,53,.18) 62%,rgba(1,33,53,0) 100%);

  --font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-body:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  --radius-card:5px;--radius-control:3px;--radius-image:2px;--rule-accent:3px;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;

  --page-max:1240px;--page-pad-x:clamp(20px,5vw,64px);--section-y:clamp(56px,7vw,112px);

  --dur-fast:140ms;--dur-base:220ms;--dur-slow:380ms;--ease-standard:cubic-bezier(.2,.6,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{margin:0;font:400 17px/1.6 var(--font-body);color:var(--text-body);background:var(--surface-page);overflow-x:hidden}
h1,h2,h3,h4{margin:0;color:var(--text-heading);font-family:var(--font-display);text-wrap:balance;letter-spacing:-0.01em}
p{margin:0}
img{display:block;max-width:100%}
a{color:var(--text-link);text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue-600);outline-offset:2px}

.wrap{max-width:var(--page-max);margin:0 auto;padding-left:var(--page-pad-x);padding-right:var(--page-pad-x)}
.band{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.band.page{background:var(--surface-page)}
.band.alt{background:var(--surface-alt)}
.band.dark{background:var(--surface-dark)}
.band.warm{background:var(--surface-warm)}

.eyebrow{display:flex;align-items:center;gap:var(--space-3);font:700 12px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-brand)}
.eyebrow::before{content:"";display:block;width:var(--rule-accent);height:14px;background:var(--blue-600);border-radius:1px}
.eyebrow.on-dark{color:var(--gold-400)}
.eyebrow.on-dark::before{background:var(--gold-500)}

/* ---------- header ---------- */
.site-header{position:absolute;top:0;left:0;right:0;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--page-pad-x);max-width:var(--page-max);margin:0 auto}
.brand{display:flex;align-items:center;gap:var(--space-4)}
a.brand{text-decoration:none;color:inherit;transition:opacity var(--dur-fast) var(--ease-standard)}
a.brand:hover{opacity:.85;text-decoration:none}
.header-inner .brand img{width:72px;height:72px}
.brand-word{font:800 17px/1.1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff}
.brand-word span{display:block;font:600 11px/1.3 var(--font-display);letter-spacing:.14em;color:var(--gold-300);font-weight:600;margin-top:2px}
.nav{display:flex;align-items:center;gap:var(--space-8)}
.nav-links{display:flex;gap:var(--space-8);list-style:none;margin:0;padding:0}
.nav-links a{font:600 16px/1 var(--font-body);letter-spacing:.015em;color:rgba(255,255,255,.88);padding-bottom:6px;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.nav-links a:hover{color:#fff;text-decoration:none}
.nav-links a.active{color:#fff;border-bottom-color:var(--gold-400)}
.header-actions{display:flex;align-items:center;gap:var(--space-5)}
.lang-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:rgba(255,255,255,.8);font:600 13px/1 var(--font-body);letter-spacing:.04em}
.lang-toggle:hover{color:#fff}

/* ---------- mobile nav ---------- */
.menu-toggle{display:none;background:none;border:none;color:#fff;padding:6px;cursor:pointer;flex:none}
.menu-toggle svg{width:24px;height:24px;display:block}
.menu-toggle .icon-close{display:none}
.menu-toggle.open .icon-menu{display:none}
.menu-toggle.open .icon-close{display:block}

.mobile-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--blue-900);border-top:1px solid rgba(255,255,255,.12);padding:var(--space-2) var(--page-pad-x) var(--space-4);box-shadow:var(--shadow-lg);z-index:40}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:14px 2px;font:600 15px/1 var(--font-body);color:rgba(255,255,255,.88);border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-nav a:hover{color:#fff}
.mobile-nav a.mobile-cta{margin-top:var(--space-3);border:1px solid var(--border-inverse);border-bottom:1px solid var(--border-inverse);border-radius:var(--radius-control);text-align:center;font:700 13px/1 var(--font-display);text-transform:uppercase;letter-spacing:.03em;background:var(--blue-600);color:#fff;padding:14px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;
  padding:13px 22px;border-radius:var(--radius-control);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}
.btn:active{transform:scale(.985)}
.btn-primary{background:var(--blue-600);color:#fff}
.btn-primary:hover{background:var(--blue-700);box-shadow:var(--shadow-brand)}
.btn-outline-inverse{background:transparent;color:#fff;border-color:var(--border-inverse)}
.btn-outline-inverse:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.4)}
.btn-outline{background:transparent;color:var(--blue-600);border-color:var(--border-default)}
.btn-outline:hover{background:var(--blue-050);border-color:var(--blue-300)}
.btn-gold{background:var(--gold-500);color:var(--blue-900)}
.btn-gold:hover{background:var(--gold-400);box-shadow:0 8px 24px rgba(199,154,60,.28)}
.btn svg{width:15px;height:15px;transition:transform var(--dur-fast) var(--ease-standard)}
.btn:hover svg{transform:translateX(3px)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:640px;display:flex;align-items:flex-end;background:var(--blue-900)}
.hero-media{position:absolute;inset:0}
.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:var(--scrim-left)}
.hero-media::before{content:"";position:absolute;inset:0;background:var(--scrim-bottom);z-index:1}
.hero-content{position:relative;z-index:2;max-width:var(--page-max);margin:0 auto;width:100%;padding:0 var(--page-pad-x) 80px}
.hero-inner{display:grid;gap:var(--space-6);max-width:640px}
.hero h1{font:800 56px/1.05 var(--font-display);letter-spacing:-.02em;color:#fff}
.hero .intro{font:400 19px/1.5 var(--font-body);color:rgba(255,255,255,.86);max-width:520px}
.hero .actions{display:flex;gap:var(--space-4);margin-top:var(--space-2)}

/* ---------- stats ---------- */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}
.stat{display:flex;align-items:baseline;gap:var(--space-3);position:relative;padding-left:var(--space-8)}
.stat:first-child{padding-left:0}
.stat::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:var(--border-default)}
.stat:first-child::before{display:none}
.stat-value{font:800 34px/1 var(--font-display);color:var(--blue-700);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat-suffix{font:700 15px/1 var(--font-display);color:var(--blue-500)}
.stat-label{display:block;margin-top:6px;font:600 13px/1.3 var(--font-body);color:var(--text-muted)}
.stat-col{display:flex;flex-direction:column}

/* ---------- section heading ---------- */
.section-heading{display:grid;gap:var(--space-4);max-width:640px}
.section-heading h2{font:700 34px/1.18 var(--font-display)}
.section-heading.center{margin:0 auto;text-align:left}
.section-heading .intro{font:400 17px/1.55 var(--font-body);color:var(--text-muted)}
.section-heading.on-dark h2{color:#fff}
.section-heading.on-dark .intro{color:rgba(255,255,255,.72)}

/* ---------- product cards ---------- */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}
.product-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}
.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.product-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--n-800)}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-standard)}
.product-card:hover .product-media img{transform:scale(1.04)}
.badge{position:absolute;top:12px;left:12px;font:700 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:var(--radius-control);background:rgba(1,33,53,.72);color:var(--gold-300);backdrop-filter:blur(4px)}
.product-name-tag{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 14px;background:linear-gradient(to top,rgba(1,33,53,.88) 0%,rgba(1,33,53,.4) 55%,rgba(1,33,53,0) 100%);font:700 18px/1.25 var(--font-display);color:#fff;letter-spacing:-.005em}
.product-body{padding:var(--space-6);display:grid;gap:var(--space-2)}
.product-body h3{font:700 20px/1.25 var(--font-display)}
.product-body p{font:400 15px/1.55 var(--font-body);color:var(--text-muted)}
.product-link{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:6px;font:700 13px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--blue-600)}
.product-link svg{width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-standard)}
.product-card:hover .product-link svg{transform:translateX(3px)}

/* ---------- feature tiles ---------- */
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.feature-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.feature-tile{display:grid;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-card);border:1px solid var(--border-inverse);background:rgba(255,255,255,.04)}
.feature-tile svg{width:24px;height:24px;color:var(--gold-400)}
.feature-tile h4{font:600 16px/1.3 var(--font-display);color:#fff}
.feature-tile p{font:400 14px/1.5 var(--font-body);color:rgba(255,255,255,.68)}

/* ---------- media frame ---------- */
.media-frame{position:relative;border-radius:var(--radius-image);overflow:hidden;background:var(--n-900);box-shadow:var(--shadow-lg)}
.media-frame img{width:100%;height:100%;object-fit:cover}
.media-frame.ratio-16-10{aspect-ratio:16/10}
.media-frame.ratio-4-5{aspect-ratio:4/5}
.media-caption{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4) var(--space-5);background:linear-gradient(to top,rgba(1,33,53,.82),rgba(1,33,53,0));font:600 13px/1.3 var(--font-body);color:#fff;letter-spacing:.01em}

/* ---------- two-col layout ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.split.rev{grid-template-columns:1.05fr 1.2fr}

/* ---------- region badges ---------- */
.region-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.region-badge{font:600 13px/1 var(--font-body);letter-spacing:.02em;padding:8px 14px;border-radius:var(--radius-control);background:var(--tobacco-100);color:var(--tobacco-700);border:1px solid var(--tobacco-300)}

/* ---------- CTA banner ---------- */
.cta-banner{background:var(--blue-700);background-image:linear-gradient(135deg,var(--blue-700),var(--blue-800));padding:var(--space-16) 0;text-align:left}
.cta-inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad-x);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}
.cta-text h2{color:#fff;font:700 30px/1.2 var(--font-display);letter-spacing:-.01em}
.cta-text p{margin-top:var(--space-2);font:400 16px/1.5 var(--font-body);color:rgba(255,255,255,.78)}

/* ---------- footer ---------- */
.site-footer{background:var(--n-1000);color:rgba(255,255,255,.68);padding:var(--space-16) 0 var(--space-8)}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-16);padding-bottom:var(--space-12)}
.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}
.footer-brand .brand{gap:var(--space-3)}
.footer-brand .brand-word{color:#fff}
.footer-addr{font:400 14px/1.6 var(--font-body);color:rgba(255,255,255,.56);max-width:280px}
.footer-contact{display:flex;flex-direction:column;gap:var(--space-2);font:600 14px/1.5 var(--font-body)}
.footer-contact a{color:rgba(255,255,255,.8)}
.footer-contact a:hover{color:#fff;text-decoration:underline}
.footer-col h4{font:700 12px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);margin-bottom:var(--space-4);border-top:3px solid var(--gold-500);padding-top:var(--space-3)}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}
.footer-col a{font:400 14px/1.4 var(--font-body);color:rgba(255,255,255,.62)}
.footer-col a:hover{color:#fff;text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;font:400 12px/1.6 var(--font-body);color:rgba(255,255,255,.4)}

/* ---------- about / kurumsal ---------- */
.hero-sm{min-height:420px}
.hero-sm .hero-inner{max-width:680px}
.hero-sm h1{font-size:44px}

.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-16);align-items:start}
.story-grid p{margin-top:var(--space-4);font:400 17px/1.6 var(--font-body);color:var(--text-body)}
.story-grid p:first-of-type{margin-top:0}
.stat-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);align-self:center}

.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.mission-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-top:3px solid var(--blue-600);border-radius:var(--radius-card);padding:var(--space-8);display:grid;gap:var(--space-3);box-shadow:var(--shadow-xs)}
.mission-card.gold{border-top-color:var(--gold-500)}
.mission-card h3{font:700 22px/1.25 var(--font-display)}
.mission-card p{font:400 16px/1.55 var(--font-body);color:var(--text-muted)}
.mission-stack{display:grid;gap:var(--space-6)}

.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.triptych .media-frame{aspect-ratio:4/3}

/* compact fact list under a portrait image */
.fact-list{border-top:1px solid var(--border-default)}
.fact-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:14px 0;border-bottom:1px solid var(--border-subtle)}
.fact-row .stat-value{font:800 26px/1 var(--font-display);color:var(--blue-700);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.fact-row .stat-suffix{font:700 14px/1 var(--font-display);color:var(--blue-500)}
.fact-row .stat-label{font:600 13px/1.3 var(--font-body);color:var(--text-muted);text-align:right}

/* ---------- breadcrumb ---------- */
.breadcrumb-band{background:var(--blue-900);padding:var(--space-6) 0}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:600 13px/1 var(--font-body);color:rgba(255,255,255,.56)}
.breadcrumb a{color:rgba(255,255,255,.72)}
.breadcrumb a:hover{color:#fff;text-decoration:underline}
.breadcrumb .sep{color:rgba(255,255,255,.32)}
.breadcrumb .current{color:#fff}

/* ---------- product intro ---------- */
.product-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-16);align-items:start}
.spec-list{margin-top:var(--space-6);border-top:1px solid var(--border-subtle)}
.spec-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:12px 0;border-bottom:1px solid var(--border-subtle)}
.spec-row .label{font:600 14px/1.4 var(--font-body);color:var(--text-muted)}
.spec-row .value{font:500 14px/1.4 var(--font-mono);color:var(--text-heading);text-align:right}

/* ---------- variant table ---------- */
.table-scroll{overflow-x:auto}
.variant-table{width:100%;border-collapse:collapse;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}
.variant-table th{text-align:left;font:700 12px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-alt);padding:14px 20px;border-bottom:1px solid var(--border-subtle)}
.variant-table th.center,.variant-table td.center{text-align:center}
.variant-table td{padding:16px 20px;border-bottom:1px solid var(--border-subtle);font:400 15px/1.4 var(--font-body);color:var(--text-body)}
.variant-table tr:last-child td{border-bottom:none}
.variant-name{display:flex;align-items:center;gap:10px;font:600 15px/1.4 var(--font-body);color:var(--text-heading)}
.swatch{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(1,33,53,.12)}
.variant-table .check{color:var(--blue-600)}
.variant-table .dash{color:var(--border-strong)}

/* ---------- accordion (FAQ) ---------- */
.accordion{display:grid;gap:var(--space-3)}
.accordion details{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);overflow:hidden}
.accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:18px 22px;font:600 16px/1.4 var(--font-display);color:var(--text-heading);transition:background var(--dur-fast) var(--ease-standard)}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary:hover{background:var(--surface-alt)}
.accordion summary .chev{flex:none;width:18px;height:18px;color:var(--blue-600);transition:transform var(--dur-base) var(--ease-standard)}
.accordion details[open] summary .chev{transform:rotate(180deg)}
.accordion .accordion-body{padding:0 22px 20px;font:400 15px/1.6 var(--font-body);color:var(--text-muted);max-width:70ch}

/* ---------- capacity card ---------- */
.capacity-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-top:3px solid var(--gold-500);border-radius:var(--radius-card);padding:var(--space-8);box-shadow:var(--shadow-xs);display:grid;gap:var(--space-6)}

/* ---------- forms ---------- */
.field{display:grid;gap:6px}
.field label{font:600 13px/1.3 var(--font-body);color:var(--text-heading)}
.field .req{color:var(--blue-600)}
.field input,.field select,.field textarea{font:400 15px/1.5 var(--font-body);color:var(--text-body);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);padding:11px 14px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--focus-ring,rgba(4,100,168,.2))}
.field textarea{resize:vertical;min-height:120px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.form-grid .span-2{grid-column:1 / -1}
.consent{display:flex;align-items:flex-start;gap:10px;font:400 14px/1.5 var(--font-body);color:var(--text-muted)}
.consent input{margin-top:3px}
.form-success{display:none;background:var(--surface-card);border:1px solid var(--border-subtle);border-top:3px solid var(--blue-600);border-radius:var(--radius-card);padding:var(--space-8);text-align:left}
.form-success h3{font:700 20px/1.3 var(--font-display)}
.form-success p{margin-top:8px;font:400 15px/1.55 var(--font-body);color:var(--text-muted)}

/* ---------- hours list ---------- */
.hours-list{display:grid;gap:0;border-top:1px solid var(--border-subtle)}
.hours-row{display:flex;align-items:baseline;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-subtle);font:400 14px/1.4 var(--font-body)}
.hours-row .day{color:var(--text-heading);font-weight:600}
.hours-row .time{color:var(--text-muted);font-variant-numeric:tabular-nums}

/* ---------- contact info card ---------- */
.info-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-8);display:grid;gap:var(--space-6)}
.info-row{display:flex;gap:14px;align-items:flex-start}
.info-row svg{flex:none;width:20px;height:20px;color:var(--blue-600);margin-top:2px}
.info-row .label{font:600 13px/1.3 var(--font-body);color:var(--text-muted)}
.info-row .value{margin-top:2px;font:600 15px/1.4 var(--font-body);color:var(--text-heading)}

@media (max-width:920px){
  .form-grid{grid-template-columns:1fr}
}

/* light (on white/alt background) feature tile variant */
.feature-tile.light{border-color:var(--border-subtle);background:var(--surface-card)}
.feature-tile.light svg{color:var(--blue-600)}
.feature-tile.light h4{color:var(--text-heading)}
.feature-tile.light p{color:var(--text-muted)}

@media (max-width:920px){
  .story-grid{grid-template-columns:1fr}
  .stat-row-3{grid-template-columns:repeat(3,1fr)}
  .mission-grid{grid-template-columns:1fr}
  .triptych{grid-template-columns:1fr}
  .product-intro{grid-template-columns:1fr}
}

@media (max-width:920px){
  .stat-row{grid-template-columns:repeat(2,1fr);row-gap:var(--space-6)}
  .stat-row .stat{padding-left:0}
  .stat-row .stat::before{display:none}
  .stat-row .stat:nth-child(even){padding-left:var(--space-6)}
  .stat-row .stat:nth-child(even)::before{display:block}
  .product-grid{grid-template-columns:1fr}
  .split,.split.rev{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:1fr}
  .feature-grid.cols-3{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .nav-links{display:none}
  .header-actions .btn{display:none}
  .menu-toggle{display:inline-flex}
  .hero h1{font-size:38px}
}