/* Shop4Specials — Design System | WCAG 2.2 AA */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&display=swap');

:root {
  --color-bg:#FFFFFF;--color-bg-alt:#F9F9F9;--color-surface:#FFFFFF;--color-surface-hover:#F2F2F2;
  --color-text:#171A20;--color-text-secondary:#393C41;--color-text-muted:#5C5E62;--color-heading:#171A20;
  --color-primary:#171A20;--color-primary-hover:#393C41;--color-primary-light:#F2F2F2;--color-primary-text:#FFFFFF;
  --color-accent:#3E6AE1;--color-accent-hover:#3457B2;--color-accent-light:#EBF0FC;--color-accent-text:#FFFFFF;
  --color-blue:#3E6AE1;--color-green:#00875A;
  --color-error:#ED4E3B;--color-error-light:#FDF0EE;--color-error-text:#ED4E3B;
  --color-warning:#F6A820;--color-warning-light:#FEF7E9;
  --color-success:#2D9C6C;--color-success-light:#EAF5F0;
  --color-border:#D0D1D2;--color-border-strong:#A2A3A5;--color-divider:#EBEBEB;
  --color-focus:#3E6AE1;--color-focus-ring:rgba(62, 106, 225, 0.4);
  --color-overlay:rgba(0,0,0,0.6);
  --font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-heading:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-dyslexia:'OpenDyslexic','Comic Sans MS',cursive,sans-serif;
  --fs-xs:clamp(0.75rem,0.7rem+0.25vw,0.8125rem);
  --fs-sm:clamp(0.8125rem,0.76rem+0.27vw,0.9375rem);
  --fs-base:clamp(1rem,0.93rem+0.33vw,1.125rem);
  --fs-lg:clamp(1.125rem,1.04rem+0.42vw,1.3125rem);
  --fs-xl:clamp(1.25rem,1.1rem+0.75vw,1.5rem);
  --fs-2xl:clamp(1.5rem,1.25rem+1.25vw,2rem);
  --fs-3xl:clamp(1.875rem,1.5rem+1.875vw,2.5rem);
  --fs-4xl:clamp(2.25rem,1.75rem+2.5vw,3.25rem);
  --fs-5xl:clamp(2.75rem,2rem+3.75vw,4rem);
  --fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
  --lh-tight:1.2;--lh-normal:1.6;--lh-relaxed:1.8;
  --ls-tight:-0.02em;--ls-normal:0;--ls-wide:0.02em;
  --space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;
  --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;
  --space-20:5rem;--space-24:6rem;
  --radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;
  --radius-2xl:1.5rem;--radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
  --shadow-focus:0 0 0 3px var(--color-focus-ring);
  --transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;
  --z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toolbar:500;--z-toast:600;--z-skip:700;
  --container-max:1280px;--container-narrow:960px;--header-height:110px;--min-touch-target:44px;
  --font-size-multiplier:1;--text-spacing-multiplier:1;
}

/* Dark Theme */
[data-theme="dark"]{
  --color-bg:#000000;--color-bg-alt:#111111;--color-surface:#171A20;--color-surface-hover:#222222;
  --color-text:#F4F4F4;--color-text-secondary:#D0D1D2;--color-text-muted:#A2A3A5;--color-heading:#FFFFFF;
  --color-primary:#FFFFFF;--color-primary-hover:#D0D1D2;--color-primary-light:#222222;--color-primary-text:#171A20;
  --color-accent:#3E6AE1;--color-accent-hover:#5C82E6;--color-accent-light:#1A2542;--color-accent-text:#FFFFFF;
  --color-error:#ED4E3B;--color-error-light:#3A130E;--color-error-text:#ED4E3B;
  --color-warning:#F6A820;--color-warning-light:#3C2908;
  --color-success:#2D9C6C;--color-success-light:#0B271B;
  --color-border:#393C41;--color-border-strong:#5C5E62;--color-divider:#222222;
  --color-focus:#5C82E6;--color-focus-ring:rgba(92, 130, 230, 0.4);
  --color-overlay:rgba(0,0,0,0.8);
  --shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 6px rgba(0,0,0,0.6);
  --shadow-lg:0 10px 15px rgba(0,0,0,0.6);--shadow-xl:0 20px 25px rgba(0,0,0,0.8);
}

