:root{--green:#244d3a;--green2:#173629;--cream:#f8f5ee;--paper:#fffdf9;--gold:#b78343;--text:#272b28;--muted:#70766f;--line:#e8e0d4;--shadow:0 14px 40px rgba(55,44,31,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--paper);line-height:1.6}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.08;margin:0 0 .7rem}h1{font-size:clamp(42px,5.5vw,78px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:24px}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgb(254 254 254);backdrop-filter:blur(14px);border-bottom:1px solid rgba(225,218,207,.7)}.nav{height:82px;display:flex;align-items:center;gap:28px}.brand img{display:block;max-height:56px;width:auto}.brand span{font:700 30px Georgia}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{font-size:16px;font-weight:700}.menu-btn{display:none;background:none;border:0;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;border:1px solid var(--green);padding:6px 13px;border-radius:999px;font-weight:800;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(36,77,58,.18)}.btn.outline{background:transparent;color:var(--green);border-color:#b9aa96}.btn.full{width:100%;border-radius:10px}.hero{min-height:620px;background:var(--cream)}.slide{display:none;min-height:620px;background-size:cover;background-position:center}.slide.active{display:block}.hero-copy{padding-top:120px;max-width:650px}.hero-copy small,.section-head small,.page-hero small,.booking-copy small{letter-spacing:.18em;color:var(--gold);font-weight:800}.hero-copy p{font-size:19px;color:#555;max-width:600px}.hero-copy .btn{margin:14px 10px 0 0}.section{padding:88px 0}.soft{background:var(--cream)}.section-head{margin-bottom:32px}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.services{grid-template-columns:repeat(4,1fr)}.card,.mini,.quote{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.card:hover,.mini:hover{transform:translateY(-6px)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card>div{padding:22px}.card h2{font-size:28px}.card p{color:var(--muted)}.mini,.quote{padding:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.step b{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#f4eadc;color:var(--gold)}.booking-section{background:linear-gradient(180deg,#fff,#fbf6ee)}.booking-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:54px;align-items:center}.booking-copy h2{font-size:52px}.booking-form{background:#fbf8f2;border:1px solid var(--line);padding:28px;border-radius:20px;box-shadow:var(--shadow)}.booking-form label{display:block;font-weight:800;margin:0 0 14px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid #ddd7cd;background:white;border-radius:10px;padding:13px 14px;margin-top:7px;font:inherit}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cta{padding:70px 0;background:linear-gradient(90deg,#f7efe2,#fff)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.page-hero{padding:90px 0 70px;background:radial-gradient(circle at 85% 18%,rgba(183,122,52,.10),transparent 22%),
    radial-gradient(circle at 12% 78%,rgba(49,95,72,.09),transparent 25%),
    linear-gradient(135deg,#fffdf8 0%,#f6f1e8 52%,#edf5f0 100%)}.page-hero h1{font-size:56px}.article{max-width:900px}.featured{width:100%;max-height:520px;object-fit:cover;border-radius:20px;margin-bottom:28px}.content{font-size:18px}.content img{max-width:100%;height:auto}.content h2{font-size:36px;margin-top:36px}.content h3{font-size:28px;margin-top:28px}footer{background:var(--green2);color:#e8f1ec;padding:8px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:30px}.footer-grid a{display:block;margin:8px 0;color:#d2e2d8}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:16px;font-size:13px}.floating{position:fixed;right:18px;bottom:18px;z-index:70;display:flex;flex-direction:column;gap:9px}.float-btn{background:var(--green);color:#fff;min-width:54px;height:54px;border-radius:999px;display:grid;place-items:center;padding:0 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-weight:800}.float-btn.book{background:var(--gold)}.flash{position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:100;background:var(--green);color:#fff;padding:12px 22px;border-radius:10px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{height:70px}.menu-btn{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:16px 5%;flex-direction:column;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.call-top{display:none}.hero,.slide{min-height:580px}.hero-copy{padding-top:84px}.services,.cards.four,.cards.three,.steps{grid-template-columns:1fr 1fr}.booking-grid{grid-template-columns:1fr}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.services,.cards.four,.cards.three,.steps,.grid2,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.hero-copy h1{font-size:46px}.booking-copy h2{font-size:38px}.page-hero h1{font-size:42px}.floating{right:10px;bottom:10px}.float-btn{height:48px;min-width:48px;font-size:13px}.float-btn.book{display:none}}

/* ===== Pet Farewell Hero Slider Fix =====
   - Căn nội dung về bên trái
   - Tăng chiều cao slide thêm khoảng 1/3
*/
.hero,
.slide{
    min-height: 820px !important;
}

.hero .container{
    width: min(1500px, 92%) !important;
}

.hero-copy{
    max-width: 680px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-top: 170px !important;
    text-align: left !important;
}

.hero-copy h1,
.hero-copy p,
.hero-copy small,
.hero-copy div{
    text-align: left !important;
}

.slide{
    background-size: cover !important;
    background-position: center center !important;
}

@media (max-width: 900px){
    .hero,
    .slide{
        min-height: 700px !important;
    }

    .hero .container{
        width: min(100% - 40px, 1180px) !important;
    }

    .hero-copy{
        padding-top: 130px !important;
        max-width: 620px !important;
    }
}

@media (max-width: 620px){
    .hero,
    .slide{
        min-height: 620px !important;
    }

    .hero .container{
        width: calc(100% - 30px) !important;
    }

    .hero-copy{
        padding-top: 95px !important;
        max-width: 100% !important;
    }
}

/* SEO heading consistency: only first hero slide uses H1. */
.hero-copy .hero-slide-title{font-size:clamp(42px,5.5vw,78px);line-height:1.08;margin:0 0 .7rem;font-weight:700}
@media(max-width:620px){.hero-copy .hero-slide-title{font-size:46px}}


/* ==========================================================
   PET FAREWELL HERO 2026 - theo mẫu người dùng cung cấp
   ========================================================== */
.pet-farewell-hero{
  position:relative;
  min-height:690px!important;
  height:auto!important;
  overflow:hidden;
  background:#f7f4ec;
}
.pet-farewell-hero .slider{position:relative;min-height:690px}
.pet-farewell-slide{
  position:relative;
  min-height:690px!important;
  height:690px!important;
  overflow:hidden;
  background:#f7f4ec!important;
}
.pet-slide-photo{
  position:absolute;
  z-index:0;
  inset:0 0 0 42%;
  background-image:var(--pet-slide-image);
  background-size:cover;
  background-position:center center;
  transform:scale(1.015);
  transition:transform 6s ease;
}
.pet-farewell-slide.active .pet-slide-photo{transform:scale(1.045)}
.pet-slide-wash{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 82%,rgba(213,224,205,.72),transparent 23%),
    linear-gradient(90deg,#fbfaf5 0%,#fbfaf5 35%,rgba(251,250,245,.94) 43%,rgba(251,250,245,.60) 55%,rgba(251,250,245,.05) 72%);
}
.pet-hero-shell{
  position:relative;
  z-index:3;
  width:min(1500px,90%)!important;
  max-width:1500px!important;
  height:100%!important;
  margin:auto!important;
  padding:0!important;
}
.pet-hero-copy{
  width:48%!important;
  max-width:680px!important;
  margin:0!important;
  padding-top:92px!important;
  text-align:left!important;
}
.pet-hero-copy>small{
  display:flex;
  align-items:center;
  gap:14px;
  color:#486455!important;
  font-size:13px;
  font-weight:800;
  letter-spacing:.28em!important;
  margin-bottom:22px!important;
}
.pet-hero-copy>small::after{content:"";width:150px;height:1px;background:rgba(72,100,85,.35)}
.pet-hero-copy h1,.pet-hero-copy .hero-slide-title{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(48px,4.8vw,78px)!important;
  line-height:1.04!important;
  color:#244d3a!important;
  margin:0 0 20px!important;
  letter-spacing:-.035em;
  text-shadow:0 2px 18px rgba(255,255,255,.68);
}
.pet-hero-copy h1 span,.pet-hero-copy .hero-slide-title span,
.pet-hero-copy h1 em,.pet-hero-copy .hero-slide-title em{display:block;font-style:normal}
.pet-hero-copy h1 em,.pet-hero-copy .hero-slide-title em{color:#aa7440!important}
.pet-hero-copy>p{
  max-width:610px!important;
  color:#5e645f!important;
  font-size:18px!important;
  line-height:1.65!important;
  margin:0 0 22px!important;
}
.pet-hero-actions{display:flex!important;gap:12px;align-items:center;flex-wrap:wrap}
.pet-hero-actions .btn{
  min-height:52px;
  margin:0!important;
  padding:0 24px;
  border-radius:999px;
  font-size:15px;
}
.pet-main-btn{background:#55745d!important;border-color:#55745d!important;box-shadow:0 12px 28px rgba(67,104,80,.18)}
.pet-main-btn:hover{background:#41634d!important}
.pet-second-btn{background:rgba(255,255,255,.55)!important;border:1px solid rgba(47,76,59,.48)!important;color:#244d3a!important;backdrop-filter:blur(5px)}
.pet-trust-wrap{
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:22px;
  padding:0 4%;
}
.pet-trust-bar{
  width:min(1580px,94%);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid rgba(218,217,201,.78);
  background:rgba(255,255,255,.88);
  border-radius:28px;
  box-shadow:0 18px 50px rgba(49,65,55,.10);
  backdrop-filter:blur(10px);
  overflow:hidden;
}
.pet-trust-item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:15px;
  align-items:center;
  min-height:112px;
  padding:19px 25px;
  position:relative;
}
.pet-trust-item:not(:last-child)::after{content:"";position:absolute;right:0;top:24px;bottom:24px;width:1px;background:#e4e3d8}
.pet-trust-icon{
  width:54px;height:54px;border:1px solid #dadccf;border-radius:50%;
  display:grid;place-items:center;color:#607c64;font-size:27px;background:#fbfcf8;
}
.pet-trust-item strong{display:block;color:#33443a;font-size:14px;line-height:1.3;margin-bottom:5px}
.pet-trust-item span{display:block;color:#80867f;font-size:12px;line-height:1.42}
.pet-hero-dots{
  position:absolute;z-index:6;left:max(5%,calc((100% - 1500px)/2));bottom:154px;
  display:flex;gap:7px;
}
.pet-hero-dots button{
  width:9px;height:9px;padding:0;border:0;border-radius:99px;background:#d7d9d0;cursor:pointer;transition:.3s
}
.pet-hero-dots button.active{width:36px;background:#55745d}

/* Premium hotline trên header */
.pet-hotline{
  position:relative;
  overflow:hidden;
  min-width:176px;
  min-height:54px;
  padding:7px 18px 7px 9px!important;
  gap:9px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#1c4b36,#2b6549)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 10px 28px rgba(30,78,55,.23)!important;
  isolation:isolate;
}
.pet-hotline::after{
  content:"";position:absolute;inset:-30% auto -30% -45%;width:34%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-20deg);animation:petHotlineShine 3.4s ease-in-out infinite;z-index:-1
}
@keyframes petHotlineShine{0%,55%{left:-45%}80%,100%{left:125%}}
.pet-hotline-icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.14);font-size:17px;
  animation:petPhonePulse 2.2s ease-in-out infinite
}
@keyframes petPhonePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(255,255,255,.07)}}
.pet-hotline-copy{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.pet-hotline-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.77;font-weight:700}
.pet-hotline-copy strong{font-size:15px;margin-top:3px;letter-spacing:.02em}

/* TOC bài viết */
.article-toc{
  margin:0 0 32px;
  border:1px solid #e1ddd3;
  border-radius:15px;
  background:linear-gradient(145deg,#fff,#faf8f3);
  box-shadow:0 10px 30px rgba(42,56,48,.06);
  overflow:hidden;
}
.article-toc summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  min-height:58px;padding:0 18px;font-weight:850;color:#244d3a;border-left:4px solid #55745d;
}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary span{font-size:12px;color:#9a774d;font-weight:800}
.article-toc-body{padding:3px 20px 18px;border-top:1px solid #eee9df}
.article-toc ol{margin:10px 0 0;padding-left:22px}.article-toc li{margin:8px 0;color:#506258}
.article-toc li.toc-h3{margin-left:18px;font-size:14px}.article-toc a:hover{color:#aa7440;text-decoration:underline}
.content h2[id],.content h3[id]{scroll-margin-top:105px}

@media(max-width:900px){
  .pet-farewell-hero,.pet-farewell-hero .slider,.pet-farewell-slide{min-height:720px!important;height:720px!important}
  .pet-slide-photo{inset:0;background-position:62% center}
  .pet-slide-wash{background:linear-gradient(180deg,rgba(251,250,245,.96) 0%,rgba(251,250,245,.88) 47%,rgba(251,250,245,.35) 68%,rgba(251,250,245,.07) 100%)}
  .pet-hero-shell{width:90%!important}
  .pet-hero-copy{width:100%!important;max-width:650px!important;padding-top:58px!important}
  .pet-hero-copy h1,.pet-hero-copy .hero-slide-title{font-size:48px!important;max-width:600px}
  .pet-hero-copy>p{font-size:15px!important;max-width:540px!important}
  .pet-trust-wrap{bottom:14px;padding:0 2%}
  .pet-trust-bar{grid-template-columns:1fr 1fr;border-radius:20px}
  .pet-trust-item{min-height:80px;grid-template-columns:42px 1fr;padding:11px 13px;gap:9px}
  .pet-trust-icon{width:40px;height:40px;font-size:20px}
  .pet-trust-item:nth-child(2)::after{display:none}.pet-trust-item::before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:#e4e3d8}.pet-trust-item:nth-child(3)::before,.pet-trust-item:nth-child(4)::before{display:none}
  .pet-trust-item strong{font-size:11px}.pet-trust-item span{font-size:9px}
  .pet-hero-dots{bottom:196px;left:5%}
}
@media(max-width:620px){
  .pet-farewell-hero,.pet-farewell-hero .slider,.pet-farewell-slide{min-height:690px!important;height:690px!important}
  .pet-hero-copy{padding-top:42px!important}
  .pet-hero-copy>small{font-size:10px;margin-bottom:14px!important}.pet-hero-copy>small::after{width:80px}
  .pet-hero-copy h1,.pet-hero-copy .hero-slide-title{font-size:39px!important}
  .pet-hero-copy>p{font-size:14px!important;line-height:1.55!important;max-width:92%!important}
  .pet-hero-actions .btn{min-height:45px;padding:0 16px;font-size:12px}
  .pet-trust-item span{display:none}.pet-trust-item{min-height:66px}
  .pet-hero-dots{bottom:170px}
}
@media(prefers-reduced-motion:reduce){
  .pet-slide-photo,.pet-hotline::after,.pet-hotline-icon{animation:none!important;transition:none!important}
}


/* ==========================================================
   PET FAREWELL ROUND 2
   Header cân đối + Hero responsive + nền Home theo màu logo
   ========================================================== */

:root{
  --pf-deep:#173f31;
  --pf-green:#315f48;
  --pf-sage:#78927d;
  --pf-gold:#b77a34;
  --pf-warm:#efe3cc;
  --pf-ivory:#fffdf7;
}

/* Header PC căn theo cùng trục với Hero */
@media(min-width:901px){
  .site-header .container.nav{
    width:min(1450px,92%);
    height:94px;
    gap:20px;
  }
  .site-header .brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
  }
  .site-header .brand img{
    max-height:66px;
    width:auto;
    max-width:230px;
    object-fit:contain;
  }
  .site-header .desktop-nav{
    margin-left:auto;
    gap:20px;
    align-items:center;
  }
  .site-header .desktop-nav a{
    font-size:16px;
    padding-top:35px;
    padding-bottom:31px;
    white-space:nowrap;
  }
  .site-header .pet-hotline{
    min-width:174px;
    min-height:52px;
    padding-right:15px!important;
    flex:0 0 auto;
  }
}

/* Hero desktop: tăng nhẹ chiều cao và đồng trục Header */
@media(min-width:901px){
  .pet-farewell-hero,
  .pet-farewell-hero .slider,
  .pet-farewell-slide{
    min-height:745px!important;
    height:745px!important;
  }
  .pet-hero-shell{
    width:min(1450px,92%)!important;
    max-width:1450px!important;
  }
  .pet-hero-copy{
    padding-top:102px!important;
  }
  .pet-trust-wrap{
    bottom:24px;
  }
}

/* Mobile: thu chiều cao Hero để không bị quá dài */
@media(max-width:900px){
  .pet-farewell-hero,
  .pet-farewell-hero .slider,
  .pet-farewell-slide{
    min-height:620px!important;
    height:620px!important;
  }
  .pet-hero-copy{
    padding-top:42px!important;
  }
  .pet-hero-copy h1,
  .pet-hero-copy .hero-slide-title{
    font-size:43px!important;
  }
  .pet-trust-wrap{
    bottom:12px;
  }
  .pet-hero-dots{
    bottom:158px!important;
  }
}
@media(max-width:620px){
  .pet-farewell-hero,
  .pet-farewell-hero .slider,
  .pet-farewell-slide{
    min-height:565px!important;
    height:565px!important;
  }
  .pet-hero-copy{
    padding-top:31px!important;
  }
  .pet-hero-copy h1,
  .pet-hero-copy .hero-slide-title{
    font-size:34px!important;
    line-height:1.06!important;
  }
  .pet-hero-copy>p{
    font-size:12.5px!important;
    line-height:1.48!important;
    margin-bottom:13px!important;
  }
  .pet-hero-actions{
    gap:7px;
  }
  .pet-hero-actions .btn{
    min-height:40px;
    padding:0 13px;
    font-size:11px;
  }
  .pet-trust-bar{
    border-radius:15px!important;
  }
  .pet-trust-item{
    min-height:58px!important;
    padding:8px 9px!important;
  }
  .pet-trust-icon{
    width:34px!important;
    height:34px!important;
    font-size:16px!important;
  }
  .pet-trust-item strong{
    font-size:9.5px!important;
  }
  .pet-hero-dots{
    bottom:136px!important;
  }
}

/* ===== NỀN HOME VIP THEO MÀU LOGO PET FAREWELL ===== */
.home-vip-main{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 8%,rgba(183,122,52,.08),transparent 24%),
    radial-gradient(circle at 92% 20%,rgba(49,95,72,.08),transparent 25%),
    linear-gradient(180deg,#fffdf8 0%,#f7f3ea 48%,#f2f7f3 100%);
}
.home-vip-main .home-vip-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.home-vip-main .home-vip-section::before,
.home-vip-main .home-vip-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(.2px);
}
.home-vip-main .home-services-section{
  background:
    radial-gradient(circle at 9% 20%,rgba(183,122,52,.11),transparent 25%),
    linear-gradient(135deg,#fffdf9 0%,#fbf6ed 48%,#f4f8f4 100%)!important;
}
.home-vip-main .home-services-section::after{
  width:420px;height:420px;right:-210px;top:30px;
  background:radial-gradient(circle,rgba(49,95,72,.10),transparent 68%);
}
.home-vip-main .pricing-section{
  background:
    radial-gradient(circle at 82% 16%,rgba(183,122,52,.12),transparent 26%),
    linear-gradient(135deg,#f2f7f3 0%,#fffdf8 58%,#f7efe2 100%)!important;
}
.home-vip-main .pricing-section::before{
  width:360px;height:360px;left:-170px;bottom:-90px;
  background:radial-gradient(circle,rgba(36,77,58,.10),transparent 70%);
}
.home-vip-main .home-process-section{
  background:
    radial-gradient(circle at 15% 25%,rgba(49,95,72,.10),transparent 28%),
    linear-gradient(135deg,#edf5ef 0%,#f8f4ea 100%)!important;
}
.home-vip-main .souvenir-home{
  background:
    radial-gradient(circle at 90% 15%,rgba(183,122,52,.11),transparent 24%),
    linear-gradient(135deg,#fffaf1 0%,#f4f8f4 100%)!important;
}
.home-vip-main .home-why-section{
  background:
    radial-gradient(circle at 12% 78%,rgba(183,122,52,.09),transparent 22%),
    linear-gradient(140deg,#f8f3e8 0%,#fff 48%,#eef5f0 100%)!important;
}
.home-vip-main .testimonials-section{
  background:
    radial-gradient(circle at 88% 20%,rgba(49,95,72,.10),transparent 25%),
    radial-gradient(circle at 10% 88%,rgba(183,122,52,.09),transparent 26%),
    linear-gradient(135deg,#eef5f0 0%,#fbf7ef 100%)!important;
}
.home-vip-main .memorial-home-section{
  background:
    radial-gradient(circle at 12% 20%,rgba(183,122,52,.12),transparent 24%),
    linear-gradient(135deg,#fffdf8 0%,#f0f6f1 100%)!important;
}
.home-vip-main .useful-posts-section{
  background:
    radial-gradient(circle at 90% 72%,rgba(49,95,72,.09),transparent 24%),
    linear-gradient(140deg,#f7f0e5 0%,#fffdf8 50%,#edf5ef 100%)!important;
}
.home-vip-main .home-final-cta{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 25%,rgba(229,198,145,.18),transparent 24%),
    radial-gradient(circle at 88% 75%,rgba(110,155,129,.16),transparent 28%),
    linear-gradient(135deg,#173f31 0%,#285841 50%,#9b6a31 150%)!important;
  color:#fff;
}
.home-vip-main .home-final-cta h2,
.home-vip-main .home-final-cta p,
.home-vip-main .home-final-cta small{
  color:#fff!important;
}
.home-vip-main .home-final-cta .btn{
  background:linear-gradient(135deg,#d8b372,#b77a34);
  border-color:transparent;
  color:#193c2e;
}
.home-vip-main .home-final-cta .btn.outline{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}

/* Card nổi khối nhẹ trên nền gradient */
.home-vip-main .card,
.home-vip-main .mini,
.home-vip-main .quote,
.home-vip-main .step,
.home-vip-main .pricing-card{
  border-color:rgba(188,168,137,.35);
  box-shadow:0 16px 44px rgba(39,62,50,.075);
}
.home-vip-main .card:hover,
.home-vip-main .mini:hover,
.home-vip-main .step:hover,
.home-vip-main .pricing-card:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 56px rgba(39,62,50,.13);
}

}
.home-vip-main .section-head h2,
.home-vip-main .pricing-heading h2{
  position:relative;
}
.home-vip-main .section-head h2::after,
.home-vip-main .pricing-heading h2::after{
  content:"";
  display:block;
  width:70px;
  height:3px;
  margin-top:12px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--pf-gold),var(--pf-green));
}

/* ===== Scroll motion kiểu premium: fade/slide/scale stagger ===== */
.pf-scroll-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  filter:blur(5px);
  transition:
    opacity .82s cubic-bezier(.2,.72,.25,1),
    transform .82s cubic-bezier(.2,.72,.25,1),
    filter .82s ease;
  transition-delay:var(--pf-delay,0ms);
  will-change:transform,opacity,filter;
}
.pf-scroll-reveal.pf-from-left{transform:translate3d(-42px,12px,0) scale(.985)}
.pf-scroll-reveal.pf-from-right{transform:translate3d(42px,12px,0) scale(.985)}
.pf-scroll-reveal.pf-scale{transform:translate3d(0,18px,0) scale(.94)}
.pf-scroll-reveal.pf-in-view{
  opacity:1;
  transform:none;
  filter:blur(0);
}
.home-vip-main .home-vip-section::after{
  opacity:.65;
  animation:pfAmbientFloat 14s ease-in-out infinite alternate;
}
@keyframes pfAmbientFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-24px,32px,0) scale(1.06)}
}

@media(max-width:700px){
  .home-vip-main .home-vip-section::before,
  .home-vip-main .home-vip-section::after{
    opacity:.35;
  }
  .pf-scroll-reveal,
  .pf-scroll-reveal.pf-from-left,
  .pf-scroll-reveal.pf-from-right,
  .pf-scroll-reveal.pf-scale{
    transform:translate3d(0,20px,0);
    filter:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .pf-scroll-reveal,
  .home-vip-main .home-vip-section::after{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
  }
}

/* PET FAREWELL HOME VIP CARDS */
.process-vip-section{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 15%,rgba(183,122,52,.11),transparent 25%),radial-gradient(circle at 90% 80%,rgba(49,95,72,.11),transparent 27%),linear-gradient(135deg,#f4f8f4 0%,#fffaf1 50%,#eef5ef 100%)!important}
.process-vip-section .process-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.process-vip-section .process-card,.process-vip-section .step{position:relative;overflow:hidden;min-height:245px;padding:26px 22px!important;border:1px solid rgba(112,132,118,.18)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(251,247,239,.92))!important;box-shadow:0 16px 38px rgba(31,67,49,.08),inset 0 1px 0 rgba(255,255,255,.75)!important;transition:.35s ease!important}
.process-vip-section .process-card::before,.process-vip-section .step::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#b77a34,#d7b171,#315f48)}
.process-vip-section .process-card:hover,.process-vip-section .step:hover{transform:translateY(-9px)!important;box-shadow:0 24px 55px rgba(31,67,49,.14)!important}
.process-vip-section .process-card .icon,.process-vip-section .step .icon{width:58px!important;height:58px!important;display:grid!important;place-items:center!important;margin:0 0 18px!important;border-radius:18px!important;color:#315f48!important;background:linear-gradient(145deg,#fff8eb,#eaf3ec)!important;border:1px solid rgba(183,122,52,.20)!important;font-size:25px!important}
.process-vip-section .process-card h3,.process-vip-section .step h3{margin:0 0 10px!important;color:#244334!important;font-size:20px!important;line-height:1.3!important}
.process-vip-section .process-card p,.process-vip-section .step p{margin:0!important;color:#6d786f!important;font-size:14px!important;line-height:1.7!important}

.testimonials-vip-section{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 12%,rgba(183,122,52,.10),transparent 25%),radial-gradient(circle at 8% 85%,rgba(49,95,72,.12),transparent 28%),linear-gradient(135deg,#fffdf8 0%,#f3f7f3 55%,#f8efe2 100%)!important}
.testimonials-vip-section .testimonials-grid,.testimonials-vip-section .testimonial-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.testimonials-vip-section .testimonial-card,.testimonials-vip-section .quote{position:relative;display:flex!important;flex-direction:column!important;overflow:hidden;padding:24px!important;border:1px solid rgba(112,132,118,.17)!important;border-radius:22px!important;background: linear-gradient(150deg, rgb(66 113 89), rgb(66 108 87)) !important;box-shadow:0 18px 45px rgba(31,67,49,.08)!important;transition:.35s ease!important}
.testimonials-vip-section .testimonial-card::before,.testimonials-vip-section .quote::before{content:"“";position:absolute;right:18px;top:6px;font-family:Georgia,serif;font-size:82px;line-height:1;color: rgb(255 255 255);}
.testimonials-vip-section .testimonial-card:hover,.testimonials-vip-section .quote:hover{transform:translateY(-8px)!important;box-shadow:0 26px 60px rgba(31,67,49,.14)!important}
.testimonials-vip-section .testimonial-card p,.testimonials-vip-section .quote p{position:relative;z-index:2;margin:0 0 18px!important;color: #ffffff !important;font-size:15px!important;line-height:1.78!important}
.testimonials-vip-section .testimonial-author,.testimonials-vip-section .quote-author{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:12px!important;align-items:center!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid rgba(76,102,87,.10)!important}
.testimonials-vip-section .testimonial-author img,.testimonials-vip-section .quote-author img,.testimonials-vip-section .testimonial-card .avatar{grid-column:2!important;grid-row:1!important;width:58px!important;height:58px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;border:3px solid #fff!important;box-shadow:0 6px 18px rgba(34,70,51,.16)!important}
.testimonials-vip-section .testimonial-author strong,.testimonials-vip-section .quote-author strong,.testimonials-vip-section .testimonial-name{display:block!important;color:#274838!important;font-size:15px!important;font-weight:900!important}
.testimonials-vip-section .testimonial-author span,.testimonials-vip-section .quote-author span,.testimonials-vip-section .testimonial-location{display:block!important;margin-top:3px!important;color:#9a774d!important;font-size:11px!important;font-weight:700!important}
.testimonials-vip-section .testimonial-card>img:not(.avatar),.testimonials-vip-section .quote>img:not(.avatar){width:100%!important;height:210px!important;object-fit:cover!important;border-radius:14px!important;margin:14px 0 0!important}

@media(max-width:980px){.process-vip-section .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.testimonials-vip-section .testimonials-grid,.testimonials-vip-section .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.process-vip-section .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.process-vip-section .process-card,.process-vip-section .step{min-height:190px!important;padding:17px 14px!important;border-radius:16px!important}.process-vip-section .process-card .icon,.process-vip-section .step .icon{width:45px!important;height:45px!important;border-radius:13px!important;font-size:20px!important;margin-bottom:12px!important}.process-vip-section .process-card h3,.process-vip-section .step h3{font-size:15px!important}.process-vip-section .process-card p,.process-vip-section .step p{font-size:11.5px!important;line-height:1.55!important}.testimonials-vip-section .testimonials-grid,.testimonials-vip-section .testimonial-grid{grid-template-columns:1fr!important;gap:13px!important}.testimonials-vip-section .testimonial-card,.testimonials-vip-section .quote{padding:18px!important;border-radius:17px!important}.testimonials-vip-section .testimonial-card p,.testimonials-vip-section .quote p{font-size:13.5px!important}.testimonials-vip-section .testimonial-card>img:not(.avatar),.testimonials-vip-section .quote>img:not(.avatar){height:180px!important}}

/* ==========================================================
   PET FAREWELL - FIX CARD HEIGHT BALANCE
   Quy trình + Cảm nhận khách hàng
   ========================================================== */

/* QUY TRÌNH: bỏ chiều cao dư, card ôm sát nội dung */
.process-vip-section .process-grid{
  align-items:stretch!important;
}
.process-vip-section .process-card,
.process-vip-section .step{
  min-height:0!important;
  height:auto!important;
  padding:24px 20px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.process-vip-section .process-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 15px!important;
  border-radius:16px!important;
  color:#315f48!important;
  background:linear-gradient(145deg,#fff8eb,#eaf3ec)!important;
  border:1px solid rgba(183,122,52,.20)!important;
  box-shadow:0 7px 18px rgba(40,73,57,.08)!important;
  font-size:22px!important;
  line-height:1!important;
}
.process-vip-section .process-card h3,
.process-vip-section .step h3{
  margin:0 0 8px!important;
  text-align:center!important;
}
.process-vip-section .process-card p,
.process-vip-section .step p{
  margin:0!important;
  text-align:center!important;
}

/* CẢM NHẬN: card không kéo cao dư, footer bám ngay sau nội dung */
.testimonials-vip-section .cards.three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.testimonials-vip-section .testimonial-card,
.testimonials-vip-section .quote{
  min-height:0!important;
  height:auto!important;
  padding:22px 22px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.testimonials-vip-section .testimonial-mark{
  color: #ff8800 !important;
  font-family:Georgia,serif!important;
  font-size:28px!important;
  line-height:1!important;
  margin:0 0 10px!important;
}
.testimonials-vip-section .testimonial-content{
  margin:0 0 16px!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
.testimonials-vip-section .testimonial-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  gap:12px!important;
  align-items:center!important;
  margin-top:auto!important;
  padding-top:15px!important;
  border-top: 1px solid rgb(255 255 255 / 57%) !important;
}
.testimonials-vip-section .testimonial-person{
  min-width:0!important;
}
.testimonials-vip-section .testimonial-person strong{
  display:block!important;
  color: #ffffff !important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.testimonials-vip-section .testimonial-person span{
  display:block!important;
  margin-top:3px!important;
  color: #ffffff !important;
  font-size:12px!important;
  line-height:1.4!important;
}
.testimonials-vip-section .testimonial-avatar{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  margin:0!important;
  border: 1px solid #ffffff !important;
  box-shadow:0 6px 18px rgba(34,70,51,.16)!important;
}

/* Desktop: giữ chiều cao đồng đều theo hàng nhưng không dư quá nhiều */
@media(min-width:981px){
  .process-vip-section .process-card,
  .process-vip-section .step{
    min-height:180px!important;
  }
  .testimonials-vip-section .testimonial-card,
  .testimonials-vip-section .quote{
    min-height:250px!important;
  }
}

@media(max-width:980px){
  .testimonials-vip-section .cards.three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .process-vip-section .process-card,
  .process-vip-section .step{
    min-height:0!important;
    padding:16px 12px 15px!important;
  }
  .process-vip-section .process-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin-bottom:10px!important;
    font-size:18px!important;
  }
  .testimonials-vip-section .cards.three{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .testimonials-vip-section .testimonial-card,
  .testimonials-vip-section .quote{
    min-height:0!important;
    padding:17px!important;
  }
  .testimonials-vip-section .testimonial-footer{
    grid-template-columns:minmax(0,1fr) 50px!important;
  }
  .testimonials-vip-section .testimonial-avatar{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
}