/* ============================================================
   PETCARE THEME — cream / dark-teal / coral system
   Reference: Pet Care & Veterinary landing design
   Loaded LAST so it wins over theme-redesign.css
   ============================================================ */

:root{
  --pc-cream:#FBF7EE;
  --pc-cream-soft:#F4EFE2;
  --pc-white:#FFFFFF;
    --pc-teal: #4b5a34;
    --pc-teal-dark: #4b5a34 ;
  --pc-teal-soft:#E7F1EC; /* pale mint chip bg */
  --pc-coral:#ffaf4a;     /* accent orange */
  --pc-coral-dark:#ffaf4a;
  --pc-coral-soft:#fffced;
  --pc-text:#1B2B26;
  --pc-text-muted:#6B7A75;
  --pc-line:#E7E0D1;
  --pc-radius-lg:28px;
  --pc-radius-md:18px;
  --pc-radius-sm:12px;
  --pc-shadow:0 20px 45px -18px rgba(15,64,56,.22);
  --pc-shadow-sm:0 10px 24px -12px rgba(15,64,56,.18);
  --pc-font:'Poppins','Inter',sans-serif;
}

body{
  background:var(--pc-white) !important;
  color:var(--pc-text) !important;
  font-family:'Inter','Poppins',sans-serif !important;
}

h1,h2,h3,h4,h5,h6,.font-heading,.pw-brand-text{
  font-family: cursive;
  color:var(--pc-teal-dark);
  font-weight: bold;
  letter-spacing:-.01em;
}

a{ color:var(--pc-teal); }

::selection{ background:var(--pc-coral-soft); color:var(--pc-teal-dark); }

/* ============ Eyebrow / badges ============ */
.tr-eyebrow,.badge-pawwell,.ab-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  margin-bottom: 25px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--pc-coral-dark) !important;
  background:var(--pc-coral-soft);
  padding:6px 16px;
  border-radius:99px;
}
.tr-eyebrow::before,.badge-pawwell::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--pc-coral);
}

/* ============ Buttons — pill shaped, PetCare style ============ */
.btn-pawwell{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--pc-font);
  font-weight:600;
  font-size:15px;
  padding:14px 28px;
  border-radius:99px !important;
  border:2px solid transparent;
  transition:all .25s ease;
  text-decoration:none;
  cursor:pointer;
}
.btn-pawwell-primary,
.btn-checkout,
.tr-cart-foot .btn-pawwell-primary{
  background:var(--pc-teal) !important;
  color:var(--pc-cream) !important;
  box-shadow:var(--pc-shadow-sm);
}
.btn-pawwell-primary:hover{
  background:var(--pc-teal-dark) !important;
  transform:translateY(-2px);
  color:var(--pc-cream) !important;
}
.btn-pawwell-secondary{
  background:transparent !important;
  color:var(--pc-teal) !important;
  border-color:var(--pc-teal) !important;
}
.btn-pawwell-secondary:hover{
  background:var(--pc-teal) !important;
  color:var(--pc-cream) !important;
}
.btn-bone-shaped{ border-radius:99px !important; }

/* ============ HEADER ============ */
.pw-header{
  background:var(--pc-white) !important;
  border-bottom:1px solid var(--pc-line);
  padding:14px 0;
  position:sticky;
  top:0;
  z-index:1200;
  box-shadow:0 2px 18px rgba(15,64,56,.05);
}
.pw-nav-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.pw-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.pw-brand-logo{ height:42px; width:auto; display:block; }
.pw-brand-text{
  font-size:20px;
  font-weight:800;
  color:var(--pc-teal-dark) !important;
  align-items:center;
  gap:8px;
}
.pw-brand-text::before{
  content:"\f1b0";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:var(--pc-coral);
  font-size:17px;
}
.tr-menu-drawer .pw-brand-logo{ height:36px; }
.pw-nav-links{
  list-style:none;
  display:flex;
  align-items:center;
  gap:34px;
  margin:0;padding:0;
}
.pw-nav-links a{
  color:var(--pc-text) !important;
  text-decoration:none;
  font-weight:600;
  font-size:15px;
  position:relative;
  padding:4px 0;
}
.pw-nav-links a:hover{ color:var(--pc-coral) !important; }
.pw-header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.tr-icon-btn{
  position:relative;
  width:44px;height:44px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--pc-teal-soft);
  color:var(--pc-teal) !important;
  font-size:16px;
  text-decoration:none;
}
.tr-icon-btn .cart-badge{
  position:absolute;
  top:-4px;right:-4px;
  width:19px;height:19px;
  border-radius:50%;
  background:var(--pc-coral);
  color:#fff;
  font-size:10.5px;
  font-weight:700;
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--pc-white);
}