/* High Contrast Theme */
[data-theme="high-contrast"]{
  --color-bg:#000;--color-bg-alt:#0A0A0A;--color-surface:#111;--color-surface-hover:#1A1A1A;
  --color-text:#FFF;--color-text-secondary:#EEE;--color-text-muted:#CCC;--color-heading:#FFF;
  --color-primary:#FFFF00;--color-primary-hover:#FFE600;--color-primary-light:#333300;--color-primary-text:#000;
  --color-accent:#00FF00;--color-accent-hover:#33FF33;--color-accent-light:#003300;--color-accent-text:#000;
  --color-error:#FF3333;--color-error-light:#330000;--color-error-text:#FF3333;
  --color-warning:#FFAA00;--color-warning-light:#332200;
  --color-success:#00FF00;--color-success-light:#003300;
  --color-border:#FFF;--color-border-strong:#FFF;--color-divider:#444;
  --color-focus:#FFFF00;--color-focus-ring:rgba(255,255,0,0.6);
  --shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;
}
[data-theme="high-contrast"] *:focus-visible{outline:3px solid #FFFF00!important;outline-offset:3px!important}

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:calc(100% * var(--font-size-multiplier,1));scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
[data-reduce-motion="true"] *,[data-reduce-motion="true"] *::before,[data-reduce-motion="true"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
body{font-family:var(--font-primary);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}
[data-dyslexia="true"] body,[data-dyslexia="true"] *{font-family:var(--font-dyslexia)!important}
[data-text-spacing="true"]{letter-spacing:calc(0.12em * var(--text-spacing-multiplier,1));word-spacing:calc(0.16em * var(--text-spacing-multiplier,1))}
[data-text-spacing="true"] p,[data-text-spacing="true"] li{line-height:calc(1.8 * var(--text-spacing-multiplier,1))}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}
a:hover{color:var(--color-primary-hover)}
/* Make all links blue on touch/active */
a:active, a:focus { color: #2563eb !important; }
a { -webkit-tap-highlight-color: rgba(37, 99, 235, 0.3); }
p{max-width:72ch}
ul,ol{list-style:none}
table{border-collapse:collapse;width:100%}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-base);font-weight:var(--fw-semibold)}

/* Focus Styles */
:focus{outline:none}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}

/* Skip Links */
.skip-links{position:absolute;top:0;left:0;z-index:var(--z-skip);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--fs-lg);font-weight:var(--fw-bold);text-decoration:none;border-radius:var(--radius-md);white-space:nowrap}
.skip-link:focus{position:fixed;top:var(--space-4);left:var(--space-4);width:auto;height:auto;z-index:var(--z-skip);outline:3px solid var(--color-focus);outline-offset:2px}

/* Layout */
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}
.container--narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--space-16)}.section--sm{padding-block:var(--space-10)}.section--lg{padding-block:var(--space-24)}
.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}
.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}
.text-center{text-align:center}.text-left{text-align:left}
.text-sm{font-size:var(--fs-sm)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}
.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}
.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-inline:auto}

/* Screen Reader Only */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
.live-announcer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive */
@media(max-width:1024px){.container{padding-inline:var(--space-5)}.section{padding-block:var(--space-12)}}
@media(max-width:768px){.container{padding-inline:var(--space-4)}.section{padding-block:var(--space-10)}.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.container{padding-inline:var(--space-3)}.grid-cols-4{grid-template-columns:1fr}}
@media(min-width:769px){.show-mobile-only{display:none!important}}

/* Print */
@media print{body{background:#fff;color:#000;font-size:12pt}.skip-links,.a11y-toolbar,nav,footer{display:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.9em}}

/* --- Header Partner Logos --- */
.header-partners {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-right: 15px;
}
.header-partners .partner-logo {
  height: 45px;
  width: auto;
  object-fit: contain;
  mix-blend-mode: multiply; /* ensures transparent look on light backgrounds */
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.mobile-partners {
  display: none;
}

[data-theme="dark"] .header-partners .partner-logo {
  /* In dark mode, multiply might make it invisible, use normal with bg if needed, or brightness */
  mix-blend-mode: normal;
  background: white;
  padding: 4px;
  border-radius: 4px;
}

/* Tablet */
@media (max-width: 1024px) {
  .header-partners .partner-logo {
    height: 38px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .desktop-partners {
    display: none !important;
  }
  .mobile-partners {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 5px;
    margin-right: 0;
  }
  .site-header__inner {
    flex-wrap: wrap;
  }
}

/* --- Header Logo Typography & Sizing --- */
.site-header__brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none !important;
  transition: opacity 0.2s ease;
}
.site-header__brand:hover {
  opacity: 0.9;
}
.site-header__logo-img {
  height: 205px;
  width: auto;
  object-fit: contain;
  margin-left: -40px;
  margin-top: 15px;
  display: block;
}
.site-header__logo-text {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  white-space: nowrap;
  line-height: 1;
  padding-top: 30px;
}

[data-theme="dark"] .site-header__logo-text {
  color: #ffffff;
}

.mobile-partner-info p,
.header-partner-info p {
  color: #000000;
}

[data-theme="dark"] .mobile-partner-info p,
[data-theme="dark"] .header-partner-info p {
  color: #ffffff;
}

/* Tablet */
@media (max-width: 1024px) {
  .site-header__brand {
    gap: 10px;
  }
  .site-header__logo-img {
    height: 180px;
    margin-left: -30px;
    margin-top: 10px;
  }
  .site-header__logo-text {
    font-size: 1rem;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .site-header__brand {
    gap: 8px;
  }
  .site-header__logo-img {
    height: 150px;
    margin-left: -20px;
    margin-top: 5px;
  }
  .site-header__logo-text {
    font-size: 1rem;
  }
}

/* Footer Tagline adjustment */
.site-footer .text-secondary.mb-4 strong {
  font-size: 0.95rem;
  font-weight: bold;
  color: #000;
}

/* =========================================================
   Products Page (Tabs & Grid)
   ========================================================= */

.products-tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-border);
}
.product-tab-btn {
  background: none;
  border: none;
  padding: 15px 25px;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--color-text-secondary);
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}
.product-tab-btn:hover {
  color: var(--color-primary);
}
.product-tab-btn.active {
  color: var(--color-heading);
}
.product-tab-btn.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--color-primary);
  border-radius: 3px 3px 0 0;
}

