@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//amadouco.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//amadouco.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(244,165,28);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(244,165,28);
	--btn-accented-bgcolor-hover: rgb(222,150,26);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://amadouco.com/wp-content/uploads/2021/09/retail-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(242,242,242);
	--wd-bordered-bg:rgb(242,242,242);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(10,21,36);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 16px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ==========================================================================
   AMADOU — global.css
   Paste in: Elementor → Site Settings → Custom CSS
   (or Appearance → Customize → Additional CSS)
   Direction B "Navy & Amber" · namespace: amd-
   Every rule is scoped under .amd-block so the WoodMart theme and Elementor
   are not affected.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap");

/* --------------------------------------------------------------------------
   1. Design tokens
   -------------------------------------------------------------------------- */
:root {
  /* Colors */
  --amd-navy: #0D1B2E;
  --amd-navy-2: #16294A;          /* raised navy surfaces */
  --amd-amber: #F2A900;           /* buttons + key numbers only */
  --amd-amber-hover: #FFBA1F;
  --amd-amber-ink: #8A5A00;       /* amber text on light grounds (AA) */
  --amd-blue: #1E5FA3;            /* text links (logo blue) */
  --amd-blue-hover: #164A80;
  --amd-ink: #0D1B2E;             /* body headings */
  --amd-text: #2B3646;            /* body copy */
  --amd-muted: #4A5565;           /* secondary copy (AA on white & mist) */
  --amd-on-dark: #FFFFFF;
  --amd-on-dark-muted: #C9D2DE;
  --amd-white: #FFFFFF;
  --amd-mist: #F2F4F7;            /* alternate section ground */
  --amd-line: #E3E7ED;
  --amd-line-dark: rgba(255, 255, 255, 0.14);
  --amd-overlay: rgba(13, 27, 46, 0.6);
  --amd-success: #1C7C54;
  --amd-danger: #B42318;

  /* Typography */
  --amd-font: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
  --amd-fs-h1: clamp(2.25rem, 1.4rem + 3.2vw, 3.875rem);   /* 36 → 62 */
  --amd-fs-h2: clamp(1.75rem, 1.3rem + 1.7vw, 2.5rem);     /* 28 → 40 */
  --amd-fs-h3: clamp(1.25rem, 1.1rem + 0.5vw, 1.4375rem);  /* 20 → 23 */
  --amd-fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.3125rem); /* 17 → 21 */
  --amd-fs-body: 1.125rem;        /* 18 */
  --amd-fs-small: 0.9375rem;      /* 15 */
  --amd-fs-label: 0.9375rem;      /* 15 */
  --amd-lh-tight: 1.2;
  --amd-lh-body: 1.8;
  --amd-fw-regular: 400;
  --amd-fw-medium: 500;
  --amd-fw-bold: 700;
  --amd-fw-black: 800;

  /* Spacing (4px base) */
  --amd-s-1: 0.25rem;
  --amd-s-2: 0.5rem;
  --amd-s-3: 0.75rem;
  --amd-s-4: 1rem;
  --amd-s-5: 1.5rem;
  --amd-s-6: 2rem;
  --amd-s-7: 2.5rem;
  --amd-s-8: 3rem;
  --amd-s-9: 4.5rem;
  --amd-section-y: clamp(3.5rem, 2.5rem + 4vw, 6rem);     /* 56 → 96 */
  --amd-gutter: clamp(1rem, 0.5rem + 2.5vw, 5rem);        /* 16 → 80 */
  --amd-container: 1280px;
  --amd-container-narrow: 860px;

  /* Radius */
  --amd-r-sm: 10px;
  --amd-r-md: 12px;
  --amd-r-lg: 18px;
  --amd-r-pill: 999px;

  /* Shadows (used sparingly) */
  --amd-shadow-card: 0 1px 2px rgba(13, 27, 46, 0.06), 0 8px 24px rgba(13, 27, 46, 0.06);

  /* Motion */
  --amd-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --amd-t-fast: 160ms;
  --amd-t-base: 280ms;
  --amd-t-slow: 600ms;

  /* WordPress header (WoodMart) — measured on amadouco.com
     The header is NOT an overlay: it sits above the content and becomes
     sticky on scroll. Heroes therefore need no top padding by default;
     --amd-hero-offset is used only by .amd-hero--overlay (if the header is
     ever switched to transparent) and for anchor scrolling under the
     sticky header. */
  --amd-header-h: 197px;
  --amd-header-h-mobile: 121px;
  --amd-sticky-h: 70px;           /* compact sticky header after scroll */
  --amd-admin-bar: 32px;
  --amd-admin-bar-mobile: 46px;
}

/* --------------------------------------------------------------------------
   2. Block wrapper + scoped base
   -------------------------------------------------------------------------- */
.amd-block {
  font-family: var(--amd-font);
  font-size: var(--amd-fs-body);
  line-height: var(--amd-lh-body);
  color: var(--amd-text);
  background: var(--amd-white);
  padding-block: var(--amd-section-y);
  direction: rtl;
  text-align: start;
  -webkit-font-smoothing: antialiased;
  position: relative;
  scroll-margin-top: calc(var(--amd-sticky-h) + var(--amd-s-4));
}
.amd-block *,
.amd-block *::before,
.amd-block *::after { box-sizing: border-box; }

