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

:root {
	--wd-text-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Cairo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cairo", 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: "Cairo", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(149,156,58);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(149,156,58);
	--btn-accented-bgcolor-hover: rgb(137,144,54);
	--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-popup.wd-age-verify {
	background-color: rgb(117,117,117);
	background-image: url(https://alshorouknurseries.com/wp-content/uploads/2021/10/medical-marijuana-popup-18.jpg);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
: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;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(249,249,249);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--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;
}

.wa__stt_online .wa__btn_txt
{
font-family: Cairo;}
/* =========================================================
   Al Shorouk Nurseries — global.css
   Paste into: Elementor → Site Settings → Custom CSS
   (or Appearance → Customize → Additional CSS)
   Namespace: shr-   ·   Direction: RTL (logical properties)
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600&display=swap');

:root {
  /* Color — derived from the Al Shorouk logo + nursery soil */
  --shr-grove: #0B4D2C;        /* primary green (logo green, deepened for AA) */
  --shr-grove-deep: #072F1B;   /* footer / dark surfaces */
  --shr-leaf: #2F7D3A;         /* hover state of grove */
  --shr-sun: #F0C00C;          /* logo sun — accents only, never text on light */
  --shr-sand: #EFE6D3;         /* section background (sandy soil) */
  --shr-paper: #FBF8F1;        /* cards, tags */
  --shr-clay: #9A6B35;         /* wire, strings, rules */
  --shr-ink: #17231B;          /* body text */
  --shr-ink-soft: #4A564D;     /* secondary text (AA on sand & paper) */
  --shr-on-dark: #F4EFE3;      /* text on grove */
  --shr-on-dark-soft: #C9D3C6;
  --shr-line: rgba(23, 35, 27, .14);
  --shr-line-dark: rgba(244, 239, 227, .18);

  /* Type */
  --shr-font-display: 'Alexandria', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --shr-font-body: 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
  --shr-fs-h1: clamp(2rem, 1.25rem + 2.8vw, 3.4rem);
  --shr-fs-h2: clamp(1.6rem, 1.15rem + 1.9vw, 2.6rem);
  --shr-fs-h3: clamp(1.15rem, 1rem + .6vw, 1.45rem);
  --shr-fs-lead: clamp(1.05rem, .98rem + .35vw, 1.25rem);
  --shr-fs-body: 1rem;
  --shr-fs-small: .875rem;
  --shr-lh-body: 1.8;
  --shr-lh-tight: 1.3;

  /* Space & shape */
  --shr-space-1: .5rem;
  --shr-space-2: 1rem;
  --shr-space-3: 1.5rem;
  --shr-space-4: 2rem;
  --shr-space-5: 3rem;
  --shr-space-6: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --shr-gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);
  --shr-max: 1240px;
  --shr-radius-s: 4px;
  --shr-radius-m: 10px;
  --shr-ease: cubic-bezier(.2, .7, .2, 1);
  --shr-dur: .25s;

  /* WordPress header overlay (Woodmart). Measure on the live site and adjust. */
  --shr-header-h: 90px;
  --shr-header-h-mobile: 70px;
}

/* ---------- Base (scoped to blocks only) ---------- */
.shr-block,
.shr-block *,
.shr-block *::before,
.shr-block *::after { box-sizing: border-box; }

.shr-block {
  font-family: var(--shr-font-body);
  font-size: var(--shr-fs-body);
  line-height: var(--shr-lh-body);
  color: var(--shr-ink);
  padding-block: var(--shr-space-6);
  position: relative;
  overflow: hidden;
}
.shr-block h1, .shr-block h2, .shr-block h3, .shr-block h4 {
  font-family: var(--shr-font-display);
  line-height: var(--shr-lh-tight);
  color: inherit;
  margin: 0;
  letter-spacing: 0;
}
.shr-block p { margin: 0; }
.shr-block ul, .shr-block ol, .shr-block dl, .shr-block dd, .shr-block figure { margin: 0; padding: 0; }
.shr-block ul { list-style: none; }
.shr-block img { display: block; max-width: 100%; height: auto; }
.shr-block a { color: inherit; }
.shr-block :focus-visible { outline: 3px solid var(--shr-sun); outline-offset: 3px; border-radius: 2px; }

.shr-wrap { width: 100%; max-width: var(--shr-max); margin-inline: auto; padding-inline: var(--shr-gutter); }