/* hamburger */
.tr-hamburger{
  width:42px;height:42px;
  border-radius:50%;
  border:1.5px solid var(--pc-line);
  background:var(--pc-white);
  display:none;
  flex-direction:column;
  align-items:center;justify-content:center;
  gap:5px;
  cursor:pointer;
}
.tr-hamburger span{
  width:18px;height:2px;background:var(--pc-teal-dark);display:block;transition:.3s;
}
.tr-hamburger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.tr-hamburger.is-open span:nth-child(2){ opacity:0; }
.tr-hamburger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ============ OVERLAY ============ */
.tr-overlay{
  position:fixed; inset:0;
  background:rgba(10,46,40,.45);
  backdrop-filter:blur(2px);
  opacity:0; visibility:hidden;
  transition:opacity .35s ease;
  z-index:1400;
}
.tr-overlay.is-active{ opacity:1; visibility:visible; }

/* ============ MOBILE MENU DRAWER — slides LEFT -> RIGHT ============ */
.tr-menu-drawer{
  position:fixed;
  top:0; left:0;
  height:100%;
  width:min(340px,86vw);
  background:var(--pc-white);
  z-index:1500;
  transform:translateX(-100%);
  transition:transform .4s cubic-bezier(.16,.8,.24,1);
  display:flex;
  flex-direction:column;
  box-shadow:24px 0 60px rgba(0,0,0,.18);
}
.tr-menu-drawer.is-active{ transform:translateX(0); }

/* ============ CART DRAWER — slides RIGHT -> LEFT ============ */
.tr-cart-drawer{
  position:fixed;
  top:0; right:0;
  height:100%;
  width:min(400px,90vw);
  background:var(--pc-white);
  z-index:1500;
  transform:translateX(100%);
  transition:transform .4s cubic-bezier(.16,.8,.24,1);
  display:flex;
  flex-direction:column;
  box-shadow:-24px 0 60px rgba(0,0,0,.18);
}
.tr-cart-drawer.is-active{ transform:translateX(0); }

