/* ================================================================
   VALENTINA POODLES – HOMEPAGE CSS  | Professional Light Theme
   All images kept. Only design upgraded.
   ================================================================ */

/* ── LAYOUT ─────────────────────────────────────────────────── */
.hp-container { max-width:1280px; margin:0 auto; padding:0 36px; width:100%; }
.hp-sec       { padding:88px 0; }
.hp-sec--white    { background:#FFFFFF; }
.hp-sec--cream    { background:#FAF7F2; }
.hp-sec--lgray    { background:#F8F5F0; }

.hp-sec__head    { text-align:center; max-width:720px; margin:0 auto 60px; }
.hp-sec__head h2 { font-family:var(--ff-display); font-size:clamp(28px,3.8vw,44px); color:var(--clr-navy); margin-bottom:14px; line-height:1.18; }
.hp-sec__head p  { font-size:16px; color:var(--clr-muted); line-height:1.82; }

/* Eyebrow label */
.hp-eye {
  display:inline-block;
  font-size:10.5px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:var(--clr-gold);
  padding-bottom:4px;
  border-bottom:2px solid var(--clr-gold);
  margin-bottom:14px;
}

/* Pill badges */
.hp-pill {
  display:inline-flex; align-items:center; gap:7px;
  font-size:12px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; color:var(--clr-gold);
  background:var(--clr-gold-pale); border:1.5px solid #ddc97a;
  border-radius:50px; padding:6px 18px; margin-bottom:24px;
}
.hp-pill--sm {
  display:inline-block; font-size:10px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
  color:#fff; background:var(--clr-gold);
  border-radius:5px; padding:4px 11px; margin-bottom:10px;
}

/* ── BUTTONS ────────────────────────────────────────────────── */
.hp-btns { display:flex; gap:14px; flex-wrap:wrap; }
.hp-btn  {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius:8px; font-family:var(--ff-body);
  font-weight:700; font-size:14px; cursor:pointer;
  transition:all var(--transition); border:none; outline:none;
  text-decoration:none; letter-spacing:.03em;
  white-space:nowrap; padding:13px 28px;
}
.hp-btn svg {
  width:16px; height:16px;
  flex:0 0 16px;
  display:block;
}
.hp-btn--lg { padding:15px 34px; font-size:15px; }
.hp-btn--gold {
  background:var(--clr-gold); color:#fff;
  box-shadow:0 4px 20px rgba(184,148,43,.30);
}
.hp-btn--gold:hover {
  background:#9E7D22; color:#fff;
  box-shadow:0 8px 28px rgba(184,148,43,.44);
  transform:translateY(-2px);
}
.hp-btn--outline {
  background:#fff; color:var(--clr-navy);
  border:1.5px solid var(--clr-border);
}
.hp-btn--outline:hover {
  border-color:var(--clr-gold); color:var(--clr-gold);
  background:var(--clr-gold-pale); transform:translateY(-2px);
}

/* Image placeholder (still used in puppy cards) */
.hp-ph {
  display:flex; flex-direction:column; align-items:center;
  justify-content:center; background:var(--clr-cream);
  border:2px dashed var(--clr-border); border-radius:14px;
  gap:12px; padding:40px; text-align:center;
}
.hp-ph svg  { color:#C9BFB0; }
.hp-ph span { font-size:13px; color:var(--clr-muted); letter-spacing:.05em; font-weight:500; }

/* ═══════════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════════ */
.hp-hero {
  background:linear-gradient(140deg, #FDFAF5 0%, #F6EFE2 55%, #EDE3CE 100%);
  border-bottom:1px solid var(--clr-border);
  padding:80px 0 100px;
  position:relative; overflow:hidden;
}
.hp-hero::before {
  content:''; position:absolute; top:-150px; right:-150px;
  width:560px; height:560px; border-radius:50%;
  background:radial-gradient(circle,rgba(184,148,43,.07) 0%,transparent 70%);
  pointer-events:none;
}
.hp-hero__inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:72px; align-items:center;
}
.hp-hero__text h1 {
  font-family:var(--ff-display);
  font-size:clamp(36px,5vw,60px);
  color:var(--clr-navy); line-height:1.08;
  margin:0 0 20px; font-weight:700;
}
.hp-gold { color:var(--clr-gold); }
.hp-hero__text > p {
  font-size:16px; color:var(--clr-muted);
  line-height:1.82; margin-bottom:32px; max-width:500px;
}
.hp-hero__trust {
  display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:28px;
}
.hp-trust-item {
  display:flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:600; color:var(--clr-muted);
}
.hp-trust-item svg { color:var(--clr-gold); flex-shrink:0; }

/* Hero image */
.hp-hero__imgwrap { position:relative; }
.hp-hero__imgwrap img {
  border-radius:20px;
  box-shadow:0 28px 72px rgba(13,27,42,.18);
  display:block;
}
.hp-hero__badge {
  position:absolute; bottom:-22px; left:-22px;
  background:#fff; border:1px solid var(--clr-border);
  border-radius:14px; padding:16px 22px;
  box-shadow:0 10px 36px rgba(13,27,42,.14);
  display:flex; align-items:center; gap:14px;
}
.hp-hero__badge-ico {
  width:46px; height:46px; border-radius:12px;
  background:var(--clr-gold-pale);
  display:flex; align-items:center; justify-content:center;
  color:var(--clr-gold); flex-shrink:0;
}
.hp-hero__badge-num {
  font-family:var(--ff-display); font-size:24px;
  font-weight:700; color:var(--clr-navy); line-height:1;
}
.hp-hero__badge-lbl {
  font-size:11px; color:var(--clr-muted);
  text-transform:uppercase; letter-spacing:.08em; margin-top:3px;
}

/* ═══════════════════════════════════════════════════════════════
   TRUST BAR
   ═══════════════════════════════════════════════════════════════ */
.hp-tbar {
  background:var(--clr-gold);
  border-bottom:3px solid #9E7D22;
}
.hp-tbar__row {
  display:flex; align-items:stretch;
  justify-content:space-between;
}
.hp-tbar__item {
  display:flex; align-items:center; gap:9px;
  padding:20px 24px; font-size:13px; font-weight:600;
  color:#fff; flex:1; justify-content:center;
  border-right:1px solid rgba(255,255,255,.2);
  white-space:nowrap;
}
.hp-tbar__item:last-child { border-right:none; }
.hp-tbar__item svg { flex-shrink:0; }

/* ═══════════════════════════════════════════════════════════════
   WHY CARDS
   ═══════════════════════════════════════════════════════════════ */
.hp-why { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hp-why__card {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:16px; padding:32px 24px; text-align:center;
  transition:box-shadow .28s, transform .28s, border-color .28s;
  position:relative; overflow:hidden;
}
.hp-why__card::after {
  content:''; position:absolute;
  bottom:0; left:0; right:0; height:3px;
  background:var(--clr-gold);
  transform:scaleX(0); transition:transform .28s;
  transform-origin:left;
}
.hp-why__card:hover { box-shadow:0 14px 44px rgba(13,27,42,.12); transform:translateY(-6px); border-color:var(--clr-gold); }
.hp-why__card:hover::after { transform:scaleX(1); }
.hp-why__ico {
  width:62px; height:62px; border-radius:50%;
  background:var(--clr-gold-pale); border:2px solid #ddc97a;
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 18px; color:var(--clr-gold);
  transition:background .28s, color .28s;
}
.hp-why__card:hover .hp-why__ico { background:var(--clr-gold); color:#fff; }
.hp-why__card h3 { font-family:var(--ff-display); font-size:18px; color:var(--clr-navy); margin-bottom:10px; font-weight:600; }
.hp-why__card p  { font-size:14px; color:var(--clr-muted); line-height:1.7; }

/* ═══════════════════════════════════════════════════════════════
   SPLIT SECTIONS
   ═══════════════════════════════════════════════════════════════ */
.hp-split { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.hp-split--rev .hp-split__txt { order:-1; }
.hp-split__txt h2 {
  font-family:var(--ff-display); font-size:clamp(28px,3.5vw,42px);
  color:var(--clr-navy); margin:0 0 18px; line-height:1.18;
}
.hp-split__txt p { font-size:15px; color:var(--clr-muted); line-height:1.82; margin-bottom:10px; }
.hp-split__img img {
  border-radius:20px;
  box-shadow:0 18px 52px rgba(13,27,42,.14);
  width:100%; display:block;
}
.hp-split__img .hp-ph { min-height:380px; border-radius:20px; }

/* Checklist */
.hp-list { list-style:none; display:flex; flex-direction:column; gap:12px; margin-top:20px; }
.hp-list li {
  display:flex; align-items:flex-start; gap:10px;
  font-size:14.5px; color:var(--clr-text); line-height:1.55;
}
.hp-list li svg { color:var(--clr-gold); flex-shrink:0; margin-top:2px; }

/* ═══════════════════════════════════════════════════════════════
   5 FEATURES
   ═══════════════════════════════════════════════════════════════ */
.hp-feats { display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
.hp-feat {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:16px; padding:30px 18px; text-align:center;
  transition:box-shadow .28s, transform .28s;
}
.hp-feat:hover { box-shadow:0 12px 36px rgba(13,27,42,.10); transform:translateY(-5px); }
.hp-feat__ico {
  width:60px; height:60px; border-radius:16px;
  background:var(--clr-gold-pale);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 16px; color:var(--clr-gold);
  transition:background .28s, color .28s;
}
.hp-feat:hover .hp-feat__ico { background:var(--clr-gold); color:#fff; }
.hp-feat h3 { font-family:var(--ff-display); font-size:16px; color:var(--clr-navy); margin-bottom:8px; }
.hp-feat p  { font-size:13px; color:var(--clr-muted); line-height:1.65; }

/* ═══════════════════════════════════════════════════════════════
   BREED TYPE CARDS
   ═══════════════════════════════════════════════════════════════ */
.hp-types { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hp-type {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:16px; overflow:hidden; text-decoration:none;
  display:flex; flex-direction:column;
  transition:box-shadow .28s, transform .28s, border-color .28s;
}
.hp-type:hover { box-shadow:0 16px 52px rgba(13,27,42,.14); transform:translateY(-6px); border-color:var(--clr-gold); }
.hp-type__img { overflow:hidden; }
.hp-type__img img {
  width:100%; height:200px; object-fit:cover; display:block;
  transition:transform .45s ease;
}
.hp-type:hover .hp-type__img img { transform:scale(1.07); }
.hp-type__img .hp-ph { height:200px; border-radius:0; border:none; }
.hp-type__body { padding:22px 20px; flex:1; }
.hp-type__body h3 { font-family:var(--ff-display); font-size:19px; color:var(--clr-navy); margin:8px 0; }
.hp-type__body p { font-size:13.5px; color:var(--clr-muted); line-height:1.65; margin-bottom:14px; }
.hp-link {
  display:inline-flex; align-items:center; gap:5px;
  font-size:13px; font-weight:700; color:var(--clr-gold);
  border-bottom:1.5px solid transparent;
  transition:border-color .28s;
}
.hp-type:hover .hp-link { border-color:var(--clr-gold); }

/* ═══════════════════════════════════════════════════════════════
   ABOUT SECTION BADGE & STATS
   ═══════════════════════════════════════════════════════════════ */
.hp-about-badge {
  position:absolute; bottom:-20px; right:20px;
  background:#fff; border:1px solid var(--clr-border);
  border-radius:14px; padding:16px 22px; text-align:center;
  box-shadow:0 10px 32px rgba(13,27,42,.13);
}
.hp-about-badge__n {
  font-family:var(--ff-display); font-size:30px;
  font-weight:700; color:var(--clr-gold); line-height:1;
}
.hp-about-badge__l {
  font-size:11px; color:var(--clr-muted);
  text-transform:uppercase; letter-spacing:.1em; margin-top:4px;
}
.hp-stats3 {
  display:flex; gap:32px; margin:26px 0 0;
  border-top:1px solid var(--clr-border); padding-top:26px;
}
.hp-stat3__n {
  display:block; font-family:var(--ff-display);
  font-size:30px; font-weight:700; color:var(--clr-gold); line-height:1;
}
.hp-stat3__l {
  display:block; font-size:11.5px; color:var(--clr-muted);
  text-transform:uppercase; letter-spacing:.09em; margin-top:5px;
}

/* ═══════════════════════════════════════════════════════════════
   PUPPY CARDS
   ═══════════════════════════════════════════════════════════════ */
.hp-pups { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.hp-pup {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:18px; overflow:hidden;
  transition:box-shadow .28s, transform .28s;
  display:flex; flex-direction:column;
}
.hp-pup:hover { box-shadow:0 18px 56px rgba(13,27,42,.14); transform:translateY(-6px); }
.hp-pup__img {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4 / 3;
  min-height:260px;
  background:linear-gradient(180deg,#fbf7f2 0%,#f5ede3 100%);
  padding:12px 12px 0;
}
.hp-pup__img .hp-ph { height:230px; border-radius:0; border:none; }
.hp-pup__img img,
.hp-pup__img .hp-pup__photo {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center center;
  transition:transform .35s ease;
}
.hp-pup:hover .hp-pup__img img,
.hp-pup:hover .hp-pup__img .hp-pup__photo { transform:scale(1.03); }
.hp-pup__st {
  position:absolute; top:14px; left:14px;
  font-size:11px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; border-radius:6px; padding:5px 13px;
}
.hp-pup__st--available { background:var(--clr-gold); color:#fff; }
.hp-pup__st--sold      { background:#E5DDD0; color:var(--clr-muted); }
.hp-pup__body { padding:22px; flex:1; display:flex; flex-direction:column; }
.hp-pup__body h3 {
  font-family:var(--ff-display); font-size:23px;
  color:var(--clr-navy); margin-bottom:12px;
}
.hp-pup__tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.hp-tag {
  display:inline-flex; align-items:center; gap:4px;
  background:var(--clr-cream); border:1px solid var(--clr-border);
  color:var(--clr-muted); font-size:12px; font-weight:600;
  padding:4px 12px; border-radius:50px;
}
.hp-tag svg { opacity:.6; }
.hp-pup__desc {
  font-size:14px; color:var(--clr-muted); line-height:1.72;
  margin-bottom:auto; padding-bottom:16px;
}
.hp-pup__foot {
  display:flex; align-items:center; justify-content:space-between;
  padding-top:16px; border-top:1px solid var(--clr-border);
}
.hp-pup__price {
  font-family:var(--ff-display); font-size:28px;
  font-weight:700; color:var(--clr-gold);
}

/* ═══════════════════════════════════════════════════════════════
   WHY 5 REASONS
   ═══════════════════════════════════════════════════════════════ */
.hp-reasons { display:flex; flex-direction:column; }
.hp-reason {
  display:flex; align-items:flex-start; gap:22px;
  padding:26px 0; border-bottom:1px solid var(--clr-border);
}
.hp-reason:last-child { border-bottom:none; }
.hp-reason__n {
  font-family:var(--ff-display); font-size:13px; font-weight:700;
  color:var(--clr-gold); letter-spacing:.14em;
  flex-shrink:0; width:36px; padding-top:4px;
}
.hp-reason__ico {
  width:50px; height:50px; border-radius:12px;
  background:var(--clr-gold-pale); flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  color:var(--clr-gold);
}
.hp-reason h3 { font-family:var(--ff-display); font-size:18px; color:var(--clr-navy); margin-bottom:6px; }
.hp-reason p  { font-size:14px; color:var(--clr-muted); line-height:1.72; }

/* ═══════════════════════════════════════════════════════════════
   TESTIMONIALS
   ═══════════════════════════════════════════════════════════════ */
.hp-testis { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.hp-testi {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:16px; padding:32px 28px;
  position:relative; overflow:hidden;
  transition:box-shadow .28s, transform .28s;
}
.hp-testi:hover { box-shadow:0 10px 36px rgba(13,27,42,.10); transform:translateY(-4px); }
.hp-testi::before {
  content:'"'; position:absolute; top:4px; left:20px;
  font-family:var(--ff-display); font-size:90px;
  color:var(--clr-gold-pale); line-height:1; pointer-events:none;
}
.hp-testi__stars { display:flex; gap:3px; margin-bottom:16px; }
.hp-testi__q {
  font-size:14.5px; color:var(--clr-muted); line-height:1.82;
  font-style:italic; margin-bottom:22px; position:relative; z-index:1;
}
.hp-testi__au { display:flex; align-items:center; gap:12px; }
.hp-testi__av {
  width:44px; height:44px; border-radius:50%;
  background:var(--clr-gold); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--ff-display); font-size:19px; font-weight:600;
  flex-shrink:0;
}
.hp-testi__nm { font-weight:700; font-size:14px; color:var(--clr-navy); }
.hp-testi__lc { font-size:12px; color:var(--clr-muted); margin-top:2px; }

/* ═══════════════════════════════════════════════════════════════
   FAQ
   ═══════════════════════════════════════════════════════════════ */
.hp-faq { max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.hp-faq__item {
  background:#fff; border:1.5px solid var(--clr-border);
  border-radius:12px; overflow:hidden;
  transition:border-color .28s, box-shadow .28s;
}
.hp-faq__item.open,
.hp-faq__item:hover { border-color:var(--clr-gold); box-shadow:0 4px 22px rgba(184,148,43,.10); }
.hp-faq__q {
  width:100%; background:none; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 26px; text-align:left;
  font-family:var(--ff-body); font-size:15px;
  font-weight:700; color:var(--clr-navy); gap:16px;
}
.hp-faq__ico {
  flex-shrink:0; width:30px; height:30px;
  border-radius:8px; background:var(--clr-gold-pale);
  color:var(--clr-gold); font-size:20px;
  display:flex; align-items:center; justify-content:center;
  line-height:1; transition:background .28s, color .28s;
}
.hp-faq__item.open .hp-faq__ico { background:var(--clr-gold); color:#fff; }
.hp-faq__a {
  max-height:0; overflow:hidden; padding:0 26px;
  font-size:14.5px; color:var(--clr-muted); line-height:1.8;
  transition:max-height .38s ease, padding .3s;
}
.hp-faq__item.open .hp-faq__a { max-height:300px; padding:0 26px 22px; }

/* ═══════════════════════════════════════════════════════════════
   CONTACT SECTION
   ═══════════════════════════════════════════════════════════════ */
.hp-contact { display:grid; grid-template-columns:1fr 1.25fr; gap:64px; align-items:start; }
.hp-contact__l h2 {
  font-family:var(--ff-display); font-size:clamp(26px,3.2vw,38px);
  color:var(--clr-navy); margin-bottom:14px; line-height:1.18;
}
.hp-contact__l > p { font-size:15px; color:var(--clr-muted); line-height:1.82; margin-bottom:22px; }
.hp-contact__offer {
  display:inline-flex; align-items:center; gap:8px;
  background:var(--clr-gold-pale); border:1.5px solid #ddc97a;
  border-radius:10px; padding:11px 20px;
  font-size:14px; color:var(--clr-navy); font-weight:600;
  margin-bottom:26px;
}
.hp-cinfo { display:flex; flex-direction:column; gap:16px; margin-bottom:26px; }
.hp-cinfo__i { display:flex; align-items:flex-start; gap:12px; }
.hp-cinfo__i svg { color:var(--clr-gold); flex-shrink:0; margin-top:2px; }
.hp-cinfo__l { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--clr-muted); }
.hp-cinfo__v { font-size:14px; color:var(--clr-text); }
.hp-contact__soc { display:flex; gap:10px; }
.hp-soc-btn {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--clr-cream); border:1.5px solid var(--clr-border);
  border-radius:8px; padding:10px 18px;
  font-size:13px; font-weight:600; color:var(--clr-navy);
  transition:all .28s;
}
.hp-soc-btn:hover { border-color:var(--clr-gold); color:var(--clr-gold); background:var(--clr-gold-pale); }

/* Form card */
.hp-form-box {
  background:#fff; border:1px solid var(--clr-border);
  border-radius:20px; padding:40px;
  box-shadow:0 10px 44px rgba(13,27,42,.08);
}
.hp-form__row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
.hp-form__g  { display:flex; flex-direction:column; margin-bottom:16px; }
.hp-form__lbl {
  font-size:11.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:.09em; color:var(--clr-muted); margin-bottom:7px;
}
.hp-form__lbl span { color:var(--clr-gold); }
.hp-form__in,
.hp-form__ta {
  border:1.5px solid var(--clr-border); border-radius:9px;
  padding:12px 16px; font-family:var(--ff-body);
  font-size:14px; color:var(--clr-text);
  background:#fff; outline:none; width:100%;
  transition:border-color .28s, box-shadow .28s;
}
.hp-form__in:focus,
.hp-form__ta:focus {
  border-color:var(--clr-gold);
  box-shadow:0 0 0 4px rgba(184,148,43,.10);
}
.hp-form__ta { resize:vertical; min-height:120px; }
.hp-form__sub {
  width:100%; padding:15px 24px; margin-top:18px;
  background:var(--clr-gold); color:#fff; border:none;
  border-radius:9px; font-family:var(--ff-body);
  font-size:15px; font-weight:700; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:9px;
  letter-spacing:.03em;
  transition:background .28s, transform .28s, box-shadow .28s;
  box-shadow:0 4px 20px rgba(184,148,43,.32);
}
.hp-form__sub:hover {
  background:#9E7D22; transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(184,148,43,.44);
}
.hp-form__note { text-align:center; font-size:12px; color:var(--clr-muted); margin-top:12px; }
.hp-alert { display:flex; align-items:flex-start; gap:12px; border-radius:10px; padding:14px 18px; margin-bottom:20px; font-size:14px; line-height:1.6; }
.hp-alert--ok  { background:#F0FDF4; border:1.5px solid #86EFAC; color:#166534; }
.hp-alert--err { background:#FEF2F2; border:1.5px solid #FECACA; color:#991B1B; }

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .hp-feats { grid-template-columns:repeat(3,1fr); }
  .hp-types { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:900px){
  .hp-why    { grid-template-columns:repeat(2,1fr); }
  .hp-pups   { grid-template-columns:repeat(2,1fr); }
  .hp-testis { grid-template-columns:1fr; }
  .hp-contact{ grid-template-columns:1fr; }
}
@media(max-width:900px){
  .hp-pup__img { min-height:240px; }
}
@media(max-width:768px){
  .hp-pup__img {
    min-height:220px;
    padding:10px 10px 0;
  }
  .hp-sec { padding:60px 0; }
  .hp-container { padding:0 20px; }
  .hp-hero { padding:60px 0 80px; }
  .hp-hero__inner { grid-template-columns:1fr; gap:44px; }
  .hp-hero__imgwrap { order:-1; }
  .hp-hero__badge { left:12px; bottom:-14px; }
  .hp-split { grid-template-columns:1fr; gap:40px; }
  .hp-split--rev .hp-split__txt { order:0; }
  .hp-tbar__row { flex-wrap:wrap; }
  .hp-tbar__item { flex:1 1 50%; border-bottom:1px solid rgba(255,255,255,.15); }
  .hp-feats { grid-template-columns:repeat(2,1fr); }
  .hp-types { grid-template-columns:1fr; }
  .hp-form__row { grid-template-columns:1fr; }
  .hp-stats3 { flex-wrap:wrap; gap:20px; }
  .hp-pups { grid-template-columns:1fr; }
  .hp-why  { grid-template-columns:1fr; }
}
@media(max-width:480px){
  .hp-btns { flex-direction:column; }
  .hp-btns .hp-btn { justify-content:center; }
  .hp-feats { grid-template-columns:1fr; }
  .hp-form-box { padding:24px 18px; }
}

/* ═══════════════════════════════════════════════════════════════
   WHY CHOOSE US – PROFESSIONAL 2-COL GRID
   ═══════════════════════════════════════════════════════════════ */
.hp-wcu__grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.hp-wcu__card {
  background:#fff;
  border:1px solid var(--clr-border);
  border-radius:16px;
  padding:28px 26px;
  display:flex;
  align-items:flex-start;
  gap:18px;
  transition:box-shadow .28s, transform .28s, border-color .28s;
}
.hp-wcu__card:hover {
  box-shadow:0 12px 40px rgba(13,27,42,.10);
  transform:translateY(-4px);
  border-color:var(--clr-gold);
}
.hp-wcu__ico {
  width:52px; height:52px;
  border-radius:14px;
  background:var(--clr-gold-pale);
  display:flex; align-items:center; justify-content:center;
  color:var(--clr-gold);
  flex-shrink:0;
  transition:background .28s, color .28s;
}
.hp-wcu__card:hover .hp-wcu__ico { background:var(--clr-gold); color:#fff; }
.hp-wcu__body h3 {
  font-family:var(--ff-display);
  font-size:17px; color:var(--clr-navy);
  margin-bottom:8px; font-weight:600;
}
.hp-wcu__body p {
  font-size:14px; color:var(--clr-muted);
  line-height:1.75;
}
/* CTA card */
.hp-wcu__card--cta {
  background:linear-gradient(135deg, var(--clr-gold) 0%, #9E7D22 100%);
  border-color:transparent;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.hp-wcu__card--cta:hover {
  transform:translateY(-4px);
  box-shadow:0 14px 40px rgba(184,148,43,.35);
  border-color:transparent;
}
.hp-wcu__ico--light {
  background:rgba(255,255,255,.2);
  color:#fff;
  margin-bottom:8px;
}
.hp-wcu__card--cta:hover .hp-wcu__ico--light {
  background:rgba(255,255,255,.3);
  color:#fff;
}
@media(max-width:1024px){
  .hp-wcu__grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px){
  .hp-wcu__grid { grid-template-columns:1fr; }
}

/* ═══════════════════════════════════════════════════════════════
   TRUST BAR – AUTO MARQUEE
   ═══════════════════════════════════════════════════════════════ */
.hp-tbar {
  background:var(--clr-gold);
  border-bottom:3px solid #9E7D22;
  overflow:hidden;
  padding:0;
}
.hp-marquee-wrap {
  overflow:hidden;
  padding:0;
  position:relative;
  /* fade edges */
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.hp-marquee-track {
  display:flex;
  align-items:center;
  width:max-content;
  animation:hp-marquee 32s linear infinite;
}
.hp-marquee-wrap:hover .hp-marquee-track {
  animation-play-state:paused;
}
@keyframes hp-marquee {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}
.hp-marquee-item {
  display:inline-flex; align-items:center; gap:8px;
  padding:18px 28px;
  font-size:13px; font-weight:600; color:#fff;
  white-space:nowrap;
}
.hp-marquee-item svg { flex-shrink:0; opacity:.9; }
.hp-marquee-dot {
  color:rgba(255,255,255,.35);
  font-size:8px;
  flex-shrink:0;
}

/* ═══════════════════════════════════════════════════════════════
   TESTIMONIAL CAROUSEL
   ═══════════════════════════════════════════════════════════════ */
.hp-carousel {
  position:relative;
  overflow:hidden;
  padding:0 8px;
}
.hp-carousel__track {
  display:flex;
  transition:transform 0.55s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.hp-carousel__slide {
  min-width:calc(100% / 3);
  width:calc(100% / 3);
  padding:0 12px;
  box-sizing:border-box;
  flex-shrink:0;
}

/* The card inside each slide */
.hp-testi-card {
  background:#fff;
  border:1px solid var(--clr-border);
  border-radius:18px;
  padding:30px 26px 26px;
  height:100%;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  transition:box-shadow .28s, transform .28s;
  display:flex;
  flex-direction:column;
}
.hp-testi-card:hover {
  box-shadow:0 14px 44px rgba(13,27,42,.11);
  transform:translateY(-4px);
}
.hp-testi-card::before {
  content:'"';
  position:absolute; top:4px; right:22px;
  font-family:var(--ff-display); font-size:100px;
  color:var(--clr-gold-pale); line-height:1;
  pointer-events:none;
}
.hp-testi-card__top {
  display:flex; align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.hp-testi-card__stars { display:flex; gap:3px; }
.hp-testi-card__verified {
  display:inline-flex; align-items:center; gap:4px;
  background:#F0FDF4; border:1px solid #86EFAC;
  border-radius:50px; padding:4px 10px;
  font-size:11px; font-weight:700; color:#15803D;
  letter-spacing:.04em;
}
.hp-testi-card__flag { font-size:14px; line-height:1; }
.hp-testi-card__quote {
  font-size:14.5px; color:var(--clr-muted);
  line-height:1.8; font-style:italic;
  margin-bottom:22px; flex:1;
  position:relative; z-index:1;
}
.hp-testi-card__author {
  display:flex; align-items:center; gap:12px;
  padding-top:18px;
  border-top:1px solid var(--clr-border);
  margin-top:auto;
}
.hp-testi-card__av {
  width:44px; height:44px; border-radius:50%;
  background:var(--clr-gold); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--ff-display); font-size:19px; font-weight:700;
  flex-shrink:0;
}
.hp-testi-card__name {
  font-weight:700; font-size:14.5px;
  color:var(--clr-navy);
}
.hp-testi-card__loc {
  display:inline-flex; align-items:center; gap:4px;
  font-size:12px; color:var(--clr-muted); margin-top:3px;
}
.hp-testi-card__loc svg { opacity:.6; }

/* Carousel controls */
.hp-carousel__controls {
  display:flex; align-items:center;
  justify-content:center; gap:16px;
  margin-top:32px;
}
.hp-carousel__btn {
  width:42px; height:42px; border-radius:50%;
  background:#fff; border:1.5px solid var(--clr-border);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; color:var(--clr-navy);
  transition:all .25s;
}
.hp-carousel__btn:hover {
  background:var(--clr-gold);
  border-color:var(--clr-gold);
  color:#fff;
  box-shadow:0 4px 14px rgba(184,148,43,.30);
}
.hp-carousel__dots { display:flex; gap:8px; }
.hp-carousel__dot {
  width:8px; height:8px; border-radius:50%;
  background:var(--clr-border); border:none; cursor:pointer;
  transition:all .25s; padding:0;
}
.hp-carousel__dot.active {
  background:var(--clr-gold);
  width:24px; border-radius:4px;
}

/* Responsive slides */
@media(max-width:1023px){
  .hp-carousel { padding:0 6px; }
  .hp-carousel__slide {
    min-width:50%;
    width:50%;
    padding:0 10px;
  }
}
@media(max-width:639px){
  .hp-carousel { padding:0 2px; }
  .hp-carousel__slide {
    min-width:100%;
    width:100%;
    padding:0 6px;
  }
  .hp-testi-card {
    border-radius:16px;
    padding:24px 18px 20px;
  }
  .hp-testi-card__top {
    gap:10px;
    align-items:flex-start;
    flex-direction:column;
  }
}