:root{
  --pb-ink:#4E342E;
  --pb-rose:#FFDDE8;
  --pb-rose-2:#F7B7CF;
  --pb-lav:#EADCF9;
  --pb-cream:#FFF7FA;
  --pb-shadow:0 10px 30px rgba(78,52,46,.10);
  --pb-radius:22px;
}
.pb-section{color:var(--pb-ink);}
.pb-btn{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--pb-rose-2); color:var(--pb-ink);
  padding:.9rem 1.15rem;border-radius:999px;font-weight:700;
  box-shadow:var(--pb-shadow); text-decoration:none;
}
.pb-btn:hover{transform:translateY(-1px);background:#ffc4da}
.pb-ghost{background:transparent;border:2px solid var(--pb-ink)}
.pb-chip{background:var(--pb-cream);padding:.35rem .8rem;border-radius:999px;border:1px solid #f3e9ef;}
.pb-eyes{animation:pb-blink 4s infinite;}
@keyframes pb-blink{0%,92%,100%{opacity:1} 96%{opacity:.1}}
@media (max-width: 782px){
  .pb-grid{grid-template-columns:1fr!important}
  .pb-hero-visual{order:-1}
}
/* Woo “pepBunnify” */
.woocommerce ul.products li.product, .woocommerce div.product{
	
/* Agent Echo design tokens */
:root {
  --content-max-width: 1200px;
  --space-1: 227px;
  --space-2: 455px;
  --space-3: 682px;
	  --s  --shadow-soft: 0 2px 10px rgba(0, 0, 0, 0.15);


  --space-4: 910px;
  --radius-base: 6px;
  --shadow-soft: 0 2px 10px rgba(0,0,0,0.15);
}

/* Increase body text contrast */
body {
  color: #1a1a1a;
  background-color: #ffffff;
}

  background:var(--pb-cream);border-radius:var(--pb-radius);box-shadow:var(--pb-shadow);padding:16px;
}
.woocommerce ul.products li.product .button{
  background:var(--pb-rose-2)!important;color:var(--pb-ink)!important;border-radius:999px!important;
  padding:.6rem 1rem!important;font-weight:700!important;
}
.woocommerce ul.products
/* Global brand styling */
body {
  color: var(--pb-ink);
  background-color: var(--pb-cream);
}

a {
  color: var(--pb-ink);
}

a:hover {
  color: var(--pb-rose-2);
}

button, input[type="button"], input[type="submit"], .button, .woocommerce a.button, .wp-block-button__link {
  background-color: var(--pb-rose-2);
  color: var(--pb-ink);
  border-radius: var(--pb-radius-pill);
  box-shadow: var(--pb-shadow-soft);
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .woocommerce a.button:hover, .wp-block-button__link:hover {
  background-color: var(--pb-rose);
  color: var(--pb-ink);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pb-ink);
}

/* Section backgrounds */
.section, .site-main, .wp-block-group {
  background-color: var(--pb-cream);
}
 li.product .price{color:var(--pb-ink)!important;font-weight:700}
/* PepCheckout enhancements */
/* Sticky header behaviour */
.pb-header-sticky {
  transition: box-shadow .25s ease, padding .25s ease;
}
.is-stuck .pb-header-sticky {
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);
}
@media (min-width: 1025px) {
  .is-stuck .pb-header-sticky.gb-container {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

/* Woo buttons styling */
:root {
  --pb-btn-bg: #FF8FA3;
  --pb-btn-text: #1A0F0F;
  --pb-btn-bg-hover: #F47D92;
  --pb-radius-pill: 9999px;
  --pb-shadow-soft: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);
}

a.button, button.button, .button.alt,
.add_to_cart_button, .single_add_to_cart_button,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button {
  background: var(--pb-btn-bg) !important;
  color: var(--pb-btn-text) !important;
  border-radius: var(--pb-radius-pill) !important;
  padding: 12px 20px !important;
  box-shadow: var(--pb-shadow-soft);
  text-transform: none !important;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: .1px;
  line-height: 1;
}
a.button:hover, button.button:hover, .button.alt:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover {
  background: var(--pb-btn-bg-hover) !important;
}

/* Product card mimic for shop grid */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff;
  border: 1px solid #E9E2E2;
  border-radius: 6px;
  transition: box-shadow .25s ease, transform .12s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* Accessible focus styles */
a:focus, button:focus, [role="button"]:focus, input:focus, .wp-block-navigation__container a:focus {
  outline: 2px solid #201A1A;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Nav links color on rose backgrounds */
.pb-bg-rose0 .wp-block-navigation .wp-block-navigation-item__content {
  color: #201A1A;
}

/* ===========================
   PepCheckout base tokens
   =========================== */
:root{
  --pb-rose-0:#FFF6F6;
  --pb-rose-1:#FFE8E8;
  --pb-ink:#201A1A;
  --pb-body:#433F3F;
  --pb-line:#E9E2E2;

  --pb-radius:6px;
  --pb-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.06);

  --pb-btn-bg:#FF8FA3;              /* CTA pink */
  --pb-btn-text:#1A0F0F;            /* ink-y text on pink */
  --pb-btn-bg-hover:#F47D92;        /* ~8–10% darker */
  --pb-pill:9999px;                  /* round buttons */
}

/* Body text defaults (safety net) */
body{ color:var(--pb-body); }

/* ===========================
   Buttons – unify to .btn-primary look
   =========================== */
a.button, button.button, .button.alt,
.add_to_cart_button, .single_add_to_cart_button,
.woocommerce a.button, .woocommerce button.button, .woocommerce .button {
  background:var(--pb-btn-bg)!important;
  color:var(--pb-btn-text)!important;
  border-radius:var(--pb-pill)!important;
  padding:12px 20px!important;
  box-shadow:var(--pb-shadow);
  text-transform:none!important;
  font:600 16px/1 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:.1px;
}
a.button:hover, button.button:hover, .button.alt:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover {
  background:var(--pb-btn-bg-hover)!important;
}

/* If you also use the GB Button block with class .btn-primary */
.btn-primary{
  background:var(--pb-btn-bg)!important;
  color:var(--pb-btn-text)!important;
  border-radius:var(--pb-pill)!important;
  padding:12px 20px!important;
  box-shadow:var(--pb-shadow);
}
.btn-primary:hover{ background:var(--pb-btn-bg-hover)!important; transform:translateY(-1px); }

/* ===========================
   Cards / product tiles
   =========================== */
.pb-card,
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  background:#fff;
  border:1px solid var(--pb-line);
  border-radius:var(--pb-radius);
  transition:box-shadow .25s ease, transform .12s ease;
}
.woocommerce ul.products li.product:hover { 
  box-shadow:var(--pb-shadow);
  tran
	sform:translateY(-1px);
}

/* ===========================
   Sticky header polish
   (add pb-header-sticky class to the header container)
   =========================== */
.pb-header-sticky { transition: box-shadow .25s ease, padding .25s ease; }
.is-stuck .pb-header-sticky { box-shadow:var(--pb-shadow); }
@media (min-width:1025px){
  .is-stuck .pb-header-sticky.gb-container {
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}

/* ===========================
   Image hover micro-interaction
   (use on feature images or product images if you wish)
   =========================== */
.pb-img-hover:hover{
  transform:translateY(-1px) scale(1.02);
  box-shadow:var(--pb-shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}

/* ===========================
   Off-canvas panel cosmetics
   (Optional: makes the panel feel like a PB card)
   =========================== */
.pb-offcanvas {
  background:var(--pb-rose-1);
  border-radius:var(--pb-radius);
  box-shadow:var(--pb-shadow);
  padding:40px 24px;
}

/* ===========================
   Accessibility & reduced motion
   =========================== */
:where(a,button,[role="button"],input,select,textarea):focus-visible{
  outline:2px solid var(--pb-ink);
  outline-offset:2px;
  border-radius:4px;
}
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ===========================
   Soft separators and rose sections
   =====================
/* Apply brand styling to Gutenberg and theme buttons site-wide */
.wp-block-button__link,
.gb-button,
.gb-button > * {
  background: var(--pb-btn-bg) !important;
  color: var(--pb-btn-text) !important;
  border-radius: var(--pb-pill) !important;
  padding: 12px 20px !important;
  box-shadow: var(--pb-shadow) !important;
  text-decoration: none !important;
}

.wp-block-button__link:hover,
.gb-button:hover,
.gb-button > *:hover {
  background: var(--pb-btn-bg-hover) !important;
  color: var(--pb-btn-text) !important;
}
====== */
.pb-separator{ display:block; height:1px; background:var(--pb-line); width:100%; }
.pb-bg-rose0{ background:var(--pb-rose-0)!important; }
.pb-bg-rose1{ background:var(--pb-rose-1)!important; }
.pb-ink{ color:var(--pb-ink)!important; }
.pb-body{ color:var(--pb-body)!important; }

/* ===========================
   Tiny helpers (optional)
   =========================== */
.pb-radius{ border-radius:var(--pb-radius)!important; }
.pb-shadow-soft{ box-shadow:var(--pb-shadow)!important; }

/* ==========================================
  Typography and Hierarchy
   ========================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;700&display=swap');
body {
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  letter-spacing: 0.01em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  letter-spacing: 0.02em;
  margin-top: 0;
  margin-bottom: 0.5em;
}
h1 { font-weight: 700; }
h2 { font-weight: 600; }
h3, h4 { font-weight: 500; }
h5, h6 { font-weight: 400; }
/* ========================================
  Button and Interaction Details
   ======================================== */
.pb-btn, .wp-block-button__link, .gb-button {
  transition: all 0.3s ease;
}
.pb-btn:hover, .wp-block-button__link:hover, .gb-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.pb-btn i {
  margin-right: 0.4em;
}
/* Ghost / secondary buttons */
.ghost-button {
  background-color: transparent;
  color: var(--pb-ink);
  border: 2px solid var(--pb-ink);
  border-radius: var(--pb-pill);
  padding: 0.5em 1.5em;
  transition: all 0.3s ease;
}
.ghost-button:hover {
  background-color: var(--pb-rose);
}
/* =========================================
  Layout & Containers
   ========================================= */
.card {
  background-color: var(--pb-cream);
  border-radius: var(--pb-radius);
  padding: 1rem;
  box-shadow: var(--pb-shadow);
}
.section-alt:nth-of-type(even) {
  background-color: var(--pb-rose-0);
}
.section-alt:nth-of-type(odd) {
  background-color: var(--pb-rose-1);
}
.section-alt {
  padding: 3rem 0;
}
.container-spacious > * {
  margin-bottom: 2rem;
}
/* =========================================
  Navigation & Header
   ========================================= */
.site-header.sticky {
  background-color: var(--pb-cream);
  padding: 0.5rem 1rem;
  box-shadow: var(--pb-shadow);
}
.offcanvas-menu {
  background-color: var(--pb-rose-1);
  border-radius: var(--pb-radius);
}
.offcanvas-menu .menu-item a {
  display: block;
  padding: 0.75rem 1rem;
  color: var(--pb-ink);
  transition: background-color 0.3s ease;
}
.offcanvas-menu .menu-item a:hover {
  background-color: var(--pb-rose);
}
/* =========================================
  Accessibility & UX
   ========================================= */
a:focus, button:focus, input:focus, textarea:focus {
  outline: 2px dotted var(--pb-ink);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}
/* =========================================
  Footer & Miscellaneous
   ========================================= */
.site-footer {
  background-color: var(--pb-rose-1);
  color: var(--pb-ink);
  padding: 2rem 0;
}
.site-footer a {
  color: var(--pb-ink);
}
input, select, textarea {
  background-color: var(--pb-cream);
  border: 1px solid var(--pb-rose-2);
  border-radius: var(--pb-radius);
  padding: 0.5rem 1rem;
  color: var(--pb-ink);
}
input:focus, select:focus, textarea:focus {
  border-color: var(--pb-rose);
  box-shadow: 0 0 0 2px var(--pb-rose-2);
}

/* ====== Advanced interactive effects ====== */
/* Interactive product card lift */
.woocommerce ul.products li.product,
.wp-block-woocommerce-product-grid .wc-block-grid__products .wc-block-grid__product {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  position: relative;
}
.woocommerce ul.products li.product:hover,
.wp-block-woocommerce-product-grid .wc-block-grid__products .wc-block-grid__product:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
/* Hover-driven image effects */
.woocommerce ul.products li.product img,
.wp-block-woocommerce-product-grid .wc-block-grid__products .wc-block-grid__product img {
  transition: filter 0.5s ease, transform 0.5s ease;
  mask-image: radial-gradient(circle at center, white 60%, transparent 100%);
  -webkit-mask-image: radial-gradient(circle at center, white 60%, transparent 100%);
}
.woocommerce ul.products li.product:hover img,
.wp-block-woocommerce-product-grid .wc-block-grid__products .wc-block-grid__product:hover img {
  filter: blur(0px) drop-shadow(0 0 8px rgba(0,0,0,0.1));
  transform: scale(1.05);
}
/* Scroll-snap effect for sections */
html {
  scroll-snap-type: y proximity;
}
.section-alt {
  scroll-snap-align: start;
}
body {
  scroll-behavior: smooth;
}
/* Animated button bubbles using pseudo-element */
.pb-btn, .wp-block-button__link, .gb-button {
  position: relative;
  overflow: hidden;
}
.pb-btn::after, .wp-block-button__link::after, .gb-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: var(--pb-rose);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.5);
  transition: transform 0.4s, opacity 0.4s;
}
.pb-btn:hover::after, .wp-block-button__link:hover::after, .gb-button:hover::after {
  opacity: 0.3;
  transform: translate(-50%, -50%) scale(6);
}
/* Card-based storytelling: animate cards */
.card {
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0;
  transform: translateY(30px);
}
.card:is(:target, :hover), .card.in-view {
  opacity: 1;
  transform: translateY(0);
}
/* Dynamic gradient background for hero sections */
.hero-section {
  background: linear-gradient(135deg, var(--pb-rose-0), var(--pb-rose-1), var(--pb-lav));
  background-size: 400% 400%;
  animation: pbGradient 20s ease infinite;
}
@keyframes pbGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}