.shr-bg-sand  { background: var(--shr-sand); }
.shr-bg-paper { background: var(--shr-paper); }
.shr-bg-grove { background: var(--shr-grove); color: var(--shr-on-dark); }

/* Section heading */
.shr-head { max-width: 46rem; margin-block-end: var(--shr-space-5); }
.shr-head h2 { font-size: var(--shr-fs-h2); font-weight: 800; }
.shr-head p { margin-block-start: var(--shr-space-2); font-size: var(--shr-fs-lead); color: var(--shr-ink-soft); max-width: 38rem; }
.shr-bg-grove .shr-head p { color: var(--shr-on-dark-soft); }
.shr-head-row { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--shr-space-3); }
.shr-head-row .shr-head { margin-block-end: 0; }

/* ---------- Buttons ---------- */
.shr-btns { display: flex; flex-wrap: wrap; gap: .75rem; }
.shr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 48px; padding: .7rem 1.4rem;
  font-family: var(--shr-font-body); font-weight: 600; font-size: 1rem; line-height: 1.2;
  border-radius: var(--shr-radius-s); border: 2px solid transparent;
  text-decoration: none !important; /* theme underlines links inside Elementor HTML widgets */
  cursor: pointer; transition: background var(--shr-dur) var(--shr-ease), color var(--shr-dur) var(--shr-ease), border-color var(--shr-dur) var(--shr-ease);
}
.shr-btn svg { width: 20px; height: 20px; flex: none; }
.shr-btn--primary { background: var(--shr-grove); color: var(--shr-on-dark) !important; }
.shr-btn--primary:hover { background: var(--shr-leaf); }
.shr-btn--sun { background: var(--shr-sun); color: var(--shr-grove-deep) !important; }
.shr-btn--sun:hover { background: #FFD43A; }
.shr-btn--ghost { border-color: currentColor; color: inherit; background: transparent; }
.shr-btn--ghost:hover { background: rgba(255,255,255,.08); }
.shr-bg-sand .shr-btn--ghost:hover, .shr-bg-paper .shr-btn--ghost:hover { background: rgba(11,77,44,.06); }

.shr-link {
  font-weight: 600; color: var(--shr-grove); text-decoration: underline;
  text-decoration-color: var(--shr-sun); text-decoration-thickness: 3px; text-underline-offset: 6px;
}
.shr-link:hover { text-decoration-color: var(--shr-grove); }

/* =========================================================
   PLANT TAG — the signature component
   A nursery label hanging from a wire. Used for varieties.
   ========================================================= */
.shr-tags {
  display: flex; gap: 1rem;
  padding-block-start: 0; padding-inline: var(--shr-gutter);
  margin-inline: calc(var(--shr-gutter) * -1);
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin;
  position: relative;
}
.shr-tags::before { /* the wire */
  content: ""; position: absolute; inset-inline: 0; inset-block-start: 6px;
  height: 2px; background: var(--shr-clay); opacity: .55;
  min-width: 100%; width: var(--shr-wire-w, 100%);
}
.shr-tag-item { flex: 0 0 auto; width: 13.5rem; padding-block-start: 34px; position: relative; scroll-snap-align: start; }
.shr-tag-item::before { /* the string */
  content: ""; position: absolute; inset-block-start: 6px; inset-inline-start: calc(50% - 1px);
  width: 2px; height: 40px; background: var(--shr-clay);
}
.shr-tag-item .shr-tag { transform-origin: 50% 0; }
.shr-tag-item:nth-child(3n+1) .shr-tag { transform: rotate(-1.6deg); }
.shr-tag-item:nth-child(3n+2) .shr-tag { transform: rotate(1.2deg); }
.shr-tag-item:nth-child(3n) .shr-tag   { transform: rotate(-.6deg); }

.shr-tag {
  position: relative; height: 100%;
  background: var(--shr-paper);
  padding: 2.4rem 1.15rem 1.3rem;
  clip-path: polygon(22% 0, 78% 0, 100% 9%, 100% 100%, 0 100%, 0 9%);
  filter: drop-shadow(0 1px 0 rgba(23,35,27,.10));
}
.shr-tag::before { /* punched hole */
  content: ""; position: absolute; inset-block-start: .7rem; inset-inline-start: calc(50% - 7px);
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--shr-sand); box-shadow: inset 0 1px 2px rgba(23,35,27,.35);
}
.shr-tag h3 { font-size: 1.35rem; font-weight: 800; color: var(--shr-grove); }
.shr-tag p { margin-block-start: .4rem; font-size: .93rem; line-height: 1.65; color: var(--shr-ink-soft); }
.shr-tag .shr-tag-note {
  display: inline-block; margin-block-start: .8rem; padding: .1rem .55rem;
  font-size: .8rem; font-weight: 600; color: var(--shr-grove-deep);
  border: 1.5px solid var(--shr-grove); border-radius: 999px;
}
.shr-tag--sun { background: var(--shr-sun); }
.shr-tag--sun p { color: var(--shr-grove-deep); }

