/* ==========================================================================
   Ethos Heaven - new standalone stylesheet
   Replaces css/css.css. Load with: <link rel="stylesheet" href="css/ethos.css">
   ========================================================================== */
:root{
  --green:#0f3d2d;
  --green-dark:#0a2c20;
  --green-soft:#e7efe9;
  --amber:#e89b1c;
  --amber-dark:#c67f0b;
  --amber-ink:#4a2f02;
  --cream:#faf9f6;
  --panel:#F7F6F3;
  --ink:#1e2a24;
  --muted:#323634;
  --line:#e4e2da;
  --line-soft:rgba(255,255,255,0.2);
  --radius:14px;
  --radius-sm:9px;
--shadow:0 1px 2px rgba(15,61,45,0.05);
  --font-head:'Playfair Display',Georgia,serif;
  --font-body:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:#ffffff;
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:var(--font-head);color:var(--green);font-weight:600;margin:0;}

/* ---------- Header ---------------------------------------------------- */
.site-header{
  background:var(--panel);
  border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;
}
.header-inner{
  max-width:1200px;margin:0 auto;padding:10px 24px 6px 24px;
  display:flex;align-items:center;gap:24px;
}
.brand{display:flex;align-items:center; flex-shrink:0;}
.brand-text{
  flex-direction:column;align-items:center; text-decoration:none;
}
.brand-ethos{
  position:relative;display:inline-block;
  font-family:'Poppins',sans-serif;font-weight:400;font-size:44px;line-height:1;
  color:#123a2a;letter-spacing:-.01em;
}
.brand-ethos .halo{
  position:absolute;top:-1px;left:-7px;width:28px;display: block;
}
.brand-heaven{
  display:flex;align-items:center;gap:5px;
  font-family:var(--font-body);font-weight:300;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:#629F2E;
  padding-left:.0; margin-top:-4px;
}
.brand-heaven::before,.brand-heaven::after{
  content:"";width:25px;height:1px;background:#7ab648;flex-shrink:0;
}
.brand svg{width:34px;height:34px;} 
.brand-name{font-family:var(--font-head);font-size:24px;font-weight:700;color:var(--green);letter-spacing:.2px;}
 
.main-nav{display:flex;align-items:center;gap:26px;margin:0 auto;}
.nav-item{position:relative;}
.nav-link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:14px;font-weight:500;color:var(--ink);
  padding:6px 0;cursor:pointer;white-space:nowrap;
}
.nav-link:hover{color:var(--green);}
.nav-link .caret{width:14px;height:14px;transition:transform .15s;}
.nav-item:hover .caret{transform:rotate(180deg);}
.nav-dropdown{
  position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);
  min-width:220px;padding:8px;box-shadow:0 12px 30px rgba(15,61,45,.12);
  opacity:0;visibility:hidden;transition:.15s;
}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px);}
.nav-dropdown a{display:block;padding:8px 12px;border-radius:7px;font-size:14px;color:var(--muted);}
.nav-dropdown a:hover{background:var(--green-soft);color:var(--green);}

.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.ship-note{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--green-soft);border-radius:20px;
  padding:8px 16px;margin-right:6px;margin-bottom:5px;
  font-size:12px;font-weight:600;letter-spacing:.02em;
  color:var(--green);white-space:nowrap;
}
.ship-note svg{width:17px;height:17px;flex-shrink:0;}
.icon-btn{
  width:38px;height:38px;border-radius:50%;border:none;background:transparent;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--green);
}
.icon-btn:hover{background:var(--green-soft);}
.icon-btn svg{width:22px;height:22px;}
.cart-wrap{position:relative;}
.cart-badge{
  position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;
  background:var(--amber);color:var(--amber-ink);border-radius:10px;
  font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;
}

/* ---------- Layout ---------------------------------------------------- */
.layout{
  max-width:1200px;margin:0 auto;padding:20px 24px 20px;
  display:grid;grid-template-columns:236px 1fr;gap:24px;align-items:start;
}

/* ---------- Sidebar --------------------------------------------------- */
.sidebar{display:flex;flex-direction:column;gap:18px; margin-top:8px;}

.shop-menu{
  background:var(--green);border-radius:var(--radius);overflow:hidden;
  background-image:url('../images/leafy.png');
  background-repeat:no-repeat;
  background-position:right 100px;
  background-size:auto 40%;
}
.shop-menu-head{
  display:flex;align-items:center;gap:9px;padding:14px 16px;
  color:#f2f7f3;font-weight:600;font-size:15px;
}
.shop-menu-head svg{width:18px;height:18px;color:var(--amber);}

