/*
Theme Name: Marrow Child
Template: twentytwentyfive
Version: 1.0.0
Text Domain: marrow-child
Description: Custom child theme for Marrow Brand with ACF flexible sections.
Author: Kashif Mushtaq
*/

:root {
    --burgundy:   #B85C3F;
    --burgundy-2: #9E4D34;
    --burgundy-3: #7A3A26;
    --espresso:   #2A1A14;
    --cream:      #F4ECDB;
    --cream-2:    #FAF4E6;
    --cream-3:    #EFE4CC;
    --ink:        #2A1A1A;
    --text:       #3A2828;
    --muted:      #7A6868;
    --gold:       #C9A961;
    --line:       rgba(184,92,63,0.18);
    --maxw:       1240px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-0.02em;color:var(--burgundy)}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .eyebrow{font-size:11px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:var(--burgundy);display:block;margin-bottom:18px}

  /* ===== BUTTONS ===== */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;border:1.5px solid transparent;cursor:pointer;transition:all 0.18s;font-family:'Inter',sans-serif}
  .btn-primary{background:var(--burgundy);color:var(--cream)}
  .btn-primary:hover{background:var(--burgundy-2)}
  .btn-outline{background:transparent;color:var(--cream-2);border-color:var(--cream-2)}
  .btn-outline:hover{background:var(--cream-2);color:var(--espresso)}
  .btn-ink{background:var(--espresso);color:var(--cream-2)}
  .btn-ink:hover{background:#1A0E08}
  .btn-ghost{background:transparent;color:var(--burgundy);border-color:var(--burgundy)}
  .btn-ghost:hover{background:var(--burgundy);color:var(--cream-2)}

  /* ===== ANNOUNCEMENT ===== */
  .ann{background:var(--espresso);color:var(--cream);text-align:center;padding:11px 16px;font-size:12px;line-height:1.3;letter-spacing:0.14em;font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ann .sep{color:var(--burgundy);margin:0 14px;font-weight:700}
  @media(max-width:640px){.ann{font-size:10px;letter-spacing:0.1em}.ann .sep{margin:0 8px}}

  /* ===== NAV ===== */
  .nav{background:rgba(244,236,219,0.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:0;z-index:40}
  .nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
  .menu-btn{background:none;border:0;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;justify-self:start;color:var(--espresso)}
  .menu-btn span{display:block;width:22px;height:1.5px;background:currentColor;position:relative;border-radius:2px}
  .menu-btn span::before,.menu-btn span::after{content:'';position:absolute;left:0;width:22px;height:1.5px;background:currentColor;border-radius:2px}
  .menu-btn span::before{top:-7px}
  .menu-btn span::after{top:7px;width:16px}
  .logo{font-family:'Fraunces',serif;font-size:24px;font-weight:600;letter-spacing:0.32em;color:var(--espresso);justify-self:center;padding-left:0.32em}
  .nav-right{display:flex;gap:14px;align-items:center;justify-self:end}
  .icon-btn{width:36px;height:36px;display:grid;place-items:center;color:var(--espresso);background:none;border:0;cursor:pointer}
  .cart-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--espresso);min-width:56px;justify-content:center;cursor:pointer}
  .cart-pill svg{color:var(--burgundy)}

  /* ===== HERO ===== */
  .hero{padding:14px 0 0}
  .hero-stage{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    min-height:640px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:56px 56px 48px;
    margin-top:10px;
  }
  
  .hero-bg{
    position:absolute;inset:0;
    background:
      radial-gradient(ellipse at 78% 35%, rgba(255,180,120,0.55), transparent 55%),
      radial-gradient(ellipse at 20% 85%, rgba(122,58,38,0.7), transparent 60%),
      linear-gradient(135deg, #6B2E1C 0%, var(--burgundy) 45%, #C97050 100%);
    z-index:1;
  }
  .hero-bg::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(42,26,20,0.45) 100%);
  }
  .hero-placeholder{
    position:absolute;inset:0;z-index:2;
    display:grid;place-items:center;
    font-family:'Fraunces',serif;
    font-size:clamp(20px,2.8vw,32px);
    font-weight:500;color:var(--cream-2);
    letter-spacing:0.18em;text-transform:uppercase;
    opacity:0.5;
    text-shadow:0 2px 18px rgba(42,26,20,0.45);
    pointer-events:none;
  }
  .hero-top{position:relative;z-index:3}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(250,244,230,0.18);backdrop-filter:blur(8px);border:1px solid rgba(244,236,219,0.25);color:var(--cream-2);padding:8px 16px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase}
  .hero-eyebrow .pulse{width:6px;height:6px;border-radius:50%;background:var(--cream-2)}
  .hero-bottom{position:relative;z-index:3;max-width:720px}
  .hero-bottom h1{
    font-size:clamp(48px,7vw,96px);
    color:var(--cream-2);
    text-shadow:0 2px 24px rgba(42,26,20,0.4);
    font-weight:500;
    line-height:1;
    margin-bottom:20px;
    letter-spacing:-0.025em;
  }
  .hero-bottom .lead{font-size:18px;color:var(--cream-2);text-shadow:0 2px 12px rgba(42,26,20,0.55);max-width:480px;line-height:1.45;opacity:0.95;margin-bottom:32px}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap}
  .scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;color:var(--cream-2);opacity:0.7;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;text-align:center}
  .scroll-cue svg{width:18px;height:18px;margin:6px auto 0;display:block}

  /* ===== PRESS STRIP ===== */
  .press{padding:36px 0;border-bottom:1px solid var(--line)}
  .press-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
  .press-label{font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);flex-shrink:0}
  .press-logos{display:flex;gap:36px;align-items:center;flex-wrap:wrap;justify-content:center;flex:1}
  .press-logo{font-family:'Fraunces',serif;font-size:18px;font-weight:600;color:var(--ink);letter-spacing:0.04em;opacity:0.65;transition:opacity 0.2s;cursor:default}
  .press-logo:hover{opacity:1}
  .press-logo.sans{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;font-size:13px}

  /* ===== SECTION BASES ===== */
  section.block{padding:88px 0}
  .block-head{text-align:center;max-width:760px;margin:0 auto 56px}
  .block-head h2{font-size:clamp(36px,5vw,56px);margin-bottom:18px}
  .block-head p{font-size:17px;color:var(--ink);line-height:1.55;max-width:600px;margin:0 auto}

  /* ===== FOUNDER STRIP ===== */
  .founder{background:var(--cream)}
  .founder-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
  .founder-img{
    aspect-ratio:1;border-radius:20px;overflow:hidden;position:relative;
    background:linear-gradient(135deg,#D8B89A,#B88B68);
    display:grid;place-items:center;
    color:rgba(244,236,219,0.45);
    font-family:'Fraunces',serif;font-size:20px;letter-spacing:0.2em;text-transform:uppercase;
  }
  .founder-body h2{font-size:clamp(32px,4.5vw,52px);margin-bottom:24px;line-height:1.05}
  .founder-body h2 em{font-style:italic;color:var(--burgundy);font-weight:400}
  .founder-body p{font-size:17px;color:var(--ink);line-height:1.6;margin-bottom:18px}
  .founder-signoff{display:flex;align-items:center;gap:14px;margin-top:28px}
  .founder-mark{width:48px;height:48px;border-radius:50%;background:var(--burgundy);color:var(--cream-2);display:grid;place-items:center;font-family:'Fraunces',serif;font-weight:600;font-size:18px}
  .founder-sig strong{display:block;font-size:14px;color:var(--ink);font-weight:700}
  .founder-sig span{font-size:13px;color:var(--muted)}

  /* ===== FEATURED PRODUCT ===== */
  .featured{background:var(--cream-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .featured-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
  .featured-img{
    aspect-ratio:1;border-radius:24px;overflow:hidden;
    background:
      radial-gradient(ellipse at 30% 30%, rgba(255,180,120,0.4), transparent 60%),
      linear-gradient(135deg,#6B2E1C,var(--burgundy) 50%,#C97050);
    display:grid;place-items:center;
    color:rgba(244,236,219,0.4);
    font-family:'Fraunces',serif;font-size:18px;letter-spacing:0.2em;text-transform:uppercase;
    position:relative;
  }
  .featured-body span.eyebrow{margin-bottom:12px}
  .featured-body h2{font-size:clamp(36px,5vw,60px);margin-bottom:18px;line-height:1.05}
  .featured-body p{font-size:17px;color:var(--ink);line-height:1.6;margin-bottom:24px}
  .featured-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}
  .featured-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink);font-weight:500;list-style:none}
  .featured-list .ck{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--burgundy);color:var(--burgundy);display:grid;place-items:center;flex-shrink:0}
  .featured-list .ck svg{width:10px;height:10px}
  .featured-cta{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
  .featured-cta .price{font-family:'Fraunces',serif;font-size:32px;font-weight:600;color:var(--burgundy)}
  .featured-cta .from{font-size:13px;color:var(--muted);letter-spacing:0.06em}

  /* ===== STATS STRIP ===== */
  .stat-strip{background:var(--espresso);color:var(--cream-2);padding:36px 0}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
  .stat-num{font-family:'Fraunces',serif;font-size:clamp(28px,3.4vw,40px);font-weight:600;color:var(--cream-2);line-height:1;margin-bottom:8px;letter-spacing:-0.01em}
  .stat-label{font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(244,236,219,0.65)}

  /* ===== PROBLEM ===== */
  .problem{background:var(--cream)}
  .problem-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}
  .problem-quote{
    aspect-ratio:0.85;border-radius:24px;
    background:linear-gradient(135deg,var(--cream-3),#DECCB2);
    padding:48px;display:flex;flex-direction:column;justify-content:flex-end;
    position:relative;
  }
  .problem-quote::before{
    content:'"';position:absolute;top:24px;left:40px;
    font-family:'Fraunces',serif;font-size:120px;color:var(--burgundy);opacity:0.25;line-height:0.8;
  }
  .problem-quote p{font-family:'Fraunces',serif;font-size:22px;font-style:italic;color:var(--ink);line-height:1.3;margin-bottom:14px}
  .problem-quote cite{font-style:normal;font-size:13px;color:var(--muted);font-weight:500}
  .problem-body span.eyebrow{margin-bottom:18px}
  .problem-body h2{font-size:clamp(32px,4.5vw,52px);margin-bottom:24px;line-height:1.05}
  .problem-body p{font-size:17px;color:var(--ink);line-height:1.6;margin-bottom:14px}
  .problem-body p:last-child{margin-bottom:0}

  /* ===== PROTOCOL / SCIENCE ===== */
  .science{background:var(--cream-2)}
  .ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
  .ingredient{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:32px 28px;text-align:left}
  .ing-tag{display:inline-block;background:var(--burgundy);color:var(--cream-2);font-size:10px;font-weight:700;letter-spacing:0.16em;padding:5px 11px;border-radius:999px;margin-bottom:18px;text-transform:uppercase}
  .ingredient h3{font-size:24px;color:var(--burgundy);margin-bottom:8px;font-weight:600}
  .ingredient .ing-sub{font-size:13px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:14px}
  .ingredient p{font-size:14px;color:var(--ink);line-height:1.55}
  .ing-dose{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:600;letter-spacing:0.06em}
  .ing-dose strong{color:var(--burgundy);font-weight:700}

  /* ===== FEELS (results) ===== */
  .feels-block{background:var(--cream)}
  .feels{background:var(--cream-2);border:1px solid var(--line);border-radius:20px;padding:32px 36px;max-width:780px;margin:0 auto}
  .feel-row{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
  .feel-row:last-child{border-bottom:0}
  .feel-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:var(--burgundy)}
  .feel-icon svg{width:22px;height:22px}
  .feel-icon.f1{background:#FFF1D6}
  .feel-icon.f2{background:#D9EAD3}
  .feel-icon.f3{background:#E1D7F0}
  .feel-icon.f4{background:#F8DCD2}
  .feel-body{flex:1}
  .feel-body strong{display:block;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:2px}
  .feel-body span{font-size:13px;color:var(--muted)}
  .feel-pct{font-size:26px;font-weight:700;color:var(--burgundy);font-family:'Fraunces',serif}

  /* ===== COMPARISON ===== */
  .compare{background:var(--cream-2)}
  .compare-table{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--cream)}
  .compare-head{display:grid;grid-template-columns:1.6fr 1fr 1fr;background:var(--espresso);color:var(--cream-2)}
  .compare-head > div{padding:22px 24px;font-size:13px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}
  .compare-head .col-product{color:var(--burgundy);font-family:'Fraunces',serif;font-weight:600;letter-spacing:0.16em;font-size:14px}
  .compare-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-bottom:1px solid var(--line);align-items:center}
  .compare-row:last-child{border-bottom:0}
  .compare-row > div{padding:18px 24px;font-size:14px;color:var(--ink)}
  .compare-row .feature{font-weight:500}
  .compare-row .yes,.compare-row .no{text-align:center;font-size:18px}
  .compare-row .yes{color:var(--burgundy);font-weight:700}
  .compare-row .no{color:var(--muted)}
  .compare-row .col-product{background:rgba(184,92,63,0.05);font-weight:600;color:var(--burgundy)}

  /* ===== VET QUOTES ===== */
  .vets{background:var(--cream)}
  .vet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .vet-card{background:var(--cream-2);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:18px}
  .vet-quote{font-family:'Fraunces',serif;font-size:18px;font-style:italic;color:var(--ink);line-height:1.4;flex:1}
  .vet-meta{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
  .vet-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#D8B89A,#B88B68);color:var(--cream-2);display:grid;place-items:center;font-family:'Fraunces',serif;font-weight:600;font-size:14px;flex-shrink:0}
  .vet-info strong{display:block;font-size:14px;color:var(--ink);font-weight:700}
  .vet-info span{font-size:12px;color:var(--muted)}

  /* ===== TESTIMONIALS ===== */
  .testimonials{background:var(--cream-2)}
  .test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .test-card{aspect-ratio:0.75;border-radius:18px;overflow:hidden;position:relative;color:var(--cream-2);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;cursor:pointer;transition:transform 0.25s}
  .test-card:hover{transform:translateY(-3px)}
  .test-card.a{background:linear-gradient(135deg,#8B4128,#5C2515)}
  .test-card.b{background:linear-gradient(135deg,#C97050,#7A3A26)}
  .test-card.c{background:linear-gradient(135deg,#B88B68,#5C2515)}
  .test-card.d{background:linear-gradient(135deg,#7A3A26,var(--espresso))}
  .test-quote{font-family:'Fraunces',serif;font-size:18px;line-height:1.3;margin-bottom:14px}
  .test-meta{font-size:12px;opacity:0.75;letter-spacing:0.06em}
  .test-play{position:absolute;top:20px;right:20px;width:36px;height:36px;background:rgba(244,236,219,0.2);backdrop-filter:blur(8px);border:1px solid rgba(244,236,219,0.35);color:var(--cream-2);border-radius:50%;display:grid;place-items:center}
  .test-play svg{width:12px;height:12px}

  .test-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
}

/* Video fills the card - VISIBLE by default so poster shows */
.test-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  /* REMOVED opacity: 0 */
}

/* Dark overlay at bottom for text always visible */
.test-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
  z-index: 1;
}

/* Play button */
.test-play {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  background: rgba(255,255,255,0.3);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  transition: opacity 0.3s ease;
}

/* Hide play button when playing */
.test-card.playing .test-play {
  opacity: 0;
}

/* Text stays on top */
.test-quote,
.test-meta {
  position: relative;
  z-index: 2;
}


  /* ===== FAQ ===== */
  .faq{background:var(--cream)}
  .faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--line)}
  .faq-list details{border-bottom:1px solid var(--line);padding:22px 0}
  .faq-list summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-family:'Fraunces',serif;font-size:21px;font-weight:600;color:var(--burgundy);gap:24px}
  .faq-list summary::-webkit-details-marker{display:none}
  .faq-list summary::after{content:'+';font-size:26px;color:var(--burgundy);font-family:'Inter',sans-serif;font-weight:300;flex-shrink:0}
  .faq-list details[open] summary::after{content:'−'}
  .faq-list .body-text{padding-top:14px;font-size:15px;line-height:1.6;color:var(--ink)}

  /* ===== FINAL CTA ===== */
  .final-cta{background:linear-gradient(135deg,#6B2E1C 0%,var(--burgundy) 50%,#C97050 100%);color:var(--cream-2);padding:120px 0;text-align:center;position:relative;overflow:hidden}
  .final-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(255,200,150,0.3),transparent 60%);pointer-events:none}
  .final-cta-inner{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:0 24px}
  .final-cta h2{font-size:clamp(40px,5.5vw,72px);color:var(--cream-2);margin-bottom:20px;line-height:1.02;letter-spacing:-0.025em}
  .final-cta h2 em{font-style:italic;color:var(--gold);font-weight:400}
  .final-cta p{font-size:18px;color:rgba(244,236,219,0.9);margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}
  .final-cta .btn-primary{background:var(--cream-2);color:var(--espresso);padding:18px 36px;font-size:14px}
  .final-cta .btn-primary:hover{background:var(--gold)}

  /* ===== NEWSLETTER ===== */
  .newsletter{background:var(--cream-2);border-top:1px solid var(--line);padding:64px 0}
  .news-inner{max-width:560px;margin:0 auto;text-align:center}
  .news-inner h3{font-size:28px;color:var(--burgundy);margin-bottom:10px;line-height:1.15}
  .news-inner p{font-size:14px;color:var(--muted);margin-bottom:24px}
  .news-form{display:flex;gap:8px}
  .news-form input{flex:1;padding:14px 20px;border-radius:999px;border:1px solid var(--line);background:var(--cream);color:var(--ink);font-size:14px;font-family:inherit}
  .news-form input:focus{outline:0;border-color:var(--burgundy)}
  .news-form .btn{padding:14px 26px}

  /* ===== FOOTER ===== */
  footer{background:var(--espresso);color:rgba(244,236,219,0.65);padding:72px 0 32px}
  .footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:48px;margin-bottom:48px}
  .footer-brand .logo{color:var(--cream-2);font-size:22px;display:inline-block;margin-bottom:16px}
  .footer-brand p{font-size:14px;line-height:1.6;max-width:280px;color:rgba(244,236,219,0.65)}
  footer h5{color:var(--cream-2);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:18px}
  footer ul{list-style:none}
  footer li{margin-bottom:10px}
  footer a{font-size:14px;color:rgba(244,236,219,0.7);transition:color 0.2s}
  footer a:hover{color:var(--burgundy)}
  .footer-bottom{border-top:1px solid rgba(244,236,219,0.12);padding-top:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
  .footer-bottom .disclaimer{font-size:11px;line-height:1.6;color:rgba(244,236,219,0.5);max-width:760px}
  .footer-bottom .copyright{font-size:12px;color:rgba(244,236,219,0.5);white-space:nowrap}

  /* ===== RESPONSIVE ===== */
  @media(max-width:900px){
    .hero-stage{padding:32px 24px;min-height:560px;border-radius:18px}
    .founder-grid,.featured-grid,.problem-grid{grid-template-columns:1fr;gap:36px}
    .stat-grid{grid-template-columns:1fr 1fr;gap:28px}
    .ingredient-grid,.vet-grid{grid-template-columns:1fr}
    .test-grid{grid-template-columns:1fr 1fr}
    section.block{padding:60px 0}
    .container{padding:0 16px}
    .nav-inner{grid-template-columns:auto 1fr auto}
    .logo{font-size:20px}
    .compare-head > div,.compare-row > div{padding:14px 16px;font-size:12px}
    .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
    .footer-bottom{flex-direction:column}
  }
  @media(max-width:540px){
    .test-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr;gap:28px}
    .news-form{flex-direction:column}
    .stat-grid{grid-template-columns:1fr 1fr;gap:24px}
  }