.amd-block h1,
.amd-block h2,
.amd-block h3,
.amd-block h4 {
  font-family: var(--amd-font);
  color: var(--amd-ink);
  font-weight: var(--amd-fw-black);
  line-height: var(--amd-lh-tight);
  margin: 0;
  letter-spacing: 0;
  text-transform: none;
}
.amd-block h1 { font-size: var(--amd-fs-h1); }
.amd-block h2 { font-size: var(--amd-fs-h2); }
.amd-block h3 { font-size: var(--amd-fs-h3); }
.amd-block p { margin: 0; }
.amd-block p + p { margin-top: var(--amd-s-4); }
/* :where() keeps specificity low so component list classes (.amd-steps, .amd-chips…) win */
.amd-block :where(ul, ol) { margin: 0; padding-inline-start: 1.25em; }
.amd-block :where(li + li) { margin-top: var(--amd-s-2); }
.amd-block img { max-width: 100%; height: auto; display: block; }
.amd-block figure { margin: 0; }
.amd-block a { color: var(--amd-blue); text-decoration: underline; text-underline-offset: 3px; transition: color var(--amd-t-fast) var(--amd-ease); }
.amd-block a:hover { color: var(--amd-blue-hover); }
.amd-block :focus-visible { outline: 3px solid var(--amd-amber); outline-offset: 3px; border-radius: 4px; }
.amd-block strong { font-weight: var(--amd-fw-bold); color: var(--amd-ink); }

/* Section grounds */
.amd-block.amd-bg-mist { background: var(--amd-mist); }
.amd-block.amd-bg-navy { background: var(--amd-navy); color: var(--amd-on-dark-muted); }
.amd-bg-navy h1, .amd-bg-navy h2, .amd-bg-navy h3, .amd-bg-navy strong { color: var(--amd-on-dark); }
.amd-bg-navy a:not(.amd-btn) { color: var(--amd-amber); }
.amd-bg-navy a:not(.amd-btn):hover { color: var(--amd-amber-hover); }
.amd-block.amd-flush { padding-block: 0; }

/* --------------------------------------------------------------------------
   3. Layout
   -------------------------------------------------------------------------- */
.amd-container {
  width: 100%;
  max-width: calc(var(--amd-container) + 2 * var(--amd-gutter));
  margin-inline: auto;
  padding-inline: var(--amd-gutter);
}
.amd-container--narrow { max-width: calc(var(--amd-container-narrow) + 2 * var(--amd-gutter)); }

.amd-stack { display: flex; flex-direction: column; gap: var(--amd-s-5); }
.amd-stack--sm { gap: var(--amd-s-3); }
.amd-stack--lg { gap: var(--amd-s-8); }
.amd-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--amd-s-3); }

.amd-grid { display: grid; gap: var(--amd-s-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) {
  .amd-grid--2, .amd-grid--3, .amd-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1025px) {
  .amd-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .amd-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Two-column split (text + media) */
.amd-split { display: grid; gap: var(--amd-s-7); align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1025px) {
  .amd-split { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--amd-s-9); }
  .amd-split--wide-text { grid-template-columns: 7fr 5fr; }
}

/* --------------------------------------------------------------------------
   4. Typography helpers
   -------------------------------------------------------------------------- */
.amd-eyebrow {
  display: inline-block;
  font-size: var(--amd-fs-label);
  font-weight: var(--amd-fw-bold);
  color: var(--amd-amber-ink);
  line-height: 1.4;
}
.amd-bg-navy .amd-eyebrow,
.amd-on-dark .amd-eyebrow { color: var(--amd-amber); }
.amd-lead { font-size: var(--amd-fs-lead); line-height: var(--amd-lh-body); color: var(--amd-muted); }
.amd-bg-navy .amd-lead { color: var(--amd-on-dark-muted); }
.amd-small { font-size: var(--amd-fs-small); color: var(--amd-muted); }
.amd-head { display: flex; flex-direction: column; gap: var(--amd-s-3); max-width: 760px; margin-block-end: var(--amd-s-8); }
.amd-head--center { margin-inline: auto; text-align: center; align-items: center; }
.amd-head__text { max-width: 760px; }
.amd-head--row { max-width: none; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.amd-prose { max-width: 72ch; }
.amd-prose h2 { margin-block: var(--amd-s-7) var(--amd-s-4); }
.amd-prose h3 { margin-block: var(--amd-s-6) var(--amd-s-3); }
.amd-prose ul, .amd-prose ol { margin-block: var(--amd-s-4); }

/* --------------------------------------------------------------------------
   5. Buttons
   -------------------------------------------------------------------------- */
.amd-block .amd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--amd-s-2);
  min-height: 52px;
  padding: 0 var(--amd-s-6);
  border-radius: var(--amd-r-pill);
  border: 1.5px solid transparent;
  font-family: var(--amd-font);
  font-size: 1.0625rem;
  font-weight: var(--amd-fw-black);
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--amd-t-fast) var(--amd-ease), color var(--amd-t-fast) var(--amd-ease), border-color var(--amd-t-fast) var(--amd-ease), transform var(--amd-t-fast) var(--amd-ease);
  white-space: nowrap;
}
.amd-block .amd-btn:active { transform: translateY(1px); }
.amd-block .amd-btn svg { width: 20px; height: 20px; flex: none; }

.amd-block .amd-btn--primary { background: var(--amd-amber); color: var(--amd-navy); }
.amd-block .amd-btn--primary:hover { background: var(--amd-amber-hover); color: var(--amd-navy); }

