/* =========================================================
   INFERNO CYBER WAR — PREMIUM CSS OVERRIDE
   CSS-only visual layer. HTML, schema, content and scripts
   remain unchanged.
========================================================= */
:root,
[data-theme="default"] {
  --inferno-primary: #ff0000;
  --inferno-secondary: #c40000;
  --inferno-dark: #050505;
  --inferno-bg: #090909;
  --inferno-accent: #ff2b2b;
  --inferno-glow: rgba(255, 0, 0, .7);
  --inferno-border: rgba(255, 60, 60, .4);
  --inferno-text: #ffffff;
  --inferno-muted: #c7c7c7;
  --inferno-panel: rgba(10, 10, 12, .78);
  --inferno-panel-strong: rgba(5, 5, 7, .94);
  --inferno-radius: 20px;
  --inferno-shadow:
    0 18px 55px rgba(0, 0, 0, .72),
    0 0 22px rgba(255, 0, 0, .16),
    inset 0 1px 0 rgba(255, 255, 255, .055),
    inset 0 0 30px rgba(255, 0, 0, .035);

  --color-primary-100: #2b0000;
  --color-primary-200: #510000;
  --color-primary-300: #780000;
  --color-primary-400: #a90000;
  --color-primary-500: #ff0000;
  --color-primary-600: #d60000;
  --color-primary-700: #a90000;
  --color-primary-800: #650000;
  --color-primary-900: #2b0000;
  --color-primary-500-a10: rgba(255, 0, 0, .1);
  --color-primary-500-a25: rgba(255, 0, 0, .25);
  --color-primary-500-a70: rgba(255, 0, 0, .7);
  --color-link-500: #ff3131;
  --color-link-600: #ff6b6b;
  --color-neutral-100: #101012;
  --color-neutral-200: #1b1b1e;
  --color-neutral-300: #343438;
  --color-neutral-400: #bdbdc4;
  --color-neutral-500: #9a9aa3;
  --color-neutral-600: #c0c0c6;
  --color-neutral-700: #d0d0d5;
  --color-neutral-800: #111116;
  --color-neutral-900: #f7f7f8;
  --color-white: #fff;
  --color-black: #000;
}

html {
  color-scheme: dark;
  background: #050505;
  scroll-behavior: smooth;
  scrollbar-color: #c40000 #090909;
  scrollbar-width: thin;
}

