/* =========================================================
   LHS APPLE-INSPIRED DESIGN SYSTEM — August 5, 2026
   A restrained global polish layer: clean typography, quiet
   surfaces, soft depth, precise controls, and LHS gold accents.
   This layer does not replace page art direction or imagery.
   ========================================================= */

:root {
  --lhs-apple-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --lhs-apple-arabic-font: "SF Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  --lhs-apple-ink: #1d1d1f;
  --lhs-apple-muted: #6e6e73;
  --lhs-apple-bg: #f5f5f7;
  --lhs-apple-surface: rgba(255, 255, 255, 0.92);
  --lhs-apple-surface-strong: #ffffff;
  --lhs-apple-line: rgba(29, 29, 31, 0.1);
  --lhs-apple-gold: #aa7737;
  --lhs-apple-gold-bright: #d2a45f;
  --lhs-apple-radius-sm: 14px;
  --lhs-apple-radius: 24px;
  --lhs-apple-radius-lg: 32px;
  --lhs-apple-shadow: 0 16px 46px rgba(0, 0, 0, 0.065);
  --lhs-apple-shadow-hover: 0 24px 60px rgba(0, 0, 0, 0.1);
}

html {
  color-scheme: light;
  background: var(--lhs-apple-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  background: var(--lhs-apple-bg);
  color: var(--lhs-apple-ink);
  font-family: var(--lhs-apple-font) !important;
}

html[lang="ar"] body,
html[dir="rtl"] body {
  font-family: var(--lhs-apple-arabic-font) !important;
}

button,
input,
select,
textarea {
  font-family: inherit !important;
}

body main :is(h1, h2, h3, h4, h5, h6),
body footer :is(h2, h3, h4),
body .mega-panel :is(h2, h3, h4) {
  font-family: var(--lhs-apple-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

html[lang="ar"] body main :is(h1, h2, h3, h4, h5, h6),
html[dir="rtl"] body main :is(h1, h2, h3, h4, h5, h6),
html[lang="ar"] body footer :is(h2, h3, h4),
html[dir="rtl"] body footer :is(h2, h3, h4) {
  font-family: var(--lhs-apple-arabic-font) !important;
  letter-spacing: 0 !important;
}

body main :is(p, li, dd),
body footer p {
  text-wrap: pretty;
}

body main :is(.eyebrow, .lhs-kc-kicker, [class$="-eyebrow"], [class$="-kicker"]) {
  font-family: var(--lhs-apple-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

html[dir="rtl"] body main :is(.eyebrow, .lhs-kc-kicker, [class$="-eyebrow"], [class$="-kicker"]) {
  font-family: var(--lhs-apple-arabic-font) !important;
  letter-spacing: 0.04em !important;
}

/* ---------- Glass navigation ---------- */
.brand-strip.lhs-fixed-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(8, 8, 9, 0.96) !important;
  backdrop-filter: saturate(150%) blur(18px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(18px) !important;
}

.brand-strip a,
.lhs-luxury-message-text {
  font-family: var(--lhs-apple-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
}

.main-header,
.main-header.mega-header {
  border-bottom: 1px solid rgba(29, 29, 31, 0.08) !important;
  background: rgba(250, 250, 252, 0.84) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.035) !important;
  backdrop-filter: saturate(180%) blur(28px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(28px) !important;
}

.main-header .mega-trigger,
.main-header .single-link,
.mobile-nav a,
.mobile-nav .nav-static-option {
  color: var(--lhs-apple-ink) !important;
  font-family: var(--lhs-apple-font) !important;
  font-weight: 500 !important;
  letter-spacing: -0.012em !important;
}

.main-header .mega-trigger:hover,
.main-header .mega-trigger:focus-visible,
.main-header .single-link:hover,
.main-header .single-link:focus-visible {
  color: var(--lhs-apple-gold) !important;
}

.mega-panel,
.compact-panel {
  border: 1px solid var(--lhs-apple-line) !important;
  border-top-color: rgba(29, 29, 31, 0.06) !important;
  border-radius: 0 0 var(--lhs-apple-radius-lg) var(--lhs-apple-radius-lg) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: saturate(170%) blur(30px) !important;
  -webkit-backdrop-filter: saturate(170%) blur(30px) !important;
  overflow: hidden;
}

.mega-column h3 {
  color: var(--lhs-apple-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}

.mega-column a,
.compact-panel a {
  border-radius: 10px;
  color: var(--lhs-apple-ink) !important;
  font-family: var(--lhs-apple-font) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}

.mega-column a:hover,
.compact-panel a:hover {
  background: rgba(29, 29, 31, 0.045) !important;
  color: var(--lhs-apple-gold) !important;
}

.main-header .header-language-select,
.footer-language select {
  border: 1px solid rgba(29, 29, 31, 0.12) !important;
  border-radius: 999px !important;
  background-color: rgba(255, 255, 255, 0.86) !important;
  box-shadow: none !important;
  color: var(--lhs-apple-ink) !important;
  font-weight: 600 !important;
}

.mobile-nav {
  border-bottom: 1px solid var(--lhs-apple-line) !important;
  background: rgba(250, 250, 252, 0.96) !important;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: saturate(180%) blur(26px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(26px) !important;
}

/* ---------- Editorial typography ---------- */
body main h1 {
  font-weight: 600 !important;
  letter-spacing: -0.055em !important;
}

body main h2 {
  letter-spacing: -0.045em !important;
}

html[dir="rtl"] body main :is(h1, h2) {
  letter-spacing: 0 !important;
}

.typewriter-title,
.lhs-men-hero-copy h1,
.lhs-signature-hero-content h1,
.system-hero-copy h1,
.content-hero h1,
.partner-hero h1 {
  font-family: var(--lhs-apple-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.055em !important;
}

html[dir="rtl"] :is(.typewriter-title, .lhs-men-hero-copy h1, .lhs-signature-hero-content h1, .system-hero-copy h1, .content-hero h1, .partner-hero h1) {
  font-family: var(--lhs-apple-arabic-font) !important;
  letter-spacing: 0 !important;
}

.typewriter-body,
.lhs-men-hero-intro,
.system-hero-copy > p,
.content-hero > p,
.partner-hero > p {
  color: var(--lhs-apple-muted);
  font-family: var(--lhs-apple-font) !important;
}

/* ---------- Cards and quiet depth ---------- */
:is(
  .system-card,
  .men-card,
  .women-card,
  .content-card,
  .color-card,
  .lhs-lace-option-card,
  .lhs-kc-guide-card,
  .lhs-kc-base-card,
  .catalog-card,
  .lhs-men-product-card,
  .lhs-journal-card,
  .lhs-men-family-card,
  .lhs-men-path-card,
  .lhs-bsm-path-card,
  .mold-option-card,
  .guide-order-card
) {
  border: 1px solid var(--lhs-apple-line) !important;
  border-radius: var(--lhs-apple-radius) !important;
  background: var(--lhs-apple-surface) !important;
  box-shadow: var(--lhs-apple-shadow) !important;
  overflow: hidden;
}

:is(
  .system-card,
  .men-card,
  .women-card,
  .content-card,
  .color-card,
  .lhs-lace-option-card,
  .lhs-kc-guide-card,
  .lhs-kc-base-card,
  .catalog-card,
  .lhs-men-product-card,
  .lhs-journal-card,
  .lhs-men-family-card,
  .lhs-men-path-card,
  .lhs-bsm-path-card,
  .mold-option-card,
  .guide-order-card
):hover {
  transform: translateY(-4px);
  box-shadow: var(--lhs-apple-shadow-hover) !important;
}

:is(.system-img, .lhs-men-product-media, .catalog-card-media, .lhs-lace-option-visual) img {
  border-radius: calc(var(--lhs-apple-radius) - 4px);
}

:is(
  .lhs-arg-principles,
  .lhs-arg-format-grid,
  .lhs-arg-safety-grid,
  .lhs-f48-principle-grid,
  .lhs-f48-common-grid,
  .lhs-f48-warning-grid,
  .lhs-f48-next-grid,
  .lhs-bsm-step-grid,
  .lhs-bsm-error-grid,
  .lhs-hlg-mistake-grid,
  .lhs-msg-warning-grid,
  .lhs-hdg-rule-grid,
  .lhs-hdg-mistake-grid
) > :is(article, li) {
  border-radius: var(--lhs-apple-radius) !important;
}

.lhs-support-strip {
  background: #0b0b0c !important;
}

.contact-strip-card {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: var(--lhs-apple-radius) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* ---------- Buttons ---------- */
:is(
  .black-btn,
  .system-add-btn,
  .lhs-product-add-btn,
  .lhs-signature-primary-cta,
  .collection-cta,
  .partner-branch-btn,
  .guide-order-btn,
  .density-btn,
  .mold-button,
  .lhs-lab-btn,
  .lhs-co-btn,
  .lhs-men-btn,
  .lhs-arg-button,
  .lhs-f48-button,
  .lhs-bsm-button,
  .lhs-hlg-button,
  .lhs-msg-button
) {
  border-radius: 999px !important;
  font-family: var(--lhs-apple-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  box-shadow: none !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease !important;
}

:is(.black-btn, .system-add-btn, .lhs-product-add-btn, .lhs-signature-primary-cta) {
  border-color: #1d1d1f !important;
  background: #1d1d1f !important;
  color: #ffffff !important;
}

:is(
  .black-btn,
  .system-add-btn,
  .lhs-product-add-btn,
  .lhs-signature-primary-cta,
  .collection-cta,
  .partner-branch-btn,
  .guide-order-btn,
  .density-btn,
  .mold-button,
  .lhs-lab-btn,
  .lhs-co-btn,
  .lhs-men-btn,
  .lhs-arg-button,
  .lhs-f48-button,
  .lhs-bsm-button,
  .lhs-hlg-button,
  .lhs-msg-button
):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14) !important;
}

:is(.hero-soft-cta, .lhs-lab-text-btn, .lhs-arg-text-link, .lhs-first48-text-link, .lhs-co-text-button) {
  color: var(--lhs-apple-gold) !important;
  font-family: var(--lhs-apple-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-underline-offset: 4px;
}

/* ---------- Product and collection polish ---------- */
.lhs-product-detail-shell,
.lhs-checkout-panel,
.lhs-co-fieldset,
.lhs-co-submit-panel {
  border: 1px solid var(--lhs-apple-line) !important;
  border-radius: var(--lhs-apple-radius-lg) !important;
  background: var(--lhs-apple-surface) !important;
  box-shadow: var(--lhs-apple-shadow) !important;
}

.lhs-product-gallery-live,
.lhs-product-main-image-live {
  border-radius: var(--lhs-apple-radius-lg) !important;
  overflow: hidden;
}

.lhs-product-thumbs-live button,
.lhs-product-radio-grid label,
.lhs-choice-grid label,
.lhs-co-choice-grid label {
  border-radius: var(--lhs-apple-radius-sm) !important;
}

.lhs-product-thumbs-live button:hover,
.lhs-product-radio-grid label:hover,
.lhs-choice-grid label:hover,
.lhs-co-choice-grid label:hover {
  border-color: rgba(170, 119, 55, 0.55) !important;
}

.system-price,
.lhs-product-price-row,
.lhs-lace-card-price {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* ---------- Forms ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select,
textarea {
  border: 1px solid rgba(29, 29, 31, 0.14) !important;
  border-radius: var(--lhs-apple-radius-sm) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--lhs-apple-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: rgba(170, 119, 55, 0.72) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(170, 119, 55, 0.14) !important;
}

::placeholder {
  color: #86868b !important;
  opacity: 1;
}

/* ---------- Interactive guide panels ---------- */
:is(
  .lhs-arg-planner-grid,
  .lhs-f48-planner-grid,
  .lhs-bsm-planner-grid,
  .lhs-hlg-planner-grid,
  .lhs-msg-builder-grid,
  .lhs-hdg-planner-grid,
  .lhs-kc-table-wrap
) {
  border-radius: var(--lhs-apple-radius-lg) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.12) !important;
  overflow: hidden;
}

:is(
  .lhs-arg-mode-switch,
  .lhs-f48-mode-switch,
  .lhs-msg-mode-switch,
  .lhs-bsm-mode-switch
) {
  border-radius: 18px !important;
}

:is(
  .lhs-arg-base-list,
  .lhs-f48-base-list,
  .lhs-msg-base-list,
  .lhs-hlg-option-list
) button {
  border-radius: 16px !important;
  font-family: var(--lhs-apple-font) !important;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

/* ---------- Footer ---------- */
.site-footer-final {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #0b0b0c !important;
}

.site-footer-final,
.site-footer-final a,
.site-footer-final p,
.site-footer-final span,
.site-footer-final small {
  font-family: var(--lhs-apple-font) !important;
}

.site-footer-final a {
  color: rgba(255, 255, 255, 0.72) !important;
  transition: color 160ms ease !important;
}

.site-footer-final a:hover {
  color: #ffffff !important;
}

.social-icon {
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transition: transform 160ms ease, background-color 160ms ease !important;
}

.social-icon:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.15) !important;
}

/* ---------- Accessibility and motion ---------- */
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(170, 119, 55, 0.76) !important;
  outline-offset: 3px !important;
}

::selection {
  background: rgba(170, 119, 55, 0.24);
  color: #111111;
}

@media (max-width: 900px) {
  :root {
    --lhs-apple-radius: 20px;
    --lhs-apple-radius-lg: 26px;
  }

  .mega-panel,
  .compact-panel {
    border-radius: 0 0 24px 24px !important;
  }

  body main h1 {
    letter-spacing: -0.045em !important;
  }
}

@media (max-width: 640px) {
  :root {
    --lhs-apple-radius-sm: 12px;
    --lhs-apple-radius: 18px;
    --lhs-apple-radius-lg: 22px;
  }

  body main h1,
  body main h2 {
    letter-spacing: -0.035em !important;
  }

  html[dir="rtl"] body main :is(h1, h2) {
    letter-spacing: 0 !important;
  }

  .main-header,
  .main-header.mega-header {
    background: rgba(250, 250, 252, 0.94) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------- Support + footer contrast correction ---------- */
body .contact-strip-final.lhs-support-strip {
  gap: clamp(18px, 2vw, 28px) !important;
  padding: clamp(48px, 4.5vw, 68px) clamp(24px, 5.5vw, 96px) !important;
  border-top: 1px solid rgba(29, 29, 31, 0.08) !important;
  background: #f5f5f7 !important;
}

body .contact-strip-final.lhs-support-strip::before {
  opacity: 0.5 !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(194, 154, 96, 0.1), transparent 30%),
    radial-gradient(circle at 90% 92%, rgba(194, 154, 96, 0.07), transparent 28%) !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card {
  min-height: 380px !important;
  max-width: 500px !important;
  padding: 26px 28px 24px !important;
  border: 1px solid rgba(29, 29, 31, 0.08) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card::before {
  left: 28px !important;
  right: 28px !important;
  height: 2px !important;
  opacity: 0.52 !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card::after {
  opacity: 0.32 !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(170, 119, 55, 0.16) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.1) !important;
}

body .contact-strip-final.lhs-support-strip .contact-icon {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 13px !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 3px rgba(213, 174, 109, 0.06),
    0 10px 24px rgba(25, 17, 12, 0.16),
    inset 0 1px 0 rgba(255, 244, 221, 0.12) !important;
}

body .contact-strip-final.lhs-support-strip .contact-icon::before {
  inset: 7px !important;
  border-radius: 15px !important;
}

body .contact-strip-final.lhs-support-strip .contact-icon svg {
  width: 32px !important;
  height: 32px !important;
  stroke-width: 2.2 !important;
}

body .contact-strip-final.lhs-support-strip .lhs-support-kicker {
  min-height: 28px !important;
  margin-bottom: 10px !important;
  padding-inline: 12px !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card h2 {
  margin-bottom: 10px !important;
  font-size: clamp(27px, 1.9vw, 34px) !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card p:not(:last-child) {
  max-width: 350px !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card p:last-child {
  width: 100% !important;
  margin-top: 20px !important;
  padding-top: 0 !important;
}

body .contact-strip-final.lhs-support-strip .contact-strip-card p:last-child a {
  min-height: 48px !important;
  padding: 7px 18px !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  box-shadow: none !important;
}

body footer.site-footer-final {
  padding: 56px clamp(24px, 8vw, 132px) 28px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #0b0b0c !important;
  color: rgba(255, 255, 255, 0.68) !important;
}

body .site-footer-final .footer-columns {
  max-width: 1200px !important;
  gap: clamp(34px, 5vw, 72px) !important;
}

body .site-footer-final .footer-col h3 {
  color: #d7b270 !important;
  font-size: 10px !important;
  letter-spacing: 0.24em !important;
}

body .site-footer-final .footer-col a {
  color: rgba(255, 255, 255, 0.76) !important;
}

body .site-footer-final .footer-col p {
  color: rgba(255, 255, 255, 0.58) !important;
}

body .site-footer-final .footer-col strong {
  color: rgba(255, 255, 255, 0.88) !important;
}

body .site-footer-final .footer-col a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

body .site-footer-final .lhs-real-logo-frame {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2) !important;
}

body .site-footer-final .footer-socials {
  margin-top: 44px !important;
  margin-bottom: 22px !important;
}

body .site-footer-final .footer-language {
  margin-bottom: 34px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

body .site-footer-final .footer-copy {
  color: rgba(255, 255, 255, 0.46) !important;
}

@media (max-width: 1100px) {
  body .contact-strip-final.lhs-support-strip .contact-strip-card {
    min-height: 370px !important;
  }
}

@media (max-width: 760px) {
  body .contact-strip-final.lhs-support-strip {
    padding: 40px 16px !important;
  }

  body .contact-strip-final.lhs-support-strip .contact-strip-card,
  body .contact-strip-final.lhs-support-strip .contact-strip-card:last-child {
    min-height: auto !important;
    padding: 24px 20px 20px !important;
  }

  body .contact-strip-final.lhs-support-strip .contact-strip-card p:last-child {
    margin-top: 18px !important;
  }

  body footer.site-footer-final {
    padding: 42px 22px 24px !important;
  }
}

/* ---------- Footer logo: exact split mark, gold on transparent ---------- */
body .site-footer-final .lhs-real-logo-frame {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .site-footer-final .lhs-real-logo-frame > img {
  content: url("assets/lhs-logo-gold-transparent.png");
  filter: none !important;
}

body .site-footer-final .lhs-real-logo-mask {
  display: block !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #0b0b0c !important;
}

body .site-footer-final .lhs-real-logo-title {
  display: block !important;
  color: #d7b16a !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.38em !important;
  text-shadow: 0 0 14px rgba(215, 177, 106, 0.16);
}

body .site-footer-final .lhs-real-logo-title.is-typing {
  border-right-color: #d7b16a !important;
}

/* ---------- Final technical + responsive handoff layer ---------- */
:where(
  #support,
  #builder,
  #finder,
  #systems,
  #productPurchase,
  #faq-form,
  #faq-custom,
  #faq-mold,
  #faq-processing
) {
  scroll-margin-top: clamp(104px, 12vw, 156px);
}

:is(
  .content-grid.lhs-info-grid > .content-card,
  .partner-intro-grid > article,
  .partner-service-grid > article,
  .lhs-kc-guide-card,
  .lhs-co-guide-cards > a
) {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

:is(
  .content-grid.lhs-info-grid > .content-card,
  .partner-service-grid > article,
  .lhs-kc-guide-card,
  .lhs-co-guide-cards > a
) > a:last-child {
  margin-top: auto;
}

:is(
  .content-grid.lhs-info-grid > .content-card,
  .partner-intro-grid > article,
  .partner-service-grid > article,
  .guide-faq-item,
  .lhs-checkout-panel,
  .lhs-checkout-summary,
  .lhs-co-fieldset,
  .lhs-finder-shell,
  .lhs-finder-result
) {
  overflow-wrap: anywhere;
}

.guide-faq-question {
  min-height: 58px;
  touch-action: manipulation;
}

.guide-faq-answer p {
  max-width: 72ch;
}

.guide-faq-question[aria-expanded="true"] {
  color: var(--lhs-apple-ink) !important;
}

:is(
  .lhs-payment-option,
  .lhs-choice-grid label,
  .lhs-co-choice-grid label,
  .lhs-product-radio-grid label
):has(input:focus-visible) {
  outline: 3px solid rgba(170, 119, 55, 0.7) !important;
  outline-offset: 3px !important;
}

:is(
  .lhs-checkout-actions button,
  .lhs-checkout-actions a,
  .lhs-finder-actions button,
  .lhs-result-actions :is(a, button),
  .lhs-co-form-actions button,
  .lhs-product-thumbs-live button,
  .partner-service-grid a,
  .content-grid.lhs-info-grid a
) {
  touch-action: manipulation;
}

.lhs-lab-modal-panel,
.lhs-checkout-items,
.lhs-co-step-nav {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.lhs-compare-table-wrap {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.lhs-product-main-image-live {
  background: #f2eee8 !important;
}

.lhs-product-main-image-live img {
  background: #f2eee8;
}

html[dir="rtl"] :is(
  .lhs-checkout-panel,
  .lhs-checkout-summary,
  .lhs-co-workspace,
  .lhs-finder-shell,
  .lhs-finder-result,
  .guide-page-main,
  .content-grid.lhs-info-grid,
  .partner-service-grid
) {
  text-align: right;
}

html[dir="rtl"] :is(
  .lhs-checkout-totals > div,
  .lhs-checkout-actions,
  .lhs-result-actions,
  .lhs-co-form-actions
) {
  direction: rtl;
}

@media (max-width: 760px) {
  .content-grid.lhs-info-grid,
  .partner-intro-grid,
  .partner-service-grid {
    gap: 14px !important;
  }

  .lhs-checkout-shell,
  .lhs-co-builder,
  .lhs-lab-section {
    scroll-margin-top: 88px;
  }

  .lhs-checkout-summary {
    margin-bottom: 4px;
  }

  .lhs-product-thumbs-live {
    overflow-x: auto;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  .lhs-product-thumbs-live button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .guide-faq-answer p {
    max-width: none;
  }
}

@media (max-width: 430px) {
  .lhs-checkout-steps span,
  .lhs-finder-actions .lhs-lab-btn,
  .lhs-co-form-actions .lhs-co-btn {
    min-height: 48px !important;
  }

  .lhs-checkout-panel-heading > span,
  .lhs-co-step-head > span {
    flex-shrink: 0;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .main-header,
  .main-header.mega-header,
  .mega-panel,
  .compact-panel,
  .mobile-nav {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (prefers-contrast: more) {
  :where(a, button, input, select, textarea):focus-visible {
    outline-color: #7b4e12 !important;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select,
  textarea {
    border-color: rgba(29, 29, 31, 0.42) !important;
  }
}

/* Poly Skin mobile hero: this collection intentionally stacks its artwork
   above the editorial copy. Do not let the shared fixed-height hero rule
   clip the CTA before the following collection section begins. */
@media (max-width: 900px) {
  body.poly-live-page .lhs-poly-live-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.poly-live-page .lhs-poly-live-hero > .lhs-poly-live-final-image {
    flex: 0 0 auto !important;
    height: auto !important;
    aspect-ratio: 8 / 3 !important;
  }

  body.poly-live-page .lhs-poly-live-content {
    flex: 0 0 auto !important;
    min-height: 0 !important;
  }
}