.tr-drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 24px;
  border-bottom:1px solid var(--pc-line);
}
.tr-drawer-head h5{
  margin:0; font-size:17px; font-weight:700; color:var(--pc-teal-dark);
  display:flex;align-items:center;
}
.tr-cart-count{ color:var(--pc-text-muted); font-weight:500; font-size:14px; margin-left:4px;}
.tr-drawer-close{
  width:36px;height:36px;border-radius:50%;
  border:none; background:var(--pc-cream-soft);
  color:var(--pc-teal-dark);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.tr-drawer-close:hover{ background:var(--pc-coral-soft); color:var(--pc-coral-dark); }

.tr-menu-links{ list-style:none; margin:0; padding:18px 12px; flex:1; overflow-y:auto; }
.tr-menu-links li a{
  display:flex; align-items:center; gap:14px;
  padding:14px 14px;
  border-radius:14px;
  color:var(--pc-text) !important;
  text-decoration:none;
  font-weight:600;
  font-size:15.5px;
}
.tr-menu-links li a i{ width:20px; color:var(--pc-coral); text-align:center; }
.tr-menu-links li a:hover{ background:var(--pc-teal-soft); color:var(--pc-teal-dark) !important; }
.tr-drawer-foot{ padding:18px 20px 24px; border-top:1px solid var(--pc-line); }

/* ---- Cart drawer items ---- */
.tr-cart-items{ flex:1; overflow-y:auto; padding:16px 20px; }
.tr-cart-line{
  display:flex; align-items:center; gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--pc-line);
}
.tr-cart-line img{
  width:64px;height:64px;object-fit:cover;border-radius:14px;flex-shrink:0;
  background:var(--pc-cream-soft);
}
.tr-cart-line-info{ flex:1; min-width:0; }
.tr-cart-line-name{
  font-weight:600; font-size:14.5px; color:var(--pc-teal-dark);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tr-cart-line-meta{ display:flex; justify-content:space-between; margin-top:4px; font-size:13px; color:var(--pc-text-muted); }
.tr-cart-line-price{ color:var(--pc-coral-dark); font-weight:700; }
.tr-cart-line-remove{
  width:30px;height:30px;border-radius:50%;
  border:none; background:var(--pc-cream-soft); color:var(--pc-text-muted);
  display:flex;align-items:center;justify-content:center; flex-shrink:0; cursor:pointer;
}
.tr-cart-line-remove:hover{ background:var(--pc-coral-soft); color:var(--pc-coral-dark); }

.tr-cart-empty{ text-align:center; padding:60px 20px; }
.tr-cart-empty i{ font-size:38px; color:var(--pc-line); margin-bottom:14px; }
.tr-cart-empty h6{ font-weight:700; color:var(--pc-teal-dark); margin-bottom:6px; }
.tr-cart-empty p{ color:var(--pc-text-muted); font-size:14px; margin-bottom:18px; }

.tr-cart-foot{ padding:18px 20px 24px; border-top:1px solid var(--pc-line); }
.tr-cart-subtotal{
  display:flex; justify-content:space-between; align-items:center;
  font-weight:600; color:var(--pc-text); margin-bottom:14px; font-size:15px;
}
.tr-cart-subtotal-value{ color:var(--pc-coral-dark); font-weight:800; font-size:18px; }

@media (max-width:991px){
  .pw-nav-links{ display:none; }
  .tr-hamburger{ display:flex; }
}

/* ============ HERO ============ */
.hero-section{
  background:linear-gradient(180deg,var(--pc-cream) 0%,var(--pc-cream-soft) 100%);
  padding:80px 0 60px;
  text-align:center;
}
.hero-title{
  font-family:var(--pc-font);
  font-weight:800;
  font-size:clamp(2.4rem,5vw,3.6rem);
  color:var(--pc-teal-dark);
  max-width:820px;
  margin:0 auto 20px;
  line-height:1.12;
}
.hero-subtitle{
  color:var(--pc-text-muted);
  font-size:1.05rem;
  max-width:640px;
  margin:0 auto 28px;
  line-height:1.7;
}
.fan-card{
  border-radius:var(--pc-radius-md) !important;
  overflow:hidden;
  box-shadow:var(--pc-shadow-sm);
  border:6px solid var(--pc-white);
}
.fan-card-tag{
  background:var(--pc-teal) !important;
  color:var(--pc-cream) !important;
  border-radius:99px !important;
  font-weight:600;
}

/* ============ ABOUT ============ */
.about-card-box{
  background:var(--pc-white);
  border-radius:var(--pc-radius-lg);
  padding:48px;
  box-shadow:var(--pc-shadow);
  border:1px solid var(--pc-line);
}
.about-card-box img{ border-radius:var(--pc-radius-md); }

/* ============ BENTO / CATEGORY CARDS ============ */
.bento-card{
  background:var(--pc-white) !important;
  border:1px solid var(--pc-line) !important;
  border-radius:var(--pc-radius-md) !important;
  box-shadow:var(--pc-shadow-sm);
  overflow:hidden;
}
.bento-card.highlighted-bento{
  background:var(--pc-teal) !important;
  border-color:var(--pc-teal) !important;
}
.bento-card.highlighted-bento h3,
.bento-card.highlighted-bento p{ color:var(--pc-cream) !important; }
.badge-tag,.badge-tag-orange{
  background:var(--pc-coral-soft) !important;
  color:var(--pc-coral-dark) !important;
  border-radius:99px;
  font-weight:700;
  letter-spacing:.06em;
}
.bento-card.highlighted-bento .badge-tag{
  background:rgba(255,255,255,.14) !important;
  color:var(--pc-cream) !important;
}
.bento-card-img img{ border-radius:var(--pc-radius-sm); }
.bento-card-footer{
  border-top:1px solid var(--pc-line);
  color:var(--pc-teal-dark);
  font-weight:600;
}
.bento-card-footer a{
  color:var(--pc-coral) !important;
}

/* ============ PRODUCT CARDS ============ */
.product-card{
  background:var(--pc-white) !important;
  border:1px solid var(--pc-line) !important;
  border-radius:var(--pc-radius-md) !important;
  box-shadow:var(--pc-shadow-sm);
  overflow:hidden;
  display:block;
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease;
}
.product-card:hover{ transform:translateY(-6px); box-shadow:var(--pc-shadow); }
.pc-media{ background:var(--pc-cream-soft); }
.pc-cat{ color:var(--pc-coral-dark) !important; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:11px; }
.pc-title{ color:var(--pc-teal-dark) !important; font-weight:700; }
.pc-price{ color:var(--pc-teal) !important; font-weight:800; }
.pc-add{
  background:var(--pc-coral) !important;
  color:#fff !important;
  border-radius:50% !important;
}

/* ============ TIMELINE / PROCESS ============ */
.timeline-node{
  background:var(--pc-teal-soft) !important;
  color:var(--pc-teal) !important;
  font-weight:800;
  border-radius:50%;
}
.timeline-step.active .timeline-node,
.timeline-step:hover .timeline-node{
  background:var(--pc-teal) !important;
  color:var(--pc-cream) !important;
}

/* ============ FAQ ============ */
.pw-accordion-item{
  background:var(--pc-white);
  border:1px solid var(--pc-line);
  border-radius:var(--pc-radius-sm) !important;
  overflow:hidden;
}
.pw-accordion-item.active{ border-color:var(--pc-teal); }
.pw-accordion-header h4{ color:var(--pc-teal-dark) !important; font-size:16px; }
.accordion-icon{color: #ff4e00 !important;}

/* ============ PRE-FOOTER ============ */
.pre-footer-section{
  background:var(--pc-teal-soft);
  border-radius:var(--pc-radius-lg);
  margin:0 auto 40px;
  max-width:1200px;
  padding:60px 20px;
}
.floating-thumb{
  border-radius:var(--pc-radius-md) !important;
  overflow:hidden;
  border:6px solid var(--pc-white);
  box-shadow:var(--pc-shadow-sm);
}

/* ============ GIANT BRAND BANNER ============ */
.giant-brand-banner{
  background:var(--pc-teal) !important;
  color:var(--pc-cream) !important;
}
.giant-brand-icon{ color:var(--pc-coral) !important; }

/* ============ FOOTER ============ */
.footer-fitence,.ab-footer{
  background:var(--pc-teal-dark) !important;
  color:rgba(251,247,238,.72) !important;
  padding:64px 0 28px;
  border-top-left-radius:var(--pc-radius-lg);
  border-top-right-radius:var(--pc-radius-lg);
}
.ab-footer *{ color:inherit; }
.ab-footer .footer-brand img{
  height:40px;
  filter:brightness(0) invert(1);
}
.ab-footer .footer-brand{
  display:flex; align-items:center; gap:10px;
}
.ab-footer > .container-xl > .row:first-child p {
    color: rgba(251,247,238,.62) !important;
    font-size: 14.5px;
    line-height: 1.75;
    margin-top: 14px;
}
.ab-footer-title{
    font-family: 'Inter';
  color:var(--pc-cream) !important;
  font-weight:700;
  font-size:15px;
  letter-spacing:.03em;
  margin-bottom:18px;
  position:relative;
  padding-bottom:10px;
}
.ab-footer-title::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:26px; height:2px;
  background:var(--pc-coral);
  border-radius:2px;
}
.ab-footer ul{ list-style:none; padding:0; margin:0; }
.ab-footer ul li{ margin-bottom:12px; }
.ab-footer ul li a{
  color:rgba(251,247,238,.68) !important;
  text-decoration:none;
  font-size:14.5px;
  transition:color .2s ease, padding-left .2s ease;
}
.ab-footer ul li a:hover{ color:var(--pc-coral) !important; padding-left:3px; }
.ab-footer ul li{ display:flex; align-items:flex-start; gap:8px; color:rgba(251,247,238,.68) !important; font-size:14.5px; line-height:1.6; }
.ab-footer .text-accent{ color:var(--pc-coral) !important; }
.ab-footer .disc{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--pc-radius-sm);
  padding:16px 20px;
}
.ab-footer .disc p{
  color:rgba(251,247,238,.5) !important;
  font-size:12.5px;
  line-height:1.6;
  margin:0;
}
.ab-footer .disc strong{ color:rgba(251,247,238,.75) !important; }
.footer-divider{ border-color:rgba(255,255,255,.1) !important; margin:36px 0 20px; }
.footer-bottom{
  color:rgba(251,247,238,.5) !important;
  font-size:13.5px;
}