@media (min-width: 1025px) {
  .shr-tags { flex-wrap: wrap; overflow: visible; row-gap: 1.25rem; margin-inline: 0; padding-inline: 0; }
  .shr-tags::before { display: none; }
  .shr-tag-item { width: calc((100% - 4rem) / 5); }
  .shr-tag-item::after { /* each row gets its own wire segment */
    content: ""; position: absolute; inset-block-start: 6px; inset-inline: -.5rem;
    height: 2px; background: var(--shr-clay); opacity: .55;
  }
}

/* =========================================================
   HOME — HERO
   ========================================================= */
.shr-hero {
  padding-block-start: calc(var(--shr-header-h-mobile) + var(--shr-space-4));
  padding-block-end: 0;
  background: var(--shr-grove); color: var(--shr-on-dark);
}
.admin-bar .shr-hero { padding-block-start: calc(var(--shr-header-h-mobile) + 46px + var(--shr-space-4)); }

.shr-hero-grid { display: grid; gap: var(--shr-space-4); }
.shr-hero-copy { padding-block-end: var(--shr-space-2); }
.shr-hero h1 { font-size: var(--shr-fs-h1); font-weight: 800; max-width: 21ch; }
.shr-hero-lead { margin-block-start: var(--shr-space-3); font-size: var(--shr-fs-lead); color: var(--shr-on-dark-soft); max-width: 34rem; }
.shr-hero .shr-btns { margin-block-start: var(--shr-space-4); }
.shr-hero .shr-btn--ghost { color: var(--shr-on-dark); }

.shr-hero-media { position: relative; margin-inline: calc(var(--shr-gutter) * -1); }
.shr-hero-media img { width: 100%; height: 26rem; object-fit: cover; object-position: 50% 35%; }
.shr-hero-label { /* small hanging tag over the photo */
  position: absolute; inset-block-start: 0; inset-inline-end: 1.5rem;
  width: 10.5rem; padding-block-start: 46px; transform-origin: 50% 0;
}
.shr-hero-label::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: calc(50% - 1px); width: 2px; height: 56px; background: var(--shr-sun); }
.shr-hero-label .shr-tag { padding: 2.1rem .9rem 1rem; }
.shr-hero-label .shr-tag::before { background: var(--shr-grove); box-shadow: none; }
.shr-hero-label strong { display: block; font-family: var(--shr-font-display); font-size: 1.1rem; color: var(--shr-grove); line-height: 1.3; }
.shr-hero-label span { display: block; margin-block-start: .25rem; font-size: .85rem; line-height: 1.5; color: var(--shr-ink-soft); }

.shr-hero-facts { background: var(--shr-grove-deep); border-block-start: 1px solid var(--shr-line-dark); }
.shr-hero-facts ul { display: grid; grid-template-columns: 1fr; }
.shr-block .shr-hero-facts .shr-wrap { padding-inline: var(--shr-gutter); margin-inline: auto; }
.shr-hero-facts li { padding: 1.1rem 0; display: flex; align-items: baseline; gap: .75rem; border-block-end: 1px solid var(--shr-line-dark); }
.shr-hero-facts b { font-family: var(--shr-font-display); font-size: 1.6rem; font-weight: 800; color: var(--shr-sun); white-space: nowrap; }
.shr-hero-facts span { color: var(--shr-on-dark-soft); font-size: .95rem; }

@keyframes shr-swing { 0% { transform: rotate(7deg); } 40% { transform: rotate(-4deg); } 70% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); } }
.shr-hero-label { animation: shr-swing 1.6s var(--shr-ease) .3s both; }

