.elementor-3378 .elementor-element.elementor-element-69f8597{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-192244f *//* ============================================================
   IMAGE IRRIGATION — Reviews Page CSS  (ii-reviews.css)
   Append to: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* ── HERO ────────────────────────────────────────────────── */
.iir-hero {
  background: var(--g-soil);
  padding: clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,5rem) clamp(3rem,6vw,5rem);
  overflow: hidden; position: relative; width: 100%;
}
.iir-hero::before {
  content: '★★★★★';
  position: absolute; top: -.1em; right: -.05em;
  font-size: clamp(8rem,18vw,16rem);
  color: rgba(255,255,255,.025);
  line-height: 1; pointer-events: none; user-select: none;
  letter-spacing: -.05em;
}
.iir-hero-inner {
  max-width: 1140px; margin: 0 auto;
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 1.25rem;
}
.iir-hero-rating {
  display: flex; align-items: center; gap: 1rem;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px; padding: .85rem 1.4rem;
  width: fit-content;
}
.iir-stars-lg {
  font-size: 1.4rem; color: #f4b942; letter-spacing: 2px;
  line-height: 1;
}
.iir-rating-num {
  font-family: var(--g-fd); font-size: 2.2rem; font-weight: 900;
  color: var(--g-white); line-height: 1;
}
.iir-rating-meta {
  display: flex; flex-direction: column; gap: 2px;
}
.iir-rating-meta span {
  font-size: .7rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255,255,255,.45);
}
.iir-h1 {
  font-family: var(--g-fd);
  font-size: clamp(2.2rem,4.5vw,4rem);
  font-weight: 900; color: var(--g-white);
  line-height: 1.06; letter-spacing: -.03em; margin: 0;
}
.iir-h1 em { font-style: italic; color: var(--g-fern); }
.iir-hero-sub {
  font-size: clamp(.88rem,1.3vw,1rem);
  color: rgba(255,255,255,.6); line-height: 1.8;
  max-width: 520px; margin: 0;
}
.iir-hero-btns {
  display: flex; gap: .75rem; flex-wrap: wrap; align-items: center;
}
.iir-trust-bar {
  display: flex; gap: clamp(1.5rem,4vw,3.5rem);
  padding: 1.5rem 0;
  border-top: 1px solid rgba(255,255,255,.1);
  flex-wrap: wrap; width: 100%; margin-top: .5rem;
}
.iir-trust-item strong {
  display: block; font-family: var(--g-fd);
  font-size: clamp(1.3rem,2.2vw,1.8rem); font-weight: 900;
  color: var(--g-white); line-height: 1;
}
.iir-trust-item span {
  font-size: .65rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255,255,255,.4);
  margin-top: 3px; display: block;
}

/* ── REVIEWS GRID ────────────────────────────────────────── */
.iir-reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem; margin-top: 2.5rem;
}
.iir-review {
  background: var(--g-warm);
  border: 1.5px solid var(--g-stone);
  border-radius: 18px;
  padding: clamp(1.25rem,2.5vw,1.75rem);
  display: flex; flex-direction: column; gap: .75rem;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.iir-review:hover {
  border-color: var(--g-fern);
  box-shadow: 0 8px 32px rgba(13,18,8,.08);
  transform: translateY(-3px);
}

/* featured review spans 2 columns, special styling */
.iir-review-featured {
  grid-column: span 2;
  background: var(--g-dew);
  border-color: var(--g-meadow);
  position: relative;
}
.iir-review-featured::before {
  content: 'Featured Review';
  position: absolute; top: 1.25rem; right: 1.25rem;
  font-size: .62rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--g-moss);
  background: var(--g-white);
  border: 1px solid var(--g-meadow);
  padding: .2rem .6rem; border-radius: 100px;
}