/* ============ MISC BUTTONS / CTA STATES ============ */
.btn-checkout,.btn-continue{ border-radius:99px !important; }
.summary-card,.cart-table-wrap{
  border-radius:var(--pc-radius-md) !important;
  border:1px solid var(--pc-line) !important;
}

/* ============ SECTION RHYTHM — alternate tints so sections read as distinct blocks ============ */
.about-section{ background:var(--pc-cream); padding:70px 0; }
.bento-section{ background:var(--pc-teal-soft); padding:80px 0; }
.styles-section{ background:var(--pc-cream); padding:80px 0; }
.feature-process-section{ background:var(--pc-white); padding:80px 0; }
.faq-section{ background:var(--pc-cream-soft); padding:80px 0; }
.bento-section .badge-pawwell,
.faq-section .badge-pawwell{ background:var(--pc-white); }

@media (max-width:576px){
  .hero-section{ padding:56px 0 40px; }
  .about-card-box{ padding:28px; }
}

/* ============================================================
   NEW HOMEPAGE SECTIONS (ph-*)
   ============================================================ */
.ph-h2{font-size: clamp(2rem,3.3vw,3.5rem);color:var(--pc-teal-dark);margin-bottom:14px;}
.ph-lead{ color:var(--pc-text-muted); font-size:1.02rem; line-height:1.7; }
.ph-accent-text{ color:var(--pc-coral); position:relative; }