@media (min-width: 768px) {
  .shr-hero { padding-block-start: calc(var(--shr-header-h) + var(--shr-space-5)); }
  .admin-bar .shr-hero { padding-block-start: calc(var(--shr-header-h) + 32px + var(--shr-space-5)); }
  .shr-hero-facts ul { grid-template-columns: repeat(3, 1fr); }
  .shr-hero-facts li { border-block-end: 0; border-inline-start: 1px solid var(--shr-line-dark); padding: 1.4rem 1.5rem; }
  .shr-hero-facts li:first-child { border-inline-start: 0; padding-inline-start: 0; }
  .shr-hero-media img { height: 32rem; }
}
@media (min-width: 1025px) {
  .shr-hero-grid { grid-template-columns: 1.1fr .9fr; align-items: end; gap: var(--shr-space-5); }
  .shr-hero-copy { padding-block-end: var(--shr-space-6); }
  .shr-hero-media { margin-inline: 0; }
  .shr-hero-media img { height: min(40rem, 72vh); min-height: 32rem; border-start-start-radius: var(--shr-radius-m); border-start-end-radius: var(--shr-radius-m); }
  .shr-hero-label { inset-inline-end: auto; inset-inline-start: -2.5rem; }
}

/* =========================================================
   HOME 01 — CATEGORIES
   ========================================================= */
.shr-cats { display: grid; gap: var(--shr-space-2); grid-template-columns: 1fr; }
.shr-cat {
  position: relative; display: block; overflow: hidden; border-radius: var(--shr-radius-m);
  color: var(--shr-on-dark) !important; text-decoration: none !important; min-height: 15rem; background: var(--shr-grove-deep);
}
.shr-cat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--shr-ease); }
.shr-cat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,47,27,.92) 0%, rgba(7,47,27,.35) 45%, rgba(7,47,27,0) 75%); }
.shr-cat-body { position: absolute; inset-inline: 0; inset-block-end: 0; z-index: 1; padding: var(--shr-space-3); }
.shr-cat h3 { font-size: var(--shr-fs-h3); font-weight: 800; }
.shr-cat p { margin-block-start: .3rem; font-size: .95rem; color: var(--shr-on-dark-soft); max-width: 30rem; }
.shr-cat-more { display: inline-flex; margin-block-start: .7rem; font-weight: 600; font-size: .95rem; border-block-end: 2px solid var(--shr-sun); padding-block-end: 2px; }
.shr-cat:hover img { transform: scale(1.04); }

.shr-also { margin-block-start: var(--shr-space-4); display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; color: var(--shr-ink-soft); }
.shr-also strong { color: var(--shr-ink); font-weight: 600; }
.shr-also ul { display: flex; flex-wrap: wrap; gap: .5rem; }
.shr-also li { padding: .3rem .9rem; border: 1px solid var(--shr-line); border-radius: 999px; background: var(--shr-paper); font-size: .95rem; color: var(--shr-ink); }
.shr-bg-paper .shr-also li { background: var(--shr-sand); }

@media (min-width: 768px) {
  .shr-cats { grid-template-columns: repeat(2, 1fr); }
  .shr-cat { min-height: 19rem; }
}
@media (min-width: 1025px) {
  .shr-cats { grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: repeat(2, 17rem); }
  .shr-cat { min-height: 0; }
  .shr-cat--lead { grid-row: span 2; }
  .shr-cat--wide { grid-column: span 2; }
  .shr-cat--lead .shr-cat-body { padding: var(--shr-space-4); }
  .shr-cat--lead h3 { font-size: 2rem; }
}

/* =========================================================
   HOME 02 — MANGO VARIETIES + SEEDLING SPEC
   ========================================================= */
.shr-mango-intro { display: grid; gap: var(--shr-space-3); margin-block-end: var(--shr-space-4); }
.shr-mango-intro .shr-head { margin-block-end: 0; }
.shr-mango-hint { font-size: .95rem; color: var(--shr-ink-soft); }

.shr-spec {
  margin-block-start: var(--shr-space-6);
  display: grid; gap: var(--shr-space-4);
  background: var(--shr-paper); border-radius: var(--shr-radius-m); overflow: hidden;
}
.shr-spec-media img { width: 100%; height: 100%; min-height: 18rem; max-height: 28rem; object-fit: cover; }
.shr-spec-body { padding: var(--shr-space-4) var(--shr-space-3); }
.shr-spec-body h3 { font-size: var(--shr-fs-h2); font-weight: 800; color: var(--shr-grove); }
.shr-spec-body > p { margin-block-start: .6rem; color: var(--shr-ink-soft); }
.shr-spec dl { margin-block-start: var(--shr-space-3); display: grid; grid-template-columns: 1fr; }
.shr-spec dl > div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1rem; padding-block: .85rem; border-block-start: 1px solid var(--shr-line); }
.shr-spec dt { font-weight: 600; color: var(--shr-grove); }
.shr-spec dd { color: var(--shr-ink); }
.shr-spec .shr-btns { margin-block-start: var(--shr-space-4); }