.amd-block .amd-btn--dark { background: var(--amd-navy); color: var(--amd-white); font-weight: var(--amd-fw-bold); }
.amd-block .amd-btn--dark:hover { background: var(--amd-navy-2); color: var(--amd-white); }

.amd-block .amd-btn--outline { background: transparent; color: var(--amd-navy); border-color: var(--amd-navy); font-weight: var(--amd-fw-bold); }
.amd-block .amd-btn--outline:hover { background: var(--amd-navy); color: var(--amd-white); }

.amd-block .amd-btn--ghost-light { background: transparent; color: var(--amd-white); border-color: var(--amd-white); font-weight: var(--amd-fw-bold); }
.amd-block .amd-btn--ghost-light:hover { background: var(--amd-white); color: var(--amd-navy); }

.amd-block .amd-btn--whatsapp { background: #128C4A; color: var(--amd-white); font-weight: var(--amd-fw-bold); }
.amd-block .amd-btn--whatsapp:hover { background: #0E7A40; color: var(--amd-white); }

.amd-block .amd-btn--sm { min-height: 44px; padding: 0 var(--amd-s-5); font-size: 1rem; }
.amd-block .amd-btn--block { width: 100%; }

/* Text link with arrow */
.amd-block .amd-link {
  display: inline-flex; align-items: center; gap: var(--amd-s-2);
  font-weight: var(--amd-fw-black); text-decoration: none; color: var(--amd-blue);
  min-height: 44px;
}
.amd-block .amd-link::after { content: "←"; transition: transform var(--amd-t-fast) var(--amd-ease); }
.amd-block .amd-link:hover::after { transform: translateX(-4px); }

/* --------------------------------------------------------------------------
   6. Cards
   -------------------------------------------------------------------------- */
.amd-card {
  background: var(--amd-white);
  border-radius: var(--amd-r-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--amd-line);
  transition: transform var(--amd-t-base) var(--amd-ease), box-shadow var(--amd-t-base) var(--amd-ease);
  height: 100%;
}
.amd-bg-mist .amd-card { border-color: transparent; }
.amd-card:hover { box-shadow: var(--amd-shadow-card); }
.amd-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: var(--amd-line); }
.amd-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--amd-t-slow) var(--amd-ease); }
.amd-card:hover .amd-card__media img { transform: scale(1.03); }
.amd-card__body { padding: var(--amd-s-5); display: flex; flex-direction: column; gap: var(--amd-s-3); flex: 1; }
.amd-card__body .amd-link { margin-top: auto; }
.amd-card--dark { background: var(--amd-navy-2); border-color: var(--amd-line-dark); color: var(--amd-on-dark-muted); }
.amd-card--dark h3 { color: var(--amd-on-dark); }

/* Sub-links inside a card (internal links to child services) */
.amd-card__links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--amd-s-2); }
.amd-block .amd-card__links li { margin: 0; }
.amd-block .amd-card__links a {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--amd-s-3);
  border-radius: var(--amd-r-pill); background: var(--amd-mist); color: var(--amd-ink);
  font-size: var(--amd-fs-small); font-weight: var(--amd-fw-medium); text-decoration: none;
}
.amd-block .amd-card__links a:hover { background: var(--amd-navy); color: var(--amd-white); }
.amd-bg-mist .amd-card__links a { background: var(--amd-mist); }
.amd-card__title a { color: inherit; text-decoration: none; }
.amd-card__title a:hover { color: var(--amd-blue); }

