/* ==========================================================================
   PETBW — Wholesale KIT Platform  |  Premium US/EU B2B design system
   Single global stylesheet (home, shop, about, blog, kit detail, footer)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --pb-dark:#123f36;      /* deep forest green */
  --pb-dark2:#0d2e28;
  --pb-accent:#d98e48;    /* warm amber */
  --pb-accent2:#c1762f;
  --pb-cream:#f8f4ee;
  --pb-cream2:#f1eadf;
  --pb-ink:#1d2620;
  --pb-muted:#6a726b;
  --pb-line:#e7ded0;
  --pb-white:#ffffff;
  --pb-shadow:0 18px 50px -20px rgba(18,63,54,.35);
  --pb-shadow-sm:0 8px 24px -14px rgba(18,63,54,.35);
  --pb-radius:16px;
  --pb-max:1240px;
  --pb-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --pb-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

html{scroll-behavior:smooth;}
img,svg,video{max-width:100%;height:auto;}

/* --------------------------------------------------------------------------
   Blocksy header overrides — green background, sticky, larger nav, white text
   -------------------------------------------------------------------------- */
header#header.ct-header[data-id="type-1"],
header#header.ct-header,
header#header,
.ct-header[data-id="type-1"],
.ct-header{
  background:var(--pb-dark) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  transition:background .25s !important;
  position:sticky !important;
  position:-webkit-sticky !important;
  top:0 !important;
  z-index:9999 !important;
}
/* Blocksy sometimes wraps the inner row in a transparent container */
.ct-header > [class*="ct-container"],
.ct-header > div{
  background:transparent !important;
}
/* Ensure the header stays green even when Blocksy adds scroll state classes */
.ct-header.is_stuck,
.ct-header.sticky,
.ct-header.sticked,
.ct-header[data-sticky],
.ct-header[data-transparent-row="false"],
.ct-header[data-transparent-row="true"]{
  background:var(--pb-dark) !important;
}
.ct-header .site-title,
.ct-header .site-title a,
.ct-header .ct-brand,
.ct-header .ct-brand a,
.ct-header .ct-logo-text,
.ct-header .ct-menu-link,
.ct-header .ct-menu-link:visited,
.ct-header .ct-header-cart,
.ct-header .ct-header-search,
.ct-header .ct-header-trigger,
.ct-header [data-items="primary"]{
  color:#fff !important;
}
.ct-header .ct-menu-link{
  font-size:1rem !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  transition:color .2s !important;
}
.ct-header .ct-menu-link:hover,
.ct-header .ct-menu-link:focus,
.ct-header .current-menu-item .ct-menu-link,
.ct-header .current_page_item .ct-menu-link{
  color:var(--pb-accent) !important;
}
/* Force every header row / container transparent so no white Blocksy layer shows */
.ct-header [data-row],
.ct-header .ct-container,
.ct-header .site-branding,
.ct-header .menu-container,
.ct-header .ct-header-row{
  background:transparent !important;
}
.ct-header{
  width:100% !important;
}
/* Narrow the navbar content band to the site max width and center it */
.ct-header > div,
.ct-header .ct-container,
.ct-header .ct-header-row,
.ct-header [data-row]{
  max-width:var(--pb-max) !important;
  width:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* Mobile / dropdown menus */
.ct-header .ct-menu-dropdown,
.ct-header .ct-offcanvas-content,
.ct-header .ct-panel,
.ct-header .ct-mobile-menu{
  background:var(--pb-dark2) !important;
}
.ct-header .ct-menu-dropdown .ct-menu-link,
.ct-header .ct-mobile-menu .ct-menu-link{
  color:#fff !important;
}

/* ---------- resets scoped to our wrappers ---------- */
.petbw-home,.petbw-page,.petbw-kit-single{font-family:var(--pb-sans);color:var(--pb-ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
.petbw-home *,.petbw-page *,.petbw-kit-single *{box-sizing:border-box;}
.petbw-home h1,.petbw-home h2,.petbw-home h3,
.petbw-page h1,.petbw-page h2,.petbw-page h3,
.petbw-kit-single h1,.petbw-kit-single h2,.petbw-kit-single h3{font-family:var(--pb-serif);color:var(--pb-dark);letter-spacing:-.01em;line-height:1.12;margin:0 0 .4em;font-weight:600;}
.petbw-wrap{max-width:var(--pb-max);margin:0 auto;padding:0 24px;}
.petbw-eyebrow{font-family:var(--pb-sans);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pb-accent2);margin-bottom:14px;}
.petbw-lead{font-size:1.08rem;color:var(--pb-muted);max-width:620px;}

/* ---------- buttons ---------- */
.petbw-btn-primary,.petbw-btn-secondary,.petbw-kit-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--pb-sans);font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:15px 30px;border-radius:999px;text-decoration:none;cursor:pointer;border:1.5px solid transparent;
  transition:all .25s ease;}
.petbw-btn-primary{background:var(--pb-accent);color:#3a2410;box-shadow:0 10px 24px -10px rgba(217,142,72,.7);}
.petbw-btn-primary:hover{background:var(--pb-accent2);color:#fff;transform:translateY(-2px);}
.petbw-btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.petbw-btn-secondary:hover{background:#fff;color:var(--pb-dark);border-color:#fff;}
.petbw-btn-dark{background:var(--pb-dark);color:#fff;border:none;padding:15px 30px;border-radius:999px;font-weight:600;text-decoration:none;display:inline-flex;transition:.25s;}
.petbw-btn-dark:hover{background:var(--pb-dark2);color:#fff;transform:translateY(-2px);}

/* ==========================================================================
   HERO — full-width
   ========================================================================== */
.petbw-hero{position:relative;min-height:640px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(13,46,40,.92) 0%,rgba(13,46,40,.72) 42%,rgba(13,46,40,.25) 100%),
  url('https://justforpetstore.com/wp-content/uploads/2026/07/homepage-banner-v2.jpg') center/cover no-repeat;
  color:#fff;overflow:hidden;}
.petbw-hero-inner{max-width:var(--pb-max);margin:0 auto;padding:90px 24px;width:100%;}
.petbw-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px;backdrop-filter:blur(4px);}
.petbw-hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4rem);max-width:820px;margin-bottom:20px;}
.petbw-hero p{font-size:clamp(1.05rem,1.6vw,1.3rem);color:rgba(255,255,255,.9);max-width:560px;margin-bottom:36px;}
.petbw-hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
.petbw-hero-stats{display:flex;gap:44px;margin-top:56px;flex-wrap:wrap;}
.petbw-hero-stats .num{font-family:var(--pb-serif);font-size:2.2rem;font-weight:700;color:var(--pb-accent);line-height:1;}
.petbw-hero-stats .lbl{font-size:.85rem;color:rgba(255,255,255,.8);margin-top:6px;letter-spacing:.03em;}

/* trust bar */
.petbw-trust{background:var(--pb-dark2);color:rgba(255,255,255,.85);}
.petbw-trust .petbw-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px;}
.petbw-trust span{display:inline-flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;}
.petbw-trust span b{color:var(--pb-accent);font-size:1.1rem;}

/* ==========================================================================
   SECTION shell
   ========================================================================== */
.petbw-section{padding:88px 0;}
.petbw-section.alt{background:var(--pb-cream);}
.petbw-section.dark{background:var(--pb-dark);color:#fff;}
.petbw-section.dark h2,.petbw-section.dark h3{color:#fff;}
.petbw-section-head{max-width:720px;margin:0 auto 52px;text-align:center;}
.petbw-section-head.left{margin-left:0;text-align:left;}
.petbw-section-head h2{font-size:clamp(1.9rem,3.2vw,2.7rem);}
.petbw-section-head p{color:var(--pb-muted);font-size:1.05rem;margin-top:10px;}
.petbw-section.dark .petbw-section-head p{color:rgba(255,255,255,.8);}

/* ==========================================================================
   CATEGORY GRID (with images)
   ========================================================================== */
.petbw-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.petbw-cat-card{position:relative;display:block;border-radius:var(--pb-radius);overflow:hidden;min-height:280px;
  text-decoration:none;color:#fff;box-shadow:var(--pb-shadow-sm);isolation:isolate;}
.petbw-cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease;}
.petbw-cat-card::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(13,46,40,.55) 0%,rgba(13,46,40,.78) 45%,rgba(13,46,40,.95) 100%);}
.petbw-cat-card:hover img{transform:scale(1.07);}
.petbw-cat-body{position:absolute;left:0;right:0;bottom:0;padding:26px;
  text-shadow:0 2px 8px rgba(0,0,0,.55);}
.petbw-cat-name{font-family:var(--pb-serif);font-size:1.5rem;font-weight:700;margin-bottom:8px;
  color:#fff;}
.petbw-cat-card .petbw-cat-desc{font-size:.95rem;color:#fff;margin-bottom:14px;font-weight:600;
  line-height:1.5;}
.petbw-cat-link{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--pb-accent);text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.45);}
.petbw-cat-card:hover .petbw-cat-link{gap:12px;}

/* ==========================================================================
   STANDALONE "BUILD YOUR OWN KIT" FEATURE CARD (homepage)
   ========================================================================== */