html::-webkit-scrollbar { width: 11px; height: 11px; }
html::-webkit-scrollbar-track { background: #070707; }
html::-webkit-scrollbar-thumb {
  border: 2px solid #070707;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff3939, #9d0000 50%, #ff0000);
  box-shadow: 0 0 14px rgba(255, 0, 0, .6);
}

body {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--inferno-text) !important;
  background-color: var(--inferno-bg) !important;
  background-image:
    radial-gradient(circle at 50% 118%, rgba(255, 0, 0, .38) 0, rgba(255, 0, 0, .12) 20%, transparent 48%),
    radial-gradient(circle at 10% 14%, rgba(255, 32, 0, .16), transparent 27%),
    radial-gradient(circle at 90% 28%, rgba(190, 0, 0, .16), transparent 30%),
    linear-gradient(125deg, #030303 0%, #0c0505 28%, #050505 56%, #120303 78%, #030303 100%) !important;
  background-size: 100% 100%, 130% 130%, 140% 140%, 280% 280% !important;
  animation: inferno-bg-flow 20s ease-in-out infinite alternate;
  font-family: var(--font-family-primary, Arial, sans-serif);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: -18vmax;
  z-index: -2;
  pointer-events: none;
  transform: translateZ(0);
}

body::before {
  opacity: .72;
  background-image:
    radial-gradient(circle, rgba(255, 214, 170, .9) 0 1px, rgba(255, 30, 0, .58) 1.5px 2px, transparent 3px),
    radial-gradient(circle, rgba(255, 55, 0, .72) 0 1px, transparent 2px),
    radial-gradient(ellipse at 50% 100%, rgba(255, 0, 0, .24), transparent 42%),
    repeating-linear-gradient(115deg, transparent 0 36px, rgba(255, 0, 0, .018) 37px 38px, transparent 39px 76px);
  background-size: 145px 145px, 230px 230px, 100% 100%, 100% 100%;
  background-position: 0 100%, 70px 120%, center, center;
  filter: blur(.2px) saturate(1.35);
  animation: inferno-embers 18s linear infinite, inferno-plasma 8s ease-in-out infinite alternate;
}

body::after {
  z-index: -1;
  opacity: .84;
  background:
    radial-gradient(ellipse at 22% 16%, rgba(165, 165, 165, .09), transparent 30%),
    radial-gradient(ellipse at 72% 32%, rgba(150, 150, 150, .07), transparent 28%),
    radial-gradient(ellipse at 50% 115%, rgba(255, 0, 0, .28), transparent 35%),
    linear-gradient(90deg, rgba(0, 0, 0, .92), transparent 16%, transparent 84%, rgba(0, 0, 0, .92)),
    linear-gradient(0deg, rgba(0, 0, 0, .2), transparent 28%, rgba(0, 0, 0, .38));
  background-size: 180% 180%, 210% 210%, 100% 100%, 100% 100%, 100% 100%;
  filter: blur(16px);
  animation: inferno-smoke 22s ease-in-out infinite alternate;
}

#site,
#teepublic,
.main-wrapper,
#content,
main {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

/* Global text */
body, body p, body li, body label, body td, body th, body div, body span {
  color: var(--inferno-text);
}

p, li, td, th, label, .text, .text-block {
  line-height: 1.75;
  letter-spacing: .012em;
}

p, li, td, .text-light, .text-light-1, .text-note {
  color: #dedee3 !important;
}

strong, b, .bold, .strong { color: #fff !important; }

h1, h2, h3, h4, h5, h6,
.h, [class*="h__h"], [class*="heading"], [class*="title"] {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(255, 0, 0, .58), 0 0 28px rgba(255, 0, 0, .24);
}

h1, h2, .h__h1, .h__h1--hero, .h__h1--loud, .h--1, .h--1a {
  text-transform: uppercase;
  letter-spacing: .035em !important;
  background: linear-gradient(180deg, #fff 0%, #ffb0b0 25%, #ff2b2b 58%, #a60000 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 8px rgba(255, 0, 0, .55));
}

h2, h3, h4, h5, h6 { position: relative; }

h2::after,
.bordered-header::after,
.grid_header::after {
  content: "";
  display: block;
  width: min(180px, 55%);
  height: 2px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #ff0000 20%, #fff 50%, #ff0000 80%, transparent);
  background-size: 220% 100%;
  box-shadow: 0 0 8px #ff0000, 0 0 20px rgba(255, 0, 0, .5);
  animation: inferno-line 3.8s linear infinite;
}

/* Links */
a, span.a, .link, [class*="link--"] {
  color: #ff3b3b !important;
  text-decoration-color: rgba(255, 43, 43, .6);
  text-underline-offset: 3px;
  transition: color .25s ease, text-shadow .25s ease, filter .25s ease;
}
a:hover, span.a:hover, .link:hover, [class*="link--"]:hover {
  color: #fff !important;
  text-shadow: 0 0 7px #ff0000, 0 0 18px rgba(255, 0, 0, .8);
}

/* Header, navigation and footer */
header, .m-header, [class*="header__"], nav, [class*="nav__"], footer, [class*="footer"] {
  border-color: rgba(255, 50, 50, .28) !important;
}

.m-header, header, [class*="site-header"], [class*="global-header"] {
  background: linear-gradient(180deg, rgba(5, 5, 6, .98), rgba(12, 3, 3, .9)) !important;
  box-shadow: 0 8px 35px rgba(0, 0, 0, .76), 0 1px 0 rgba(255, 0, 0, .42), 0 0 24px rgba(255, 0, 0, .12);
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}

footer, [class*="footer"] {
  background: linear-gradient(180deg, rgba(7, 7, 8, .96), #030303) !important;
  box-shadow: 0 -12px 45px rgba(0, 0, 0, .8), 0 -1px 0 rgba(255, 0, 0, .35);
}

/* Universal premium panels — only known structural/content classes */
.card,
[class$="-card"], [class*="-card "], [class*="__card"],
.content, [class*="content-box"], [class*="content__box"],
.article, [class*="article-"], [class*="article__"],
.info, [class*="info-box"], [class*="info__"],
.highlight, [class*="highlight-"], [class*="highlight__"],
.review, [class*="review-"], [class*="review__"],
.faq, [class*="faq-"], [class*="faq__"],
.callout,
.modal-content, .modal-container,
.product-article,
[class*="panel"],
[class*="testimonial"] {
  position: relative;
  border: 1px solid var(--inferno-border) !important;
  border-radius: var(--inferno-radius) !important;
  color: var(--inferno-text) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .045), transparent 28%),
    linear-gradient(130deg, rgba(26, 4, 4, .88), rgba(5, 5, 7, .82) 48%, rgba(19, 3, 3, .86)) !important;
  box-shadow: var(--inferno-shadow) !important;
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease, box-shadow .35s ease, filter .35s ease;
}

.card::before,
[class$="-card"]::before,
[class*="__card"]::before,
.highlight::before, [class*="highlight-"]::before,
.review::before, [class*="review-"]::before,
.faq::before, [class*="faq-"]::before,
.product-article::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  padding: 1px;
  background: conic-gradient(from var(--inferno-angle, 0deg), transparent 8%, rgba(255,0,0,.15) 18%, #ff3d3d 28%, transparent 39%, transparent 68%, #a50000 82%, transparent 94%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .55;
  animation: inferno-border-spin 8s linear infinite;
}

.card::after,
[class$="-card"]::after,
[class*="__card"]::after,
.highlight::after, [class*="highlight-"]::after,
.review::after, [class*="review-"]::after,
.faq::after, [class*="faq-"]::after,
.product-article::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(112deg, transparent 20%, rgba(255,255,255,.02) 39%, rgba(255,55,55,.22) 49%, rgba(255,255,255,.06) 53%, transparent 66%);
  background-size: 260% 100%;
  background-position: 180% 0;
  opacity: .42;
  animation: inferno-shine 7s ease-in-out infinite;
}

.card > *, [class$="-card"] > *, [class*="__card"] > *,
.highlight > *, [class*="highlight-"] > *,
.review > *, [class*="review-"] > *,
.faq > *, [class*="faq-"] > *, .product-article > * {
  position: relative;
  z-index: 1;
}

@media (hover:hover) and (pointer:fine) {
  .card:hover,
  [class$="-card"]:hover, [class*="__card"]:hover,
  .highlight:hover, [class*="highlight-"]:hover,
  .review:hover, [class*="review-"]:hover,
  .faq:hover, [class*="faq-"]:hover,
  .product-article:hover {
    transform: translateY(-6px) scale(1.012);
    border-color: rgba(255, 74, 74, .9) !important;
    box-shadow:
      0 24px 70px rgba(0,0,0,.82),
      0 0 18px rgba(255,0,0,.5),
      0 0 42px rgba(255,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.1),
      inset 0 0 35px rgba(255,0,0,.08) !important;
  }
}

/* Section and container depth */
section, .section, .contain, .container, .wrapper, [class*="container__"] {
  position: relative;
}

section:not(:empty), .section:not(:empty) {
  border-radius: clamp(16px, 2vw, 26px);
}

.container__space--default,
.section__sub,
.wrap-padding,
[class*="content-section"],
[class*="article-section"],
[class*="reviews-section"],
[class*="faq-section"] {
  border: 1px solid rgba(255, 50, 50, .24);
  border-radius: clamp(16px, 2vw, 24px);
  background: linear-gradient(145deg, rgba(18, 5, 5, .72), rgba(5, 5, 7, .66));
  box-shadow: 0 18px 50px rgba(0,0,0,.56), inset 0 0 35px rgba(255,0,0,.025);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Premium buttons */
button,
.btn,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a[class*="btn"],
a[class*="button"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 82, 82, .75) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), transparent 38%),
    linear-gradient(135deg, #ff2525 0%, #c40000 47%, #760000 100%) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.48),
    0 0 14px rgba(255,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -8px 18px rgba(0,0,0,.22) !important;
  text-shadow: 0 1px 2px #620000, 0 0 8px rgba(255,255,255,.25);
  transition: transform .18s ease, filter .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  animation: inferno-button-pulse 3.4s ease-in-out infinite;
}

button::before,
.btn::before,
.button::before,
a[class*="btn"]::before,
a[class*="button"]::before {
  content: "";
  position: absolute;
  top: -45%;
  bottom: -45%;
  left: -70%;
  width: 45%;
  z-index: -1;
  pointer-events: none;
  transform: skewX(-24deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
  filter: blur(1px);
  animation: inferno-button-shine 3.8s ease-in-out infinite;
}

button:hover, .btn:hover, .button:hover,
input[type="button"]:hover, input[type="submit"]:hover,
a[class*="btn"]:hover, a[class*="button"]:hover {
  color: #fff !important;
  filter: brightness(1.22) saturate(1.18);
  transform: translateY(-3px) scale(1.02);
  border-color: #ffb1b1 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 18px #ff0000, 0 0 38px rgba(255,0,0,.48), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

button:active, .btn:active, .button:active,
input[type="button"]:active, input[type="submit"]:active,
a[class*="btn"]:active, a[class*="button"]:active {
  transform: translateY(1px) scale(.985);
  filter: brightness(.95);
  transition-duration: .06s !important;
}

button:focus-visible, .btn:focus-visible, .button:focus-visible,
a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(255,0,0,.32), 0 0 24px rgba(255,0,0,.75) !important;
}

/* Forms */
input, select, textarea,
.form-control, .form__control, .tp-input-field,
.tp-select-wrapper select,
.regular-form textarea, .regular-form select,
.regular-form input[type=text], .regular-form input[type=password],
.regular-form input[type=tel], .regular-form input[type=email] {
  color: #fff !important;
  border-color: rgba(255, 60, 60, .46) !important;
  background: rgba(3, 3, 5, .76) !important;
  box-shadow: inset 0 0 20px rgba(255,0,0,.04), 0 0 0 rgba(255,0,0,0);
  transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
input::placeholder, textarea::placeholder { color: #8f8f98 !important; }
input:hover, select:hover, textarea:hover { border-color: rgba(255, 70, 70, .78) !important; }
input:focus, select:focus, textarea:focus {
  border-color: #ff3030 !important;
  background: rgba(15, 3, 4, .92) !important;
  box-shadow: 0 0 0 3px rgba(255,0,0,.12), 0 0 22px rgba(255,0,0,.3), inset 0 0 22px rgba(255,0,0,.06) !important;
}

/* Tables */
.table-responsive, [class*="table-responsive"] {
  position: relative;
  overflow-x: auto;
  border: 1px solid rgba(255, 50, 50, .38);
  border-radius: 18px;
  background: rgba(5, 5, 7, .72);
  box-shadow: 0 18px 55px rgba(0,0,0,.68), 0 0 24px rgba(255,0,0,.16), inset 0 0 30px rgba(255,0,0,.03);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

table {
  width: 100%;
  color: #fff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: rgba(4, 4, 6, .54) !important;
}

table caption {
  color: #fff !important;
  font-weight: 800;
  text-shadow: 0 0 14px rgba(255,0,0,.7);
}

thead, table thead tr {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), transparent 42%),
    linear-gradient(90deg, #050505, #1b0505 45%, #050505) !important;
}

th {
  color: #fff !important;
  border-color: rgba(255, 65, 65, .45) !important;
  text-transform: uppercase;
  letter-spacing: .045em;
  text-shadow: 0 0 9px rgba(255,0,0,.6);
  box-shadow: inset 0 -1px 0 rgba(255,0,0,.35);
}

td {
  color: #ededf1 !important;
  border-color: rgba(255, 55, 55, .18) !important;
  background: rgba(255,255,255,.012) !important;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease;
}

tbody tr { transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
tbody tr:nth-child(even) { background: rgba(255,0,0,.024) !important; }
tbody tr:hover {
  background: linear-gradient(90deg, rgba(255,0,0,.08), rgba(255,0,0,.19), rgba(255,0,0,.08)) !important;
  box-shadow: inset 4px 0 0 #ff0000, inset -4px 0 0 rgba(255,0,0,.55), 0 0 24px rgba(255,0,0,.12);
}
tbody tr:hover td { color: #fff !important; background: transparent !important; }

/* Images and media */
img, video, iframe {
  max-width: 100%;
}
.card img, [class$="-card"] img, [class*="__card"] img,
.product-article img, .article img {
  border-radius: 14px;
  filter: contrast(1.04) saturate(1.08);
  transition: transform .4s ease, filter .4s ease, box-shadow .4s ease;
}
.card:hover img, [class$="-card"]:hover img, [class*="__card"]:hover img {
  filter: contrast(1.08) saturate(1.18);
}

/* Dividers / energy lines */
hr, .hr, .line, .bordered-header, h1.bordered, h3.bordered {
  border-color: rgba(255, 45, 45, .45) !important;
  background: linear-gradient(90deg, transparent, #810000 16%, #ff2020 47%, #fff 50%, #ff2020 53%, #810000 84%, transparent) !important;
  background-size: 220% 100% !important;
  box-shadow: 0 0 8px rgba(255,0,0,.7), 0 0 22px rgba(255,0,0,.28);
  animation: inferno-line 4s linear infinite;
}

/* Modals / overlays */
.overlay--dark, .reveal-modal-bg, .sizechart-holder {
  background: rgba(0, 0, 0, .88) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.reveal-modal, .reveal-nominate-modal, .modal, .modal-content,
#sizechart, .sizechart-holder .sizechart {
  color: #fff !important;
  border: 1px solid rgba(255,60,60,.55) !important;
  background: linear-gradient(145deg, rgba(21,4,4,.97), rgba(3,3,5,.98)) !important;
  box-shadow: 0 25px 90px rgba(0,0,0,.9), 0 0 35px rgba(255,0,0,.28), inset 0 0 38px rgba(255,0,0,.04) !important;
}

/* Selection */
::selection { color: #fff; background: rgba(255,0,0,.72); text-shadow: 0 0 6px #fff; }

/* Lightweight hologram scanline */
#site::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: .055;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255, 55, 55, .22) 4px, transparent 5px 8px);
  mix-blend-mode: screen;
}

/* Animations */
@property --inferno-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes inferno-bg-flow {
  0% { background-position: center, 0% 0%, 100% 20%, 0% 50%; }
  50% { background-position: center, 24% 12%, 78% 42%, 100% 50%; }
  100% { background-position: center, 10% 26%, 92% 16%, 0% 50%; }
}
@keyframes inferno-embers {
  0% { background-position: 0 125%, 70px 135%, center, center; transform: translate3d(0, 2%, 0) rotate(.001deg); }
  100% { background-position: 90px -25%, -40px -35%, center, center; transform: translate3d(1%, -2%, 0) rotate(.001deg); }
}
@keyframes inferno-smoke {
  0% { background-position: 0% 10%, 100% 20%, center, center, center; transform: scale(1.03) translate3d(-2%, 0, 0); opacity: .62; }
  50% { opacity: .88; }
  100% { background-position: 100% 40%, 0% 10%, center, center, center; transform: scale(1.13) translate3d(2%, -2%, 0); opacity: .68; }
}
@keyframes inferno-plasma {
  0%,100% { filter: blur(.2px) saturate(1.2) brightness(.92); }
  50% { filter: blur(.35px) saturate(1.55) brightness(1.12); }
}
@keyframes inferno-border-spin { to { --inferno-angle: 360deg; } }
@keyframes inferno-shine {
  0%, 58% { background-position: 180% 0; opacity: 0; }
  70% { opacity: .55; }
  88%, 100% { background-position: -110% 0; opacity: 0; }
}
@keyframes inferno-line { to { background-position: -220% 0; } }
@keyframes inferno-button-pulse {
  0%,100% { box-shadow: 0 10px 25px rgba(0,0,0,.48), 0 0 11px rgba(255,0,0,.38), inset 0 1px 0 rgba(255,255,255,.25), inset 0 -8px 18px rgba(0,0,0,.22); }
  50% { box-shadow: 0 12px 29px rgba(0,0,0,.54), 0 0 20px rgba(255,0,0,.62), 0 0 31px rgba(255,0,0,.2), inset 0 1px 0 rgba(255,255,255,.3), inset 0 -8px 18px rgba(0,0,0,.22); }
}
@keyframes inferno-button-shine {
  0%,55% { left: -70%; opacity: 0; }
  65% { opacity: .9; }
  82%,100% { left: 135%; opacity: 0; }
}
@keyframes inferno-float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* Responsive */
@media (max-width: 1024px) {
  :root { --inferno-radius: 18px; }
  body::before { opacity: .58; }
  .card, [class$="-card"], [class*="__card"], .highlight, .review, .faq, .product-article {
    backdrop-filter: blur(12px) saturate(1.15);
    -webkit-backdrop-filter: blur(12px) saturate(1.15);
  }
}

@media (max-width: 767px) {
  :root { --inferno-radius: 15px; }
  body { background-size: 100% 100%, 180% 180%, 180% 180%, 320% 320% !important; }
  body::before { opacity: .42; background-size: 190px 190px, 280px 280px, 100% 100%, 100% 100%; }
  body::after { opacity: .66; filter: blur(12px); }
  h1 { font-size: clamp(2.5rem, 9vw, 4rem) !important; }
  h2 { font-size: clamp(2rem, 7vw, 3rem) !important; }
  h3 { font-size: clamp(1.8rem, 5.6vw, 2.4rem) !important; }
  p, li, td, th { line-height: 1.65; }
  button, .btn, .button, a[class*="btn"], a[class*="button"] { animation-duration: 4.8s; }
  .table-responsive, [class*="table-responsive"] { border-radius: 14px; }
  th, td { padding: 10px 9px !important; }
  #site::after { opacity: .035; }
}

@media (max-width: 420px) {
  .wrapper, .contain { padding-left: 12px; padding-right: 12px; }
  .card, [class$="-card"], [class*="__card"], .highlight, .review, .faq, .product-article {
    border-radius: 14px !important;
  }
}

/* Respect accessibility and battery-saving preferences */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

@media (prefers-contrast: more) {
  body p, body li, body td { color: #fff !important; }
  .card, [class$="-card"], [class*="__card"], .highlight, .review, .faq, .product-article {
    border-color: #ff4b4b !important;
  }
}