/* Link tiles (compact secondary services) */
.amd-tiles { display: grid; gap: var(--amd-s-3); grid-template-columns: minmax(0, 1fr); margin-top: var(--amd-s-6); }
@media (min-width: 768px) { .amd-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .amd-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.amd-block .amd-tile {
  display: flex; align-items: center; gap: var(--amd-s-4);
  min-height: 76px; padding: var(--amd-s-4) var(--amd-s-5);
  border-radius: var(--amd-r-md); background: var(--amd-white); border: 1px solid var(--amd-line);
  color: var(--amd-ink); text-decoration: none;
  transition: border-color var(--amd-t-fast) var(--amd-ease), box-shadow var(--amd-t-fast) var(--amd-ease);
}
.amd-bg-mist .amd-tile { border-color: transparent; }
.amd-block .amd-tile:hover { border-color: var(--amd-amber); box-shadow: var(--amd-shadow-card); color: var(--amd-ink); }
.amd-tile__icon { width: 44px; height: 44px; flex: none; border-radius: var(--amd-r-sm); display: inline-flex; align-items: center; justify-content: center; background: rgba(242, 169, 0, 0.14); color: var(--amd-amber-ink); }
.amd-tile__icon svg { width: 22px; height: 22px; }
.amd-tile__text { display: flex; flex-direction: column; line-height: 1.5; }
.amd-tile__title { font-weight: var(--amd-fw-black); font-size: 1.0625rem; }
.amd-tile__sub { font-size: var(--amd-fs-small); color: var(--amd-muted); }

/* Feature list on dark/light with link */
.amd-feature .amd-link { min-height: 36px; font-size: var(--amd-fs-small); }
.amd-bg-navy .amd-feature .amd-link { color: var(--amd-amber); }
.amd-bg-navy .amd-feature p { color: var(--amd-on-dark-muted); }

/* Product promo (e.g. jacuzzi teaser on the homepage) */
.amd-promo {
  display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden;
  border-radius: var(--amd-r-lg); background: var(--amd-white); color: var(--amd-text);
}
@media (min-width: 1025px) { .amd-promo { grid-template-columns: 5fr 7fr; } }
.amd-promo__media { position: relative; min-height: 260px; aspect-ratio: 4 / 3; background: var(--amd-line); }
@media (min-width: 1025px) { .amd-promo__media { aspect-ratio: auto; } }
.amd-promo__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.amd-promo__body { padding: clamp(1.5rem, 1rem + 2vw, 3rem); display: flex; flex-direction: column; gap: var(--amd-s-4); justify-content: center; }
.amd-promo__body h2, .amd-promo__body h3 { color: var(--amd-ink); }
.amd-promo .amd-price__value { color: var(--amd-ink); }
.amd-block .amd-promo__title { font-size: var(--amd-fs-h2); }
/* promo is a light card even inside navy sections */
.amd-bg-navy .amd-promo a:not(.amd-btn) { color: var(--amd-blue); }
.amd-bg-navy .amd-promo a:not(.amd-btn):hover { color: var(--amd-blue-hover); }
.amd-bg-navy .amd-promo .amd-badge { color: var(--amd-amber-ink); }
.amd-bg-navy .amd-promo .amd-ph { color: var(--amd-amber-ink); }
.amd-bg-navy .amd-promo strong,
.amd-bg-navy .amd-promo .amd-price__value { color: var(--amd-ink); }

/* Chips list (sectors, areas) */
.amd-chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--amd-s-2); }
.amd-block .amd-chips li { margin: 0; padding: var(--amd-s-2) var(--amd-s-4); border-radius: var(--amd-r-pill); background: var(--amd-white); border: 1px solid var(--amd-line); font-weight: var(--amd-fw-bold); font-size: var(--amd-fs-small); color: var(--amd-ink); }
.amd-bg-navy .amd-chips li { background: rgba(255, 255, 255, 0.08); border-color: transparent; color: var(--amd-on-dark); }

/* Split with sticky aside (FAQ + form) */
@media (min-width: 1025px) {
  .amd-split--aside { grid-template-columns: 7fr 5fr; align-items: start; }
  .amd-sticky { position: sticky; top: calc(var(--amd-sticky-h) + var(--amd-s-5)); }
}

/* Feature item (icon + title + text) */
.amd-feature { display: flex; flex-direction: column; gap: var(--amd-s-3); }
.amd-feature__icon {
  width: 52px; height: 52px; border-radius: var(--amd-r-md);
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(242, 169, 0, 0.14); color: var(--amd-amber-ink);
}
.amd-bg-navy .amd-feature__icon { background: rgba(242, 169, 0, 0.16); color: var(--amd-amber); }
.amd-feature__icon svg { width: 26px; height: 26px; }

/* Numbered steps */
.amd-steps { list-style: none; padding: 0; margin: 0; counter-reset: amd-step; display: grid; gap: var(--amd-s-5); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .amd-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .amd-steps--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .amd-steps--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.amd-block .amd-steps > li { counter-increment: amd-step; margin: 0; padding-top: var(--amd-s-5); border-top: 2px solid var(--amd-line); display: flex; flex-direction: column; gap: var(--amd-s-2); }
.amd-steps > li::before { content: counter(amd-step, decimal-leading-zero); font-size: 1rem; font-weight: var(--amd-fw-black); color: var(--amd-amber-ink); }
.amd-bg-navy .amd-steps > li { border-color: var(--amd-line-dark); }
.amd-bg-navy .amd-steps > li::before { color: var(--amd-amber); }

/* --------------------------------------------------------------------------
   7. Hero
   -------------------------------------------------------------------------- */
.amd-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(520px, 72vh, 760px);
  display: flex;
  align-items: center;
  background: var(--amd-navy);
  color: var(--amd-on-dark-muted);
  padding-block: var(--amd-s-9);
  overflow: hidden;
}
.amd-hero__bg { position: absolute; inset: 0; z-index: -2; }
.amd-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.amd-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--amd-overlay); }
.amd-hero h1 { color: var(--amd-on-dark); max-width: 18ch; }
.amd-hero .amd-lead { color: var(--amd-on-dark-muted); max-width: 60ch; }
.amd-hero__content { display: flex; flex-direction: column; gap: var(--amd-s-5); }
.amd-hero--center .amd-hero__content { align-items: center; text-align: center; margin-inline: auto; }
.amd-hero--center h1 { margin-inline: auto; }
.amd-hero--compact { min-height: clamp(360px, 46vh, 480px); }

/* Only if the WP header is ever made transparent over the hero */
.amd-hero--overlay { padding-top: calc(var(--amd-header-h) + var(--amd-s-7)); }
.admin-bar .amd-hero--overlay { padding-top: calc(var(--amd-header-h) + var(--amd-admin-bar) + var(--amd-s-7)); }
@media (max-width: 1024px) {
  .amd-hero--overlay { padding-top: calc(var(--amd-header-h-mobile) + var(--amd-s-6)); }
  .admin-bar .amd-hero--overlay { padding-top: calc(var(--amd-header-h-mobile) + var(--amd-admin-bar-mobile) + var(--amd-s-6)); }
}