.petbw-custom-kit-section{background:linear-gradient(180deg,#f9faf8 0%,#eef4f2 100%);}
.petbw-custom-kit-feature{display:grid;grid-template-columns:1.05fr 1.45fr;gap:0;max-width:1100px;margin:0 auto;border-radius:var(--pb-radius);overflow:hidden;
  background:linear-gradient(135deg,#1a4238 0%,#0d2e28 100%);color:#fff;text-decoration:none;box-shadow:var(--pb-shadow);
  transition:transform .3s ease,box-shadow .3s ease;}
.petbw-custom-kit-feature:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(13,46,40,.22);}
.petbw-custom-kit-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:46px 36px;
  background:linear-gradient(180deg,rgba(13,46,40,.72) 0%,rgba(13,46,40,.55) 100%),url('https://justforpetstore.com/wp-content/uploads/2026/07/custom-kit-toys.jpg') center/cover no-repeat;border-right:1px solid rgba(255,255,255,.1);}
.petbw-custom-kit-icon{font-size:4.8rem;line-height:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));}
.petbw-custom-kit-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.petbw-custom-kit-badges span{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;}
.petbw-custom-kit-content{padding:46px 50px;display:flex;flex-direction:column;justify-content:center;}
.petbw-custom-kit-badge{display:inline-flex;align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 14px;border-radius:999px;background:var(--pb-accent);color:#fff;margin-bottom:18px;}
.petbw-custom-kit-content h3{font-family:var(--pb-serif);font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;margin:0 0 16px;color:#fff;}
.petbw-custom-kit-content > p{font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 22px;}
.petbw-custom-kit-points{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;}
.petbw-custom-kit-points li{position:relative;padding-left:24px;font-size:.95rem;color:rgba(255,255,255,.9);}
.petbw-custom-kit-points li::before{content:"✓";position:absolute;left:0;top:0;color:var(--pb-accent);font-weight:800;}
.petbw-custom-kit-cta{align-self:flex-start;background:#fff !important;color:var(--pb-ink) !important;border-color:#fff !important;}
.petbw-custom-kit-cta:hover{background:var(--pb-accent) !important;color:#fff !important;border-color:var(--pb-accent) !important;}

@media (max-width:900px){
  .petbw-custom-kit-feature{grid-template-columns:1fr;}
  .petbw-custom-kit-visual{padding:36px 24px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);}
  .petbw-custom-kit-content{padding:34px 28px;}
  .petbw-custom-kit-points{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .petbw-custom-kit-content{padding:28px 22px;}
  .petbw-custom-kit-content h3{font-size:1.5rem;}
  .petbw-custom-kit-icon{font-size:3.8rem;}
}

/* ==========================================================================
   KIT CARDS (best sellers / grids / shop)
   ========================================================================== */
.petbw-kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
/* Homepage KIT category cards: 4 per row on desktop, centered (12 kits total) */
.petbw-kit-grid.petbw-kit-grid-home{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  max-width:1100px !important;
  margin:0 auto !important;
  overflow:visible !important;
  gap:20px !important;
}
@media (max-width:1024px){
  .petbw-kit-grid.petbw-kit-grid-home{grid-template-columns:repeat(3,1fr) !important;max-width:880px !important;}
}
@media (max-width:768px){
  .petbw-kit-grid.petbw-kit-grid-home{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    flex-wrap:initial !important;
    overflow-x:visible !important;
    -webkit-overflow-scrolling:auto !important;
    max-width:560px !important;
  }
}
@media (max-width:480px){
  .petbw-kit-grid.petbw-kit-grid-home{grid-template-columns:1fr !important;max-width:360px !important;}
}
.petbw-kit-card{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);overflow:hidden;
  display:flex;flex-direction:column;transition:all .3s ease;box-shadow:var(--pb-shadow-sm);}
.petbw-kit-card:hover{transform:translateY(-6px);box-shadow:var(--pb-shadow);border-color:var(--pb-accent);}
.petbw-kit-card-img{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--pb-cream2);}
.petbw-kit-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.petbw-kit-card:hover .petbw-kit-card-img img{transform:scale(1.06);}
.petbw-kit-ph{width:100%;height:100%;background:
  radial-gradient(circle at 30% 30%,var(--pb-cream) 0,var(--pb-cream2) 60%);
  display:flex;align-items:center;justify-content:center;}
.petbw-kit-ph::after{content:"PETBW KIT";font-family:var(--pb-serif);font-weight:600;color:var(--pb-line);letter-spacing:.1em;font-size:.9rem;}
.petbw-kit-card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1;}
.petbw-kit-card-body h3{font-size:1.12rem;margin:0 0 8px;line-height:1.25;}
.petbw-kit-card-body h3 a{color:var(--pb-ink);text-decoration:none;}
.petbw-kit-card-body h3 a:hover{color:var(--pb-accent2);}
.petbw-kit-meta{font-size:.82rem;color:var(--pb-muted);font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px;}
.petbw-kit-prices{display:flex;flex-direction:column;gap:3px;padding:14px 0;border-top:1px solid var(--pb-line);margin-top:auto;font-size:.9rem;}
.petbw-kit-prices .ws{font-weight:700;color:var(--pb-dark);font-size:1.02rem;}
.petbw-kit-prices .rs{color:var(--pb-muted);}
.petbw-kit-prices .mg{color:var(--pb-accent2);font-weight:700;}
.petbw-kit-prices .ws.locked{font-size:.78rem;}
.petbw-kit-prices .ws.locked a{color:var(--pb-accent);text-decoration:none;font-weight:700;}
.petbw-kit-prices .ws.locked a:hover{text-decoration:underline;}
.petbw-kit-btn{margin-top:14px;background:var(--pb-dark);color:#fff;padding:12px 18px;border-radius:10px;font-size:.9rem;font-weight:600;text-align:center;text-decoration:none;transition:.25s;}
.petbw-kit-btn:hover{background:var(--pb-accent);color:#3a2410;}

/* ==========================================================================
   WHY / FEATURES
   ========================================================================== */
.petbw-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.petbw-feature{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:32px 26px;transition:.3s;}
.petbw-feature:hover{transform:translateY(-4px);box-shadow:var(--pb-shadow-sm);}
.petbw-feature .ic{width:52px;height:52px;border-radius:14px;background:var(--pb-cream);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px;}
.petbw-feature h3{font-size:1.15rem;margin-bottom:8px;}
.petbw-feature p{font-size:.93rem;color:var(--pb-muted);margin:0;}

/* split about band */
.petbw-split{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;}
.petbw-split-media{border-radius:var(--pb-radius);overflow:hidden;box-shadow:var(--pb-shadow);aspect-ratio:5/4;}
.petbw-split-media img{width:100%;height:100%;object-fit:cover;}
.petbw-split h2{font-size:clamp(1.9rem,3vw,2.6rem);}
.petbw-checklist{list-style:none;padding:0;margin:24px 0 0;}
.petbw-checklist li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid var(--pb-line);font-weight:500;}
.petbw-checklist li::before{content:"✓";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--pb-dark);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;}

/* ==========================================================================
   PROCESS steps
   ========================================================================== */
.petbw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step;}
.petbw-step{position:relative;padding:30px 24px;background:#fff;border-radius:var(--pb-radius);border:1px solid var(--pb-line);}
.petbw-step .n{font-family:var(--pb-serif);font-size:2.4rem;font-weight:700;color:var(--pb-accent);line-height:1;margin-bottom:12px;}
.petbw-step h3{font-size:1.1rem;margin-bottom:6px;}
.petbw-step p{font-size:.9rem;color:var(--pb-muted);margin:0;}

/* ==========================================================================
   TESTIMONIALS
   ========================================================================== */
.petbw-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.petbw-testi{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:32px 28px;box-shadow:var(--pb-shadow-sm);}
.petbw-testi .stars{color:var(--pb-accent);letter-spacing:2px;margin-bottom:14px;}
.petbw-testi blockquote{font-family:var(--pb-serif);font-size:1.08rem;line-height:1.5;color:var(--pb-ink);margin:0 0 20px;font-style:italic;border:0;padding:0;}
.petbw-testi .who{display:flex;align-items:center;gap:12px;}
.petbw-testi .av{width:44px;height:44px;border-radius:50%;background:var(--pb-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--pb-serif);}
.petbw-testi .who b{display:block;font-size:.95rem;}
.petbw-testi .who span{font-size:.82rem;color:var(--pb-muted);}

/* ==========================================================================
   FAQ (accordion via <details>)
   ========================================================================== */
.petbw-faq-list{max-width:820px;margin:0 auto;}
.petbw-faq-list details{background:#fff;border:1px solid var(--pb-line);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:.25s;}
.petbw-faq-list details[open]{box-shadow:var(--pb-shadow-sm);border-color:var(--pb-accent);}
.petbw-faq-list summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:600;font-size:1.05rem;color:var(--pb-dark);display:flex;justify-content:space-between;align-items:center;gap:16px;}
.petbw-faq-list summary::-webkit-details-marker{display:none;}
.petbw-faq-list summary::after{content:"+";font-size:1.5rem;color:var(--pb-accent);transition:transform .25s;line-height:1;}
.petbw-faq-list details[open] summary::after{transform:rotate(45deg);}
.petbw-faq-list .a{padding:0 26px 24px;color:var(--pb-muted);font-size:.98rem;}

/* ==========================================================================
   NEWSLETTER / SUBSCRIBE (full-width band)
   ========================================================================== */
.petbw-news{background:var(--pb-dark);color:#fff;position:relative;overflow:hidden;}
.petbw-news::before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:rgba(217,142,72,.16);}
.petbw-news .petbw-wrap{position:relative;text-align:center;padding-top:76px;padding-bottom:76px;}
.petbw-news h2{color:#fff;font-size:clamp(1.9rem,3vw,2.6rem);}
.petbw-news p{color:rgba(255,255,255,.85);max-width:560px;margin:12px auto 32px;}
.petbw-news form{display:flex;gap:12px;max-width:520px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.petbw-news input[type=email]{flex:1;min-width:240px;padding:16px 22px;border-radius:999px;border:none;font-size:1rem;font-family:var(--pb-sans);background:#fff;color:var(--pb-ink);}
.petbw-news .petbw-note{font-size:.8rem;color:rgba(255,255,255,.6);margin-top:16px;}

/* ==========================================================================
   PAGE HERO (shop / about / blog inner banners)
   ========================================================================== */
.petbw-pagehero{position:relative;padding:96px 0 80px;color:#fff;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,rgba(13,46,40,.82),rgba(13,46,40,.86));}
.petbw-pagehero.img{background:linear-gradient(180deg,rgba(13,46,40,.72),rgba(13,46,40,.82));}
.petbw-pagehero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.petbw-pagehero.img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,46,40,.72),rgba(13,46,40,.82));z-index:1;}
.petbw-pagehero .petbw-wrap{position:relative;z-index:2;}
.petbw-pagehero .petbw-eyebrow{color:var(--pb-accent);}
.petbw-pagehero h1{color:#fff;font-size:clamp(2.2rem,4vw,3.4rem);}
.petbw-pagehero p{color:rgba(255,255,255,.88);max-width:640px;margin:14px auto 0;font-size:1.08rem;}
.petbw-breadcrumb{font-size:.85rem;color:rgba(255,255,255,.7);margin-bottom:18px;letter-spacing:.03em;}
.petbw-breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;}
.petbw-breadcrumb-bar{background:#fff;border-bottom:1px solid var(--pb-line);padding:14px 0;}
.petbw-breadcrumb-bar .petbw-breadcrumb{color:var(--pb-muted);margin-bottom:0;}
.petbw-breadcrumb-bar .petbw-breadcrumb a{color:var(--pb-dark);text-decoration:none;font-weight:500;}
.petbw-breadcrumb-bar .petbw-breadcrumb a:hover{color:var(--pb-accent);}

/* ==========================================================================
   SHOP layout
   ========================================================================== */
.petbw-shop-cats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px;}
.petbw-chip{padding:11px 22px;border-radius:999px;border:1.5px solid var(--pb-line);background:#fff;color:var(--pb-ink);
  font-weight:600;font-size:.9rem;text-decoration:none;transition:.25s;}
.petbw-chip:hover,.petbw-chip.active{background:var(--pb-dark);color:#fff;border-color:var(--pb-dark);}
.petbw-shop-collection{margin-bottom:64px;}
.petbw-shop-collection > h2{font-size:1.7rem;margin-bottom:6px;display:flex;align-items:baseline;gap:12px;}
.petbw-shop-collection > h2 .cnt{font-family:var(--pb-sans);font-size:.85rem;color:var(--pb-muted);font-weight:600;}
.petbw-shop-collection .sub{color:var(--pb-muted);margin:0 0 26px;}
.petbw-custom-cta{background:var(--pb-cream);border:1px dashed var(--pb-accent);border-radius:var(--pb-radius);padding:44px;text-align:center;margin-top:20px;}
.petbw-custom-cta h2{font-size:1.8rem;margin-bottom:10px;}
.petbw-custom-cta p{color:var(--pb-muted);max-width:560px;margin:0 auto 24px;}

/* ==========================================================================
   ABOUT page extras
   ========================================================================== */
.petbw-stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.petbw-stat .n{font-family:var(--pb-serif);font-size:2.8rem;font-weight:700;color:var(--pb-accent);line-height:1;}
.petbw-stat .l{color:var(--pb-muted);font-weight:600;margin-top:8px;font-size:.92rem;}
.petbw-section.dark .petbw-stat .l{color:rgba(255,255,255,.8);}
.petbw-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.petbw-value{padding:30px 26px;background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);}
.petbw-value .ic{font-size:1.8rem;margin-bottom:14px;}
.petbw-value h3{font-size:1.2rem;margin-bottom:8px;}
.petbw-value p{color:var(--pb-muted);font-size:.95rem;margin:0;}

/* ==========================================================================
   BLOG layout
   ========================================================================== */
.petbw-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.petbw-post{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);overflow:hidden;display:flex;flex-direction:column;transition:.3s;box-shadow:var(--pb-shadow-sm);}
.petbw-post:hover{transform:translateY(-6px);box-shadow:var(--pb-shadow);}
.petbw-post-img{aspect-ratio:16/10;overflow:hidden;background:var(--pb-cream2);}
.petbw-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.petbw-post:hover .petbw-post-img img{transform:scale(1.06);}
.petbw-post-body{padding:24px;display:flex;flex-direction:column;flex:1;}
.petbw-post-cat{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pb-accent2);margin-bottom:10px;}
.petbw-post-body h3{font-size:1.18rem;line-height:1.3;margin-bottom:10px;}
.petbw-post-body h3 a{color:var(--pb-ink);text-decoration:none;}
.petbw-post-body h3 a:hover{color:var(--pb-accent2);}
.petbw-post-excerpt{color:var(--pb-muted);font-size:.92rem;margin-bottom:16px;}
.petbw-post-meta{margin-top:auto;font-size:.82rem;color:var(--pb-muted);display:flex;gap:10px;align-items:center;}
.petbw-post-readmore{color:var(--pb-dark);font-weight:600;font-size:.85rem;text-decoration:none;}

/* ==========================================================================
   KIT DETAIL — refined
   ========================================================================== */