@media (min-width: 768px) {
  .shr-spec-body { padding: var(--shr-space-5); }
}
@media (min-width: 1025px) {
  .shr-mango-intro { grid-template-columns: 1fr auto; align-items: end; }
  .shr-spec { grid-template-columns: .85fr 1.15fr; gap: 0; }
  .shr-spec-media img { max-height: none; }
}
@media (max-width: 480px) {
  .shr-spec dl > div { grid-template-columns: 1fr; gap: .15rem; }
}

/* =========================================================
   HOME 03 — SERVICES
   ========================================================= */
.shr-services { display: grid; gap: var(--shr-space-4) var(--shr-space-4); }
.shr-service { display: grid; gap: var(--shr-space-2); align-content: start; }
.shr-service figure { overflow: hidden; border-radius: var(--shr-radius-m); }
.shr-service img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.shr-service h3 { font-size: var(--shr-fs-h3); font-weight: 800; color: var(--shr-grove); margin-block-start: .4rem; }
.shr-service p { color: var(--shr-ink-soft); max-width: 34rem; }
.shr-services-cta { margin-block-start: var(--shr-space-5); display: flex; flex-wrap: wrap; gap: var(--shr-space-2); align-items: center; justify-content: space-between; padding-block-start: var(--shr-space-4); border-block-start: 1px solid var(--shr-line); }
.shr-services-cta p { font-family: var(--shr-font-display); font-size: var(--shr-fs-h3); font-weight: 600; max-width: 34rem; }

@media (min-width: 768px) {
  .shr-services { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1025px) {
  .shr-services { grid-template-columns: repeat(4, 1fr); gap: var(--shr-space-4) var(--shr-space-3); }
  .shr-service:nth-child(even) { margin-block-start: var(--shr-space-5); }
  .shr-service img { aspect-ratio: 3 / 4; }
}

/* =========================================================
   HOME 04 — FROM THE NURSERY (video + photos)
   ========================================================= */
.shr-field-grid { display: grid; gap: var(--shr-space-2); }
.shr-video {
  position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden;
  border-radius: var(--shr-radius-m); background: var(--shr-grove-deep); border: 0; padding: 0; cursor: pointer; color: var(--shr-on-dark);
}
.shr-video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: opacity var(--shr-dur) var(--shr-ease); }
.shr-video:hover img { opacity: .9; }
.shr-video-play {
  position: absolute; inset-block-start: 50%; inset-inline-start: 50%; transform: translate(50%, -50%);
  width: 76px; height: 76px; border-radius: 50%; background: var(--shr-sun); display: grid; place-items: center;
}
[dir="ltr"] .shr-video-play { transform: translate(-50%, -50%); }
.shr-video-play svg { width: 28px; height: 28px; fill: var(--shr-grove-deep); margin-left: 4px; } /* play glyph points right in both directions */
.shr-video-cap {
  position: absolute; inset-inline: 0; inset-block-end: 0; padding: var(--shr-space-3);
  text-align: start; font-family: var(--shr-font-body); font-size: 1rem; line-height: 1.6;
  background: linear-gradient(to top, rgba(7,47,27,.9), rgba(7,47,27,0));
}
.shr-video-cap b { display: block; font-family: var(--shr-font-display); font-size: var(--shr-fs-h3); }
.shr-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.shr-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--shr-space-2); }
.shr-photo { position: relative; overflow: hidden; border-radius: var(--shr-radius-s); background: var(--shr-sand); }
.shr-photo img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.shr-photo figcaption { padding: .5rem .1rem 0; font-size: .875rem; color: var(--shr-ink-soft); line-height: 1.5; }
.shr-photo { background: transparent; }

@media (min-width: 1025px) {
  .shr-field-grid { grid-template-columns: 1.3fr 1fr; gap: var(--shr-space-4); align-items: start; }
  .shr-video { aspect-ratio: auto; height: 100%; min-height: 34rem; }
  .shr-photos { grid-template-columns: repeat(2, 1fr); }
  .shr-photo img { aspect-ratio: 1 / 1; }
}