/* Key facts strip under hero text */
.amd-facts { display: flex; flex-wrap: wrap; gap: var(--amd-s-3); list-style: none; padding: 0; margin: 0; }
.amd-facts li { margin: 0; padding: var(--amd-s-2) var(--amd-s-4); border-radius: var(--amd-r-pill); background: rgba(255, 255, 255, 0.1); color: var(--amd-on-dark); font-size: var(--amd-fs-small); font-weight: var(--amd-fw-bold); }

/* Hero without a background photo (navy with a subtle ring) */
.amd-hero--plain::before { background: radial-gradient(circle at 12% 110%, rgba(242, 169, 0, 0.16) 0, rgba(242, 169, 0, 0) 42%); }

/* Breadcrumb (when used inside a block) */
.amd-breadcrumb { font-size: var(--amd-fs-small); color: var(--amd-on-dark-muted); }
.amd-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--amd-s-1) var(--amd-s-2); }
.amd-block .amd-breadcrumb li { margin: 0; display: inline-flex; align-items: center; gap: var(--amd-s-2); }
.amd-breadcrumb li + li::before { content: "‹"; color: var(--amd-on-dark-muted); }
.amd-block .amd-breadcrumb a { color: var(--amd-on-dark); text-decoration: none; }
.amd-block .amd-breadcrumb a:hover { color: var(--amd-amber); }
.amd-breadcrumb [aria-current] { color: var(--amd-on-dark-muted); }

