h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a, dl{font-family: 'Rajdhani', Helvetica, Arial, sans-serif;;font-weight: 700;}
h1,h3,h4,nav,.logo, b, .accent-heading, .cta-strip p, .phone, .why-text h2, .accent-typ01, .aside-cta-text h2 {font-family: sans-serif;}
a {color: var(--color-key);}
.dark-bg,
.dark-bg * {color: var(--accent) !important;}
.light-bg,
.light-bg * {color: var(--color-dark) !important;}
a:hover, .services-desc-box:hover a, #latest .product-results-container:hover a, .product-results-container:hover .listing-heading, .product-results-container:hover .bottom .product-price{
  color: var(--color-primary);
  text-decoration: none;
}

a:hover, a:focus,#latest .product-results-container h2 a:hover, #inventory-list-view a:hover, #grid-layout-01 .product-results-container:hover span {
  color: var(--accent);;
  text-decoration: none;
}
#inventory-list-view a{
	color: var(--color-key);
}

/*.typ01 {font-size: 1.5em;}*/
#inventory-details tbody, .product-content-container, .product-results-container .product-price, body, body* {font-size: 1.25em;}

.b { font-weight: 600; }
.thick, .color--data-bold, h1, .h1{font-weight: 900;}
.thin{font-weight: 100;}

/* ============================================
     Ad Details h4 — Section Header
  ============================================ */
 #ad-details .h4 {
    animation: fadeUp 0.35s ease both;
  }
 #ad-details .h4 fa {
    display: contents;
  }
.color--data-bold { color: var(--text-primary); }
.h4.b.color--data-bold {
    padding-bottom: 105px;
    display: inline-block;
    background: var(--color-primary);
	font-size: calc(var(--base-size) * var(--g-ratio));
    color: #ffffff;
    padding: 5px 20px;
	margin-top: 15px;
    margin-bottom: 0;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	}
.h4.b.color--data-bold:not(:first-of-type) {
    margin-top: 35px;
}
.pricing-details .h5 {
    font-size: 3em;
	letter-spacing: 1px;}
/* ============================================
     Accents
  ============================================ */

.left-border-highlight {
    border-left: 3px solid var(--color-primary);
    padding-left: 12px; 
}

/* ============================================
     Base Sizing System
  ============================================ */

:root {
  /* Fluid body base: 15px → 16px */
  font-size: clamp(0.9375rem, 1.25vw, 1rem);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── Display ─────────────────────────── */

.display-xl {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.display {
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.028em;
}

/* ── Headings ────────────────────────── */

.h1, h1 {
  font-size: clamp(2rem, 4vw, 3rem);
/*  font-weight: 500;*/
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.h2, h2 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
/*  font-weight: 500;*/
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.h3, h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.75rem);
/*  font-weight: 500;*/
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.h4, h4 {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
/*  font-weight: 500;*/
  line-height: 1.4;
  letter-spacing: 0;
}

/* ── Body ────────────────────────────── */

.body-lg {
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  line-height: 1.75;
  max-width: 65ch;
}

.body, p {
  font-size: clamp(0.9375rem, 1.25vw, 1rem);
  line-height: 1.65;
  max-width: 65ch;
}

.body-sm {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.6;
}

/* ── UI / utility ────────────────────── */

.label {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.caption {
  font-size: 0.6875rem;
  line-height: 1.5;
}

.overline {
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}


/* ── Prose container ─────────────────── */

.prose {
  max-width: 65ch;
}

.prose > * + * {
  margin-top: 1.25em;
}

.prose h1 { margin-top: 1.75em; }
.prose h2 { margin-top: 1.5em; }

/* ── Responsive overrides ────────────── */

@media (max-width: 480px) {
  .display-xl, .display, .h1 {
    letter-spacing: -0.015em;
  }
  .body, .body-lg, .prose {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}