.product-tab-panel {
  display: none;
  opacity: 0;
}
.product-tab-panel.active {
  display: block;
  animation: aboutFadeIn var(--transition-base, 0.3s) ease-out forwards;
}

.product-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

/* Force equal height cards & uniform Learn More vertical alignment */
/* Card Layout Standardization for Equal Heights & Absolutely Aligned Learn More Buttons */
/* Card Layout Standardization for Equal Heights & Perfectly Aligned Learn More Buttons */
.product-card,
article.card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  background: var(--color-surface, #ffffff);
  box-shadow: var(--shadow-sm, 0 1px 3px rgba(0,0,0,0.1));
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box !important;
}

.product-card__img-wrap {
  position: relative !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  background-color: var(--color-bg-alt, #f8fafc) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.5rem !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.product-card__img {
  max-height: 100% !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

.product-card__content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 1.5rem !important;
  box-sizing: border-box !important;
}

.product-card__category {
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--color-primary, #1a3c6e) !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 6px !important;
  height: 18px !important;
  line-height: 18px !important;
  flex-shrink: 0 !important;
}

.product-card__title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--color-heading, #0f172a) !important;
  margin: 0 0 8px 0 !important;
  min-height: 3rem !important;
  height: auto !important;
  max-height: none !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  display: block !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.product-card__desc {
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  color: var(--color-text-secondary, #475569) !important;
  margin: 0 0 10px 0 !important;
  height: 3.8rem !important;
  min-height: 3.8rem !important;
  max-height: 3.8rem !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.product-card__warranty,
.product-card__content p[style*="font-size:0.78rem"] {
  font-size: 0.78rem !important;
  color: var(--color-text-muted, #64748b) !important;
  margin: 0 0 12px 0 !important;
  height: 1.2rem !important;
  min-height: 1.2rem !important;
  max-height: 1.2rem !important;
  line-height: 1.2rem !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.product-card__content ul {
  display: none !important;
}

.product-card__actions {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .products-tabs {
    gap: 10px;
  }
  .product-tab-btn {
    padding: 12px 15px;
    font-size: 1.05rem;
  }
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
  .products-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
  }
  .product-tab-btn {
    white-space: nowrap;
  }
}

@media (max-width: 1024px) { .header-partner-info p { font-size: 11px !important; } }
@media (max-width: 768px) { .header-partner-info { display: none !important; } }

/* Custom List Bullets */
.product-range-list li::marker, .mission-list li::marker {
  color: var(--color-primary);
}
.product-range-list li, .mission-list li {
  padding-left: 0.5rem;
  margin-bottom: 0.75rem;
}

/* ============================================================
   Product Content Formatting Typography & Heading Standardization
   (Exact Visual Alignment to Victor Reader Stream 3 Reference)
   ============================================================ */

/* Product Description Container Width & Centering */
main section div[style*="max-width: 900px"],
main section div[style*="max-width:900px"],
main section div[style*="margin-top: 4rem"] {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Product Section Main Headings (h2) - 1.75rem, bold, margin-top: 3rem, margin-bottom: 14px */
main section h2:not(.footer-col__title):not(.a11y-toolbar__title):not(.site-footer h2) {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  color: var(--color-heading, #0f172a) !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  margin-top: 3rem !important;
  margin-bottom: 14px !important;
  text-align: left !important;
}

/* Exception for h2 inside cards, boxes, and summary grids */
main section div[style*="grid"] h2,
main section div.grid h2,
main section div[style*="background"] h2,
main section div[style*="border"] h2 {
  margin-top: 0 !important;
  font-size: 1.5rem !important;
  margin-bottom: 14px !important;
}

/* Subheadings (h3) inside Product Description - 1.25rem, bold, margin-top: 1.5rem, margin-bottom: 10px */
main section h3:not(.footer-col__title):not(.a11y-toolbar__title):not(.site-footer h3) {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--color-heading, #0f172a) !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  margin-top: 1.5rem !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

/* Paragraphs (p) inside Product Description - fs-lg, line-height 1.75, margin-bottom 1.5rem */
main section div > p:not(.footer-col p):not(.a11y-toolbar p):not(.site-footer p) {
  font-size: var(--fs-lg, 1.125rem) !important;
  color: var(--color-text-secondary, #475569) !important;
  line-height: 1.75 !important;
  margin-bottom: 1.5rem !important;
  text-align: left !important;
}

/* Bullet Lists (ul) inside Product Description - gap: 12px, margin-bottom: 2rem */
main section div > ul:not(.main-nav__list):not(.footer-links):not(.site-header ul) {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 2rem 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  color: var(--color-text-secondary, #475569) !important;
}

main section div > ul:not(.main-nav__list):not(.footer-links):not(.site-header ul) li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  line-height: 1.7 !important;
}