/* review card internals */
.iir-review-top {
  display: flex; align-items: center; gap: .75rem;
}
.iir-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--g-moss);
  display: grid; place-items: center; flex-shrink: 0;
  font-family: var(--g-fb); font-size: 1rem; font-weight: 700;
  color: white;
}
.iir-av-img {
  background: var(--g-forest);
}
.iir-reviewer-info {
  flex: 1;
}
.iir-reviewer-info strong {
  display: block; font-size: .9rem; font-weight: 700; color: var(--g-soil);
}
.iir-reviewer-info span {
  font-size: .72rem; color: var(--g-muted);
}
.iir-google-badge { flex-shrink: 0; opacity: .7; }
.iir-stars {
  color: #f4b942; font-size: 1rem; letter-spacing: 1px; line-height: 1;
}
.iir-text {
  font-size: .88rem; color: var(--g-muted);
  line-height: 1.78; flex: 1;
  font-style: italic;
}
.iir-review-featured .iir-text {
  font-size: .94rem;
}
.iir-tag {
  font-size: .66rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--g-sage);
  padding-top: .5rem;
  border-top: 1px solid var(--g-stone);
  margin-top: auto;
}

/* owner reply */
.iir-owner-reply {
  background: var(--g-white);
  border: 1px solid var(--g-stone);
  border-radius: 10px;
  padding: .75rem 1rem;
  font-size: .78rem;
}
.iir-reply-label {
  display: flex; align-items: center; gap: 5px;
  font-size: .68rem; font-weight: 700; letter-spacing: .06em;
  color: var(--g-sage); margin-bottom: .4rem;
}
.iir-reply-label svg { stroke: var(--g-sage); }
.iir-owner-reply p {
  color: var(--g-muted); line-height: 1.65; margin: 0;
  font-style: italic;
}

/* ── LEAVE A REVIEW ──────────────────────────────────────── */
.iir-bg-soil { background: var(--g-soil); }
.iir-leave-review {
  display: grid; grid-template-columns: 1fr auto;
  gap: clamp(2rem,4vw,4rem); align-items: center;
  padding: clamp(2rem,4vw,3rem);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
}
.iir-leave-right {
  display: flex; flex-direction: column; align-items: center; gap: .5rem;
  flex-shrink: 0;
}

/* ── THEMES GRID ─────────────────────────────────────────── */
.iir-themes {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 1rem; margin-top: 2rem;
}
.iir-theme {
  background: var(--g-white); border: 1.5px solid var(--g-stone);
  border-radius: 16px; padding: 1.5rem;
  transition: border-color .2s, transform .2s;
}
.iir-theme:hover { border-color: var(--g-fern); transform: translateY(-2px); }
.iir-theme-icon {
  width: 44px; height: 44px; border-radius: 11px;
  background: var(--g-dew); display: grid; place-items: center;
  margin-bottom: .9rem;
}
.iir-theme-icon svg {
  width: 20px; height: 20px; stroke: var(--g-moss);
  fill: none; stroke-width: 1.8; stroke-linecap: round;
}
.iir-theme h3 {
  font-size: .92rem; font-weight: 700; color: var(--g-soil); margin-bottom: .4rem;
}
.iir-theme p {
  font-size: .8rem; color: var(--g-muted); line-height: 1.7;
}
.iir-theme p em { font-style: italic; color: var(--g-forest); }

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 860px) {
  .iir-reviews-grid { grid-template-columns: 1fr 1fr; }
  .iir-review-featured { grid-column: span 2; }
  .iir-themes { grid-template-columns: 1fr 1fr; }
  .iir-leave-review { grid-template-columns: 1fr; text-align: center; }
  .iir-leave-review .iir-stars-lg { text-align: center; }
  .iir-hero-btns { flex-direction: column; align-items: stretch; }
}
@media (max-width: 560px) {
  .iir-reviews-grid { grid-template-columns: 1fr; }
  .iir-review-featured { grid-column: span 1; }
  .iir-themes { grid-template-columns: 1fr; }
  .iir-trust-bar { gap: 1.25rem; }
}/* End custom CSS */