.aud-toggle{display:flex;gap:4px;background:rgba(0,0,0,.18);margin:0 12px;padding:4px;border-radius:9px;}
.aud-btn{
  flex:1;border:none;background:transparent;color:#cddbd2;
  font-family:var(--font-body);font-size:13px;font-weight:500;
  padding:7px 0;border-radius:6px;cursor:pointer;
}
.aud-btn.active{background:var(--amber);color:var(--amber-ink);font-weight:600;}
.cat-list-wrap{padding:8px 8px 0px 2px;}
.cat{border-bottom:1px solid var(--line-soft);}
.shop-menu:has(.aud-btn[data-audience="pets"].active) .cat{border-bottom:none;}
.cat:last-of-type{border-bottom:none;}
.cat-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  background:transparent;border:none;cursor:pointer;
  padding:11px 8px;color:#ECF2EF;font-family:var(--font-body);font-size:14px;font-weight:500;text-align:left;
}
.cat-head .cat-label{display:flex;align-items:center;gap:7px;}
.cat-head .cat-label svg{width:17px;height:17px;color:var(--amber);flex-shrink:0;}
.cat-head .cat-right{display:flex;align-items:center;gap:9px;}
.cat-count{
  font-size:11px;color:#bcd0c5;background:rgba(0,0,0,.2);
  border-radius:6px;padding:1px 8px;min-width:22px;text-align:center;border:1px solid rgba(255, 255, 255, .3);;
}
.cat-chevron{width:15px;height:15px;color:#9fb6a9;transition:transform .18s;}
.cat.collapsed .cat-chevron{transform:rotate(-90deg);}
.cat.collapsed .cat-list{display:none;}
.cat-list{padding:0 8px 8px 34px;display:flex;flex-direction:column;}
.prod-link{
  padding:6px 0 6px 0;font-size:13px !important;color:#DAE5DF !important;border-bottom:1px solid rgba(255,255,255,.06); line-height:1.4;
}
.prod-link:last-child{border-bottom:none;}
.prod-link:hover{color:#fff;}
.prod-link.active{
  position:relative;color:#fff;font-weight:600;
  padding-left:10px;
}
.prod-link.active::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:14px;background:var(--amber);border-radius:2px;
}

.menu-standalone{padding:0px 16px 8px;}
.menu-standalone a{
  display:flex;align-items:center;gap:10px;padding:9px 0;
  font-size:14px !important;color:#ECF2EF !important;border-top:1px solid var(--line-soft);
}
.menu-standalone a svg{width:16px;height:16px;color:#9fb6a9;}
.menu-standalone a:hover{color:#fff;}

/* ---------- Sidebar cards --------------------------------------------- */
.side-card{border-radius:var(--radius);padding:16px;overflow:hidden;}
.side-card-head{
  display:flex;align-items:center;gap:10px;margin-bottom:13px;
  font-family:var(--font-head);font-size:17px;font-weight:600;color:var(--green);
}
.side-card-head svg{
  width:30px;height:30px;padding:6px;flex-shrink:0;
  background:#dfeadf;color:var(--green);border-radius:50%;
}

/* Advice / Need advice */
.advice-card,.help-card{background:#f2f7f2;}
.advice-img{width:100%;border-radius:var(--radius-sm);margin-bottom:13px;}
.advice-card p,.help-card p{margin:0 0 15px;font-size:12.5px;line-height:1.65;color:#3d4a43;}
.btn-outline{
  display:inline-flex;align-items:center;gap:9px;
  background:#0d2b21;color:#fff;border-radius:8px;
  padding:9px 16px;font-size:12.5px;font-weight:600;
}
.btn-outline:hover{background:#08201a;}
.btn-outline svg{width:15px;height:15px;}

/* Secure payments */
.pay-card{background:#0d2620;}
.pay-top{display:flex;align-items:center;gap:11px;margin-bottom:13px;}
.pay-shield{color:#3ecf8e;flex-shrink:0;}
.pay-shield svg{width:36px;height:36px;}
.pay-top-text{min-width:0;}
.pay-label{display:block;font-size:11.5px;color:#dfe8e3;margin-bottom:3px;}
.pay-geotrust{max-height:28px;width:auto; margin: 0 auto;}
.pay-badges{
  padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.2);
}
.pay-badges img{
  width:100%;height:auto;
}
.pay-credit{display:block;padding-top:13px;}
.pay-credit-head{display:flex;align-items:center;gap:7px;font-size:17px;color:#fff;}
.pay-credit-head{
  display:flex;align-items:center;gap:2px;
  font-size:19px;font-weight:600;color:#E1E6F6;
  letter-spacing:-.01em;font-style:normal;
}
 
.pay-credit-head b{
  font-weight:800;font-style:italic;letter-spacing:-.02em;
  color:#253b80;
}
.pay-credit-head b i{font-style:italic;color:#179bd7;}
 
.pay-credit-head img {object-fit:contain;flex-shrink:0;
 width:24px;
}
.pay-credit-head b{
  font-weight:800;font-style:italic;letter-spacing:-.02em;
  color:#5b8fd6;
}
.pay-credit-head b i{font-style:italic;color:#0499DC;}
.pay-credit-sub{display:block;font-size:14px;font-weight:600;color:#fff;margin:3px 0 6px;}
.pay-credit-note{display:block;font-size:11.5px;color:#c8d6ce;line-height:1.5;}
.pay-credit-note em{font-style:normal;color:#3ecf8e;}

/* Trust list */
.trust-card{background:#f2f5f2;}
.trust-card ul{list-style:none;margin:0;padding:0;}
.trust-card li{
  display:flex;align-items:center;gap:11px;padding:11px 0;
  border-bottom:1px solid #e2e7e2;
  font-size:12.5px;font-weight:600;line-height:1.4;color:var(--green);
}
.trust-card li:first-child{padding-top:2px;}
.trust-card li:last-child{border-bottom:none;padding-bottom:2px;}
.trust-card li svg{
  width:30px;height:30px;padding:7px;flex-shrink:0;
  background:var(--green);color:#fff;border-radius:50%;
}

/* Blog */
.blog-card{background:#080b14;padding:18px 16px 24px 16px;position:relative;}
.blog-eyebrow{
  display:block;max-width:56%;
  font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#cbd5e1;text-shadow:0 0 10px rgba(34,211,238,.45);
}
.blog-card h3{
  max-width:56%;
  font-family:var(--font-body);font-size:30px;font-weight:700;letter-spacing:.02em;
  line-height:1;text-transform:uppercase;color:#f472d0;
  text-shadow:0 0 14px rgba(244,114,208,.75);margin:4px 0 11px;
}
.blog-card p{max-width:56%;margin:0 0 16px;font-size:12.5px;line-height:1.55;color:#e8eef5;}
.blog-img{
  position:absolute;top:18px;right:14px;
  width:40%;max-width:120px;height:auto;
}
.btn-amber{
  display:inline-flex;align-items:center;gap:9px;
  background:transparent;border:1px solid #3ecf8e;border-radius:8px;
  padding:8px 16px;font-size:12.5px;font-weight:600;color:#3ecf8e;
  box-shadow:0 0 10px rgba(62,207,142,.22);
}
.btn-amber:hover{background:rgba(62,207,142,.12);}
.btn-amber svg{width:15px;height:15px;}

/* ---------- Main content ---------------------------------------------- */
.content{display:flex;flex-direction:column;gap:22px;min-width:0; margin-top:8px;}
.page-head h1{font-size:30px;margin-bottom:4px;}
.page-head p{margin:0;color:var(--muted);font-size:15px;}

/* Hero banners */
.hero-banners{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;}
.banner{border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;}
.banner-offer{
  background:var(--green);color:#eef4ef;
  background-image:url('../images/lg.png');
  background-repeat:no-repeat;
  background-position: right 20px bottom;
  background-size:auto 90%;
}
.banner-ribbon{
  background:linear-gradient(180deg,#f2b23c 0%,#d97b16 100%);font-size: 17px;
   color:#fff;border-radius:8px;
  padding:12px 14px;text-align:center;flex-shrink:0;line-height:1.05;
}
.banner-ribbon small{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:3px; color: #333;}
.banner-ribbon b{font-size:48px;font-weight:700;font-family:var(--font-body);}
.banner-offer .banner-copy small{display:block;font-size:12px;letter-spacing:.05em;color:#a9c7b8;margin-bottom:2px;}
.banner-offer .banner-copy b{font-size:19px;font-weight:600;}
.banner-offer .banner-copy span{display:block;font-size:12px;color:#a9c7b8;margin-top:2px;}
.promo-code{
  display:block;margin-top:9px;background:var(--green-dark);
  border:1px dashed rgba(255,255,255,.35);color:#fff;border-radius:6px;
  padding:6px 16px;font-weight:600;letter-spacing:.12em;font-size:14px;width:70px; text-align: center;
}
.banner-delivery{
  background:#D5D6CD;
  background-image:url('../images/rg.png');
  background-repeat:no-repeat;
  background-position:right 20px bottom;
  background-size:auto 90%;
}
.banner-delivery .del-icon{
  width:70px;height:70px;border-radius:50%;background:#fff;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--green);
}
.banner-delivery .del-icon svg{width:30px;height:30px;}
.banner-delivery .del-icon img{width:55px;height:55px;object-fit:contain;}
.banner-delivery .banner-copy b{display:block;font-size:18px;font-weight:600;line-height:1.3;}
.banner-delivery .banner-copy small{display:block;font-size:14px;color:var(--muted);}

/* Legacy / intro */
.legacy {
    background: var(--panel);
    border-radius: var(--radius);
    border: 1px solid var(--line);
    overflow: hidden;
    display: grid;

    /* Make left side narrower */
    grid-template-columns: 0.85fr 1.15fr;
}
.legacy-text{padding:26px 26px 24px;}
.legacy-text h2{font-size:23px;line-height:1.25;margin-bottom:14px;}
.legacy-rule{width:46px;height:3px;background:var(--amber);border-radius:2px;margin-bottom:14px;}
.legacy-text p{margin:0 0 12px;font-size:13.5px;color:var(--muted);line-height:1.7;}
.btn-dark{
  display:inline-flex;align-items:center;gap:9px;margin-top:6px;
  background:var(--green);color:#fff;border:none;border-radius:9px;
  padding:11px 18px;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;
}
.btn-dark:hover{background:var(--green-dark);}
.btn-dark svg{width:16px;height:16px;}
.legacy-media {
    background: var(--green-soft);
    min-height: 280px;
}
.legacy-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Guaranteed genuine trust bar */
.trust-bar{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.trust-lead{display:flex;align-items:center;gap:16px;flex:1;min-width:280px;}
.trust-medal{width:56px;height:56px;flex-shrink:0;color:var(--amber);}
.trust-lead h3{font-size:16px;margin-bottom:3px;font-family:var(--font-head);}
.trust-lead p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5;}
.trust-lead a{color:var(--amber-dark);text-decoration:underline;}
.trust-features{display:flex;gap:22px;}
.trust-feature{text-align:center;width:74px;}
.trust-feature svg{width:40px;height:40px;color:var(--green);margin-bottom:0;}
.trust-feature span{display:block;font-size:11px;color:var(--muted);line-height:1.3;}

/* Section titles */
.section-title{font-size:20px;margin-bottom:2px;}

/* Placeholder blocks (shop by condition / best sellers) */
.block-placeholder{
  border:2px dashed var(--line);border-radius:var(--radius);background:var(--panel);
  padding:34px 22px;text-align:center;color:var(--muted);
}
.block-placeholder .ph-tag{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:var(--green-soft);color:var(--green);padding:4px 10px;border-radius:20px;margin-bottom:8px;
}
.block-placeholder p{margin:0;font-size:13px;}

/* Order section (aitsafe currency boxes) */
.order-section h2{margin-bottom:4px;}
.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px;}
.order-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px;display:flex;flex-direction:column;
}
.order-card .order-img{border-radius:var(--radius-sm);margin:0 auto 12px;max-height:150px;width:auto;}
.order-title{font-weight:600;font-size:14px;color:var(--green);text-align:center;margin:0 0 4px;line-height:1.35;text-transform:uppercase;letter-spacing:.02em;}
.order-video{display:block;text-align:center;font-size:12.5px;color:var(--amber-dark);text-decoration:underline;margin-bottom:12px;}
.cur-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:12px;}
.cur-tab{
  border:1px solid var(--line);background:var(--cream);color:var(--muted);
  border-radius:7px;padding:5px 11px;font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;
}
.cur-tab.active{background:var(--green);color:#fff;border-color:var(--green);}
.cur-frames{min-height:260px;}
.cur-frames>div[hidden]{display:none;}
.cur-frames iframe{width:100%;border:0;}

/* ---------- Footer ---------------------------------------------------- */
.site-footer{background:var(--green);color:#cddbd2;margin-top:20px;}
.footer-inner{max-width:1200px;margin:0 auto;padding:30px 24px 20px;}
.footer-social{display:flex;justify-content:center;gap:14px;margin-bottom:22px;}
.footer-social a{
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;color:#eaf3ed !important;
}
.footer-social a:hover{background:var(--amber);color:var(--amber-ink);}
.footer-social svg{width:19px;height:19px;}
.footer-disclaimer{text-align:center;font-size:12px;color:#9fb6a9;line-height:1.6;max-width:780px;margin:0 auto 16px;}
.footer-disclaimer p{margin:0 0 6px;}
.footer-links{text-align:center;font-size:13px;margin-bottom:14px;}
.footer-links a{color:#eaf3ed !important;padding:0 8px;}
.footer-links a:hover{color:var(--amber);}
.footer-address{text-align:center;font-size:12px;color:#9fb6a9;margin-bottom:8px;}
.footer-copy{text-align:center;font-size:12px;color:#8fa89b;border-top:1px solid var(--line-soft);padding-top:14px;}

/* WhatsApp floater */
#floater{position:fixed;right:16px;bottom:30px;z-index:60;}
 
#floater img{width:52px;height:52px;}
#floater .wa-icon{width:52px;height:52px;display:block;}

/* ---------- Responsive ------------------------------------------------ */

/* Tablet / small desktop */
@media (max-width:1100px){
  .main-nav{gap:16px;}
  .nav-link{font-size:13px;}
  .layout{grid-template-columns:210px 1fr;gap:18px;}
  .trust-features{gap:14px;}
}

/* Stacked layout */
@media (max-width:940px){
  .header-inner{padding:12px 18px;gap:14px;}
  .main-nav{display:none;}
 
  .brand-name{font-size:21px;}
  .ship-note{font-size:11px;padding:7px 13px;gap:6px;margin-right:2px;}
  .ship-note svg{width:15px;height:15px;}

  .layout{grid-template-columns:1fr;padding:18px 18px 32px;}
  .sidebar{margin-top:0;order:2;}
  .content{order:1;}

  .hero-banners{grid-template-columns:1fr;}
  .legacy{grid-template-columns:1fr;}
  .legacy-media{min-height:auto;}
  .order-grid{grid-template-columns:1fr;}
  .trust-features{width:100%;justify-content:space-between;}

  /* Sidebar cards run full width — centre them */
  .blog-card{display:flex;flex-direction:column;align-items:center;text-align:center;}
  .blog-eyebrow,.blog-card h3,.blog-card p{max-width:100%;}
  .blog-img{position:static;max-width:100px;margin:0 0 12px;}
  .btn-amber{align-self:center;}

  .pay-card{display:flex;flex-direction:column;align-items:center;text-align:center;}
  .pay-top{justify-content:center;}
  .pay-badges{width:100%;max-width:272px;}
  .pay-badges img{height:38px;}
  .pay-credit{width:100%;max-width:272px;}
  .pay-credit-head{justify-content:center;}
  .advice-img{max-height:220px;object-fit:cover;}
}

/* Phone */
@media (max-width:600px){
  .header-inner{padding:10px 14px;gap:10px;}
 
  .brand-name{font-size:18px;}
  .ship-note{display:none;}
  .icon-btn{width:34px;height:34px;}
  .icon-btn svg{width:20px;height:20px;}

  .layout{padding:14px 14px 28px;gap:14px;}
  .sidebar{gap:14px;}
  .content{gap:16px;}

  .page-head h1{font-size:23px;}
  .page-head p{font-size:13.5px;}
  .section-title{font-size:17px;}

  .banner{padding:16px 16px;gap:12px;background-size:auto 70%;}
  .banner-ribbon{padding:10px 11px;}
  .banner-ribbon b{font-size:34px;}
  .banner-ribbon small{font-size:9.5px;}
  .banner-offer .banner-copy b{font-size:16px;}
  .banner-delivery .del-icon{width:56px;height:56px;}
  .banner-delivery .del-icon img{width:42px;height:42px;}
  .banner-delivery .banner-copy b{font-size:15px;}
  .banner-delivery .banner-copy small{font-size:12.5px;}

  .legacy-text{padding:18px 18px 16px;}
  .legacy-text h2{font-size:19px;}
  .legacy-media{min-height:auto;}

  .trust-bar{padding:16px;gap:16px;}
  .trust-lead{min-width:0;}
  .trust-medal{width:44px;height:44px;}
  .trust-features{flex-wrap:wrap;gap:12px 8px;}
  .trust-feature{width:calc(50% - 6px);}

  .order-card{padding:13px;}
  .cur-tabs{flex-wrap:wrap;}

  .side-card{padding:14px;}
  .side-card-head{font-size:15.5px;}
  .pay-badges{grid-template-columns:repeat(2,1fr);gap:6px;}
  .pay-badges img{height:36px;}
  .trust-card li{font-size:12px;gap:9px;}

  .block-placeholder{padding:24px 16px;}

  .footer-inner{padding:24px 16px 16px;}
  .footer-links a{display:inline-block;padding:4px 7px;}
  #floater img{width:44px;height:44px;}
  #floater .wa-icon{width:44px;height:44px;}
}



/* ---------- Shop by condition ----------------------------------------- */
.cond-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.cond-pill{
  display:inline-flex;align-items:center;gap:7px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:7px 12px;cursor:pointer;
  font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--ink);
  transition:.15s;
}
.cond-pill:hover{border-color:var(--green);color:var(--green);}
.cond-pill.active{background:var(--green);border-color:var(--green);color:#fff;}
.cond-pill svg{width:15px;height:15px;color:var(--amber);flex-shrink:0;}
 
.cond-pill.active svg{color:var(--amber);}

/* ---------- Product grid ---------------------------------------------- */
.prod-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px;
}
.prod-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:14px;display:flex;flex-direction:column;
}
.prod-card[hidden]{display:none;}
.prod-media{position:relative;margin-bottom:14px;}
.prod-media img{
  width:100%;height:190px;object-fit:contain;
  border-radius:var(--radius-sm);background:#fff;
}
.prod-badge{
  position:absolute;top:0px;left:0px;z-index:2;
  background:var(--amber);color:var(--amber-ink);
  font-size:10.5px;font-weight:700;padding:4px 9px 3px 9px;border-radius:5px;
}
.prod-badge.badge-pets{background: var(--amber);
    color: var(--amber-ink);}
.prod-name{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--green);margin:0 0 5px;line-height:1.3;}
.prod-name a:hover{text-decoration:underline;}
.prod-desc{margin:0 0 11px;font-size:12.5px;line-height:1.55;color:var(--muted);flex:1;}
.prod-rating{display:flex;align-items:center;gap:2px;margin-bottom:13px;font-size:12.5px;color:var(--muted);}
.prod-rating span{margin-left:6px;}
.star{width:15px;height:15px;fill:#dcdcd4;flex-shrink:0;}
.star.on{fill:var(--amber);}
.star.half{fill:url(#halfstar);fill:var(--amber);opacity:.55;}
.prod-btn{
  display:block;text-align:center;
  background:var(--green);color:#fff;border-radius:8px;
  padding:9px 14px;font-size:13px;font-weight:600;
}
.prod-btn:hover{background:var(--green-dark);}
.prod-empty{
  margin:18px 0 0;padding:26px;text-align:center;
  font-size:13.5px;color:var(--muted);
  background:var(--panel);border-radius:var(--radius);
}






/* ---------- Official seller bar --------------------------------------- */
.seller-bar{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 22px;display:flex;align-items:center;gap:26px;flex-wrap:nowrap;
}
.seller-lead{display:flex;align-items:center;gap:16px;flex:0 1 auto;min-width:0;}
.seller-badge{width:72px;height:auto;flex-shrink:0;}
.seller-lead b{display:block;font-size:15px;font-weight:700;color:#1b2a3a;line-height:1.3;}
.seller-lead span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px;}
.seller-points{display:flex;gap:30px;margin-left:auto;flex-shrink:0;}
.seller-point{text-align:center;width:96px;}
.seller-point svg{width:36px;height:36px;color:#1b2a3a;margin:0 auto 0;}
.seller-point span{display:block;font-size:11px;font-weight:600;color:#1b2a3a;line-height:1.35;}

 

/* ---------- Mobile drawer --------------------------------------------- */
.burger{
  display:none;width:40px;height:40px;flex-shrink:0;
  border:none;background:transparent;color:var(--green);cursor:pointer;
  align-items:center;justify-content:center;
}
.burger svg{width:24px;height:24px;}

.drawer-overlay{
  position:fixed;inset:0;background:rgba(8,20,15,.55);z-index:98;
  opacity:0;visibility:hidden;transition:.2s;
}
.drawer{
  position:fixed;top:0;right:0;bottom:0;width:290px;max-width:86vw;z-index:99;
  background:var(--green);overflow-y:auto;-webkit-overflow-scrolling:touch;
  transform:translateX(100%);transition:transform .25s ease;
  padding:2px 0 0;
}
.drawer-head{padding:14px 14px 12px;margin-bottom:0;}
body.drawer-open{overflow:hidden;}
body.drawer-open .drawer-overlay{opacity:1;visibility:visible;}
body.drawer-open .drawer{transform:translateX(0);}

.drawer-close{
  position:absolute;top:9px;right:9px;z-index:2;
  width:34px;height:34px;border:none;background:transparent;color:#fff;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.drawer-close svg{width:22px;height:22px;}
.drawer #shopMenu{margin:0;border-radius:0;}

 

 /* ---------- Media releases -------------------------------------------- */
.media-title{
  display:flex;align-items:center;gap:16px;
  font-family:var(--font-body);font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--green);
  margin-bottom:14px;
}
.media-title::after{content:"";flex:1;height:1px;background:var(--line);}

.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.media-card{
  position:relative;display:block;min-height:172px;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  transition:box-shadow .18s,transform .18s;
}
.media-card:hover{box-shadow:0 8px 22px rgba(15,61,45,.13);transform:translateY(-2px);}
.media-copy{
  position:relative;z-index:2;padding:20px 22px;max-width:60%;min-height:172px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
.media-right .media-copy{margin-left:auto;max-width:42%;}
 
.media-eyebrow{
  display:flex;align-items:center;gap:7px;
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:6px;
}
.media-eyebrow svg{width:15px;height:15px;color:var(--amber);flex-shrink:0;}
.media-card b{
  font-family:var(--font-head);font-size:26px;font-weight:600;
  line-height:1.12;color:var(--green);
}
.media-rule{display:block;width:38px;height:2px;background:var(--amber);border-radius:2px;margin:11px 0 12px;}
.media-more{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:600;color:var(--green);
}
.media-more svg{width:15px;height:15px;transition:transform .18s;}
.media-card:hover .media-more svg{transform:translateX(3px);}

 


/* ---------- As seen on Richard & Judy --------------------------------- */
.rj-panel{
  display:grid;grid-template-columns:1.1fr .9fr;
  background:linear-gradient(135deg,#0f3d2d 0%,#0a2c20 100%);
  border-radius:var(--radius);overflow:hidden;position:relative;
}
.rj-panel::after{
  content:"";position:absolute;top:-40px;right:38%;width:260px;height:260px;
  background:radial-gradient(circle,rgba(232,155,28,.16) 0%,rgba(232,155,28,0) 70%);
  pointer-events:none;
}
.rj-copy{padding:28px 30px;position:relative;z-index:2;}
.rj-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);
}
.rj-eyebrow svg{width:16px;height:16px;flex-shrink:0;}
.rj-panel h2{font-size:27px;line-height:1.15;color:#f4f8f5;margin:9px 0 0;}
.rj-rule{display:block;width:46px;height:3px;background:var(--amber);border-radius:2px;margin:13px 0 14px;}
.rj-copy p{margin:0 0 18px;font-size:13.5px;line-height:1.7;color:#e8eef5;}
.rj-actions{display:flex;gap:10px;flex-wrap:wrap;}
.rj-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--amber);color:var(--amber-ink);border-radius:8px;
  padding:8px 15px;font-size:12.5px;font-weight:700;transition:.15s;
}
.rj-btn svg{width:15px;height:15px;flex-shrink:0;}
.rj-btn:hover{background:var(--amber-dark);}
.rj-btn-ghost{background:transparent;color:#dbe7e0;border:1px solid rgba(255,255,255,.28);}
.rj-btn-ghost:hover{background:rgba(255,255,255,.08);}
.rj-video{position:relative;display:block;overflow:hidden;}
.rj-video img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.rj-video::before{
  content:"";position:absolute;inset:0;z-index:1;
 
}
.rj-video:hover img{transform:scale(1.04);}
.rj-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:58px;height:58px;border-radius:50%;
  background:var(--amber);color:var(--amber-ink);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 10px rgba(232,155,28,.2);transition:.2s;
}
.rj-play svg{width:24px;height:24px;margin-left:3px;}
.rj-video:hover .rj-play{box-shadow:0 0 0 16px rgba(232,155,28,.16);}
.rj-video-label{
  position:absolute;left:0;right:0;bottom:16px;z-index:2;text-align:center;
  font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;
}




 



/* ---------- Responsive: remaining panels ------------------------------ */
@media (max-width:940px){

  
  .seller-bar{gap:18px;}
  .seller-points{gap:16px;}
  .seller-point{width:84px;}










  .prod-grid{grid-template-columns:repeat(2,1fr);}
  
  /* Green shop menu at full width */
  .shop-menu-head{padding:13px 14px;}
  .menu-standalone a:last-child{border-bottom:1px solid var(--line-soft);}
  .aud-toggle{margin:0 10px;}
  .cat-list-wrap{padding:8px 6px 0;}
  .cat-list{padding:0 8px 10px 34px;}
  .prod-link{padding:8px 0;}
  .media-copy{max-width:66%;}
  .media-right .media-copy{max-width:52%;}
  .media-card b{font-size:23px;}


  
    .burger{display:flex;}
	
	  .rj-panel{grid-template-columns:1fr;}
  .rj-video{min-height:230px;}
}

@media (max-width:600px){
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .prod-card{padding:10px;}
  .prod-name{font-size:13.5px;}
  .prod-desc{font-size:11.5px;margin-bottom:9px;}
  .prod-rating{font-size:11px;margin-bottom:10px;flex-wrap:wrap;}
  .star{width:13px;height:13px;}
  .prod-btn{padding:9px 10px;font-size:12px;}
  .prod-badge{font-size:9.5px;padding:3px 7px;}
.cond-pills{
    gap:7px;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding-bottom:2px;margin-right:-14px;padding-right:14px;
  }
  .cond-pills::-webkit-scrollbar{display:none;}
  .cond-pill{padding:8px 14px;font-size:12.5px;flex-shrink:0;}
  .prod-media img{height:170px;}
  .shop-menu-head{font-size:14px;padding:12px;}
  .aud-btn{font-size:12px;padding:8px 0;}
  .cat-head{padding:10px 6px;font-size:13.5px;}
  .cat-head .cat-label{gap:8px;}
  .cat-list{grid-template-columns:1fr;padding-left:30px;}
  .menu-standalone{padding:0 12px 8px;}
.menu-standalone a{
  display:flex;align-items:center;gap:10px;padding:9px 0;
  font-size:14px;color:#eaf3ed;border-top:1px solid var(--line-soft);
}
  .seller-bar{padding:14px 16px;gap:14px;}
  .seller-lead{min-width:0;gap:12px;width:100%;justify-content:center;text-align:center;}
  .seller-badge{width:52px;}
  .seller-lead b{font-size:14px;}
  .seller-lead span{font-size:11.5px;}
  .seller-bar{flex-wrap:wrap;}
  .seller-points{flex-wrap:wrap;gap:14px 8px;width:100%;margin-left:0;}
  .seller-point{width:calc(50% - 4px);}
  .seller-point svg{width:24px;height:24px;}
  .seller-point span{font-size:10.5px;} 

  .order-title{font-size:13px;}
  .cur-tab{padding:6px 12px;font-size:12.5px;}
  .cur-frames iframe{height:auto;min-height:290px;}

  .footer-social{gap:10px;margin-bottom:18px;}
  .footer-social a{width:36px;height:36px;}
  .footer-disclaimer{font-size:11.5px;}
  .footer-links{font-size:12.5px;}  
  
  .media-grid{grid-template-columns:1fr;gap:14px;}
  .media-card{min-height:150px;}
  .media-copy{max-width:70%;padding:16px 18px;min-height:150px;}
  .media-right .media-copy{max-width:58%;}
  .media-card b{font-size:21px;}
  .media-title{font-size:12px;gap:12px;}
    .rj-copy{padding:20px 18px;}
  .rj-panel h2{font-size:22px;}
  .rj-video{min-height:190px;}
  .rj-actions{gap:8px;}
  .rj-btn{padding:9px 13px;font-size:12px;}
}

@media (max-width:400px){
  .prod-grid{grid-template-columns:1fr;}
  .prod-media img{height:200px;}
}


/* ==========================================================================
   Ethos Heaven — product page
   Merged into ethos.css
   ========================================================================== */

/* ---------- Hero card ------------------------------------------------- */
.pdp-hero{
  display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:stretch;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;
}
.pdp-info{display:flex;flex-direction:column;}

.pdp-stage{
   border:1px solid var(--line);border-radius:var(--radius-sm);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.pdp-stage img{width:100%;height:390px;object-fit:cover;}

.pdp-thumbs{display:flex;gap:10px;margin-top:12px;}
.pdp-thumb{
  width:66px;height:66px;padding:4px;cursor:pointer;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);
  transition:.15s;
}
.pdp-thumb img{width:100%;height:100%;object-fit:contain;}
.pdp-thumb:hover{border-color:#b9cdbf;}
.pdp-thumb.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green);}

/* ---------- Hero info ------------------------------------------------- */
.pdp-info h1{font-size:33px;line-height:1.16;margin-bottom:16px;}
.pdp-lede{margin:0 0 18px;font-size:14px;line-height:1.75;color:var(--muted);}

/* ---------- Offer banner ---------------------------------------------- */
.pdp-offer{
  position:relative;display:flex;align-items:center;gap:18px;overflow:hidden;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px;margin-bottom:20px;
}
.pdp-offer::after{
  content:"";position:absolute;right:0;bottom:-14px;
  width:150px;height:150px;pointer-events:none;
  background:url('../images/leafy.png') no-repeat right bottom;
  background-size:contain;opacity:.13;
}
.pdp-offer-ribbon{
  flex-shrink:0;text-align:center;line-height:1;color:#fff;
  background:linear-gradient(180deg,#f2b23c 0%,#d97b16 100%);
  border-radius:8px;padding:20px 20px;
}
.pdp-offer-ribbon b{display:block;font-size:38px;font-weight:700;}
.pdp-offer-ribbon i{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;margin-top:3px;}
.pdp-offer-copy{position:relative;z-index:2;display:flex;flex-direction:column; line-height: 1.2;}
.pdp-offer-copy small{font-size:11.5px;font-weight:600;letter-spacing:.05em;color:var(--muted);}
.pdp-offer-copy b{font-size:22px;font-weight:700;color:var(--green);margin:1px 0 4px;}
.pdp-offer-copy span{font-size:11px;letter-spacing:.04em;color:var(--muted);}
.pdp-offer-code{
  align-self:flex-start;margin-top:7px;
  background:#fff;border:1px solid var(--line);border-radius:6px;
  padding:5px 14px;font-size:13px;font-weight:700;letter-spacing:.09em;color:var(--green);
}

/* ---------- Feature icons --------------------------------------------- */
.pdp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:auto;}
.pdp-feature{text-align:center;padding:4px 14px;}
.pdp-feature + .pdp-feature{border-left:1px solid var(--line);}
.pdp-feature svg{width:34px;height:34px;color:var(--green);margin:0 auto;}
.pdp-feature b{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--green);line-height:1.4;
}
 

/* ---------- Tabs ------------------------------------------------------ */
.pdp-tabs-wrap{min-width:0;}
.pdp-tablist{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-left:14px;}
.pdp-tablist::-webkit-scrollbar{display:none;}
.pdp-tab{
  flex-shrink:0;cursor:pointer;
  background:var(--panel);border:1px solid var(--line);border-bottom:none;
  border-radius:10px 10px 0 0;padding:9px 20px;
  font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--muted);
  transition:.15s;
}
.pdp-tab{display:inline-flex;align-items:center;gap:8px;}
.pdp-tab svg{width:16px;height:16px;flex-shrink:0;}
.pdp-tab:hover{color:var(--green);}
.pdp-tab.active{background:var(--green);border-color:var(--green);color:#fff;}

.pdp-panels{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;margin-top:-1px;
}
.pdp-panel[hidden]{display:none;}
.pdp-panel-title{font-size:22px;line-height:1.2;margin-bottom:12px;}
.pdp-sub-title{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--green);margin:20px 0 8px;}
.pdp-panel p{margin:0 0 12px;font-size:13.5px;line-height:1.75;color:var(--muted);}
.pdp-panel ul{margin:0 0 14px;padding-left:20px;}
.pdp-panel li{font-size:13.5px;line-height:1.7;color:var(--muted);margin-bottom:4px;}

/* ---------- Order tab ------------------------------------------------- */
.pdp-order-layout{display:grid;grid-template-columns:0.85fr 1.30fr;gap:40px;align-items:start;}
.pdp-order-intro{position:relative;min-width:0;}
.pdp-assure{
  display:flex;align-items:flex-start;gap:11px;margin-top:22px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:13px;
}
.pdp-assure svg{
  width:42px;height:42px;padding:9px;flex-shrink:0;
  background:#dfeadf;color:var(--green);border-radius:50%;
}
.pdp-assure b{display:block;font-size:12.5px;font-weight:700;color:var(--green);line-height:1.35;}
.pdp-assure span{display:block;font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:2px;}
.pdp-cur{margin-top:20px;}
.pdp-cur-label{
  display:block;margin-bottom:10px;
  font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--green);
}
.pdp-cur-opts{display:flex;gap:15px;flex-wrap:wrap;}
.pdp-cur-opts label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;}
.pdp-cur-opts input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:var(--green);cursor:pointer;}

/* ---------- Order table ----------------------------------------------- */
.pdp-order{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;}
.pdp-order-head,
.pdp-order-row{
  display:grid;grid-template-columns:1.25fr 1fr 78px 96px;
  align-items:center;gap:10px;padding:0 16px;
}
.pdp-order-head{
  background:var(--green);padding-top:8px;padding-bottom:8px;
  font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;
}
.pdp-order-row{margin:0;padding-top:7px;padding-bottom:7px;border-bottom:1px solid var(--line);transition:background .12s;}
.pdp-order-row:last-child{border-bottom:none;}
.pdp-order-row:hover{background:#f8faf8;}
.pdp-order-size{font-size:13.5px;color:var(--ink);}
.pdp-order-size small{color:var(--muted);}
.pdp-order-price{font-size:13.5px;font-weight:600;color:var(--ink);}
.pdp-order-qty select{
  width:100%;padding:6px 7px;cursor:pointer;
  border:1px solid var(--line);border-radius:6px;background:#fff;
  font-family:var(--font-body);font-size:13px;color:var(--ink);
}
.pdp-order-total{display:flex;align-items:center;justify-content:center;}
.pdp-order-sub{display:none;}
.pdp-order-total button{
  width:100%;height:30px;flex-shrink:0;cursor:pointer;
  background:var(--green);color:#fff;border:none;border-radius:7px;
  display:flex;align-items:center;justify-content:center;transition:.15s;
}
.pdp-order-total button:hover{background:var(--green-dark);}
.pdp-order-total button svg{width:17px;height:17px;}
.pdp-order-empty{font-size:13px;color:var(--muted);}

/* ---------- Specification sheet --------------------------------------- */
.pdp-spec{display:flex;gap:24px;flex-wrap:wrap;margin-top:6px;}
.pdp-spec img{border:1px solid var(--line);border-radius:var(--radius-sm);}


/* ---------- Long copy / reviews --------------------------------------- */
.pdp-copy{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 26px 24px 26px;
}
.pdp-copy-head{
  display:flex;align-items:center;gap:12px;
  font-size:20px;line-height:1.25;margin-bottom:16px;
  padding-bottom:14px;border-bottom:1px solid var(--line);
}
.pdp-copy-head svg{
  width:38px;height:38px;padding:8px;flex-shrink:0;
  background:#dfeadf;color:var(--green);border-radius:50%;
}
.pdp-copy p{margin:0 0 13px;font-size:14px;line-height:1.6;color:var(--muted);}
.pdp-copy a{color:var(--amber-dark);text-decoration:underline;font-weight:600;}
.pdp-copy a:hover{color:var(--green);}
.pdp-copy ul{margin:0 0 16px;padding-left:20px;}
.pdp-copy li{font-size:13.5px;line-height:1.7;color:var(--muted);margin-bottom:4px;}
.pdp-copy .pdp-sub-title:first-child{margin-top:0;}
.pdp-reviews{
  min-width:0;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:6px 26px24px 26px;
}


/* ---------- Contact form ---------------------------------------------- */
#contactus{max-width:560px;margin-top:4px;}
#contactus > div{margin-bottom:16px;}
#contactus label{
  display:block;margin-bottom:6px;
  font-family:var(--font-body);font-size:11.5px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--green);
}
#contactus label + br{display:none;}
#contactus input[type="text"],
#contactus textarea{
  width:100%;padding:11px 13px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);
  font-family:var(--font-body);font-size:13.5px;line-height:1.6;color:var(--ink);
  transition:border-color .15s,box-shadow .15s;
}
#contactus input[type="text"]::placeholder,
#contactus textarea::placeholder{color:#9aa8a0;}
#contactus input[type="text"]:focus,
#contactus textarea:focus{
  outline:none;border-color:var(--green);
  box-shadow:0 0 0 3px rgba(15,61,45,.08);
}
#contactus textarea{min-height:150px;resize:vertical;}
#contactus .formsubmit2{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--green);color:#fff;border:none;border-radius:8px;
  padding:12px 32px;cursor:pointer;
  font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;
  transition:background .15s;
}
#contactus .formsubmit2:hover{background:var(--green-dark);}
#alert_message:not(:empty){
  padding:13px 15px;margin-bottom:20px;
  background:var(--green-soft);border:1px solid #cfe0d4;border-radius:var(--radius-sm);
  font-size:13px;font-weight:600;line-height:1.55;color:var(--green);
}
 
/* ---------- Video panel ----------------------------------------------- */
.video-panel{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;text-align:center;
}
.video-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:var(--amber-dark);
}
.video-eyebrow svg{width:16px;height:16px;flex-shrink:0;}
.video-panel h2{font-size:24px;line-height:1.2;margin:10px 0 20px;}
.video-panel video{max-width:100%;}

@media (max-width:600px){
  .video-panel{padding:16px;}
  .video-panel h2{font-size:19px;}
}

/* ---------- Long copy / reviews --------------------------------------- */ 
 
 

/* ---------- Responsive ------------------------------------------------ */
@media (max-width:1150px){
  .pdp-hero{grid-template-columns:1fr;gap:22px;padding:18px;}
  .pdp-gallery{max-width:600px;}
  .pdp-stage img{height:360px;object-fit:contain;}
  .pdp-info h1{font-size:28px;}
  .pdp-order-layout{grid-template-columns:1fr;gap:24px;}
}

@media (max-width:940px){
  .pdp-hero{grid-template-columns:1fr;gap:22px;}
  .pdp-stage img{height:330px;}
  .pdp-order-layout{grid-template-columns:1fr;gap:22px;}
  .pdp-order-intro{padding-bottom:0;background-image:none;}
 
}
 

@media (max-width:600px){
  .pdp-hero{padding:14px;}
  .pdp-stage img{height:250px;}
  .pdp-thumb{width:56px;height:56px;}
  .pdp-info h1{font-size:25px;}
    .pdp-features{grid-template-columns:1fr;}
  .pdp-feature + .pdp-feature{border-left:none;border-top:1px solid var(--line);}
  .pdp-feature{padding:11px 4px;}
  .pdp-offer{gap:13px;padding:10px;}
 
  .pdp-offer-ribbon b{font-size:28px;}
  .pdp-offer-copy b{font-size:13.5px;}

.pdp-tablist{
    display:grid;grid-template-columns:1fr 1fr;gap:5px;
    overflow:visible;padding-left:0;margin-bottom:8px;
  }
  .pdp-tab{
    justify-content:center;text-align:center;
    padding:10px 8px;font-size:11.5px;
    border-bottom:1px solid var(--line);border-radius:9px;
  }
  .pdp-tab.active{border-color:var(--green);}
  .pdp-panels{padding:16px;border-radius:var(--radius);margin-top:0;}
  .pdp-panel-title{font-size:18px;}

  .pdp-order-head{display:none;}
  .pdp-order-row{
    grid-template-columns:1fr auto;grid-template-areas:"size price" "qty total";
    gap:9px 12px;padding:12px 14px;
  }
  .pdp-order-size{grid-area:size;font-weight:600;}
  .pdp-order-price{grid-area:price;text-align:right;}
  .pdp-order-qty{grid-area:qty;width:78px;}
  .pdp-order-total{grid-area:total;}

  .pdp-copy,.pdp-reviews{padding:18px;}
  .pdp-spec{gap:14px;justify-content:center;}
    #contactus .formsubmit2{width:100%;}
}













/* ---------- Blog listing ---------------------------------------------- */
.blog-list{display:flex;flex-direction:column;gap:18px;}
.blog-item{
  display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;transition:box-shadow .18s,transform .18s;
}
.blog-item:hover{box-shadow:0 8px 22px rgba(15,61,45,.10);transform:translateY(-2px);}
.blog-item:has(.blog-media:empty){grid-template-columns:1fr;}
.blog-media img{
  width:100%;height:150px;object-fit:cover;
  border-radius:var(--radius-sm);border:1px solid var(--line);
}
.blog-body{min-width:0;}
.blog-date{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.blog-date svg{width:14px;height:14px;color:var(--amber);flex-shrink:0;}
.blog-title{
  font-family:var(--font-head);font-size:21px;font-weight:600;
  line-height:1.25;color:var(--green);margin:0 0 9px;
}
.blog-title a:hover{color:var(--amber-dark);}
.blog-excerpt{margin:0 0 13px;font-size:13.5px;line-height:1.5;color:var(--muted);}
.blog-more{
  display:inline-flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:700;color:var(--green);
}
.blog-more svg{width:15px;height:15px;transition:transform .18s;}
.blog-more:hover svg{transform:translateX(3px);}
.blog-archive-link{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:9px;
  background:var(--green);color:#fff;border-radius:9px;
  padding:9px 20px;font-size:13px;font-weight:600;
}
.blog-archive-link:hover{background:var(--green-dark);}
.blog-archive-link svg{width:16px;height:16px;}

@media (max-width:940px){