/* ---------- HERO ---------- */
.ph-hero{
  background:radial-gradient(120% 100% at 100% 0%, #FFF4EC 0%, var(--pc-cream) 45%);
  padding:70px 0 40px;
  overflow:hidden;
}
.ph-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:50px;
  align-items:center;
}
.ph-hero-title {
    font-family: cursive;
    font-weight: 800;
    font-size: clamp(2.4rem,4.6vw,3.5rem);
    line-height: 1.14;
    color: var(--pc-teal-dark);
    margin: 6px 0 18px;
}
.ph-hero-sub{
  color:var(--pc-text-muted);
  font-size:1.06rem;
  line-height:1.75;
  max-width:520px;
  margin-bottom:30px;
}
.ph-hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:40px; }
.ph-hero-stats{ display:flex; gap:34px; flex-wrap:wrap; }
.ph-hero-stat{ display:flex; align-items:center; gap:10px; }
.ph-hero-stat i{
  width:40px;height:40px;border-radius:50%;
  background:var(--pc-white); color:var(--pc-coral);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--pc-shadow-sm); font-size:15px;
}
.ph-hero-stat strong{ display:block; color:var(--pc-teal-dark); font-size:16px; font-weight:800; line-height:1.2; }
.ph-hero-stat span{ color:var(--pc-text-muted); font-size:12.5px; }

.ph-hero-media{ position:relative; }
.ph-hero-media-blob{
  border-radius:44% 56% 60% 40% / 48% 42% 58% 52%;
  overflow:hidden;
  aspect-ratio:1/1;
  box-shadow:var(--pc-shadow);
  border:8px solid var(--pc-white);
}
.ph-hero-media-blob img{ width:100%; height:100%; object-fit:cover; display:block; }
.ph-float-card{
  position:absolute;
  background:var(--pc-white);
  border-radius:16px;
  padding:12px 16px;
  display:flex; align-items:center; gap:10px;
  box-shadow:var(--pc-shadow);
  font-size:13px;
}
.ph-float-card i{ color:var(--pc-coral); font-size:18px; }
.ph-float-card strong{ display:block; color:var(--pc-teal-dark); font-size:14px; }
.ph-float-card span{ color:var(--pc-text-muted); font-size:11.5px; }
.ph-float-card-1{ top:8%; left:-6%; }
.ph-float-card-2{ bottom:10%; right:-6%; }

@media (max-width:991px){
  .ph-hero-grid{ grid-template-columns:1fr; text-align:center; }
  .ph-hero-sub{ margin-left:auto; margin-right:auto; }
  .ph-hero-actions,.ph-hero-stats{ justify-content:center; }
  .ph-hero-media{ max-width:380px; margin:40px auto 0; }
  .ph-float-card-1{ left:-2%; }
  .ph-float-card-2{ right:-2%; }
}

/* ---------- TRUST STRIP ---------- */
.ph-trust-strip{ background:var(--pc-teal); padding:18px 0; }
.ph-trust-inner{ display:flex; flex-wrap:wrap; justify-content:center; gap:32px; }
.ph-trust-item{
  color:var(--pc-cream); font-weight:600; font-size:13.5px;
  display:flex; align-items:center; gap:9px;
}
.ph-trust-item i{ color:var(--pc-coral); font-size:15px; }