.petbw-kit-single{max-width:var(--pb-max);margin:0 auto;padding:0 24px 40px;}
.petbw-kit-crumb{font-size:.85rem;color:var(--pb-muted);padding:24px 0 8px;}
.petbw-kit-crumb a{color:var(--pb-muted);text-decoration:none;}
.petbw-kit-banner{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;border-radius:0;overflow:hidden;margin-top:8px;margin-bottom:28px;box-shadow:none;}
.petbw-kit-banner img{width:100%;height:clamp(160px,22vw,280px);object-fit:cover;object-position:center;display:block;}
@media(max-width:640px){.petbw-kit-banner img{height:clamp(130px,34vw,180px);}}
.petbw-kit-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:20px;}
.petbw-kit-shelf{border-radius:var(--pb-radius);overflow:hidden;box-shadow:var(--pb-shadow);order:-1;}
.petbw-kit-shelf img{width:100%;display:block;}
.petbw-kit-badge{display:inline-flex;align-items:center;gap:7px;background:var(--pb-cream);color:var(--pb-accent2);
  padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
.petbw-kit-title{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:14px;}
.petbw-kit-short{color:var(--pb-muted);font-size:1.03rem;margin-bottom:22px;}
.petbw-kit-price-row{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:18px 16px;background:var(--pb-cream);border-radius:14px;margin-bottom:22px;overflow-x:auto;}
.petbw-kit-price-row span{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;text-align:center;}
.petbw-kit-price-row label{display:block;font-size:.68rem;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:4px;}
.petbw-kit-price-row span strong{font-family:var(--pb-serif);font-size:1.45rem;font-weight:700;color:var(--pb-ink);text-transform:none;letter-spacing:0;line-height:1;}
.petbw-kit-price-row .petbw-ws strong{color:var(--pb-dark);}
.petbw-kit-price-row .petbw-msrp strong{color:var(--pb-ink);}
.petbw-kit-price-row .petbw-mg strong{color:var(--pb-accent2);}
.petbw-kit-price-row .petbw-skus strong{color:var(--pb-dark);}
.petbw-kit-price-row .petbw-pcs strong{color:var(--pb-dark);}
.petbw-kit-buy .button,.petbw-kit-buy button{background:var(--pb-accent)!important;color:#3a2410!important;border:none!important;border-radius:999px!important;
  padding:15px 34px!important;font-weight:700!important;font-size:1rem!important;cursor:pointer;transition:.25s!important;}
.petbw-kit-buy .button:hover,.petbw-kit-buy button:hover{background:var(--pb-accent2)!important;color:#fff!important;}
.petbw-kit-buy .quantity input{padding:12px;border:1px solid var(--pb-line);border-radius:10px;width:80px;margin-right:10px;}
.petbw-kit-section{padding:44px 0;border-top:1px solid var(--pb-line);}
.petbw-kit-section h2{font-size:1.7rem;margin-bottom:24px;}
.petbw-kit-desc{color:var(--pb-ink);font-size:1rem;line-height:1.75;}
/* Product gallery relocated into Overview as small cards, 4 per row */
.petbw-kit-head--nogallery{grid-template-columns:1fr;max-width:960px;margin-left:auto;margin-right:auto;}
.petbw-kit-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
.petbw-gallery-card{margin:0;background:#fff;border:1px solid var(--pb-line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.petbw-gallery-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(18,63,54,.10);border-color:var(--pb-accent);}
.petbw-gallery-media{aspect-ratio:1/1;background:#f3f6f5;overflow:hidden;}
.petbw-gallery-media img{width:100%;height:100%;object-fit:cover;display:block;}
.petbw-gallery-cap{padding:8px 10px;font-size:.78rem;line-height:1.2;color:var(--pb-ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:1024px){.petbw-kit-gallery{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){.petbw-kit-gallery{grid-template-columns:repeat(2,1fr);gap:10px;}}
@media (max-width:480px){.petbw-kit-gallery{grid-template-columns:repeat(2,1fr);}}

/* ==========================================================================
   KIT Detail Page — Hero + Order Summary (page-kit.php)
   ========================================================================== */
.petbw-kit-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:start;margin:28px 0 48px;}
.petbw-kit-hero-media{display:flex;flex-direction:column;gap:18px;position:sticky;top:90px;width:100%;min-width:0;}
.petbw-hero-main{margin:0;border-radius:var(--pb-radius);overflow:hidden;background:#f7f6f4;box-shadow:var(--pb-shadow);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;contain:layout;width:100%;min-width:0;}
.petbw-hero-main img{width:100%;height:100%;object-fit:cover;display:block;max-width:100%;max-height:100%;}
.petbw-hero-thumbs{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;}
.petbw-hero-thumb{flex:0 0 72px;width:72px;height:72px;padding:0;border:1px solid var(--pb-line);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;scroll-snap-align:start;transition:border-color .2s,transform .2s;}
.petbw-hero-thumb:hover,.petbw-hero-thumb:focus{border-color:var(--pb-accent);transform:translateY(-2px);outline:none;}
.petbw-hero-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.petbw-kit-hero-info{background:#fff;border-radius:var(--pb-radius);padding:0;}
.petbw-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 26px;}
.petbw-hero-stat{display:flex;flex-direction:column;gap:5px;padding:14px 10px;background:var(--pb-cream);border-radius:12px;text-align:center;}
.petbw-hero-stat label{font-size:.68rem;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;}
.petbw-hero-stat strong{font-family:var(--pb-serif);font-size:1.35rem;font-weight:700;color:var(--pb-dark);line-height:1;}
.petbw-kit-order{border:1px solid var(--pb-line);border-radius:var(--pb-radius);overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(18,63,54,.06);}
.petbw-kit-order-head{background:var(--pb-dark);color:#fff;padding:16px 20px;font-weight:700;font-size:1.05rem;}
.petbw-kit-order-body{padding:22px 20px 24px;}
.petbw-kit-ship{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--pb-line);}
.petbw-kit-ship label{font-size:.82rem;font-weight:700;color:var(--pb-ink);}
.petbw-ship-select{padding:10px 32px 10px 12px;border:1px solid var(--pb-line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:.9rem;color:var(--pb-ink);cursor:pointer;appearance:none;-webkit-appearance:none;}
.petbw-order-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;}
.petbw-order-row{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--pb-muted);}
.petbw-order-row strong{font-size:1rem;color:var(--pb-ink);font-weight:700;}
.petbw-order-row.total{font-size:1.05rem;color:var(--pb-dark);padding-top:14px;border-top:1px dashed var(--pb-line);}
.petbw-order-row.total strong{font-family:var(--pb-serif);font-size:1.45rem;color:var(--pb-dark);}
.petbw-free-shipping{color:#2a7d2a;font-weight:700;}
.petbw-kit-order-note{font-size:.8rem;color:var(--pb-muted);line-height:1.6;margin:0 0 18px;}
.petbw-kit-buy{display:flex;gap:12px;}
.petbw-kit-buy .button,.petbw-kit-buy button{flex:1 1 50%;}

/* Related KITs grid — used by [petbw_related_kits] */
.petbw-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
@media (max-width:1024px){.petbw-related-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}
@media (max-width:768px){.petbw-related-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}
@media (max-width:480px){.petbw-related-grid{grid-template-columns:1fr;gap:14px;}}

/* Responsive hero */
@media (max-width:1024px){
  .petbw-kit-hero{gap:32px;}
  .petbw-kit-hero-media{position:static;}
  .petbw-hero-stats{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .petbw-kit-hero{grid-template-columns:1fr;gap:28px;margin:18px 0 32px;}
  .petbw-hero-main{aspect-ratio:4/3;}
  .petbw-hero-stats{grid-template-columns:repeat(3,1fr);}
  .petbw-kit-buy{flex-direction:column;}
}
@media (max-width:480px){
  .petbw-hero-stats{grid-template-columns:1fr 1fr;}
  .petbw-hero-stat:nth-child(1){grid-column:1 / -1;}
  .petbw-kit-ship{flex-direction:column;align-items:flex-start;gap:8px;}
}

.petbw-included-subhead{font-family:var(--pb-sans);font-size:1rem;color:var(--pb-muted);font-weight:600;}
.petbw-included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.petbw-included-item{background:#fff;border:1px solid var(--pb-line);border-radius:14px;overflow:hidden;text-align:left;box-shadow:0 2px 8px rgba(18,63,54,.04);transition:transform .2s,box-shadow .2s;cursor:pointer;}
.petbw-included-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(18,63,54,.1);border-color:var(--pb-accent);}
.petbw-included-item:focus{outline:2px solid var(--pb-accent);outline-offset:2px;}
.petbw-inc-media{position:relative;background:#f7f6f4;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.petbw-inc-media img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s;}
.petbw-included-item:hover .petbw-inc-media img{transform:scale(1.05);}
.petbw-inc-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(18,63,54,.45);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0;transition:opacity .25s;pointer-events:none;}
.petbw-included-item:hover .petbw-inc-zoom{opacity:1;}
.petbw-inc-ph{color:var(--pb-muted);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;}
.petbw-inc-ph svg{width:32px;height:32px;}
.petbw-inc-body{padding:14px 12px;}
.petbw-inc-name{font-weight:700;font-size:.9rem;margin-bottom:5px;color:var(--pb-dark);}
.petbw-inc-sku{font-size:.7rem;color:var(--pb-muted);margin-bottom:6px;}
.petbw-inc-meta{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:.74rem;color:var(--pb-muted);margin-bottom:6px;}
.petbw-inc-meta .petbw-inc-price{color:var(--pb-accent);font-weight:700;}
.petbw-inc-total{font-size:.78rem;font-weight:600;color:var(--pb-dark);margin-bottom:4px;}
.petbw-inc-total b{font-weight:700;}
.petbw-inc-tags{font-size:.68rem;color:var(--pb-muted);}
.petbw-kit-spec{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.petbw-kit-spec li{background:#fff;border:1px solid var(--pb-line);border-radius:10px;padding:16px 20px;font-weight:500;display:flex;justify-content:space-between;gap:14px;}
.petbw-kit-spec li span{color:var(--pb-muted);}
.petbw-kit-spec li b{color:var(--pb-ink);font-weight:700;}
.petbw-roi .petbw-roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.petbw-roi-grid.petbw-roi-three{grid-template-columns:repeat(3,1fr);}
.petbw-roi-grid > div{background:var(--pb-dark);color:#fff;border-radius:14px;padding:26px 22px;text-align:center;}
.petbw-roi-grid span{display:block;font-size:.8rem;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.petbw-roi-grid strong{font-family:var(--pb-serif);font-size:2rem;font-weight:700;color:var(--pb-accent);}
.petbw-ws.petbw-locked strong a,.petbw-mg.petbw-locked strong a{color:var(--pb-accent);text-decoration:none;font-size:.9rem;font-weight:700;}
.petbw-ws.petbw-locked strong a:hover,.petbw-mg.petbw-locked strong a:hover{text-decoration:underline;}
.petbw-roi-locked-msg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px dashed var(--pb-accent);border-radius:14px;padding:22px 26px;}
.petbw-roi-locked-msg strong{font-size:1.05rem;color:var(--pb-dark);}
.petbw-roi-locked-msg .petbw-btn-primary{padding:12px 22px;}
@media(max-width:768px){
  .petbw-roi .petbw-roi-grid.petbw-roi-three{grid-template-columns:repeat(3,1fr);gap:10px;}
  .petbw-roi-grid.petbw-roi-three > div{padding:18px 6px;}
  .petbw-roi-grid.petbw-roi-three span{font-size:.62rem;letter-spacing:.03em;margin-bottom:6px;}
  .petbw-roi-grid.petbw-roi-three strong{font-size:1.3rem;}
}
@media(max-width:560px){
  .petbw-roi .petbw-roi-grid.petbw-roi-three{grid-template-columns:repeat(3,1fr);gap:6px;}
  .petbw-roi-grid.petbw-roi-three > div{border-radius:10px;padding:14px 4px;}
  .petbw-roi-grid.petbw-roi-three strong{font-size:1.15rem;}
}
.petbw-advantages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.petbw-advantages li{position:relative;padding:16px 20px 16px 50px;background:#fff;border:1px solid var(--pb-line);border-radius:12px;font-weight:500;}
.petbw-advantages li::before{content:"✓";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--pb-dark);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;}
.petbw-faq .petbw-faq-item{background:#fff;border:1px solid var(--pb-line);border-radius:12px;padding:22px 26px;margin-bottom:14px;}
.petbw-faq .petbw-faq-item h4{margin:0 0 8px;color:var(--pb-dark);font-family:var(--pb-serif);font-size:1.1rem;}
.petbw-faq .petbw-faq-item p{margin:0;color:var(--pb-muted);}

/* ==========================================================================
   FULL-WIDTH FOOTER  (replaces Blocksy footer)
   ========================================================================== */
/* NOTE: use ONLY the footer element selector here.
   Blocksy puts a data-footer="type-1" attribute on <body>, so a bare
   [data-footer] selector would hide the whole page (display:none on body). */
footer.ct-footer{display:none!important;}
.petbw-footer{background:var(--pb-dark2);color:rgba(255,255,255,.72);font-family:var(--pb-sans);}
.petbw-footer a{color:rgba(255,255,255,.72);text-decoration:none;transition:.2s;}
.petbw-footer a:hover{color:var(--pb-accent);}
.petbw-footer-cta{background:var(--pb-accent);color:#3a2410;}
.petbw-footer-cta .petbw-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:44px 24px;}
.petbw-footer-cta .petbw-wrap > div:first-child{flex:1 1 auto;min-width:0;max-width:70%;}
.petbw-footer-cta .petbw-wrap > div:last-child{flex:0 0 auto;min-width:max-content;display:flex;gap:12px;flex-wrap:wrap;}
.petbw-footer-cta h3{color:#3a2410;font-size:1.7rem;margin:0;}
.petbw-footer-cta p{margin:6px 0 0;color:#5a3c18;}
.petbw-footer-cta .petbw-btn-dark{background:var(--pb-dark);white-space:nowrap;min-width:fit-content;}
.petbw-footer-main{padding:70px 0 44px;}
.petbw-footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;}
.petbw-footer-brand .logo-primary{font-family:var(--pb-serif);font-size:1.8rem;font-weight:500;color:#fff;display:block;margin-bottom:2px;line-height:1.15;}
.petbw-footer-brand .logo-primary em{font-style:normal;font-weight:700;color:var(--pb-accent);}
.petbw-footer-brand .logo-sub{font-family:var(--pb-sans);font-size:.78rem;color:var(--pb-accent);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:16px;}
.petbw-footer-brand p{max-width:320px;font-size:.93rem;line-height:1.7;}
.petbw-footer-brand .contact{margin-top:20px;font-size:.9rem;line-height:1.9;}
.petbw-footer-brand .contact b{color:#fff;font-weight:600;}
.petbw-footer h4{color:#fff;font-family:var(--pb-sans);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px;}
.petbw-footer ul{list-style:none;padding:0;margin:0;}
.petbw-footer ul li{margin-bottom:12px;font-size:.93rem;}
.petbw-footer .social{display:flex;gap:12px;margin-top:22px;}
.petbw-footer .social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;}
.petbw-footer .social a:hover{background:var(--pb-accent);color:#3a2410;}
.petbw-footer-bottom{border-top:1px solid rgba(255,255,255,.1);}
.petbw-footer-bottom .petbw-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px;font-size:.85rem;}
.petbw-footer-pay{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.petbw-footer-pay span{background:rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;color:#fff;letter-spacing:.03em;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1024px){
  .petbw-kit-grid,.petbw-feature-grid,.petbw-steps{grid-template-columns:repeat(2,1fr);}
  .petbw-cat-grid{grid-template-columns:repeat(2,1fr);}
  .petbw-testi-grid,.petbw-blog-grid,.petbw-value-grid{grid-template-columns:repeat(2,1fr);}
  .petbw-included-grid{grid-template-columns:repeat(4,1fr);gap:14px;}
  .petbw-roi .petbw-roi-grid{grid-template-columns:repeat(2,1fr);}
  .petbw-footer-cols{grid-template-columns:1fr 1fr;gap:32px;}
  .petbw-stats-band{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .petbw-section{padding:60px 0;}
  .petbw-hero{min-height:480px;background-position:70% center;}
  .petbw-hero-inner{padding:48px 20px;}
  .petbw-hero-badge{font-size:.72rem;padding:6px 12px;margin-bottom:18px;}
  .petbw-hero h1{font-size:clamp(1.85rem,6vw,2.6rem);}
  .petbw-hero p{font-size:1rem;max-width:100%;margin-bottom:28px;}
  .petbw-hero-cta{flex-direction:column;gap:12px;align-items:center;}
  .petbw-hero-cta a{width:auto;max-width:280px;justify-content:center;padding:12px 24px;font-size:.9rem;}
  .petbw-hero-stats{gap:22px;margin-top:36px;}
  .petbw-hero-stats > div{flex:1 1 calc(50% - 22px);}
  .petbw-hero-stats .num{font-size:1.8rem;}
  .petbw-hero-stats .lbl{font-size:.78rem;}
  .petbw-trust span{font-size:.85rem;}
  .petbw-cat-card{min-height:240px;}
  .petbw-news .petbw-wrap{padding-top:56px;padding-bottom:56px;}
  .petbw-split{grid-template-columns:1fr;gap:32px;}
  .petbw-kit-head{grid-template-columns:1fr;gap:24px;}
  .petbw-kit-shelf{order:0;}
  .petbw-kit-grid,.petbw-cat-grid,.petbw-feature-grid,.petbw-steps,.petbw-testi-grid,.petbw-blog-grid,.petbw-value-grid,.petbw-kit-spec,.petbw-advantages,.petbw-roi .petbw-roi-grid,.petbw-stats-band{grid-template-columns:1fr;}
  .petbw-included-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .petbw-footer-cols{grid-template-columns:1fr;}
  .petbw-trust .petbw-wrap{justify-content:center;text-align:center;}
}

/* ============ Custom KIT / RFQ page ============ */
.petbw-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--pb-dark);
  border:2px solid var(--pb-dark);padding:13px 28px;border-radius:999px;font-family:var(--pb-sans);
  font-weight:600;font-size:.95rem;text-decoration:none;transition:.25s;}
.petbw-btn-ghost:hover{background:var(--pb-dark);color:#fff;transform:translateY(-2px);}
.petbw-rfq{display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:start;}
.petbw-rfq-info h2{font-size:2rem;}
.petbw-rfq-info .petbw-lead{margin-bottom:22px;}
.petbw-rfq-contact{margin-top:28px;padding-top:24px;border-top:1px solid var(--pb-line);}
.petbw-rfq-contact p{color:var(--pb-muted);margin:0 0 6px;font-size:.95rem;}
.petbw-rfq-mail{font-family:var(--pb-serif);font-size:1.25rem;font-weight:600;color:var(--pb-dark);text-decoration:none;}
.petbw-rfq-mail:hover{color:var(--pb-accent2);}
.petbw-rfq-form{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);
  padding:34px 32px;box-shadow:var(--pb-shadow);}

/* ============ Fluent Forms styling to match design system ============ */
.petbw-rfq-form .fluentform .ff-el-input--label label,
.petbw-rfq-form .fluentform label{font-family:var(--pb-sans);font-weight:600;color:var(--pb-ink);font-size:.9rem;margin-bottom:6px;}
.petbw-rfq-form .fluentform .ff-el-group{margin-bottom:18px;}
.petbw-rfq-form .fluentform input[type=text],
.petbw-rfq-form .fluentform input[type=email],
.petbw-rfq-form .fluentform input[type=tel],
.petbw-rfq-form .fluentform select,
.petbw-rfq-form .fluentform textarea{
  width:100%;border:1px solid var(--pb-line);border-radius:10px;padding:12px 14px;
  font-family:var(--pb-sans);font-size:.95rem;color:var(--pb-ink);background:#fdfcfa;transition:.2s;}
.petbw-rfq-form .fluentform input:focus,
.petbw-rfq-form .fluentform select:focus,
.petbw-rfq-form .fluentform textarea:focus{
  border-color:var(--pb-accent);box-shadow:0 0 0 3px rgba(217,142,72,.18);outline:none;background:#fff;}
.petbw-rfq-form .fluentform .ff-el-is-required.asterisk-right label:after{color:var(--pb-accent2);}
.petbw-rfq-form .fluentform .ff-btn-submit{
  background:var(--pb-dark)!important;color:#fff!important;border:none!important;border-radius:999px!important;
  padding:14px 32px!important;font-family:var(--pb-sans)!important;font-weight:600!important;font-size:.98rem!important;
  cursor:pointer;transition:.25s;box-shadow:0 12px 26px -12px rgba(18,63,54,.6);width:100%;}
.petbw-rfq-form .fluentform .ff-btn-submit:hover{background:var(--pb-accent)!important;color:#3a2410!important;transform:translateY(-2px);}
.petbw-rfq-form .fluentform .ff-message-success{
  background:#eef6f0;border:1px solid #bfe0cb;color:#1c5b39;border-radius:12px;padding:18px 20px;font-weight:500;}
@media(max-width:860px){.petbw-rfq{grid-template-columns:1fr;gap:32px;}.petbw-rfq-form{padding:26px 20px;}}

/* ============ Custom Bundle Builder ============ */
.petbw-custombundle .petbw-pagehero .petbw-btn{
  display:inline-flex;margin-top:12px;background:var(--pb-accent);color:#3a2410;
  border:none;border-radius:999px;padding:14px 32px;font-family:var(--pb-sans);font-weight:600;cursor:pointer;transition:.25s;
}
.petbw-custombundle .petbw-pagehero .petbw-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(18,63,54,.6);}

.petbw-bundle-empty{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:34px 32px;box-shadow:var(--pb-shadow-sm);text-align:center;}
.petbw-bundle-empty ul{display:inline-block;text-align:left;margin:18px auto 0;color:var(--pb-muted);}
/* Guest login gate for the Custom KIT builder (wholesale pricing is registered-buyer only) */
.petbw-bundle-gate{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:56px 32px;box-shadow:var(--pb-shadow-sm);text-align:center;}
.petbw-bundle-gate-inner{max-width:520px;margin:0 auto;}
.petbw-bundle-gate-icon{font-size:2.4rem;color:var(--pb-accent);margin-bottom:16px;}
.petbw-bundle-gate h3{font-family:var(--pb-serif);font-size:1.5rem;color:var(--pb-dark);margin-bottom:10px;}
.petbw-bundle-gate p{color:var(--pb-muted);line-height:1.6;margin-bottom:24px;}
.petbw-bundle-gate-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

.petbw-bundle-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;}

/* tabs */
.petbw-bundle-tabs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0;border-bottom:none;}
.petbw-bundle-tab{background:#fff;border:1px solid var(--pb-line);border-radius:999px;padding:10px 20px;font-family:var(--pb-sans);font-weight:600;color:var(--pb-muted);cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px;}
.petbw-bundle-tab:hover{color:var(--pb-dark);border-color:var(--pb-accent);background:rgba(217,142,72,.05);}
.petbw-bundle-tab.active{color:var(--pb-dark);border-color:var(--pb-accent);box-shadow:0 0 0 2px rgba(217,142,72,.18);}

/* category title */
.petbw-bundle-category-title{font-size:1.3rem;font-weight:700;color:var(--pb-dark);margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.petbw-bundle-category-title i{color:var(--pb-accent);}

/* product grid */
.petbw-bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;}

.petbw-bundle-card{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);overflow:hidden;transition:.3s ease;display:flex;flex-direction:column;position:relative;cursor:pointer;box-shadow:var(--pb-shadow-sm);}
.petbw-bundle-card:hover{transform:translateY(-6px);box-shadow:var(--pb-shadow);}
.petbw-bundle-card-img{position:relative;height:160px;overflow:hidden;background:var(--pb-cream2);}
.petbw-bundle-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.petbw-bundle-card:hover .petbw-bundle-card-img img{transform:scale(1.05);}
.petbw-bundle-moq{position:absolute;top:10px;left:10px;background:#fff3cd;color:#856404;padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:700;}
.petbw-bundle-lowstock{position:absolute;top:10px;right:10px;background:#fff3cd;color:#744210;padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:600;}
.petbw-bundle-card-body{padding:16px;display:flex;flex-direction:column;flex:1;}
.petbw-bundle-card-body h4{font-size:1rem;margin:0 0 10px;line-height:1.3;color:var(--pb-ink);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.petbw-bundle-card-prices{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.petbw-bundle-wholesale{font-size:1.15rem;font-weight:700;color:var(--pb-dark);}
.petbw-bundle-retail{font-size:.85rem;color:var(--pb-muted);text-decoration:line-through;}
.petbw-bundle-margin{font-size:.72rem;background:#d1fae5;color:#065f46;padding:3px 8px;border-radius:12px;font-weight:700;white-space:nowrap;}
.petbw-bundle-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;}
.petbw-bundle-stock{font-size:.75rem;}
.petbw-bundle-stock.in{color:var(--pb-dark);}
.petbw-bundle-stock.low{color:var(--pb-accent2);}
.petbw-bundle-add{background:var(--pb-dark);color:#fff;border:none;border-radius:999px;padding:10px 18px;font-family:var(--pb-sans);font-weight:600;cursor:pointer;transition:.25s;width:100%;}
.petbw-bundle-add:hover{background:var(--pb-accent);color:#3a2410;}

/* right panel */
.petbw-bundle-panel{position:sticky;top:100px;}
.petbw-bundle-panel-inner{background:var(--pb-cream);border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:22px;box-shadow:var(--pb-shadow);}
.petbw-bundle-panel-title{font-size:1.15rem;margin:0 0 18px;display:flex;align-items:center;gap:8px;}
.petbw-bundle-panel-title i{color:var(--pb-dark);}
.petbw-bundle-badge{background:var(--pb-accent);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;margin-left:auto;}
.petbw-bundle-badge.hidden{display:none;}

.petbw-bundle-items{list-style:none;margin:0 0 18px;padding:0;max-height:320px;overflow-y:auto;}
.petbw-bundle-items-empty{text-align:center;color:var(--pb-muted);padding:28px 12px;font-size:.95rem;}
.petbw-bundle-items-empty i{display:block;font-size:2rem;margin-bottom:10px;opacity:.5;}
.petbw-bundle-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--pb-line);}
.petbw-bundle-item:last-child{border-bottom:none;}
.petbw-bundle-item-info{flex:1;min-width:0;}
.petbw-bundle-item-info strong{font-size:.9rem;color:var(--pb-ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.petbw-bundle-item-info small{color:var(--pb-muted);font-size:.78rem;}
.petbw-bundle-qty{display:flex;align-items:center;gap:6px;margin-top:6px;}
.petbw-bundle-qty button{width:22px;height:22px;border-radius:50%;border:none;background:var(--pb-dark);color:#fff;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.petbw-bundle-qty button:hover{background:var(--pb-accent);}
.petbw-bundle-qty span{font-weight:600;min-width:20px;text-align:center;}
.petbw-bundle-item-remove{color:var(--pb-accent2);cursor:pointer;font-size:1.1rem;margin-left:6px;}
.petbw-bundle-item-price{font-weight:700;color:var(--pb-dark);font-size:.95rem;white-space:nowrap;}

.petbw-bundle-stats{font-size:.88rem;color:var(--pb-muted);margin-bottom:18px;}
.petbw-bundle-stats-head{font-weight:700;color:var(--pb-ink);margin:0 0 10px;}
.petbw-bundle-table{width:100%;border-collapse:collapse;margin-bottom:14px;}
.petbw-bundle-table td{padding:6px 0;}
.petbw-bundle-table td:last-child{text-align:right;}
.petbw-num{font-variant-numeric:tabular-nums;}
.petbw-box{display:inline-block;padding:5px 12px;border-radius:8px;font-weight:700;font-size:.8rem;}
.petbw-box1{background:#bee3f8;color:#2c5282;}
.petbw-box2{background:#fbd38d;color:#744210;}
.petbw-box3{background:#feb2b2;color:#742a2a;}
.petbw-bundle-shipping{color:var(--pb-dark);font-weight:700;font-size:1.1rem;margin-bottom:8px;}
.petbw-bundle-shipping small{display:block;color:var(--pb-muted);font-weight:400;font-size:.78rem;}
.petbw-bundle-util{margin-top:10px;}
.petbw-bundle-util-label{display:block;margin-bottom:5px;}
.petbw-progress-bar{height:8px;border-radius:4px;background:#e7ded0;overflow:hidden;}
.petbw-progress-fill{height:100%;background:linear-gradient(90deg,var(--pb-accent),#e06c35);border-radius:4px;transition:width .5s ease;}

.petbw-bundle-footer{border-top:1px solid var(--pb-line);padding-top:16px;}
.petbw-bundle-subtotal{font-size:1.35rem;font-weight:700;text-align:right;margin-bottom:12px;color:var(--pb-ink);}
.petbw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 26px;font-family:var(--pb-sans);font-weight:600;cursor:pointer;transition:.25s;text-decoration:none;border:none;font-size:.95rem;}
.petbw-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(18,63,54,.35);}
.petbw-bundle-footer .petbw-btn{width:100%;margin-bottom:10px;}
.petbw-btn-add{background:var(--pb-dark);color:#fff;}
.petbw-btn-add:hover{background:var(--pb-accent);color:#3a2410;}
.petbw-btn-checkout{background:var(--pb-accent);color:#3a2410;}
.petbw-btn-checkout:hover{background:var(--pb-dark);color:#fff;}

/* subscribe */
.petbw-subscribe-form{display:flex;justify-content:center;gap:12px;max-width:600px;margin:28px auto 0;flex-wrap:wrap;}
.petbw-subscribe-input{position:relative;flex:1;min-width:240px;}
.petbw-subscribe-input i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--pb-muted);}
.petbw-subscribe-input input{width:100%;border:1px solid var(--pb-line);border-radius:999px;padding:14px 18px 14px 42px;font-size:1rem;}

/* toast */
.petbw-toast{position:fixed;bottom:30px;right:30px;background:var(--pb-dark);color:#fff;padding:16px 28px;border-radius:12px;box-shadow:var(--pb-shadow);z-index:9999;transform:translateX(140%);transition:transform .4s ease;}
.petbw-toast.show{transform:translateX(0);}
.petbw-toast.warning{background:#dd6b20;}
.petbw-toast.success{background:#38a169;}

@media(max-width:992px){
  .petbw-bundle-layout{grid-template-columns:1fr;}
  .petbw-bundle-panel{position:static;margin-top:28px;}
  .petbw-bundle-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:576px){
  .petbw-bundle-grid{grid-template-columns:1fr;}
  .petbw-bundle-tabs{gap:6px;}
  .petbw-bundle-tab{padding:8px 14px;font-size:.85rem;}
}

/* ==========================================================================
   CHECKOUT (WooCommerce blocks) — generous side margins + brand polish
   ========================================================================== */
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart{
  max-width:1200px !important;
  margin:56px auto !important;
  padding:0 32px !important;
  font-family:var(--pb-sans);
}
.wp-block-woocommerce-checkout .wc-block-components-main,
.wp-block-woocommerce-cart .wc-block-components-main{
  padding-right:0;
}
/* Headings */
.wp-block-woocommerce-checkout h1,
.wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-checkout .wc-block-checkout__form-heading,
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-cart h2{
  font-family:var(--pb-serif) !important;
  color:var(--pb-dark) !important;
  font-weight:600;
}
/* Form fields */
.wp-block-woocommerce-checkout .wc-block-components-text-input input,
.wp-block-woocommerce-checkout .wc-block-components-select select,
.wp-block-woocommerce-checkout .wc-block-components-textarea,
.wp-block-woocommerce-cart .wc-block-components-text-input input,
.wp-block-woocommerce-cart .wc-block-components-select select{
  border:1px solid var(--pb-line) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
  font-size:1rem !important;
  background:#fff !important;
  transition:border-color .2s, box-shadow .2s;
}
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input,
.wp-block-woocommerce-checkout .wc-block-components-text-input input:focus,
.wp-block-woocommerce-cart .wc-block-components-text-input input:focus{
  border-color:var(--pb-dark) !important;
  box-shadow:0 0 0 3px rgba(18,63,54,.12) !important;
  outline:none !important;
}
/* Labels */
.wp-block-woocommerce-checkout .wc-block-components-text-input label,
.wp-block-woocommerce-checkout .wc-block-components-select label,
.wp-block-woocommerce-cart .wc-block-components-text-input label{
  color:var(--pb-ink) !important;
  font-weight:600 !important;
}
/* Place Order / primary buttons */
.wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):not(.wc-block-components-button-transparent),
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):not(.wc-block-components-button-transparent){
  background:var(--pb-dark) !important;
  color:#fff !important;
  border-radius:10px !important;
  font-weight:700 !important;
  padding:14px 28px !important;
  transition:background .2s, color .2s;
}
.wp-block-woocommerce-checkout .wc-block-components-button:not(.is-link):hover,
.wp-block-woocommerce-cart .wc-block-components-button:not(.is-link):hover{
  background:var(--pb-accent) !important;
  color:#3a2410 !important;
}
/* Order summary + totals cards */
.wp-block-woocommerce-checkout .wc-block-components-order-summary,
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-panel,
.wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart .wc-block-components-order-summary{
  background:#fff !important;
  border:1px solid var(--pb-line) !important;
  border-radius:var(--pb-radius) !important;
}
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper{
  padding:14px 18px !important;
}
/* Express payment (PayPal etc.) area */
.wp-block-woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control__option{
  border:1px solid var(--pb-line) !important;
  border-radius:10px !important;
  margin-bottom:10px !important;
}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked{
  background:var(--pb-dark) !important;
  border-color:var(--pb-dark) !important;
}
@media(max-width:768px){
  .wp-block-woocommerce-checkout,
  .wp-block-woocommerce-cart{margin:32px auto !important;padding:0 18px !important;}
}

/* --------------------------------------------------------------------------
   Product detail modal
   -------------------------------------------------------------------------- */
.petbw-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.petbw-modal-overlay.open{opacity:1;visibility:visible;}
.petbw-modal{background:#fff;border-radius:var(--pb-radius);max-width:980px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--pb-shadow);}
.petbw-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:var(--pb-ink);cursor:pointer;z-index:2;box-shadow:var(--pb-shadow-sm);display:flex;align-items:center;justify-content:center;transition:.25s;}
.petbw-modal-close:hover{background:var(--pb-dark);color:#fff;}
.petbw-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.petbw-modal-gallery{padding:28px;background:var(--pb-cream2);}
.petbw-modal-main-img{border-radius:var(--pb-radius);overflow:hidden;margin-bottom:14px;background:#fff;border:1px solid var(--pb-line);}
.petbw-modal-main-img img{width:100%;height:auto;display:block;}
.petbw-modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;}
.petbw-modal-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;background:#fff;}
.petbw-modal-thumb.active{border-color:var(--pb-dark);}
.petbw-modal-thumb img{width:100%;height:100%;object-fit:cover;}
.petbw-modal-info{padding:28px;display:flex;flex-direction:column;}
.petbw-modal-info h2{font-size:1.45rem;margin:0 0 16px;line-height:1.25;color:var(--pb-ink);}
.petbw-modal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.petbw-modal-meta span{background:var(--pb-cream);border:1px solid var(--pb-line);padding:6px 12px;border-radius:8px;font-size:.85rem;color:var(--pb-ink);}
.petbw-modal-meta strong{color:var(--pb-dark);}
.petbw-modal-desc{color:var(--pb-muted);font-size:.95rem;line-height:1.6;margin-bottom:24px;flex:1;}
#pm-add{align-self:flex-start;}

@media(max-width:768px){
  .petbw-modal-body{grid-template-columns:1fr;}
  .petbw-modal-gallery{padding:18px;}
  .petbw-modal-info{padding:18px;}
}

/* ==========================================================================
   PETBW — FAQs page (redesigned)
   ========================================================================== */
.petbw-faqpage .petbw-pagehero .petbw-faq-search{
  display:flex;align-items:center;gap:12px;
  max-width:560px;margin:30px auto 0;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.35);
  backdrop-filter:blur(6px);
  border-radius:999px;padding:6px 22px;
}
.petbw-faqpage .petbw-pagehero .petbw-faq-search i{color:rgba(255,255,255,.8);font-size:1.05rem;}
.petbw-faqpage .petbw-pagehero .petbw-faq-search input{
  flex:1;background:transparent;border:none;outline:none;
  color:#fff;font-size:1rem;font-family:var(--pb-sans);padding:12px 0;
}
.petbw-faqpage .petbw-pagehero .petbw-faq-search input::placeholder{color:rgba(255,255,255,.65);}

/* Sticky category nav */
.petbw-faq-nav{
  position:sticky;top:0;z-index:500;
  background:#fff;border-bottom:1px solid var(--pb-line);
  box-shadow:0 2px 10px -8px rgba(18,63,54,.25);
  transition:box-shadow .2s;
}
.petbw-faq-nav.is-stuck{box-shadow:0 10px 24px -14px rgba(18,63,54,.45);}
.petbw-faq-pills{
  list-style:none;display:flex;gap:10px;margin:0;padding:14px 24px;
  overflow-x:auto;flex-wrap:nowrap;
}
.petbw-faq-pills li{margin:0;flex-shrink:0;}
.petbw-faq-pills button{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--pb-line);background:var(--pb-cream);
  color:var(--pb-dark);font-family:var(--pb-sans);font-weight:600;
  font-size:.9rem;padding:9px 16px;border-radius:999px;cursor:pointer;
  white-space:nowrap;transition:.2s;
}
.petbw-faq-pills button i{color:var(--pb-accent2);font-size:.85rem;}
.petbw-faq-pills button:hover{border-color:var(--pb-accent);color:var(--pb-accent2);}
.petbw-faq-pills button.active{background:var(--pb-dark);border-color:var(--pb-dark);color:#fff;}
.petbw-faq-pills button.active i{color:var(--pb-accent);}

/* Sections */
.petbw-faq-section{padding:64px 0 8px;}
.petbw-faq-section-head{
  display:flex;align-items:center;gap:14px;margin-bottom:26px;
  border-bottom:2px solid var(--pb-line);padding-bottom:16px;
}
.petbw-faq-section-ic{
  width:44px;height:44px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--pb-cream2);color:var(--pb-accent2);font-size:1.1rem;
}
.petbw-faq-section-head h2{margin:0;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--pb-ink);}
.petbw-faq-count{margin-left:auto;font-size:.8rem;color:var(--pb-muted);background:var(--pb-cream);padding:5px 12px;border-radius:999px;white-space:nowrap;}

.petbw-faq-noresult{
  margin:32px 0;text-align:center;color:var(--pb-muted);
  background:var(--pb-cream);border:1px dashed var(--pb-line);
  border-radius:12px;padding:28px;font-size:1.02rem;
}
.petbw-faq-noresult a{color:var(--pb-accent2);font-weight:600;}

/* Reuse .petbw-faq-list base (already defined) with wider max */
.petbw-faqpage .petbw-faq-list{max-width:920px;margin:0;}
.petbw-faqpage .petbw-faq-list details .a{padding:0 26px 24px;color:var(--pb-muted);font-size:.98rem;line-height:1.65;}
.petbw-faqpage .petbw-faq-list details .a a{color:var(--pb-accent2);font-weight:600;}
.petbw-faqpage .petbw-faq-list details .a strong{color:var(--pb-ink);}

/* Contact CTA */
.petbw-faq-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;}
.petbw-faq-cta-text{max-width:520px;text-align:left;}
.petbw-faq-cta-text h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:6px 0 10px;color:var(--pb-ink);}
.petbw-faq-cta-text p{color:var(--pb-muted);font-size:1.05rem;margin:0;}
.petbw-faq-cta-actions{display:flex;flex-wrap:wrap;gap:12px;}
.petbw-faq-cta-actions .petbw-btn-dark{text-decoration:none;}

@media(max-width:768px){
  .petbw-faq-section{padding:44px 0 4px;}
  .petbw-faq-section-head{flex-wrap:wrap;}
  .petbw-faq-count{margin-left:0;}
  .petbw-faq-cta-inner{flex-direction:column;align-items:flex-start;}
  .petbw-faq-cta-actions{width:100%;}
  .petbw-faq-cta-actions .petbw-btn-dark{flex:1;justify-content:center;}
}

/* --------------------------------------------------------------------------
   Blog page (page-blog.php)
   -------------------------------------------------------------------------- */
.petbw-blog-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
.petbw-blog-filter .petbw-chip{text-decoration:none;font-size:.92rem;}

.petbw-blog-featured{
  display:grid;grid-template-columns:1.05fr 1fr;gap:0;
  background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);
  overflow:hidden;margin-bottom:44px;box-shadow:var(--pb-shadow-sm);
}
.petbw-blog-featured:hover{box-shadow:var(--pb-shadow);}
.petbw-bf-img{aspect-ratio:16/10;overflow:hidden;background:var(--pb-cream2);}
.petbw-bf-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.petbw-blog-featured:hover .petbw-bf-img img{transform:scale(1.05);}
.petbw-bf-body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;}
.petbw-bf-body h2{font-family:var(--pb-serif);font-weight:600;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.2;margin:0 0 14px;}
.petbw-bf-body h2 a{color:var(--pb-ink);text-decoration:none;}
.petbw-bf-body h2 a:hover{color:var(--pb-accent2);}
.petbw-bf-body p{color:var(--pb-muted);font-size:1.02rem;line-height:1.6;margin:0 0 22px;}
.petbw-bf-body .petbw-post-cat{margin-bottom:12px;}

.petbw-blog-cta{background:var(--pb-cream);border-top:1px solid var(--pb-line);}
.petbw-blog-cta .petbw-wrap{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;
  padding:52px 24px;
}
.petbw-blog-cta-text{max-width:620px;}
.petbw-blog-cta-text h2{font-family:var(--pb-serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--pb-dark);margin:8px 0 10px;line-height:1.2;}
.petbw-blog-cta-text p{color:var(--pb-muted);font-size:1.05rem;margin:0;}

@media(max-width:768px){
  .petbw-blog-featured{grid-template-columns:1fr;}
  .petbw-bf-body{padding:28px 24px 32px;}
  .petbw-blog-cta .petbw-wrap{flex-direction:column;align-items:flex-start;}
  .petbw-blog-cta .petbw-btn-primary{width:100%;justify-content:center;}
}

/* ============================================================
   Shared: solid hero + CTA band + buttons
   ============================================================ */
.petbw-pagehero.solid{background:linear-gradient(155deg,var(--pb-dark),var(--pb-dark2));text-align:left;}
.petbw-pagehero.solid .petbw-wrap{max-width:var(--pb-max);}
.petbw-pagehero.solid p{margin-left:0;}

.petbw-btn-light,.petbw-btn-outline,.petbw-btn-text{
  display:inline-flex;align-items:center;gap:.4em;text-decoration:none;
  font-family:var(--pb-sans);font-weight:600;font-size:1rem;border-radius:999px;
  padding:14px 28px;transition:.22s;cursor:pointer;
}
.petbw-btn-light{background:#fff;color:var(--pb-dark);border:1px solid #fff;}
.petbw-btn-light:hover{background:var(--pb-cream);transform:translateY(-2px);}
.petbw-btn-outline{background:transparent;color:var(--pb-dark);border:1.5px solid var(--pb-dark);}
.petbw-btn-outline:hover{background:var(--pb-dark);color:#fff;transform:translateY(-2px);}
.petbw-btn-text{background:none;border:none;color:var(--pb-accent2);padding:14px 4px;}
.petbw-btn-text:hover{color:var(--pb-dark);}

.petbw-cta-band{background:linear-gradient(155deg,var(--pb-dark),var(--pb-dark2));color:#fff;}
.petbw-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding:60px 24px;}
.petbw-cta-inner h2{color:#fff;font-family:var(--pb-serif);font-weight:600;font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0 10px;line-height:1.2;}
.petbw-cta-inner p{color:rgba(255,255,255,.85);font-size:1.05rem;margin:0;max-width:560px;}
.petbw-cta-inner .petbw-eyebrow.light{color:var(--pb-accent);}
.petbw-cta-actions{display:flex;gap:14px;flex-wrap:wrap;}
.petbw-cta-band .petbw-btn-outline{color:#fff;border-color:rgba(255,255,255,.6);}
.petbw-cta-band .petbw-btn-outline:hover{background:#fff;color:var(--pb-dark);border-color:#fff;}

/* ============================================================
   Contact page
   ============================================================ */
.petbw-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start;}
.petbw-contact-info h2{font-family:var(--pb-serif);font-weight:600;font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--pb-dark);margin:0 0 22px;}
.petbw-contact-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px;}
.petbw-contact-list li{display:flex;gap:14px;align-items:flex-start;}
.petbw-contact-list .ic{font-size:1.3rem;line-height:1.4;}
.petbw-contact-list strong{display:block;color:var(--pb-dark);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
.petbw-contact-list a{color:var(--pb-accent2);text-decoration:none;font-weight:600;}
.petbw-contact-list a:hover{text-decoration:underline;}
.petbw-contact-note{background:var(--pb-cream);border-left:3px solid var(--pb-accent);padding:16px 18px;border-radius:0 10px 10px 0;font-size:.96rem;color:var(--pb-muted);}
.petbw-contact-note a{color:var(--pb-accent2);font-weight:600;}

.petbw-contact-form-wrap{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:34px;box-shadow:var(--pb-shadow-sm);}
.petbw-contact-form{display:grid;gap:16px;}
.petbw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.petbw-contact-form label{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:600;color:var(--pb-dark);}
.petbw-contact-form input,.petbw-contact-form select,.petbw-contact-form textarea{
  font-family:var(--pb-sans);font-size:1rem;font-weight:400;color:var(--pb-ink);
  padding:12px 14px;border:1px solid var(--pb-line);border-radius:10px;background:#fff;transition:.18s;width:100%;
}
.petbw-contact-form input:focus,.petbw-contact-form select:focus,.petbw-contact-form textarea:focus{outline:none;border-color:var(--pb-accent);box-shadow:0 0 0 3px rgba(217,142,72,.18);}
.petbw-contact-form .petbw-btn-primary{justify-content:center;margin-top:4px;}
.petbw-form-success{background:var(--pb-cream);border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:30px;text-align:center;}
.petbw-form-success h3{color:var(--pb-dark);font-family:var(--pb-serif);margin:0 0 10px;}
.petbw-form-success a{color:var(--pb-accent2);font-weight:600;}
.petbw-form-error{background:#fdecec;border:1px solid #f3b6b6;color:#9b2c2c;border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:.95rem;}

/* ============================================================
   Founder (About)
   ============================================================ */
.petbw-founder{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center;}
.petbw-founder-photo{position:relative;border-radius:var(--pb-radius);overflow:hidden;box-shadow:var(--pb-shadow);}
.petbw-founder-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
.petbw-photo-flag{position:absolute;left:12px;bottom:12px;background:rgba(13,46,40,.85);color:#fff;font-size:.72rem;letter-spacing:.05em;padding:5px 10px;border-radius:999px;}
.petbw-founder-bio h3{font-family:var(--pb-serif);font-weight:600;font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--pb-dark);margin:0 0 4px;}
.petbw-founder-role{color:var(--pb-accent2);font-weight:600;margin-bottom:16px;}
.petbw-founder-bio p{color:var(--pb-muted);font-size:1.04rem;line-height:1.7;margin:0 0 16px;}
.petbw-founder-bio .petbw-btn-outline{margin-top:6px;}

/* ============================================================
   Legal pages
   ============================================================ */
.petbw-legal{max-width:880px;margin:0 auto;color:var(--pb-ink);font-size:1.02rem;line-height:1.8;}
.petbw-legal p{margin:0 0 16px;}
.petbw-legal strong{color:var(--pb-dark);font-weight:700;}
.petbw-legal hr.wp-block-separator{margin:26px 0;border:none;border-top:1px solid var(--pb-line);}
.petbw-legal table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:.96rem;}
.petbw-legal table td,.petbw-legal table th{border:1px solid var(--pb-line);padding:11px 13px;text-align:left;vertical-align:top;}
.petbw-legal table th{background:var(--pb-cream);color:var(--pb-dark);font-weight:700;}
.petbw-legal a{color:var(--pb-accent2);}

/* ============================================================
   Cart & Account
   ============================================================ */
.petbw-cart-layout,.petbw-account-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;}
.petbw-cart-main,.petbw-account-main{min-width:0;}
.petbw-cart-aside,.petbw-account-aside{display:grid;gap:22px;position:sticky;top:96px;}
.petbw-trust-card,.petbw-help-card{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:24px;box-shadow:var(--pb-shadow-sm);}
.petbw-trust-card h3,.petbw-help-card h3{font-family:var(--pb-serif);font-weight:600;color:var(--pb-dark);margin:0 0 14px;font-size:1.25rem;}
.petbw-help-card p{color:var(--pb-muted);font-size:.96rem;margin:0 0 16px;}
.petbw-help-card .petbw-btn-outline,.petbw-help-card .petbw-btn-primary{width:100%;justify-content:center;margin-bottom:10px;}
.petbw-help-card .petbw-btn-text{width:100%;justify-content:center;padding:6px;}
.petbw-trust-card .petbw-checklist{margin:0;}

/* ============================================================
   Responsive
   ============================================================ */
@media(max-width:900px){
  .petbw-contact-grid{grid-template-columns:1fr;gap:32px;}
  .petbw-founder{grid-template-columns:1fr;gap:28px;text-align:center;}
  .petbw-founder-photo{max-width:300px;margin:0 auto;}
  .petbw-cart-layout,.petbw-account-layout{grid-template-columns:1fr;}
  .petbw-cart-aside,.petbw-account-aside{position:static;}
}
@media(max-width:560px){
  .petbw-form-row{grid-template-columns:1fr;}
  .petbw-contact-form-wrap{padding:22px;}
  .petbw-cta-inner{padding:40px 20px;}
  .petbw-cta-actions .petbw-btn-light,.petbw-cta-actions .petbw-btn-outline{flex:1;justify-content:center;}
}

/* ============================================================
   NAVBAR — slimmer height + branded "Just for Pet Store" wordmark
   (blogname stays PETBW for SEO/email; navbar shows the friendly
    full brand name, designed to match the Fraunces/amber system)
   ============================================================ */
/* 1) Slim the bar: was min-height:120px from Blocksy */
.ct-header .ct-container{
  min-height:72px !important;
}
.ct-header [data-row]{
  min-height:0 !important;
}
/* Tighten menu-link vertical rhythm to suit the slimmer bar */
.ct-header .ct-menu-link{
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* 2) Wordmark: hide default "PETBW" text node, render designed brand */
.ct-header .site-title a,
.ct-header .ct-brand a{
  font-size:0 !important;            /* collapse original text */
  line-height:1 !important;
  letter-spacing:0 !important;
  display:inline-flex !important;
  align-items:center;
  white-space:nowrap;
}
/* "Just for" — light Fraunces, white */
.ct-header .site-title a::before,
.ct-header .ct-brand a::before{
  content:"Just for";
  font-family:var(--pb-serif);
  font-weight:500;
  font-size:1.25rem;
  color:#fff;
  letter-spacing:.01em;
}
/* "Pet Store" — bold Fraunces, brand amber */
.ct-header .site-title a::after,
.ct-header .ct-brand a::after{
  content:"\00a0Pet Store";
  font-family:var(--pb-serif);
  font-weight:700;
  font-size:1.25rem;
  color:var(--pb-accent);
  letter-spacing:.01em;
}

/* 3) Desktop auth cluster — wholesale B2B (Sign In / Sign Up to Buy).
   Appended to the primary desktop menu via petbw-kit.php (theme location menu_1). */
.petbw-auth-item{display:flex;align-items:center;margin-left:14px;}
.petbw-auth-item:first-of-type{margin-left:18px;}
.petbw-auth-item a{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--pb-sans);font-weight:600;font-size:.82rem;line-height:1;
  white-space:nowrap;text-decoration:none;
  padding:9px 18px;border-radius:999px;border:1.5px solid transparent;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
/* ghost: Sign In / My Account — light on dark-green header */
.petbw-auth-signin a,
.petbw-auth-account a{
  color:#fff;background:transparent;border-color:rgba(255,255,255,.45);
}
.petbw-auth-signin a:hover,
.petbw-auth-account a:hover{
  border-color:#fff;background:rgba(255,255,255,.12);
}
/* filled accent CTA: Sign Up to Buy / Sign Out */
.petbw-auth-signup a,
.petbw-auth-signout a{
  color:#fff;background:var(--pb-accent);border-color:var(--pb-accent);
  box-shadow:0 4px 14px rgba(217,142,72,.30);
}
.petbw-auth-signup a:hover,
.petbw-auth-signout a:hover{
  background:#c97e3c;border-color:#c97e3c;
  box-shadow:0 6px 18px rgba(217,142,72,.40);
}
/* breathing room between the auth cluster and the search icon */
.ct-header .ct-header-search{margin-left:10px;}

/* Smaller wordmark on phones so it never crowds the toggle */
@media(max-width:560px){
  .ct-header .site-title a::before,
  .ct-header .ct-brand a::before,
  .ct-header .site-title a::after,
  .ct-header .ct-brand a::after{
    font-size:1.05rem;
  }
  .ct-header .ct-container{min-height:60px !important;}
}

/* Homepage mobile refinements — smaller screens */
@media(max-width:560px){
  .petbw-hero{min-height:440px;background-position:75% center;}
  .petbw-hero-inner{padding:40px 18px;}
  .petbw-hero-badge{font-size:.68rem;padding:5px 10px;margin-bottom:14px;}
  .petbw-hero h1{font-size:1.75rem;margin-bottom:14px;}
  .petbw-hero p{font-size:.95rem;margin-bottom:22px;}
  .petbw-hero-cta{gap:10px;}
  .petbw-hero-cta a{padding:13px 22px;}
  .petbw-hero-stats{gap:18px;margin-top:28px;}
  .petbw-hero-stats > div{flex:1 1 calc(50% - 18px);}
  .petbw-hero-stats .num{font-size:1.6rem;}
  .petbw-hero-stats .lbl{font-size:.72rem;}
  .petbw-news form{flex-direction:column;align-items:stretch;gap:10px;}
  .petbw-news input[type=email]{width:100%;min-width:0;}
  .petbw-news .petbw-btn-primary{width:100%;padding:14px 24px;}
  .petbw-news .petbw-note{font-size:.75rem;}
}

/* ==========================================================================
   HOMEPAGE MOBILE OVERHAUL (2026-07-17)
   ========================================================================== */

/* Desktop: keep the collection section title on one line */
@media(min-width:769px){
  .petbw-section-head-collections h2{white-space:nowrap;}
}

/* Global overflow guard for mobile */
/* clip (not hidden) so horizontal scroll is tamed WITHOUT breaking position:sticky
   on the header / bottom nav (overflow:hidden creates a scroll container). */
html,body{overflow-x:clip;}

/* Mobile category icons (3 columns × 2 rows) — replaces image cards on small screens */
.petbw-cat-icons{display:none;}
@media(max-width:768px){
  .petbw-cat-grid{display:none !important;}
  .petbw-cat-icons{display:grid !important;grid-template-columns:repeat(3,1fr);gap:12px;}
  .petbw-cat-icons a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;
    color:var(--pb-dark);background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:18px 8px;transition:.25s;}
  .petbw-cat-icons a:hover{border-color:var(--pb-accent);transform:translateY(-3px);}
  .petbw-cat-icons .ic{font-size:1.8rem;line-height:1;}
  .petbw-cat-icons .lbl{font-size:.78rem;font-weight:600;line-height:1.25;}
}

/* Mobile trust bar — 2-column grid, never overflow */
@media(max-width:768px){
  .petbw-trust .petbw-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;justify-content:stretch;text-align:left;}
  .petbw-trust span{font-size:.78rem;gap:8px;}
  .petbw-trust span b{font-size:1rem;}
}

/* Mobile swipeable carousels (Best Sellers, Why PETBW, Steps, Testimonials) */
@media(max-width:768px){
  .petbw-kit-grid,
  .petbw-feature-grid,
  .petbw-steps,
  .petbw-testi-grid{
    display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;
    padding:4px 0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .petbw-kit-grid::-webkit-scrollbar,
  .petbw-feature-grid::-webkit-scrollbar,
  .petbw-steps::-webkit-scrollbar,
  .petbw-testi-grid::-webkit-scrollbar{display:none;}
  .petbw-kit-grid > .petbw-kit-card{flex:0 0 82%;scroll-snap-align:center;margin:0;}
  .petbw-feature-grid > .petbw-feature{flex:0 0 82%;scroll-snap-align:center;}
  .petbw-steps > .petbw-step{flex:0 0 82%;scroll-snap-align:center;}
  .petbw-testi-grid > .petbw-testi{flex:0 0 62%;scroll-snap-align:start;}
  /* Enlarge the small icons in feature cards on mobile */
  .petbw-feature .ic{width:60px;height:60px;font-size:1.8rem;}
  /* Steps card refinements */
  .petbw-step{padding:24px 20px;}
  .petbw-step .n{font-size:2rem;}
  .petbw-step h3{font-size:1rem;}
}

/* Compact FAQ, newsletter, footer on mobile */
@media(max-width:768px){
  .petbw-faq-list details{margin-bottom:8px;border-radius:10px;}
  .petbw-faq-list summary{padding:15px 18px;font-size:.95rem;}
  .petbw-faq-list .a{padding:0 18px 16px;font-size:.9rem;}
  .petbw-news .petbw-wrap{padding-top:44px;padding-bottom:44px;}
  .petbw-news h2{font-size:1.55rem;}
  .petbw-news p{font-size:.95rem;margin-bottom:20px;}
  .petbw-news input[type=email]{padding:13px 18px;}
  .petbw-news .petbw-btn-primary{padding:13px 22px;}
  .petbw-footer-cta .petbw-wrap{padding:30px 24px;text-align:center;justify-content:center;}
  .petbw-footer-cta .petbw-wrap > div:first-child{max-width:100%;width:100%;}
  .petbw-footer-cta .petbw-wrap > div:last-child{width:100%;justify-content:center;min-width:0;}
  .petbw-footer-cta h3{font-size:1.4rem;}
  .petbw-footer-main{padding:42px 0 24px;}
  .petbw-footer-cols{gap:26px;}
  .petbw-footer-bottom .petbw-wrap{flex-direction:column;gap:10px;text-align:center;}
  .petbw-footer h4{margin-bottom:14px;}
  .petbw-footer ul li{margin-bottom:8px;}
  .petbw-footer-brand .logo-primary{font-size:1.6rem;}
  .petbw-footer-brand .logo-sub{margin-bottom:12px;}
}

/* Tightest mobile tweaks */
@media(max-width:560px){
  .petbw-cat-icons{grid-template-columns:repeat(3,1fr);gap:10px;}
  .petbw-cat-icons a{padding:14px 6px;}
  .petbw-cat-icons .ic{font-size:1.6rem;}
  .petbw-cat-icons .lbl{font-size:.72rem;}
  .petbw-hero-cta a{max-width:240px;padding:11px 20px;font-size:.85rem;}
}

/* ==========================================================================
   SECONDARY PAGES MOBILE OPTIMIZATION
   ========================================================================== */
@media(max-width:768px){
  /* Smaller page hero */
  .petbw-pagehero{padding:56px 0 48px;}
  .petbw-pagehero h1{font-size:clamp(1.7rem,5.5vw,2.4rem);}
  .petbw-pagehero p{font-size:.95rem;padding:0 6px;}
  .petbw-breadcrumb{font-size:.78rem;margin-bottom:14px;}

  /* Contact page */
  .petbw-contact-grid{grid-template-columns:1fr;gap:28px;}
  .petbw-contact-form-wrap{padding:22px 18px;}
  .petbw-form-row{grid-template-columns:1fr;gap:14px;}
  .petbw-contact-info h2{font-size:1.5rem;}
  .petbw-contact-list{gap:14px;}
  .petbw-contact-list li{gap:12px;}
  .petbw-contact-list .ic{font-size:1.2rem;}

  /* About page */
  .petbw-founder{grid-template-columns:1fr;gap:24px;text-align:center;}
  .petbw-founder-photo{max-width:260px;margin:0 auto;}
  .petbw-founder-bio h3{font-size:1.5rem;}
  .petbw-founder-bio p{font-size:1rem;}
  .petbw-stats-band{grid-template-columns:repeat(2,1fr);gap:18px;}
  .petbw-stat .n{font-size:2rem;}
  .petbw-stat .l{font-size:.82rem;}
  .petbw-value-grid{grid-template-columns:1fr;gap:16px;}

  /* Cart & Account */
  .petbw-cart-layout,.petbw-account-layout{grid-template-columns:1fr;gap:28px;}
  .petbw-cart-aside,.petbw-account-aside{position:static;}
  .petbw-trust-card,.petbw-help-card{padding:20px;}
  .petbw-trust-card h3,.petbw-help-card h3{font-size:1.15rem;}

  /* WooCommerce tables in cart/account */
  .woocommerce table.shop_table,
  .woocommerce-page table.shop_table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .woocommerce table.shop_table thead{display:none;}
  .woocommerce table.shop_table tbody,
  .woocommerce table.shop_table tr,
  .woocommerce table.shop_table td,
  .woocommerce table.shop_table th{display:block;width:100%;text-align:left;}
  .woocommerce table.shop_table tr{margin-bottom:14px;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:14px;}
  .woocommerce table.shop_table td{border:none;padding:6px 0;font-size:.9rem;}
  .woocommerce table.shop_table td.product-name{font-size:1rem;font-weight:600;}
  .woocommerce table.shop_table .product-thumbnail img{width:60px;}
  .woocommerce-cart-form .actions .button{width:100%;margin-top:8px;}
  .woocommerce-cart-form .coupon{display:flex;flex-direction:column;gap:8px;}
  .woocommerce-cart-form .coupon input{width:100%;}
  .woocommerce .cart-collaterals .cart_totals{width:100%;float:none;}

  /* My account navigation */
  .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
  .woocommerce-MyAccount-navigation ul li{padding:0;}
  .woocommerce-MyAccount-navigation ul li a{padding:10px 12px;font-size:.8rem;border-radius:10px;border:1px solid var(--pb-line);display:block;}
  .woocommerce-MyAccount-content{padding:18px;}

  /* Legal pages */
  .petbw-legal{padding:0 6px;font-size:.95rem;line-height:1.7;}
  .petbw-legal h2{font-size:1.35rem;}
  .petbw-legal table{font-size:.85rem;}
  .petbw-legal table td,.petbw-legal table th{padding:8px 10px;}

  /* Shop page */
  .petbw-shop-cats{gap:8px;margin-bottom:32px;}
  .petbw-chip{padding:9px 16px;font-size:.82rem;}
  .petbw-shop-collection > h2{font-size:1.4rem;}
  .petbw-shop-collection .sub{font-size:.95rem;}

  /* Single KIT page */
  .petbw-kit-head{grid-template-columns:1fr;gap:24px;}
  .petbw-kit-shelf{order:0;}
  .petbw-kit-summary h1{font-size:1.7rem;}
  .petbw-kit-pricing-band{grid-template-columns:repeat(2,1fr);gap:12px;}
  .petbw-kit-pricing-band .price-box{padding:16px;}
  .petbw-kit-spec{grid-template-columns:repeat(2,1fr);gap:10px;}
  .petbw-kit-spec li{padding:12px 14px;border-radius:8px;}
  .petbw-kit-spec li span{font-size:.7rem;}
  .petbw-kit-spec li b{font-size:.85rem;}
  .petbw-advantages{grid-template-columns:1fr;}
  .petbw-included-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .petbw-inc-media{padding:8px;}
  .petbw-inc-body{padding:12px;}
  .petbw-inc-name{font-size:.9rem;}
  .petbw-inc-sku,.petbw-inc-meta,.petbw-inc-total,.petbw-inc-tags{font-size:.72rem;}
  .petbw-inc-meta{gap:4px 8px;}
  .petbw-roi .petbw-roi-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
  .petbw-kit-section{padding:32px 0;}
  .petbw-kit-section h2{font-size:1.45rem;}
  .petbw-custom-cta{padding:28px 20px;}

  /* FAQ page */
  .petbw-faqpage .petbw-pagehero{padding:48px 0 40px;}
  .petbw-faq-search input{width:100%;min-width:0;}
  .petbw-faqpage .petbw-faq-item{padding:18px 20px;}

  /* Custom KIT / RFQ */
  .petbw-rfq{grid-template-columns:1fr;gap:24px;}
  .petbw-rfq-form{padding:22px 18px;}
  .petbw-rfq-info h2{font-size:1.5rem;}

  /* General compact buttons */
  .petbw-btn-primary,.petbw-btn-secondary,.petbw-btn-dark,.petbw-btn-outline{padding:12px 22px;font-size:.9rem;}
}

@media(max-width:560px){
  .petbw-pagehero{padding:48px 0 40px;}
  .petbw-pagehero h1{font-size:1.55rem;}
  .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr;}
  .petbw-included-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .petbw-inc-body{padding:10px;}
  .petbw-inc-media{padding:6px;}
  .petbw-inc-name{font-size:.82rem;}
  .petbw-inc-ph svg{width:28px;height:28px;}
  .petbw-roi .petbw-roi-grid{grid-template-columns:1fr;}
  .petbw-stats-band{grid-template-columns:1fr;}
  .petbw-kit-price-row{padding:14px 10px;gap:6px;}
  .petbw-kit-price-row label{font-size:.6rem;}
  .petbw-kit-price-row span strong{font-size:1.1rem;}
}

/* ============================================================
   MOBILE BOTTOM NAVIGATION BAR
   Fixed, only visible on <=768px. Home / Shop / Cart / User.
   ============================================================ */
.petbw-bottom-nav{display:none;}

@media(max-width:768px){
  .petbw-bottom-nav{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:9999;
    height:54px;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
    align-items:center;
    /* match the desktop/top navbar底色 (dark green) */
    background:var(--pb-dark,#123f36);
    border-top:1px solid rgba(255,255,255,.10);
    box-shadow:0 -4px 18px rgba(0,0,0,.28);
  }
  .petbw-bnav-item{
    position:relative;
    flex:1;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#fff;
    text-decoration:none;
    font-family:var(--pb-sans,'Inter',sans-serif);
    font-size:.74rem;
    font-weight:600;
    letter-spacing:.02em;
    white-space:nowrap;
    -webkit-tap-highlight-color:transparent;
    transition:color .15s ease;
  }
  .petbw-bnav-item svg{display:block;width:20px;height:20px;}
  .petbw-bnav-item:active{opacity:.7;}
  .petbw-bnav-item.is-active{color:var(--pb-accent,#d98e48);}
  .petbw-bnav-badge{
    position:absolute;
    top:0;
    left:calc(50% + 8px);
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:999px;
    background:var(--pb-accent,#d98e48);
    color:#fff;
    font-size:.62rem;
    font-weight:700;
    line-height:17px;
    text-align:center;
    box-shadow:0 0 0 2px var(--pb-dark,#123f36);
  }
  .petbw-bnav-badge[hidden]{display:none;}
  /* keep footer's last content above the fixed bar */
  .petbw-footer{padding-bottom:70px !important;}
}

@media(max-width:560px){
  .petbw-bottom-nav{height:50px;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));}
  .petbw-bnav-item{font-size:.68rem;gap:4px;}
  .petbw-bnav-item svg{width:18px;height:18px;}
  .petbw-footer{padding-bottom:62px !important;}
}

/* ============================================================
   MOBILE HEADER: centered logo + search box
   Layout: hamburger (left) | logo (center) | search (right)
   ============================================================ */
@media(max-width:768px){
  .ct-header [data-device="mobile"] .ct-container{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  /* Move hamburger to the left, search box to the right */
  .ct-header [data-device="mobile"] [data-column="end"]{order:1;}
  .ct-header [data-device="mobile"] [data-column="start"]{order:2;}
  /* Center the logo absolutely */
  .ct-header [data-device="mobile"] .site-branding{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:1;
  }
  .ct-header [data-device="mobile"] .site-title a::before,
  .ct-header [data-device="mobile"] .site-title a::after{
    font-size:1.05rem;
  }
  /* Mobile search form in the right column */
  .petbw-mobile-search{
    position:relative;
    width:92px;
    transition:width .22s ease;
  }
  .petbw-mobile-search:focus-within{width:140px;}
  .petbw-mobile-search input{
    width:100%;
    height:32px;
    padding:6px 28px 6px 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.12);
    color:#fff;
    font-family:var(--pb-sans,'Inter',sans-serif);
    font-size:.78rem;
    outline:none;
    -webkit-appearance:none;
  }
  .petbw-mobile-search input::placeholder{color:rgba(255,255,255,.65);}
  .petbw-mobile-search button{
    position:absolute;
    right:4px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    color:#fff;
    padding:0;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .petbw-mobile-search button svg{display:block;}
}

@media(max-width:560px){
  .ct-header [data-device="mobile"] .site-title a::before,
  .ct-header [data-device="mobile"] .site-title a::after{
    font-size:.95rem;
  }
  .petbw-mobile-search{width:86px;}
  .petbw-mobile-search:focus-within{width:120px;}
  .petbw-mobile-search input{font-size:.72rem;}
}

/* ============================================================
   MOBILE FULL-SCREEN MENU OVERLAY
   - Keep the sticky header visible at the top (hamburger, brand, search).
   - Hamburger morphs into an X when the offcanvas is active, so the
     collapse control stays in exactly the same spot.
   - Offcanvas becomes a full-screen semi-transparent dark-green overlay
     behind the header, with the menu items centered below.
   ============================================================ */
@media(max-width:768px){
  /* Pull hamburger and search inward so they don't touch screen edges */
  .ct-header [data-device="mobile"] .ct-container{padding:0 16px !important;}

  /* Header must stay above the full-screen overlay */
  header#header.ct-header[data-id="type-1"],
  header#header.ct-header,
  #header.ct-header{z-index:10001 !important;}
  /* Overlay must be above the page content but below the header */
  .petbw-bottom-nav{z-index:9998 !important;}

  /* Full-screen overlay when active */
  #offcanvas.ct-panel.ct-header.active,
  #offcanvas.ct-panel.ct-header.active .ct-panel-inner,
  #offcanvas.ct-panel.ct-header.active .ct-panel-content,
  #offcanvas.ct-panel.ct-header.active .ct-panel-content-inner{
    transform:none !important;
  }
  #offcanvas.ct-panel.ct-header.active{
    display:block !important;
    position:fixed !important;
    inset:0 0 0 0 !important;
    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    opacity:1 !important;
    visibility:visible !important;
    background:rgba(18,63,54,.95) !important;
    z-index:10000 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    transition:opacity .25s ease,visibility .25s ease;
  }
  #offcanvas .ct-panel-inner{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
  }
  /* Hide the panel's own close button; the hamburger itself becomes the X */
  #offcanvas .ct-panel-actions{display:none !important;}
  #offcanvas .ct-panel-content[data-device="mobile"]{
    width:100% !important;
    height:100% !important;
    padding:84px 16px 24px !important;
  }
  #offcanvas .ct-panel-content-inner,
  #offcanvas .mobile-menu,
  #offcanvas .mobile-menu ul{
    width:100% !important;
    height:100% !important;
  }
  #offcanvas .mobile-menu ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }
  #offcanvas .mobile-menu li{
    width:100% !important;
    text-align:center !important;
  }
  #offcanvas .mobile-menu .ct-menu-link{
    display:block !important;
    font-family:var(--pb-serif,'Fraunces',serif) !important;
    font-size:1.35rem !important;
    font-weight:600 !important;
    color:#fff !important;
    padding:10px 0 !important;
    letter-spacing:.01em !important;
  }
  #offcanvas .mobile-menu .ct-menu-link:hover,
  #offcanvas .mobile-menu .current-menu-item .ct-menu-link{
    color:var(--pb-accent) !important;
  }

  /* Hamburger morphs into X while offcanvas is open (body class set via JS observer) */
  body.petbw-menu-open .ct-header .ct-header-trigger{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    color:#fff !important;
  }
  body.petbw-menu-open .ct-header .ct-header-trigger svg{
    display:none !important;
  }
  body.petbw-menu-open .ct-header .ct-header-trigger::before{
    content:'×' !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:300 !important;
  }
}

/* ==========================================================================
   KIT CATEGORY ARCHIVE PAGES (retail-starter-kits, seasonal, holiday, gift, display, best-sellers)
   ========================================================================== */
.petbw-kit-category{--cat-accent:var(--pb-accent);font-family:var(--pb-sans);color:var(--pb-ink);line-height:1.6;-webkit-font-smoothing:antialiased;}

/* Hero */
.petbw-cat-hero{position:relative;padding:110px 0 92px;color:#fff;overflow:hidden;min-height:420px;display:flex;align-items:center;}
.petbw-cat-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.petbw-cat-hero::before{content:"";position:absolute;inset:0;background:inherit;z-index:1;}
.petbw-cat-hero .petbw-wrap{position:relative;z-index:2;}
.petbw-cat-hero .petbw-breadcrumb{font-size:.9rem;color:rgba(255,255,255,.75);margin-bottom:18px;}
.petbw-cat-hero .petbw-breadcrumb a{color:rgba(255,255,255,.9);text-decoration:none;}
.petbw-cat-hero .petbw-breadcrumb a:hover{color:var(--cat-accent);}
.petbw-cat-hero .petbw-breadcrumb .current{color:#fff;font-weight:600;}
.petbw-cat-hero .petbw-breadcrumb .sep{margin:0 8px;opacity:.6;}
.petbw-cat-hero .petbw-eyebrow{color:var(--cat-accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;margin-bottom:10px;}
.petbw-cat-hero h1{font-family:var(--pb-serif);font-size:clamp(2.4rem,5vw,4rem);font-weight:700;color:#fff;margin:0 0 14px;line-height:1.1;max-width:760px;}
.petbw-cat-hero p{font-size:1.1rem;color:rgba(255,255,255,.88);max-width:640px;margin:0;line-height:1.6;}
.petbw-cat-hero-content{max-width:760px;}

/* USP band */
.petbw-cat-usp-section{padding:48px 0 24px;}
.petbw-cat-usp{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.petbw-cat-usp-item{background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);padding:22px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--pb-shadow-sm);}
.petbw-cat-usp-icon{color:var(--cat-accent);flex-shrink:0;}
.petbw-cat-usp-text strong{display:block;color:var(--pb-dark);font-size:1.05rem;margin-bottom:4px;}
.petbw-cat-usp-text span{color:var(--pb-muted);font-size:.95rem;line-height:1.5;}

/* Grid section */
.petbw-cat-grid-section{padding-top:40px;}
.petbw-cat-desc{color:var(--pb-muted);font-size:1.05rem;margin-top:8px;}
.petbw-cat-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 24px;}
.petbw-cat-count{font-weight:700;color:var(--pb-dark);font-size:1rem;}
.petbw-cat-actions .woocommerce-ordering{margin:0;}
.petbw-cat-actions .woocommerce-ordering select{
  font-family:var(--pb-sans);padding:10px 14px;border:1px solid var(--pb-line);border-radius:10px;background:#fff;color:var(--pb-ink);font-size:.95rem;cursor:pointer;
}
.petbw-cat-grid .petbw-kit-grid{grid-template-columns:repeat(4,1fr);}
.petbw-cat-empty{text-align:center;padding:60px 20px;color:var(--pb-muted);font-size:1.05rem;}
.petbw-cat-empty a{color:var(--pb-accent2);font-weight:600;}

/* Cross-sell collections */
.petbw-cat-cross{margin-top:72px;padding-top:48px;border-top:1px solid var(--pb-line);}
.petbw-cat-cross h3{font-family:var(--pb-serif);font-size:1.5rem;color:var(--pb-dark);margin:0 0 22px;}
.petbw-cat-cross-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.petbw-cat-cross-card{display:flex;flex-direction:column;gap:6px;padding:20px 18px;background:#fff;border:1px solid var(--pb-line);border-radius:var(--pb-radius);text-decoration:none;transition:.22s;}
.petbw-cat-cross-card:hover{transform:translateY(-4px);box-shadow:var(--pb-shadow-sm);border-color:var(--cat-accent);}
.petbw-cat-cross-card strong{color:var(--pb-dark);font-size:1rem;}
.petbw-cat-cross-card span{color:var(--pb-muted);font-size:.88rem;}

/* CTA */
.petbw-cat-cta{background:var(--pb-cream);}
.petbw-cat-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;}
.petbw-cat-cta-inner h2{font-family:var(--pb-serif);font-size:clamp(1.7rem,3vw,2.4rem);color:var(--pb-dark);margin:0 0 10px;}
.petbw-cat-cta-inner p{color:var(--pb-muted);font-size:1.05rem;max-width:560px;margin:0;}
.petbw-cat-cta-inner .petbw-btn-primary{background:var(--cat-accent);color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.25);}
.petbw-cat-cta-inner .petbw-btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);}

/* FAQ */
.petbw-cat-faq .petbw-faq{max-width:820px;margin:0 auto;}

/* Responsive */
@media (max-width:1024px){
  .petbw-cat-usp{grid-template-columns:repeat(2,1fr);}
  .petbw-cat-grid .petbw-kit-grid{grid-template-columns:repeat(3,1fr);}
  .petbw-cat-cross-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .petbw-cat-hero{padding:86px 0 70px;min-height:320px;}
  .petbw-cat-hero h1{font-size:clamp(2rem,7vw,2.8rem);}
  .petbw-cat-usp{grid-template-columns:1fr;}
  .petbw-cat-grid .petbw-kit-grid{grid-template-columns:repeat(2,1fr);}
  .petbw-cat-cross-grid{grid-template-columns:repeat(2,1fr);}
  .petbw-cat-cta-inner{flex-direction:column;align-items:flex-start;text-align:left;}
  .petbw-cat-cta-inner .petbw-btn-primary{width:100%;justify-content:center;}
}
@media (max-width:560px){
  .petbw-cat-hero{padding:76px 0 60px;}
  .petbw-cat-hero p{font-size:1rem;}
  .petbw-cat-grid .petbw-kit-grid{grid-template-columns:1fr;}
  .petbw-cat-cross-grid{grid-template-columns:1fr;}
  .petbw-cat-toolbar{flex-direction:column;align-items:flex-start;}
  .petbw-cat-usp-item{padding:18px;}
}

/* Single blog posts: the post title is injected as <h1> by petbw-kit.php.
   Hide the duplicate Elementor <h2> title widget (data-id 3714a47) so only
   the semantic <h1> is visible to users and crawlers. */
body.single-post .elementor-element[data-id="3714a47"] { display: none !important; }

/* ============================================================
   KIT10 — SITE-WIDE 10% OFF PROMO BANNER + MODAL
   ============================================================ */
.petbw-kit10-banner{position:fixed;left:0;right:0;bottom:24px;z-index:9998;transform:translateY(150%);transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none;}
.petbw-kit10-banner.is-visible{transform:translateY(0);pointer-events:auto;}
.petbw-kit10-inner{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#123f36,#0d2e28);color:#fff;border-radius:999px;padding:10px 12px 10px 18px;box-shadow:0 18px 45px -12px rgba(18,63,54,.45);border:1px solid rgba(255,255,255,.1);}
.petbw-kit10-tag{background:var(--pb-accent);color:#3a2410;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;}
.petbw-kit10-text{font-size:.88rem;line-height:1.4;}
.petbw-kit10-text b{color:var(--pb-accent);}
.petbw-kit10-apply{background:#fff;color:var(--pb-dark);border:none;border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.2s;white-space:nowrap;}
.petbw-kit10-apply:hover{background:var(--pb-accent);color:#fff;}
.petbw-kit10-apply:disabled{background:rgba(255,255,255,.18);color:rgba(255,255,255,.7);cursor:default;}
.petbw-kit10-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;transition:.2s;}
.petbw-kit10-close:hover{background:rgba(255,255,255,.2);}
@media(max-width:640px){
  .petbw-kit10-banner{bottom:72px;left:12px;right:12px;}
  .petbw-kit10-inner{max-width:none;border-radius:16px;padding:12px 14px;flex-wrap:wrap;}
  .petbw-kit10-text{font-size:.8rem;flex:1 1 100%;}
}

.petbw-kit10-modal{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.petbw-kit10-modal.is-open{opacity:1;visibility:visible;}
.petbw-kit10-modal-backdrop{position:absolute;inset:0;background:rgba(18,63,54,.55);backdrop-filter:blur(3px);}
.petbw-kit10-modal-panel{position:relative;width:min(520px,92vw);background:#fff;border-radius:var(--pb-radius);padding:38px 34px;text-align:center;box-shadow:0 28px 70px -20px rgba(18,63,54,.4);transform:translateY(20px);transition:transform .35s cubic-bezier(.22,1,.36,1);}
.petbw-kit10-modal.is-open .petbw-kit10-modal-panel{transform:translateY(0);}
.petbw-kit10-modal-close{position:absolute;top:14px;right:16px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;font-size:1.6rem;color:var(--pb-muted);cursor:pointer;transition:.2s;}
.petbw-kit10-modal-close:hover{background:var(--pb-cream);color:var(--pb-dark);}
.petbw-kit10-modal-icon{font-size:3.2rem;margin-bottom:10px;}
.petbw-kit10-modal-panel h3{font-size:1.6rem;margin-bottom:10px;color:var(--pb-dark);}
.petbw-kit10-modal-panel > p{color:var(--pb-muted);font-size:.96rem;margin-bottom:22px;}
.petbw-kit10-codebox{display:flex;gap:8px;max-width:260px;margin:0 auto 20px;}
.petbw-kit10-codebox input{flex:1;text-align:center;font-family:var(--pb-sans);font-size:1.1rem;font-weight:700;color:var(--pb-dark);padding:12px 14px;border:2px dashed var(--pb-line);border-radius:12px;background:var(--pb-cream);outline:none;}
.petbw-kit10-codebox button{background:var(--pb-dark);color:#fff;border:none;border-radius:12px;padding:0 18px;font-size:.85rem;font-weight:700;cursor:pointer;transition:.2s;}
.petbw-kit10-codebox button:hover{background:var(--pb-accent);color:#3a2410;}
.petbw-kit10-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
.petbw-kit10-actions .petbw-kit10-apply{background:var(--pb-accent);color:#3a2410;padding:13px 26px;font-size:.95rem;}
.petbw-kit10-actions .petbw-kit10-apply:hover{background:var(--pb-accent2);color:#fff;}
.petbw-kit10-goto{display:inline-flex;align-items:center;gap:6px;color:var(--pb-dark);font-weight:700;text-decoration:none;padding:13px 24px;border:2px solid var(--pb-line);border-radius:999px;transition:.2s;}
.petbw-kit10-goto:hover{border-color:var(--pb-accent);background:rgba(217,142,72,.05);}
.petbw-kit10-note{font-size:.78rem;color:var(--pb-muted);margin:0;}

/* ============================================================
   SKU DETAIL MODAL (KIT pages)
   ============================================================ */
.petbw-sku-modal{position:fixed;inset:0;z-index:10003;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.petbw-sku-modal.is-open{opacity:1;visibility:visible;}
.petbw-sku-modal-backdrop{position:absolute;inset:0;background:rgba(18,63,54,.5);backdrop-filter:blur(3px);}
.petbw-sku-modal-panel{position:relative;width:min(900px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:var(--pb-radius);box-shadow:0 28px 80px -20px rgba(18,63,54,.45);transform:translateY(20px);transition:transform .35s cubic-bezier(.22,1,.36,1);}
.petbw-sku-modal.is-open .petbw-sku-modal-panel{transform:translateY(0);}
.petbw-sku-modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;font-size:1.7rem;color:var(--pb-muted);cursor:pointer;z-index:2;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:.2s;}
.petbw-sku-modal-close:hover{background:var(--pb-cream);color:var(--pb-dark);}
.petbw-sku-modal-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0;}
.petbw-sku-modal-media{padding:34px;background:var(--pb-cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;}
.petbw-sku-modal-stage{position:relative;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center;}
.petbw-sku-modal-stage > img{width:100%;max-width:400px;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:14px;padding:16px;box-shadow:var(--pb-shadow-sm);cursor:zoom-in;transition:transform .25s;}
.petbw-sku-modal-stage > img:hover{transform:scale(1.01);}
.petbw-sku-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:var(--pb-dark);font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(18,63,54,.18);cursor:pointer;transition:.2s;z-index:2;}
.petbw-sku-nav:hover{background:var(--pb-accent);color:#fff;}
.petbw-sku-prev{left:-14px;}
.petbw-sku-next{right:-14px;}
.petbw-sku-zoom-btn{position:absolute;bottom:14px;right:14px;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:var(--pb-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(18,63,54,.18);cursor:pointer;transition:.2s;z-index:2;}
.petbw-sku-zoom-btn:hover{background:var(--pb-accent);color:#fff;}
.petbw-sku-modal-gallery{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:12px;width:100%;max-width:400px;overflow-x:auto;padding-bottom:6px;scroll-behavior:smooth;scrollbar-width:thin;}
.petbw-sku-modal-gallery::-webkit-scrollbar{height:6px;}
.petbw-sku-modal-gallery::-webkit-scrollbar-thumb{background:rgba(18,63,54,.25);border-radius:10px;}
.petbw-sku-thumb{flex:0 0 auto;width:78px;height:78px;padding:0;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer;overflow:hidden;transition:.2s;}
.petbw-sku-thumb img{width:100%;height:100%;object-fit:contain;padding:6px;}
.petbw-sku-thumb.active,.petbw-sku-thumb:hover,.petbw-sku-thumb:focus{border-color:var(--pb-accent);box-shadow:0 4px 12px rgba(217,142,72,.25);}
.petbw-sku-modal-info{padding:34px;display:flex;flex-direction:column;}
.petbw-sku-modal-stock{align-self:flex-start;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.petbw-sku-modal-stock.in{background:#eef6f0;color:#1c5b39;}
.petbw-sku-modal-stock.out{background:#fff0ef;color:#9b2c2c;}
.petbw-sku-modal-info h3{font-size:1.45rem;margin-bottom:8px;color:var(--pb-dark);}
.petbw-sku-modal-sku{font-size:.82rem;color:var(--pb-muted);margin-bottom:16px;}
.petbw-sku-modal-price{display:flex;align-items:baseline;gap:8px;margin-bottom:22px;}
.petbw-sku-modal-price strong{font-family:var(--pb-serif);font-size:2rem;color:var(--pb-dark);}
.petbw-sku-modal-price span{font-size:.92rem;color:var(--pb-muted);}
.petbw-sku-modal-specs{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr;gap:10px;}
.petbw-sku-modal-specs li{display:flex;justify-content:space-between;gap:14px;background:var(--pb-cream);border-radius:10px;padding:12px 16px;font-size:.9rem;}
.petbw-sku-modal-specs li span{color:var(--pb-muted);}
.petbw-sku-modal-specs li b{color:var(--pb-dark);font-weight:700;}
.petbw-sku-modal-desc{color:var(--pb-muted);font-size:.95rem;line-height:1.7;margin-bottom:0;}

/* ============================================================
   SKU MODAL IMAGE LIGHTBOX
   ============================================================ */
.petbw-sku-lightbox{position:fixed;inset:0;z-index:10005;display:flex;align-items:center;justify-content:center;background:rgba(12,38,33,.92);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;}
.petbw-sku-lightbox.is-open{opacity:1;visibility:visible;}
.petbw-sku-lightbox img{max-width:min(88vw,1100px);max-height:84vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.4);cursor:zoom-out;}
.petbw-sku-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:2;}
.petbw-sku-lightbox-close:hover{background:rgba(255,255,255,.22);}
.petbw-sku-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:2;}
.petbw-sku-lightbox-nav:hover{background:rgba(255,255,255,.25);}
.petbw-sku-lightbox-prev{left:18px;}
.petbw-sku-lightbox-next{right:18px;}
.petbw-sku-lightbox-counter{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.45);color:#fff;font-size:.82rem;font-weight:600;padding:7px 16px;border-radius:999px;}
@media(max-width:768px){
  .petbw-sku-modal-grid{grid-template-columns:1fr;}
  .petbw-sku-modal-media{padding:24px 24px 18px;}
  .petbw-sku-modal-info{padding:22px 24px 28px;}
  .petbw-sku-modal-info h3{font-size:1.25rem;}
  .petbw-sku-modal-price strong{font-size:1.6rem;}
  .petbw-sku-modal-stage{max-width:100%;}
  .petbw-sku-modal-stage > img{max-width:100%;}
  .petbw-sku-prev{left:4px;}
  .petbw-sku-next{right:4px;}
  .petbw-sku-nav{width:36px;height:36px;font-size:1.4rem;}
}
@media(max-width:560px){
  .petbw-sku-modal-panel{width:96vw;max-height:88vh;}
  .petbw-sku-modal-stage > img{padding:10px;}
  .petbw-sku-thumb{width:64px;height:64px;}
  .petbw-sku-modal-gallery{gap:8px;}
  .petbw-sku-modal-specs li{flex-direction:column;gap:4px;}
  .petbw-sku-lightbox-nav{width:40px;height:40px;font-size:1.6rem;}
  .petbw-sku-lightbox-prev{left:8px;}
  .petbw-sku-lightbox-next{right:8px;}
}