/* =========================================================
   PREFOOTER — QUOTE REQUEST
   ========================================================= */
.shr-quote-grid { display: grid; gap: var(--shr-space-5); }
.shr-quote h2 { font-size: var(--shr-fs-h2); font-weight: 800; max-width: 18ch; }
.shr-quote-lead { margin-block-start: var(--shr-space-2); font-size: var(--shr-fs-lead); color: var(--shr-on-dark-soft); max-width: 32rem; }
.shr-quote-need { margin-block-start: var(--shr-space-4); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; max-width: 30rem; }
.shr-quote-need li { padding: .6rem .9rem; border: 1px solid var(--shr-line-dark); border-radius: var(--shr-radius-s); font-size: .95rem; }
.shr-quote .shr-btns { margin-block-start: var(--shr-space-4); }
.shr-quote-phones { margin-block-start: var(--shr-space-3); display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; color: var(--shr-on-dark-soft); }
.shr-quote-phones a { color: var(--shr-on-dark); font-weight: 600; text-decoration: none; direction: ltr; unicode-bidi: isolate; }
.shr-quote-phones a:hover { color: var(--shr-sun); }

.shr-quote-form { background: var(--shr-paper); color: var(--shr-ink); border-radius: var(--shr-radius-m); padding: var(--shr-space-4) var(--shr-space-3); }
.shr-quote-form h3 { font-size: var(--shr-fs-h3); font-weight: 800; color: var(--shr-grove); margin-block-end: var(--shr-space-2); }
.shr-form-slot { min-height: 12rem; border: 1.5px dashed var(--shr-line); border-radius: var(--shr-radius-s); display: grid; place-items: center; padding: var(--shr-space-3); color: var(--shr-ink-soft); text-align: center; font-size: .95rem; }
/* Fluent Forms skin inside the slot */
.shr-quote-form .ff-el-input--label label { font-family: var(--shr-font-body); font-weight: 600; color: var(--shr-ink); }
.shr-quote-form .ff-el-form-control { border: 1px solid var(--shr-line) !important; border-radius: var(--shr-radius-s) !important; min-height: 48px; background: #fff; font-family: var(--shr-font-body); }
.shr-quote-form .ff-el-form-control:focus { border-color: var(--shr-grove) !important; box-shadow: 0 0 0 3px rgba(11,77,44,.15) !important; }
.shr-quote-form .ff-btn-submit { background: var(--shr-grove) !important; color: var(--shr-on-dark) !important; min-height: 48px; border-radius: var(--shr-radius-s) !important; font-family: var(--shr-font-body); font-weight: 600; width: 100%; }

@media (min-width: 768px) { .shr-quote-form { padding: var(--shr-space-5); } }
@media (min-width: 1025px) { .shr-quote-grid { grid-template-columns: 1fr 1fr; align-items: center; } }

/* =========================================================
   FOOTER
   ========================================================= */
.shr-footer { background: var(--shr-grove-deep); color: var(--shr-on-dark-soft); padding-block: var(--shr-space-6) 0; }
.shr-footer a { color: var(--shr-on-dark); text-decoration: none; }
.shr-footer a:hover { color: var(--shr-sun); }
.shr-footer-grid { display: grid; gap: var(--shr-space-5); }
.shr-footer-brand img { width: 96px; height: 96px; }
.shr-footer-brand p { margin-block-start: var(--shr-space-2); max-width: 22rem; font-size: .95rem; }
.shr-footer h2 { font-family: var(--shr-font-display); font-size: 1rem; font-weight: 600; color: var(--shr-sun); margin-block-end: var(--shr-space-2); }
.shr-footer nav li + li, .shr-footer-contact li + li { margin-block-start: .55rem; }
.shr-footer-contact .shr-ltr { direction: ltr; unicode-bidi: isolate; }
.shr-footer-bottom {
  margin-block-start: var(--shr-space-5); padding-block: var(--shr-space-3);
  border-block-start: 1px solid var(--shr-line-dark);
  display: flex; flex-wrap: wrap; gap: .5rem var(--shr-space-4); justify-content: space-between; font-size: .875rem;
}
.shr-credit a { font-weight: 600; }
.shr-credit a + a { margin-inline-start: .3rem; }

@media (min-width: 768px) { .shr-footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1025px) { .shr-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion: reduce) {
  .shr-block *, .shr-block *::before, .shr-block *::after { animation: none !important; transition: none !important; }
}