/* ---------- CATEGORIES ---------- */
.ph-categories{ background:var(--pc-cream); padding:80px 0; }
.ph-cat-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:22px;
}
.ph-cat-card{ text-decoration:none; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.ph-cat-thumb{
  width:100%; aspect-ratio:1/1;
  border-radius:50%;
  background:var(--pc-white);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  box-shadow:var(--pc-shadow-sm);
  border:1px solid var(--pc-line);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ph-cat-thumb img{ width:66%; height:66%; object-fit:contain; }
.ph-cat-card:hover .ph-cat-thumb{ transform:translateY(-6px); box-shadow:var(--pc-shadow); border-color:var(--pc-coral); }
.ph-cat-name{ font-weight:700; font-size:13.5px; color:var(--pc-teal-dark); }
@media (max-width:768px){ .ph-cat-grid{ grid-template-columns:repeat(3,1fr); gap:24px 16px; } }

/* ---------- FEATURED PRODUCTS (new card, distinct from category cards) ---------- */
.ph-products{ background:var(--pc-white); padding:80px 0; }
.ph-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:36px; flex-wrap:wrap; }
.ph-product-card{
  position:relative;
  display:block;
  text-decoration:none;
  background:var(--pc-cream);
  border-radius:var(--pc-radius-md);
  overflow:hidden;
  border:1px solid var(--pc-line);
  transition:transform .25s ease, box-shadow .25s ease;
}
.ph-product-card:hover{ transform:translateY(-6px); box-shadow:var(--pc-shadow); }
.ph-product-badge{
  position:absolute; top:14px; left:14px; z-index:2;
  background:var(--pc-coral); color:#fff; font-size:11px; font-weight:700;
  padding:4px 12px; border-radius:99px; letter-spacing:.04em;
}
.ph-product-media{ aspect-ratio:1/1; background:var(--pc-white); display:flex; align-items:center; justify-content:center; padding:20px; }
.ph-product-media img{ width:100%; height:100%; object-fit:contain; }
.ph-product-body{ padding:18px 18px 20px; }
.ph-product-cat{ text-transform:uppercase; letter-spacing:.08em; font-size:10.5px; font-weight:700; color:var(--pc-text-muted); }
.ph-product-title{ font-size:15.5px; font-weight:700; color:var(--pc-teal-dark); margin:6px 0 12px; }
.ph-product-foot{ display:flex; align-items:center; justify-content:space-between; }
.ph-product-price{ font-weight:800; color:var(--pc-teal); font-size:16px; }
.ph-product-add{
  width:30px;height:30px;border-radius:50%;
  background:var(--pc-teal); color:#fff;
  display:flex;align-items:center;justify-content:center; font-size:12px;
}

/* ---------- PROMO BANNER ---------- */
.ph-promo{ background:var(--pc-cream); padding:0 0 80px; }
.ph-promo-card{
  background:var(--pc-teal);
  border-radius:var(--pc-radius-lg);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  overflow:hidden;
}
.ph-promo-copy{ padding:56px; }
.ph-promo-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--pc-coral); background:rgba(255,255,255,.08);
  padding:6px 14px; border-radius:99px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  margin-bottom:16px;
}
.ph-promo-copy h2{ color:var(--pc-cream); font-size:clamp(1.8rem,3vw,2.4rem); margin-bottom:14px; }
.ph-promo-copy p{ color:rgba(251,247,238,.72); margin-bottom:26px; max-width:420px; }
.ph-promo-btn{ background:var(--pc-coral) !important; color:#fff !important; }
.ph-promo-btn:hover{ background:var(--pc-coral-dark) !important; }
.ph-promo-media img{ width:100%; height:100%; object-fit:cover; display:block; min-height:320px; }
@media (max-width:768px){
  .ph-promo-card{ grid-template-columns:1fr; }
  .ph-promo-copy{ padding:40px 28px; text-align:center; }
  .ph-promo-copy p{ margin-left:auto; margin-right:auto; }
  .ph-promo-media img{ min-height:220px; }
}

/* ---------- WHY CHOOSE US ---------- */
.ph-why{ background:var(--pc-white); padding:90px 0; }
.ph-why-media{ position:relative; border-radius:var(--pc-radius-lg); overflow:hidden; box-shadow:var(--pc-shadow); }
.ph-why-media img{ width:100%; display:block; aspect-ratio:4/3.4; object-fit:cover; }
.ph-why-media-badge{
  position:absolute; bottom:20px; left:20px;
  background:var(--pc-white); border-radius:16px; padding:14px 20px;
  box-shadow:var(--pc-shadow-sm);
}
.ph-why-media-badge strong{ display:block; color:var(--pc-teal-dark); font-size:18px; font-weight:800; }
.ph-why-media-badge span{ color:var(--pc-text-muted); font-size:12px; }
.ph-check-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:20px; }
.ph-check-list li{ display:flex; gap:16px; align-items:flex-start; }
.ph-check-icon{
  width:30px;height:30px;border-radius:50%;
  background:var(--pc-coral); color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:12px; flex-shrink:0; margin-top:2px;
}
.ph-check-list strong{ display:block; color:var(--pc-teal-dark); font-size:16px; margin-bottom:3px; }
.ph-check-list p{ color:var(--pc-text-muted); font-size:14px; margin:0; }

