/* ============================================================
   Al Bard Cooling — Bootstrap 5 theme overrides
   Navy + teal cooling palette, Space Grotesk / Inter / Tajawal
   ============================================================ */

:root{
  --navy-950:#081A29;
  --navy-900:#0D2C42;
  --navy-800:#154664;
  --teal-500:#2BAEBD;
  --teal-600:#1F8E9B;
  --gold-500:#C9A24B;
  --gold-600:#B08B36;
  --ink:#151C24;
  --ink-soft:#5A6772;
  --line:#E4E8EA;
  --paper:#FFFFFF;
  --paper-alt:#F5F8F9;
  --shadow-sm:0 2px 8px rgba(8,26,41,.06);
  --shadow-md:0 10px 30px rgba(8,26,41,.10);
  --shadow-lg:0 20px 50px rgba(8,26,41,.16);
}

html{scroll-behavior:smooth;}
body{
  font-family:'Inter', Arial, sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.navbar-brand{
  font-family:'Space Grotesk', Arial, sans-serif;
  color:var(--navy-950);
  font-weight:600;
  letter-spacing:-0.015em;
}
h1{font-size:clamp(2.15rem,4.4vw,3.35rem); line-height:1.14;}
h2{font-size:clamp(1.6rem,2.7vw,2.25rem); line-height:1.2;}
p{color:var(--ink-soft); line-height:1.7;}

/* Arabic — kept visually secondary but legible (larger than before) */
.ar{
  direction:rtl;
  font-family:'Tajawal', Tahoma, sans-serif;
  color:#4E6470;
  font-weight:500;
  font-size:1rem;
  display:block;
  margin-top:.3em;
  line-height:1.5;
}
.hero .ar, .page-hero .ar{color:#B9CCD9;}
h1 .ar{font-size:.62em; font-weight:600; margin-top:.35em;}
h2 .ar{font-size:.6em; font-weight:600;}
.btn .ar{display:inline; margin-inline-start:.5em; margin-top:0; font-size:.95em;}
.small-ar{font-size:.92rem;}

.kicker{
  color:var(--gold-600); font-weight:700; font-size:.78rem; text-transform:uppercase;
  letter-spacing:.12em; display:inline-flex; align-items:center; gap:10px; margin-bottom:.6rem;
}
.kicker::before{content:""; width:22px; height:2px; background:var(--gold-500); display:inline-block; border-radius:2px;}

/* Buttons */
.btn{border-radius:50px; font-weight:600; padding:.85rem 1.6rem; letter-spacing:.01em;}
.btn-lg{padding:1rem 2.1rem;}
.btn-accent{background:var(--teal-500); color:#fff; border:none; box-shadow:0 6px 16px rgba(43,174,189,.28);}
.btn-accent:hover{background:var(--teal-600); color:#fff; box-shadow:0 8px 20px rgba(43,174,189,.36); transform:translateY(-1px);}
.btn-navy{background:var(--navy-900); color:#fff; border:none;}
.btn-navy:hover{background:var(--navy-950); color:#fff;}
.btn-outline-navy{border:1.5px solid var(--navy-900); color:var(--navy-900); background:transparent;}
.btn-outline-navy:hover{background:var(--navy-900); color:#fff;}
.btn-outline-cream{border:1.5px solid rgba(255,255,255,.4); color:#fff; background:transparent;}
.btn-outline-cream:hover{border-color:#fff; background:rgba(255,255,255,.08); color:#fff;}
.btn-whatsapp{background:#25A162; color:#fff; border:none; box-shadow:0 6px 16px rgba(37,161,98,.28);}
.btn-whatsapp:hover{background:#1E8A53; color:#fff; box-shadow:0 8px 20px rgba(37,161,98,.36); transform:translateY(-1px);}
.btn-whatsapp .btn-ico{width:18px; height:18px; fill:currentColor; flex:none;}
.btn{transition:background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;}
.wa-link{display:inline-flex; align-items:center; gap:7px; color:var(--navy-900); font-weight:600; font-size:.95rem; margin-top:14px;}
.wa-link:hover{color:var(--teal-600);}
.wa-link .wa-ico{width:17px; height:17px; color:#25A162; flex:none;}

/* Header CTA buttons — wider, shorter, larger text, single icon inside the WhatsApp button */
.navbar .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:.55rem 1.9rem;
  font-size:1rem;
  line-height:1.3;
  white-space:nowrap;
}
.navbar .btn svg{width:19px; height:19px; flex:none;}
@media(max-width:991.98px){
  .navbar .btn{padding:.6rem 1.6rem; font-size:.95rem;}
}

/* Navbar */
.navbar{background:rgba(255,255,255,.92); backdrop-filter:blur(10px); box-shadow:0 1px 0 var(--line); padding-top:.9rem; padding-bottom:.9rem; transition:box-shadow .2s ease;}
.navbar-brand{display:flex; align-items:center; gap:11px; font-weight:700; font-size:1.2rem;}
.brand-mark{width:34px; height:34px; border-radius:9px; background:linear-gradient(150deg, var(--navy-800), var(--navy-950)); color:var(--gold-500); display:flex; align-items:center; justify-content:center; font-size:.85rem; font-family:'Space Grotesk',sans-serif; font-weight:700; flex:none;}

/* Two-line bilingual brand name (English on top, Arabic below) */
.brand-text{display:flex; flex-direction:column; line-height:1.18; gap:1px; min-width:0;}
.brand-en{font-family:'Space Grotesk', Arial, sans-serif; font-weight:700; font-size:.98rem; color:var(--navy-950); letter-spacing:-0.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:260px;}
.brand-ar-name{font-family:'Tajawal', Tahoma, sans-serif; direction:rtl; font-weight:500; font-size:.74rem; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:260px;}
.site-footer .brand-en{color:#fff;}
.site-footer .brand-ar-name{color:#B9CCD9;}
.site-footer .brand-en, .site-footer .brand-ar-name{max-width:none; white-space:normal;}

/* Tight fit on the "lg" breakpoint, where nav links + CTA buttons share the row with the brand */
@media(min-width:992px) and (max-width:1199.98px){
  .brand-en{font-size:.82rem; max-width:150px;}
  .brand-ar-name{display:none;}
  .navbar .nav-link{margin:0 .25rem; padding:.5rem .35rem !important; font-size:.92rem;}
  .navbar .btn{padding:.5rem 1.1rem; font-size:.88rem;}
}
@media(max-width:575.98px){
  .brand-en{font-size:.82rem; max-width:150px;}
  .brand-ar-name{font-size:.66rem; max-width:150px;}
  .brand-mark{width:30px; height:30px; font-size:.75rem;}
}
@media(max-width:380px){
  .brand-en{font-size:.74rem; max-width:120px;}
  .brand-ar-name{max-width:120px;}
}
.navbar .nav-link{font-weight:600; color:var(--ink); margin:0 .4rem; padding:.5rem .5rem !important;}
.navbar .nav-link:hover{color:var(--teal-600);}
.navbar .nav-link.active{color:var(--navy-950); position:relative;}
.navbar .nav-link.active::after{content:""; position:absolute; left:.5rem; right:.5rem; bottom:0; height:2px; background:var(--gold-500); border-radius:2px;}

/* Hero — now with a background photo + overlay for a premium look */
.hero{
  background:
    radial-gradient(1100px 500px at 85% -10%, rgba(43,174,189,.22), transparent 60%),
    radial-gradient(700px 400px at -5% 100%, rgba(201,162,75,.16), transparent 55%),
    linear-gradient(100deg, rgba(8,26,41,.95) 0%, rgba(8,26,41,.88) 40%, rgba(8,26,41,.62) 100%),
    url('../img/gallery/technician-collage.jpeg') center 30%/cover no-repeat;
  background-color:var(--navy-950);
  color:#fff; padding-top:3.5rem; position:relative; overflow:hidden;
}
.hero h1{color:#fff;}
.hero .lead{color:#C3D5DF;}
.hero-badge{display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); border-radius:50px; padding:8px 18px 8px 8px; font-size:.86rem; backdrop-filter:blur(4px);}
.hero-badge .dot{width:26px; height:26px; border-radius:50%; background:var(--gold-500); color:var(--navy-950); display:flex; align-items:center; justify-content:center; font-size:.8rem;}
.hero-media{position:relative;}
.hero-media .img-ph, .hero-media .real-img{box-shadow:var(--shadow-lg); border:1px solid rgba(255,255,255,.08);}
.hero-float{position:absolute; bottom:16px; left:16px; background:#fff; color:var(--ink); border-radius:10px; padding:12px 18px; display:flex; gap:10px; align-items:center; box-shadow:var(--shadow-md); font-size:.85rem;}
.hero-float strong{display:block; font-size:.85rem;}
.hero-float span{color:var(--ink-soft); font-size:.78rem;}

/* Hero info card — trust panel that replaces a plain duplicate photo */
.hero-info-card{background:#fff; color:var(--ink); border-radius:1rem; padding:1.7rem 1.8rem 1.9rem; box-shadow:var(--shadow-lg);}
.hero-info-card h3{font-size:1.05rem; margin-bottom:1rem;}
.hero-thumb-strip{display:flex; gap:8px; margin-bottom:1.2rem;}
.hero-thumb-strip img{width:100%; height:64px; object-fit:cover; border-radius:8px; flex:1;}
.hero-info-card ul{margin:0 0 1.3rem;}
.hero-info-card li{display:flex; align-items:flex-start; gap:10px; margin-bottom:.65rem; font-size:.92rem; font-weight:600;}
.hero-info-card li .tick-ico{width:20px; height:20px; border-radius:50%; background:var(--teal-500); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.68rem; flex:none; margin-top:1px;}

/* Home "recent work" preview strip */
.work-preview{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
@media(max-width:767px){ .work-preview{grid-template-columns:repeat(2,1fr);} }
.work-preview a{display:block; border-radius:.6rem; overflow:hidden; position:relative; box-shadow:var(--shadow-sm);}
.work-preview img{width:100%; height:150px; object-fit:cover; display:block; transition:transform .3s ease;}
.work-preview a:hover img{transform:scale(1.06);}


.page-hero{
  background:
    radial-gradient(900px 400px at 85% -20%, rgba(43,174,189,.14), transparent 60%),
    linear-gradient(165deg, var(--navy-950) 0%, #0A2337 60%, var(--navy-900) 100%);
  color:#fff; padding:3.6rem 0 3.1rem; border-bottom:3px solid var(--gold-500);
}
.page-hero h1{color:#fff;} .page-hero .lead{color:#C3D5DF; max-width:640px;}
.breadcrumb{--bs-breadcrumb-divider-color:#7C93A0; margin-bottom:1rem;}
.breadcrumb a{color:#C3D5DF;} .breadcrumb a:hover{color:#fff;}
.breadcrumb-item.active{color:#C3D5DF;}

/* Placeholders */
.img-ph{position:relative; width:100%; overflow:hidden; border-radius:.75rem; background:linear-gradient(150deg,#0F3049 0%, #1B4A6C 100%); display:flex; align-items:center; justify-content:center; text-align:center;}
.img-ph .ph-inner{padding:16px;}
.img-ph .ico{width:28px; height:28px; margin:0 auto 8px; opacity:.8; color:var(--gold-500);}
.img-ph .cap{font-size:.72rem; font-weight:600; color:#D9E5EA; opacity:.9; max-width:220px; margin:0 auto;}
.img-ph.light{background:linear-gradient(150deg,#EEF3F5 0%, #DCE8EC 100%);}
.img-ph.light .cap{color:var(--ink-soft);} .img-ph.light .ico{color:var(--navy-800);}
.img-ph.hero-ph{height:420px;}
.img-ph.card-ph{height:180px;}
.img-ph.wide-ph{height:340px; box-shadow:var(--shadow-md);}
@media(max-width:767px){ .img-ph.hero-ph{height:280px;} .img-ph.wide-ph{height:260px;} }

/* Stats */
.stats-band{background:linear-gradient(120deg, var(--navy-900), var(--navy-950)); color:#fff; position:relative;}
.stats-band::before{content:""; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg, transparent, rgba(201,162,75,.5), transparent);}
.stats-band .stat strong{display:block; font-family:'Space Grotesk',sans-serif; font-size:2.1rem; color:var(--gold-500);}
.stats-band .stat span{color:#C3D5DF; font-size:.9rem;}

/* Cards */
.card{border:1px solid var(--line); border-radius:.85rem; box-shadow:var(--shadow-sm); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; overflow:hidden;}
.card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:#D3E4E8;}
.card-link{font-weight:700; font-size:.9rem; color:var(--navy-900); display:inline-flex; gap:6px; align-items:center;}
.card-link:hover{color:var(--teal-600);}

.feature-box{border:1px solid var(--line); border-radius:.85rem; padding:1.5rem; height:100%; background:#fff; transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;}
.feature-box:hover{box-shadow:var(--shadow-md); transform:translateY(-3px); border-color:#D3E4E8;}
.feature-box svg{width:32px; height:32px; color:var(--teal-600); margin-bottom:.8rem;}

/* Steps */
.step-circle{width:46px; height:46px; border-radius:50%; background:linear-gradient(150deg, var(--navy-800), var(--navy-950)); color:var(--gold-500); display:flex; align-items:center; justify-content:center; font-weight:700; font-family:'Space Grotesk',sans-serif; margin:0 auto .8rem; box-shadow:var(--shadow-sm);}

/* Reach / dark band */
.reach-band{
  background:
    radial-gradient(800px 400px at 90% 0%, rgba(43,174,189,.14), transparent 60%),
    linear-gradient(160deg, var(--navy-950), #0A2337);
  color:#fff;
}
.reach-band h2{color:#fff;} .reach-band p{color:#C3D5DF;}

/* Testimonials */
.testi-card{background:var(--paper-alt); border:1px solid var(--line); border-radius:.85rem; padding:1.6rem; height:100%; transition:box-shadow .2s ease, transform .2s ease;}
.testi-card:hover{box-shadow:var(--shadow-md); transform:translateY(-3px);}
.testi-card .stars{color:var(--gold-600); letter-spacing:2px;}
.testi-avatar{width:38px; height:38px; border-radius:50%; background:var(--navy-950); color:var(--gold-500); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.82rem;}

/* Accordion (FAQ) */
.accordion-button{font-weight:700; font-family:'Space Grotesk',sans-serif; color:var(--navy-950);}
.accordion-button:not(.collapsed){background:var(--paper-alt); color:var(--navy-950); box-shadow:none;}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(43,174,189,.25);}
.accordion-item{border-color:var(--line); border-radius:.6rem !important; overflow:hidden; margin-bottom:.6rem; box-shadow:var(--shadow-sm);}
.accordion-item:last-child{margin-bottom:0;}

/* Final CTA */
.final-cta-band{background:linear-gradient(90deg, var(--gold-500), var(--teal-500)); padding:3px 0;}
.cta-box{background:linear-gradient(150deg, var(--navy-950), #0A2337); color:#fff; border-radius:1.1rem; padding:2.8rem; box-shadow:var(--shadow-lg);}
@media(max-width:575.98px){ .cta-box{padding:1.9rem 1.4rem;} }
.cta-box h2{color:#fff;}
.cta-box p{color:#C3D5DF;}

/* Footer */
.site-footer{background:var(--navy-950); color:#B9CCD9; padding-top:4rem; font-size:.92rem; position:relative;}
.site-footer::before{content:""; position:absolute; inset:0 0 auto 0; height:1px; background:linear-gradient(90deg, transparent, rgba(201,162,75,.45), transparent);}
.site-footer h5{color:#fff; font-size:.9rem; margin-bottom:1rem;}
.site-footer a{color:#B9CCD9; text-decoration:none; transition:color .15s ease;}
.site-footer a:hover{color:#fff;}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12); margin-top:2.5rem; padding:1.3rem 0; color:#7C93A0; font-size:.82rem;}
.footer-bottom a{color:#7C93A0; margin-inline-start:16px;}
.footer-bottom a:hover{color:#fff;}

/* Mobile sticky CTA */
.mobile-sticky-cta{display:none; position:fixed; bottom:0; left:0; right:0; z-index:1050; box-shadow:0 -2px 10px rgba(0,0,0,.1);}
.mobile-sticky-cta a{flex:1; text-align:center; padding:14px 0; font-weight:700; font-size:.9rem; color:#fff;}
.mobile-sticky-cta .call{background:var(--navy-900);}
.mobile-sticky-cta .wa{background:#25A162;}
@media(max-width:767.98px){ .mobile-sticky-cta{display:flex;} body{padding-bottom:52px;} }

/* Floating WhatsApp button */
.wa-float{
  position:fixed; right:22px; bottom:26px; z-index:1065;
  width:58px; height:58px; border-radius:50%;
  background:#25A162; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 22px rgba(37,161,98,.45), 0 2px 8px rgba(8,26,41,.18);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  animation:waFloatPulse 2.6s infinite;
}
.wa-float svg{width:30px; height:30px; fill:currentColor; flex:none;}
.wa-float:hover{background:#1E8A53; color:#fff; transform:translateY(-3px) scale(1.04); box-shadow:0 10px 26px rgba(37,161,98,.55);}
@keyframes waFloatPulse{
  0%{box-shadow:0 8px 22px rgba(37,161,98,.45), 0 0 0 0 rgba(37,161,98,.45);}
  70%{box-shadow:0 8px 22px rgba(37,161,98,.45), 0 0 0 14px rgba(37,161,98,0);}
  100%{box-shadow:0 8px 22px rgba(37,161,98,.45), 0 0 0 0 rgba(37,161,98,0);}
}
@media(max-width:767.98px){
  .wa-float{right:14px; bottom:70px; width:52px; height:52px;}
  .wa-float svg{width:27px; height:27px;}
}
@media (prefers-reduced-motion: reduce){ .wa-float{animation:none;} }

/* Quick Answer — enhanced homepage section */
.quick-answer-section{background:var(--paper-alt); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.quick-answer-box{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:1.1rem;
  padding:2.2rem 2.3rem; box-shadow:var(--shadow-md);
  display:grid; grid-template-columns:auto 1fr; gap:1.6rem; align-items:start;
}
.quick-answer-box::before{content:""; position:absolute; inset:0 auto 0 0; width:6px; background:linear-gradient(180deg, var(--teal-500), var(--gold-500));}
.quick-answer-icon{
  width:56px; height:56px; border-radius:14px; flex:none;
  background:linear-gradient(150deg, var(--navy-800), var(--navy-950));
  display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-sm);
}
.quick-answer-icon svg{width:28px; height:28px; color:var(--gold-500);}
.quick-answer-box h2{margin-bottom:.7rem;}
.quick-answer-highlights{list-style:none; margin:1.1rem 0 1.3rem; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.55rem .8rem;}
.quick-answer-highlights li{display:flex; align-items:flex-start; gap:8px; font-size:.9rem; font-weight:600; color:var(--ink);}
.quick-answer-highlights .tick-ico{width:19px; height:19px; border-radius:50%; background:var(--teal-500); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.62rem; flex:none; margin-top:1px;}
.quick-answer-actions{display:flex; gap:12px; flex-wrap:wrap;}
@media(max-width:767.98px){
  .quick-answer-box{grid-template-columns:1fr; padding:1.7rem 1.4rem 1.9rem;}
  .quick-answer-icon{margin-bottom:.2rem;}
  .quick-answer-highlights{grid-template-columns:1fr;}
}

/* Real photography (uploaded images) — sized like the placeholders they replace */
.real-img{width:100%; object-fit:cover; border-radius:.75rem; box-shadow:var(--shadow-md); border:1px solid rgba(255,255,255,.08); display:block;}
.real-img.hero-ph{height:420px;}
.real-img.wide-ph{height:340px;}
.real-img.card-ph{height:220px; box-shadow:none; border:none;}
@media(max-width:767px){ .real-img.hero-ph{height:300px;} .real-img.wide-ph{height:260px;} }

/* Gallery grid */
.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:900px){ .gallery-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:560px){ .gallery-grid{grid-template-columns:1fr;} }
.gallery-item{position:relative; border-radius:.75rem; overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--line); background:#000;}
.gallery-item img{width:100%; height:280px; object-fit:cover; display:block; transition:transform .35s ease;}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-cap{position:absolute; left:0; right:0; bottom:0; padding:14px 16px; background:linear-gradient(0deg, rgba(8,26,41,.88), transparent); color:#fff; font-size:.85rem; font-weight:600;}

/* Emergency badge */
.emergency-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(217,74,58,.12); color:#B8412F; border:1px solid rgba(217,74,58,.28); border-radius:50px; padding:7px 16px; font-size:.85rem; font-weight:700;}
.emergency-badge .pulse-dot{width:8px; height:8px; border-radius:50%; background:#D94A3A; box-shadow:0 0 0 0 rgba(217,74,58,.6); animation:pulseDot 1.8s infinite;}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(217,74,58,.5);} 70%{box-shadow:0 0 0 9px rgba(217,74,58,0);} 100%{box-shadow:0 0 0 0 rgba(217,74,58,0);}}
.hero .emergency-badge{background:rgba(217,74,58,.16); color:#FF9E8F; border-color:rgba(255,158,143,.3);}
.hero .emergency-badge .pulse-dot{background:#FF6B58;}

/* Contact page enhancements */
.contact-photo{border-radius:1rem; overflow:hidden; box-shadow:var(--shadow-md);}
.contact-photo img{width:100%; height:260px; object-fit:cover; display:block;}
.contact-panel{background:var(--paper-alt); border:1px solid var(--line); border-radius:1rem; padding:1.8rem;}
.hours-row{display:flex; justify-content:space-between; padding:.5rem 0; border-bottom:1px dashed var(--line); font-size:.92rem;}
.hours-row:last-child{border-bottom:none;}
.contact-quick-cta{display:flex; gap:10px; flex-wrap:wrap;}
.contact-quick-cta .btn{flex:1; min-width:150px;}
.trust-mini{display:flex; align-items:center; gap:10px; font-size:.88rem; font-weight:600; margin-bottom:.6rem;}
.trust-mini .tick-ico{width:20px; height:20px; border-radius:50%; background:var(--teal-500); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.65rem; flex:none;}

/* Service-area chips (detailed coverage list) */
.area-chips{display:flex; flex-wrap:wrap; gap:8px; margin:1rem 0 1.3rem;}
.area-chip{padding:6px 14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:50px; font-size:.82rem; color:#C3D5DF; font-weight:600;}

/* AEO comparison table */
.aeo-table{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:.6rem; overflow:hidden;}
.aeo-table th{background:var(--navy-950); color:#fff; text-align:left; padding:12px 16px; font-family:'Space Grotesk',sans-serif; font-size:.88rem; font-weight:600;}
.aeo-table td{padding:12px 16px; border-top:1px solid var(--line); font-size:.9rem; color:var(--ink-soft); vertical-align:top;}
.aeo-table tr:nth-child(even) td{background:var(--paper-alt);}
.aeo-table td:first-child{font-weight:700; color:var(--ink);}
.aeo-table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch;}

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--teal-500); outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}