/* Check list */
.amd-block .amd-list-check { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--amd-s-2); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .amd-block .amd-list-check { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.amd-block .amd-list-check li { margin: 0; position: relative; padding-inline-start: 30px; line-height: 1.6; }
.amd-list-check li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 0.35em; width: 18px; height: 18px; border-radius: 50%;
  background: rgba(242, 169, 0, 0.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A5A00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Aside cards (sectors, mini CTA) */
.amd-aside-card { background: var(--amd-mist); border-radius: var(--amd-r-lg); padding: var(--amd-s-6); display: flex; flex-direction: column; gap: var(--amd-s-4); }
.amd-bg-mist .amd-aside-card { background: var(--amd-white); }
.amd-aside-card.amd-aside-card--dark { background: var(--amd-navy); color: var(--amd-on-dark-muted); }
.amd-aside-card--dark h3 { color: var(--amd-on-dark); }
.amd-aside-card .amd-btn { margin-top: 0; }

/* --------------------------------------------------------------------------
   8. Data: spec table, price, badges
   -------------------------------------------------------------------------- */
.amd-specs { width: 100%; border-collapse: collapse; font-size: 1.0625rem; }
.amd-specs th, .amd-specs td { padding: var(--amd-s-4) var(--amd-s-4); border-bottom: 1px solid var(--amd-line); text-align: start; vertical-align: top; }
.amd-specs th { width: 42%; font-weight: var(--amd-fw-bold); color: var(--amd-muted); }
.amd-specs td { font-weight: var(--amd-fw-bold); color: var(--amd-ink); }
.amd-bg-navy .amd-specs th, .amd-bg-navy .amd-specs td { border-color: var(--amd-line-dark); }
.amd-bg-navy .amd-specs th { color: var(--amd-on-dark-muted); }
.amd-bg-navy .amd-specs td { color: var(--amd-on-dark); }
.amd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.amd-price { display: inline-flex; align-items: baseline; gap: var(--amd-s-2); }
.amd-price__value { font-size: clamp(2rem, 1.6rem + 1.6vw, 2.75rem); font-weight: var(--amd-fw-black); color: var(--amd-ink); line-height: 1; }
.amd-bg-navy .amd-price__value, .amd-hero .amd-price__value { color: var(--amd-amber); }
.amd-price__currency { font-size: 1.125rem; font-weight: var(--amd-fw-bold); }

.amd-badge {
  display: inline-flex; align-items: center; gap: var(--amd-s-2);
  padding: var(--amd-s-1) var(--amd-s-3); border-radius: var(--amd-r-pill);
  background: rgba(242, 169, 0, 0.16); color: var(--amd-amber-ink);
  font-size: var(--amd-fs-small); font-weight: var(--amd-fw-bold); line-height: 1.6;
}
.amd-bg-navy .amd-badge, .amd-hero .amd-badge { color: var(--amd-amber); }

/* Stat tiles */
.amd-stat { display: flex; flex-direction: column; gap: var(--amd-s-1); padding: var(--amd-s-4); border-radius: var(--amd-r-md); background: var(--amd-mist); }
.amd-stat__label { font-size: var(--amd-fs-small); color: var(--amd-muted); }
.amd-stat__value { font-size: 1.3125rem; font-weight: var(--amd-fw-bold); color: var(--amd-ink); }
.amd-bg-navy .amd-stat, .amd-hero .amd-stat { background: rgba(255, 255, 255, 0.08); }
.amd-bg-navy .amd-stat__label, .amd-hero .amd-stat__label { color: var(--amd-on-dark-muted); }
.amd-bg-navy .amd-stat__value, .amd-hero .amd-stat__value { color: var(--amd-on-dark); }

/* --------------------------------------------------------------------------
   9. FAQ (native <details>, enhanced by global.js)
   -------------------------------------------------------------------------- */
.amd-faq { display: flex; flex-direction: column; gap: var(--amd-s-3); }
.amd-faq details { background: var(--amd-white); border: 1px solid var(--amd-line); border-radius: var(--amd-r-md); }
.amd-bg-mist .amd-faq details { border-color: transparent; }
.amd-faq summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: var(--amd-s-4);
  min-height: 60px; padding: var(--amd-s-4) var(--amd-s-5);
  font-size: 1.125rem; font-weight: var(--amd-fw-bold); color: var(--amd-ink); line-height: 1.5;
}
.amd-faq summary::-webkit-details-marker { display: none; }
.amd-faq summary::after {
  content: ""; flex: none; width: 12px; height: 12px;
  border-inline-end: 2.5px solid var(--amd-amber-ink); border-bottom: 2.5px solid var(--amd-amber-ink);
  transform: rotate(45deg) translateY(-3px); transition: transform var(--amd-t-base) var(--amd-ease);
}
.amd-faq details[open] summary::after { transform: rotate(-135deg) translateY(-3px); }
.amd-faq summary h3 { font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
.amd-faq__answer { padding: 0 var(--amd-s-5) var(--amd-s-5); color: var(--amd-text); }

/* --------------------------------------------------------------------------
   10. Fluent Forms wrapper
   The form itself is rendered by Fluent Forms via shortcode in an
   Elementor Shortcode widget placed inside .amd-form-slot, or the shortcode
   text pasted inside the HTML widget (WordPress renders it).
   -------------------------------------------------------------------------- */
.amd-form-card {
  background: var(--amd-white);
  border-radius: var(--amd-r-lg);
  padding: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);
  box-shadow: var(--amd-shadow-card);
  color: var(--amd-text);
}
.amd-form-card h2, .amd-form-card h3 { color: var(--amd-ink); }
.amd-form-slot { margin-top: var(--amd-s-5); }
.amd-form-slot .fluentform .ff-el-group { margin-bottom: var(--amd-s-4); }
.amd-form-slot .fluentform .ff-el-input--label label { font-family: var(--amd-font); font-weight: var(--amd-fw-bold); color: var(--amd-ink); font-size: 1rem; }
.amd-form-slot .fluentform .ff-el-form-control {
  font-family: var(--amd-font); font-size: 1rem; color: var(--amd-ink);
  width: 100%; min-height: 52px; border: 1.5px solid var(--amd-line); border-radius: var(--amd-r-sm);
  background: var(--amd-white); padding: var(--amd-s-3) var(--amd-s-4);
  transition: border-color var(--amd-t-fast) var(--amd-ease), box-shadow var(--amd-t-fast) var(--amd-ease);
}
.amd-form-slot .fluentform textarea.ff-el-form-control { min-height: 120px; }
.amd-form-slot .fluentform .ff-el-form-control:focus { border-color: var(--amd-navy); box-shadow: 0 0 0 3px rgba(242, 169, 0, 0.35); outline: none; }
/* !important: Fluent Forms sets inline button colors from its own settings */
.amd-form-slot .fluentform .ff-btn-submit {
  font-family: var(--amd-font) !important; font-weight: var(--amd-fw-black) !important; font-size: 1.0625rem !important;
  min-height: 52px; padding: 0 var(--amd-s-7) !important; border-radius: var(--amd-r-pill) !important;
  background: var(--amd-amber) !important; color: var(--amd-navy) !important; border: 0 !important;
  width: 100%;
}
.amd-form-slot .fluentform .ff-btn-submit:hover { background: var(--amd-amber-hover) !important; }
.amd-form-slot .fluentform .ff-el-is-error .ff-el-form-control { border-color: var(--amd-danger); }
.amd-form-slot .fluentform .error, .amd-form-slot .fluentform .text-danger { color: var(--amd-danger); font-size: var(--amd-fs-small); }
.amd-form-slot .ff-message-success { border-radius: var(--amd-r-sm); background: #E8F5EE; color: var(--amd-success); border: 0; font-family: var(--amd-font); }

/* Source Shortcode widget is emptied once its form is moved into the slot */
.amd-form-src--moved { display: none !important; } /* !important: beats Elementor widget display rules */
.elementor-editor-active [data-amd="form-slot"]:empty::before { content: "يظهر فورم Fluent Forms هنا على الموقع (من ويدجت الشورتكود تحت البلوك)"; display: block; padding: var(--amd-s-5); border: 2px dashed var(--amd-line); border-radius: var(--amd-r-md); color: var(--amd-muted); font-size: var(--amd-fs-small); text-align: center; }

/* Placeholder shown in preview only (the WP shortcode replaces it) */
.amd-shortcode-ph {
  border: 2px dashed var(--amd-line); border-radius: var(--amd-r-md);
  padding: var(--amd-s-6); text-align: center; color: var(--amd-muted); font-size: var(--amd-fs-small);
}

/* --------------------------------------------------------------------------
   11. CTA band
   -------------------------------------------------------------------------- */
.amd-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--amd-s-5);
  padding: clamp(1.5rem, 1rem + 2.5vw, 3.5rem);
  border-radius: var(--amd-r-lg);
  background: var(--amd-navy); color: var(--amd-on-dark-muted);
}
.amd-cta h2 { color: var(--amd-on-dark); }
.amd-cta__text { display: flex; flex-direction: column; gap: var(--amd-s-3); max-width: 640px; }

/* --------------------------------------------------------------------------
   11b. Prefooter CTA (blocks/00-shared/prefooter.html)
   -------------------------------------------------------------------------- */