/* ---------- NUTRITION STRIP ---------- */
.ph-nutrition{ background:var(--pc-teal-soft); padding:80px 0; }
.ph-nutrition-card{
  background:var(--pc-white);
  border-radius:var(--pc-radius-md);
  padding:15px;
  text-align:center;
  box-shadow:var(--pc-shadow-sm);
  height:100%;
}
.ph-nutrition-card img {
    width: 100%;
    height: 262px;
    object-fit: cover;
    border-radius: var(--pc-radius-sm);
    margin-bottom: 18px;
}
.ph-nutrition-card h4{ color:var(--pc-teal-dark); font-weight:700; font-size:17px; margin-bottom:8px; }
.ph-nutrition-card p{ color:var(--pc-text-muted); font-size:13.5px; margin:0; }

/* ---------- TESTIMONIAL SPOTLIGHT ---------- */
.ph-testimonial{ background:var(--pc-white); padding:80px 0; }
.ph-testimonial-card{
  background:var(--pc-teal);
  border-radius:var(--pc-radius-lg);
  display:grid;
  grid-template-columns:.5fr 1fr;
  overflow:hidden;
  max-width:980px;
  margin:0 auto;
}
.ph-testimonial-media img{ width:100%; height:100%; object-fit:cover; display:block; min-height:280px; }
.ph-testimonial-body{ padding:48px; display:flex; flex-direction:column; justify-content:center; }
.ph-stars{ color:var(--pc-coral); font-size:15px; margin-bottom:18px; letter-spacing:2px; }
.ph-testimonial-quote{ color:var(--pc-cream); font-size:1.2rem; line-height:1.6; font-weight:500; margin-bottom:24px; }
.ph-testimonial-person strong{ display:block; color:var(--pc-cream); font-size:15px; }
.ph-testimonial-person span{ color:rgba(251,247,238,.62); font-size:13px; }
@media (max-width:768px){
  .ph-testimonial-card{ grid-template-columns:1fr; }
  .ph-testimonial-media img{ min-height:200px; }
  .ph-testimonial-body{ padding:32px; }
}

/* ---------- NEWSLETTER ---------- */
.ph-newsletter{ background:var(--pc-cream-soft); padding:70px 0; }
.ph-newsletter-card{
  background:var(--pc-white);
  border:1px solid var(--pc-line);
  border-radius:var(--pc-radius-lg);
  padding:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  box-shadow:var(--pc-shadow-sm);
}
.ph-newsletter-copy h2{ font-size:1.6rem; margin:12px 0 8px; }
.ph-newsletter-copy p{ color:var(--pc-text-muted); margin:0; max-width:420px; }
.ph-newsletter-form{ display:flex; gap:10px; flex-wrap:wrap; }
.ph-newsletter-form input{
  border:1.5px solid var(--pc-line);
  border-radius:99px;
  padding:14px 22px;
  font-size:14px;
  min-width:260px;
  background:var(--pc-cream);
}
.ph-newsletter-form input:focus{ outline:none; border-color:var(--pc-teal); }
@media (max-width:576px){
  .ph-newsletter-card{ padding:32px 22px; text-align:center; justify-content:center; }
  .ph-newsletter-form{ width:100%; justify-content:center; }
  .ph-newsletter-form input{ width:100%; }
}