.amd-prefooter { background: var(--amd-white); }
.amd-prefooter.amd-bg-mist { background: var(--amd-mist); }
.amd-prefooter .amd-cta {
  position: relative; overflow: hidden; isolation: isolate;
  align-items: stretch;
}
.amd-prefooter .amd-cta::after {
  content: ""; position: absolute; z-index: -1; inset-inline-end: -140px; bottom: -170px;
  width: 360px; height: 360px; border-radius: 50%;
  border: 48px solid rgba(242, 169, 0, 0.12);
}
.amd-prefooter .amd-cta__text { gap: var(--amd-s-4); }
.amd-prefooter__actions { display: flex; flex-direction: column; justify-content: center; gap: var(--amd-s-3); min-width: min(100%, 300px); }
.amd-checks { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--amd-s-2) var(--amd-s-5); }
.amd-block .amd-checks li { margin: 0; display: inline-flex; align-items: center; gap: var(--amd-s-2); color: var(--amd-on-dark); font-weight: var(--amd-fw-bold); font-size: var(--amd-fs-small); }
.amd-checks svg { width: 18px; height: 18px; color: var(--amd-amber); flex: none; }
.amd-prefooter__note { font-size: var(--amd-fs-small); color: var(--amd-on-dark-muted); text-align: center; }

/* --------------------------------------------------------------------------
   11c. Footer (blocks/00-shared/footer.html)
   -------------------------------------------------------------------------- */
.amd-footer { background: #0A1524; color: var(--amd-on-dark-muted); padding-block: var(--amd-section-y) 0; font-size: 1rem; }
.amd-footer__grid { display: grid; gap: var(--amd-s-7); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .amd-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .amd-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: var(--amd-s-8); } }
.amd-footer__brand { display: flex; flex-direction: column; gap: var(--amd-s-4); }
.amd-footer__logo img { width: 200px; height: auto; }
.amd-footer__about { line-height: 1.8; max-width: 42ch; }
.amd-block .amd-footer__title { font-size: 1.0625rem; font-weight: var(--amd-fw-black); color: var(--amd-on-dark); margin-bottom: var(--amd-s-4); }
.amd-footer__links { list-style: none; padding: 0; margin: 0; }
.amd-block .amd-footer__links li { margin: 0; }
.amd-block .amd-footer__links a, .amd-block .amd-footer__contact a {
  display: inline-flex; align-items: center; gap: var(--amd-s-2);
  min-height: 40px; color: var(--amd-on-dark-muted); text-decoration: none;
}
.amd-block .amd-footer__links a:hover, .amd-block .amd-footer__contact a:hover { color: var(--amd-amber); }
.amd-footer__contact { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--amd-s-2); }
.amd-block .amd-footer__contact li { margin: 0; display: flex; align-items: flex-start; gap: var(--amd-s-3); line-height: 1.6; }
.amd-footer__contact svg { width: 20px; height: 20px; flex: none; color: var(--amd-amber); margin-top: 2px; }
.amd-block .amd-footer__contact a { min-height: 0; }
.amd-footer__social { display: flex; gap: var(--amd-s-2); margin-top: var(--amd-s-2); }
.amd-block .amd-footer__social a {
  width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.08); color: var(--amd-on-dark);
  transition: background-color var(--amd-t-fast) var(--amd-ease), color var(--amd-t-fast) var(--amd-ease);
}
.amd-block .amd-footer__social a:hover { background: var(--amd-amber); color: var(--amd-navy); }
.amd-footer__social svg { width: 20px; height: 20px; }
.amd-footer__bottom {
  margin-top: var(--amd-s-8); padding-block: var(--amd-s-5);
  border-top: 1px solid var(--amd-line-dark);
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--amd-s-3);
  font-size: var(--amd-fs-small);
}
.amd-block .amd-footer__bottom a { color: var(--amd-on-dark-muted); }
.amd-block .amd-footer__bottom a:hover { color: var(--amd-amber); }
.amd-ph { color: var(--amd-amber-ink); font-weight: var(--amd-fw-bold); } /* visible [NEED] placeholders until real data arrives */
.amd-bg-navy .amd-ph, .amd-footer .amd-ph, .amd-hero .amd-ph { color: #F5C451; }

/* --------------------------------------------------------------------------
   12. Media helpers
   -------------------------------------------------------------------------- */
.amd-media { border-radius: var(--amd-r-lg); overflow: hidden; background: var(--amd-line); }
.amd-media img { width: 100%; height: 100%; object-fit: cover; }
.amd-media--4x3 { aspect-ratio: 4 / 3; }
.amd-media--16x9 { aspect-ratio: 16 / 9; }
.amd-media--square { aspect-ratio: 1 / 1; }
.amd-media figcaption { padding: var(--amd-s-3) var(--amd-s-4); font-size: var(--amd-fs-small); color: var(--amd-muted); background: var(--amd-white); }
.amd-img-ph { display: flex; align-items: center; justify-content: center; text-align: center; padding: var(--amd-s-5); color: var(--amd-muted); font-size: var(--amd-fs-small); background: var(--amd-line); width: 100%; height: 100%; min-height: 200px; }

/* --------------------------------------------------------------------------
   13. Reveal on scroll (JS adds .amd-in). Content stays visible without JS.
   -------------------------------------------------------------------------- */
.amd-js [data-amd="reveal"] { opacity: 0; transform: translateY(16px); transition: opacity var(--amd-t-slow) var(--amd-ease), transform var(--amd-t-slow) var(--amd-ease); }
.amd-js [data-amd="reveal"].amd-in { opacity: 1; transform: none; }
.elementor-editor-active [data-amd="reveal"] { opacity: 1 !important; transform: none !important; } /* always visible while editing */

/* --------------------------------------------------------------------------
   14. Utilities
   -------------------------------------------------------------------------- */
.amd-center { text-align: center; }
.amd-mt-0 { margin-top: 0 !important; }
.amd-mt-6 { margin-top: var(--amd-s-6); }
.amd-mt-9 { margin-top: var(--amd-s-9); }
.amd-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.amd-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* --------------------------------------------------------------------------
   15. Elementor resets (HTML widget sits inside Elementor containers)
   -------------------------------------------------------------------------- */
.elementor-widget-html:has(> .elementor-widget-container > .amd-block) { width: 100%; }
.elementor-widget-html > .elementor-widget-container > .amd-block { margin: 0; }

/* --------------------------------------------------------------------------
   16. Breakpoints (Elementor: 1024 / 767)
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  :root { --amd-sticky-h: 60px; }
}
@media (max-width: 767px) {
  .amd-block { font-size: 1.0625rem; }
  .amd-head { margin-block-end: var(--amd-s-6); }
  .amd-head--row { flex-direction: column; align-items: flex-start; }
  .amd-hero { min-height: 0; padding-block: var(--amd-s-8); }
  .amd-hero .amd-row .amd-btn { flex: 1 1 100%; }
  .amd-cta .amd-btn { width: 100%; }
  .amd-footer__bottom { flex-direction: column; align-items: flex-start; }
  .amd-specs th, .amd-specs td { padding: var(--amd-s-3); }
}

/* --------------------------------------------------------------------------
   17. Reduced motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .amd-block *, .amd-block *::before, .amd-block *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .amd-js [data-amd="reveal"] { opacity: 1; transform: none; }
}

/* --------------------------------------------------------------------------
   18. Page-specific components (services directory, jacuzzi hero, contact)
   -------------------------------------------------------------------------- */
/* Services directory group: image + text with all sub-service links */
.amd-svc-group { display: grid; gap: var(--amd-s-6); align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1025px) {
  .amd-svc-group { grid-template-columns: 5fr 7fr; gap: var(--amd-s-9); }
  .amd-svc-group:nth-child(even) > figure { order: 2; }
}
.amd-block .amd-card__title-link { color: var(--amd-ink); text-decoration: none; }
.amd-block .amd-card__title-link:hover { color: var(--amd-blue); }

/* Jacuzzi landing hero — light, product-first */
.amd-jac-hero { background: linear-gradient(180deg, var(--amd-mist) 0%, var(--amd-white) 100%); }
.amd-jac-hero h1 { max-width: 18ch; }
.amd-jac-hero .amd-lead { color: var(--amd-muted); }
.amd-jac-hero__media { box-shadow: var(--amd-shadow-card); }
.amd-breadcrumb--light { color: var(--amd-muted); }
.amd-block .amd-breadcrumb--light a { color: var(--amd-ink); }
.amd-breadcrumb--light li + li::before, .amd-breadcrumb--light [aria-current] { color: var(--amd-muted); }

/* Contact methods */
.amd-contact-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--amd-s-3); }
.amd-block .amd-contact-item { margin: 0; display: flex; gap: var(--amd-s-4); align-items: flex-start; padding: var(--amd-s-4); border: 1px solid var(--amd-line); border-radius: var(--amd-r-md); }
.amd-contact-item h3 { font-size: 1rem; margin-bottom: var(--amd-s-1); }
.amd-contact-item p { color: var(--amd-muted); }
.amd-contact-item .amd-feature__icon { width: 44px; height: 44px; flex: none; }
.amd-contact-item .amd-feature__icon svg { width: 22px; height: 22px; }

/* Comparison / data table with header row and visible caption */
.amd-specs--grid { background: var(--amd-white); border-radius: var(--amd-r-md); overflow: hidden; }
.amd-specs--grid caption { caption-side: top; text-align: start; padding-bottom: var(--amd-s-3); font-weight: var(--amd-fw-black); color: var(--amd-ink); font-size: 1.125rem; }
.amd-specs--grid thead th { background: var(--amd-navy); color: var(--amd-white); font-weight: var(--amd-fw-bold); width: auto; }
.amd-specs--grid tbody th { width: auto; color: var(--amd-ink); }
.amd-specs--grid td { font-weight: var(--amd-fw-regular); color: var(--amd-text); }
.amd-bg-navy .amd-specs--grid caption { color: var(--amd-on-dark); }
.amd-specs--grid tbody tr:nth-child(even) { background: var(--amd-mist); }
.amd-bg-mist .amd-specs--grid tbody tr:nth-child(even) { background: #F7F8FA; }

/* Category intro (shop archives) */
.amd-cat-intro { padding-block: var(--amd-s-8); background: var(--amd-mist); }
.amd-cat-intro__inner { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--amd-s-5); }
.amd-cat-intro__inner > .amd-stack { max-width: 820px; }

/* Guide articles (sub-service deep-dive) */
.amd-guide-item { display: flex; flex-direction: column; gap: var(--amd-s-3); padding-top: var(--amd-s-5); border-top: 3px solid var(--amd-amber); }
.amd-block .amd-guide-item h3 { font-size: 1.1875rem; }