/*
Theme Name: Barkin Bargain
Theme URI: https://www.barkinbargain.co.uk/
Author: Barkin Bargain
Description: Custom storefront theme for Barkin Bargain — a UK pet brand. Built as a static front-end shell; wire the marked WooCommerce hooks below to go fully dynamic.
Version: 1.0
Requires PHP: 7.4
Text Domain: barkinbargain
*/

<style>
  :root{
    --forest:#2E5E3B;
    --sage:#8BAF7A;
    --ivory:#FAF7F2;
    --white:#FFFFFF;
    --charcoal:#222222;
    --sand:#D8B15C;
    --forest-dark:#234a2f;
    --ease: cubic-bezier(.22,.61,.36,1);
    color-scheme: light only;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;background:var(--ivory);}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }
  :focus-visible{outline:3px solid var(--sand);outline-offset:3px;border-radius:4px;}
  .skip-link{
    position:absolute;left:12px;top:-60px;z-index:1000;
    background:var(--forest);color:var(--white);padding:12px 20px;border-radius:10px;
    font-weight:600;font-size:14px;transition:top .25s var(--ease);
  }
  .skip-link:focus{top:12px;}
  body{
    font-family:'Inter',sans-serif;
    background:var(--ivory);
    color:var(--charcoal);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-0.02em;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  .wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
  @media(max-width:640px){.wrap{padding:0 20px;}}

  /* reveal animation — never starts fully invisible, so text is always legible
     even before JS runs or if the intersection observer is delayed */
  .reveal{opacity:.4;transform:translateY(28px);transition:opacity .8s var(--ease), transform .8s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}
  .reveal-scale{opacity:.4;transform:scale(.94);transition:opacity .8s var(--ease), transform .8s var(--ease);}
  .reveal-scale.in{opacity:1;transform:scale(1);}
  @media (prefers-reduced-motion: reduce){
    .reveal,.reveal-scale{transition:none;opacity:1;transform:none;}
  }

  /* NAV */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:22px 0;
    transition:background .4s var(--ease), box-shadow .4s var(--ease), padding .4s var(--ease);
  }
  header.scrolled{
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px);
    box-shadow:0 4px 24px rgba(34,34,34,.06);
    padding:14px 0;
  }
  nav{display:flex;align-items:center;justify-content:space-between;}
  .logo{
    width:46px;height:46px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;overflow:hidden;
    box-shadow:0 2px 10px rgba(34,34,34,.15);
    background:var(--ivory);
  }
  .logo img{width:100%;height:100%;object-fit:cover;display:block;}
  .brand-name{font-family:'Poppins',sans-serif;font-weight:800;font-size:16px;letter-spacing:-.01em;}
  header:not(.scrolled) .brand-name{color:var(--white);text-shadow:0 1px 6px rgba(0,0,0,.25);}
  .brand{display:flex;align-items:center;gap:12px;}
  .nav-links{display:flex;gap:38px;list-style:none;}
  .nav-links a{font-size:14.5px;font-weight:600;color:var(--charcoal);position:relative;padding:4px 0;}
  header:not(.scrolled) .nav-links a{color:var(--white);text-shadow:0 1px 6px rgba(0,0,0,.25);}
  .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--sand);transition:width .3s var(--ease);}
  .nav-links a:hover::after{width:100%;}
  .nav-right{display:flex;align-items:center;gap:22px;}
  .nav-right button{background:none;border:none;cursor:pointer;color:var(--charcoal);}
  header:not(.scrolled) .nav-right button{color:var(--white);filter:drop-shadow(0 1px 4px rgba(0,0,0,.3));}
  @media(max-width:900px){.nav-links{display:none;}}
  .burger{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px;}
  .burger span{width:22px;height:2px;background:var(--charcoal);border-radius:2px;transition:background .3s;}
  header:not(.scrolled) .burger span{background:var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
  @media(max-width:900px){.burger{display:flex;}}
  .mobile-menu{
    position:fixed;top:0;right:0;bottom:0;width:min(78vw,320px);z-index:200;
    background:var(--white);box-shadow:-10px 0 40px rgba(34,34,34,.18);
    transform:translateX(100%);transition:transform .4s var(--ease);
    padding:100px 32px 40px;display:flex;flex-direction:column;gap:26px;
  }
  .mobile-menu.open{transform:translateX(0);}
  .mobile-menu a{font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;color:var(--charcoal);}
  .menu-scrim{
    position:fixed;inset:0;background:rgba(20,32,22,.4);z-index:199;
    opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
  }
  .menu-scrim.open{opacity:1;pointer-events:auto;}
  .menu-close{position:absolute;top:26px;right:28px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--charcoal);}

  /* HERO */
  .hero{
    position:relative;height:100vh;min-height:640px;
    display:flex;align-items:center;
    overflow:hidden;
  }
  .hero-bg{
    position:absolute;inset:0;
    background:url('https://picsum.photos/seed/barkin-hero/1920/1080') center/cover no-repeat;
    transform:scale(1.08);
    transition:transform 1.2s var(--ease);
  }
  .hero-bg::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(20,32,22,.35) 0%, rgba(20,32,22,.55) 100%);
  }
  .hero-inner{position:relative;z-index:2;color:var(--white);max-width:640px;}
  .hero-inner h1{font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.05;margin-bottom:22px;}
  .hero-inner p{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:400;line-height:1.6;margin-bottom:38px;max-width:480px;}
  .btn-row{display:flex;gap:16px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:16px 32px;border-radius:100px;font-weight:600;font-size:15px;
    border:none;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);
  }
  .btn-primary{background:var(--forest);color:var(--white);box-shadow:0 8px 24px rgba(46,94,59,.35);}
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(46,94,59,.45);background:var(--forest-dark);}
  .btn-outline{background:rgba(255,255,255,.12);color:var(--white);border:1.5px solid rgba(255,255,255,.7);backdrop-filter:blur(4px);}
  .btn-outline:hover{background:rgba(255,255,255,.22);transform:translateY(-3px);}
  .scroll-cue{
    position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;
    color:var(--white);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
    display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.85;
  }
  .scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--white),transparent);animation:pulse 2s infinite;}
  @keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}

  section{padding:110px 0;}
  @media(max-width:640px){section{padding:70px 0;}}
  .eyebrow{color:var(--forest);font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
  .section-head{max-width:600px;margin-bottom:56px;}
  .section-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--charcoal);}
  .section-head p{margin-top:14px;font-size:1.05rem;color:#555;line-height:1.6;}

  /* TRUST */
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  @media(max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.trust-grid{grid-template-columns:1fr;}}
  .trust-card{
    background:var(--white);border-radius:20px;padding:34px 26px;
    box-shadow:0 2px 14px rgba(34,34,34,.05);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  }
  .trust-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(46,94,59,.14);}
  .trust-icon{
    width:52px;height:52px;border-radius:14px;background:rgba(46,94,59,.08);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--forest);
  }
  .trust-card h3{font-size:17px;margin-bottom:8px;color:var(--charcoal);}
  .trust-card p{font-size:14px;color:#666;line-height:1.55;}

  /* PRODUCTS */
  .products{background:var(--white);}
  .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
  @media(max-width:800px){.product-grid{grid-template-columns:1fr;}}
  .product-card{
    border-radius:26px;overflow:hidden;background:var(--ivory);
    box-shadow:0 4px 20px rgba(34,34,34,.06);
    transition:transform .4s var(--ease), box-shadow .4s var(--ease);
  }
  .product-card:hover{transform:translateY(-10px);box-shadow:0 26px 50px rgba(34,34,34,.14);}
  .product-media{aspect-ratio:4/3;overflow:hidden;}
  .product-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
  .product-card:hover .product-media img{transform:scale(1.08);}
  .product-body{padding:28px;}
  .product-body .tag{font-size:12px;font-weight:600;color:var(--sand);text-transform:uppercase;letter-spacing:.08em;}
  .product-body h3{font-size:20px;margin:8px 0 6px;}
  .product-body .price{font-size:18px;font-weight:700;color:var(--forest);margin-bottom:18px;}
  .product-body .price span{font-size:14px;color:#999;font-weight:400;text-decoration:line-through;margin-left:8px;}
  .add-cart{
    width:100%;padding:14px;border-radius:100px;background:var(--forest);color:var(--white);
    font-weight:600;font-size:14.5px;border:none;cursor:pointer;
    opacity:0;transform:translateY(8px);transition:all .35s var(--ease);
  }
  .product-card:hover .add-cart{opacity:1;transform:translateY(0);}
  .add-cart:hover{background:var(--forest-dark);}
  .product-empty{
    aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(135deg, rgba(46,94,59,.05) 0px, rgba(46,94,59,.05) 12px, transparent 12px, transparent 24px), var(--ivory);
    border:1.5px dashed rgba(46,94,59,.25);
  }
  .product-empty .product-body{text-align:center;padding:28px;}
  .product-empty .empty-icon{font-size:30px;margin-bottom:14px;opacity:.6;}
  .product-empty h3{font-size:18px;margin-bottom:8px;}
  .product-empty p{font-size:13.5px;color:#777;line-height:1.5;}

  /* SHOWCASE */
  .showcase{
    background:var(--forest);color:var(--white);border-radius:0;position:relative;overflow:hidden;
  }
  .showcase::before{
    content:'';position:absolute;width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle, rgba(216,177,92,.15), transparent 70%);
    top:-200px;right:-200px;
  }
  .showcase .section-head p{color:var(--ivory);}
  .showcase .eyebrow{color:var(--sand);}
  .showcase .section-head h2{color:var(--white);}
  .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1;}
  @media(max-width:900px){.benefit-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.benefit-grid{grid-template-columns:1fr;}}
  .benefit-card{
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
    border-radius:18px;padding:28px 22px;backdrop-filter:blur(6px);
  }
  .benefit-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:13px;color:var(--sand);margin-bottom:14px;}
  .benefit-card h3{font-size:16px;margin-bottom:8px;}
  .benefit-card p{font-size:13.5px;color:var(--ivory);line-height:1.55;}

  /* WHY */
  .why-row{display:flex;align-items:center;gap:64px;margin-bottom:100px;}
  .why-row:last-child{margin-bottom:0;}
  .why-row.reverse{flex-direction:row-reverse;}
  .why-media{flex:1;border-radius:26px;overflow:hidden;aspect-ratio:1/1;}
  .why-media img{width:100%;height:100%;object-fit:cover;}
  .why-text{flex:1;}
  .why-text .eyebrow{margin-bottom:12px;}
  .why-text h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:16px;color:var(--charcoal);}
  .why-text p{color:#555;line-height:1.7;font-size:1.02rem;}
  @media(max-width:800px){.why-row,.why-row.reverse{flex-direction:column;gap:28px;}}

  /* REVIEWS */
  .reviews{background:var(--white);}
  .review-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none;}
  .review-track::-webkit-scrollbar{display:none;}
  .review-card{
    scroll-snap-align:start;flex:0 0 340px;background:var(--ivory);border-radius:22px;padding:30px;
  }
  .stars{color:var(--sand);font-size:15px;margin-bottom:14px;letter-spacing:2px;}
  .review-card p{font-size:14.5px;color:#444;line-height:1.65;margin-bottom:22px;}
  .reviewer{display:flex;align-items:center;gap:12px;}
  .reviewer img{width:42px;height:42px;border-radius:50%;object-fit:cover;}
  .reviewer strong{font-size:14px;display:block;}
  .reviewer span{font-size:12.5px;color:#888;}

  /* FAQ */
  .faq-item{border-bottom:1px solid rgba(34,34,34,.1);}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;padding:22px 0;
    display:flex;justify-content:space-between;align-items:center;cursor:pointer;
    font-family:'Poppins',sans-serif;font-weight:700;font-size:16px;color:var(--charcoal);
  }
  .faq-q .plus{transition:transform .35s var(--ease);color:var(--forest);font-size:20px;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
  .faq-a p{padding-bottom:22px;color:#555;font-size:14.5px;line-height:1.65;max-width:640px;}

  /* NEWSLETTER */
  .newsletter{
    background:linear-gradient(135deg, var(--sage), var(--forest));
    border-radius:32px;margin:0 auto;max-width:1100px;padding:70px 50px;text-align:center;color:var(--white);
  }
  .newsletter h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:14px;}
  .newsletter p{color:var(--ivory);margin-bottom:34px;font-size:1rem;}
  .news-form{display:flex;gap:12px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
  .news-form input{
    flex:1;min-width:220px;padding:16px 22px;border-radius:100px;border:none;font-size:14.5px;font-family:'Inter',sans-serif;
  }
  .news-form button{background:var(--forest-dark);}
  @media(max-width:640px){.newsletter{padding:50px 26px;border-radius:22px;}}

  /* FOOTER */
  footer{background:var(--forest-dark);color:var(--ivory);padding:70px 0 30px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;margin-bottom:50px;}
  @media(max-width:800px){.footer-grid{grid-template-columns:repeat(2,1fr);}}
  .footer-grid h4{color:var(--white);font-size:14px;margin-bottom:16px;font-family:'Poppins',sans-serif;}
  .footer-grid ul{list-style:none;}
  .footer-grid li{margin-bottom:10px;font-size:13.5px;}
  .footer-grid a:hover{color:var(--sand);}
  .footer-brand p{font-size:13px;color:var(--ivory);line-height:1.6;max-width:260px;}
  .socials{display:flex;gap:14px;margin-top:18px;}
  .socials a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .3s;}
  .socials a:hover{background:var(--sand);color:var(--forest-dark);}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:12.5px;color:var(--ivory);text-align:center;}

  /* ===== NEW: product cards (real, WooCommerce-ready) ===== */
  .product-grid{grid-template-columns:repeat(2,1fr);}
  @media(max-width:800px){.product-grid{grid-template-columns:1fr;}}
  .product-media{aspect-ratio:4/3;background:var(--ivory);position:relative;}
  .stock-badge{
    position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:100px;
    font-size:11.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
    background:var(--white);color:var(--forest);box-shadow:0 2px 8px rgba(34,34,34,.12);
  }
  .stock-badge.low{color:var(--sand);}
  .stock-badge.out{color:#b33;}
  .placeholder-badge{
    position:absolute;top:14px;right:14px;padding:5px 11px;border-radius:100px;
    font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
    background:rgba(34,34,34,.75);color:var(--white);
  }
  .product-desc{font-size:13.5px;color:#666;line-height:1.55;margin-bottom:18px;}
  .add-cart{opacity:1;transform:none;position:static;display:flex;align-items:center;justify-content:center;gap:8px;}
  .add-cart[disabled]{background:#bbb;cursor:not-allowed;}
  .add-cart .added-check{display:none;}
  .add-cart.just-added .added-check{display:inline;}

  /* ===== NEW: header action buttons / badges ===== */
  .nav-right button{position:relative;font-size:17px;}
  .cart-count{
    position:absolute;top:-6px;right:-8px;background:var(--sand);color:var(--forest-dark);
    font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;padding:0 3px;
  }

  /* ===== NEW: search overlay ===== */
  .search-overlay{
    position:fixed;inset:0;z-index:300;background:rgba(20,32,22,.55);
    display:flex;align-items:flex-start;justify-content:center;padding:14vh 20px;
    opacity:0;pointer-events:none;transition:opacity .3s var(--ease);
  }
  .search-overlay.open{opacity:1;pointer-events:auto;}
  .search-panel{background:var(--white);border-radius:20px;padding:28px;width:100%;max-width:560px;box-shadow:0 30px 60px rgba(0,0,0,.3);}
  .search-panel form{display:flex;gap:10px;}
  .search-panel input{flex:1;padding:14px 18px;border-radius:100px;border:1.5px solid rgba(34,34,34,.15);font-size:15px;font-family:'Inter',sans-serif;}
  .search-panel input:focus{border-color:var(--forest);}
  .search-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--charcoal);}
  .search-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
  .search-panel-head h2{font-size:18px;}
  .search-results{margin-top:18px;display:flex;flex-direction:column;gap:10px;max-height:40vh;overflow-y:auto;}
  .search-result{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--ivory);font-size:14px;}
  .search-empty{font-size:13.5px;color:#777;padding:6px 4px;}

  /* ===== NEW: cart drawer ===== */
  .cart-scrim{position:fixed;inset:0;background:rgba(20,32,22,.4);z-index:299;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);}
  .cart-scrim.open{opacity:1;pointer-events:auto;}
  .cart-drawer{
    position:fixed;top:0;right:0;bottom:0;width:min(92vw,400px);z-index:301;
    background:var(--white);box-shadow:-10px 0 40px rgba(34,34,34,.18);
    transform:translateX(100%);transition:transform .4s var(--ease);
    display:flex;flex-direction:column;padding:28px 26px;
  }
  .cart-drawer.open{transform:translateX(0);}
  .cart-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
  .cart-drawer-head h2{font-size:19px;}
  .cart-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;}
  .cart-item{display:flex;gap:12px;align-items:center;}
  .cart-item img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;}
  .cart-item-info{flex:1;}
  .cart-item-info strong{font-size:13.5px;display:block;}
  .cart-item-info span{font-size:12.5px;color:#777;}
  .cart-item-remove{background:none;border:none;color:#999;cursor:pointer;font-size:13px;text-decoration:underline;}
  .cart-empty{color:#777;font-size:14px;text-align:center;padding:40px 10px;}
  .cart-footer{border-top:1px solid rgba(34,34,34,.1);padding-top:18px;margin-top:18px;}
  .cart-subtotal{display:flex;justify-content:space-between;font-weight:700;font-size:15px;margin-bottom:16px;}
  .cart-footer .btn{width:100%;}
  .cart-footer p{font-size:11.5px;color:#888;margin-top:10px;text-align:center;}

  /* ===== NEW: account panel ===== */
  .account-panel-head h2{font-size:18px;}
  .account-note{font-size:13.5px;color:#666;line-height:1.6;margin-top:6px;}

  /* ===== NEW: forms (contact, account stub) ===== */
  .simple-form{display:flex;flex-direction:column;gap:14px;max-width:520px;}
  .simple-form label{font-size:13px;font-weight:600;margin-bottom:6px;display:block;color:var(--charcoal);}
  .simple-form input, .simple-form textarea, .simple-form select{
    width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid rgba(34,34,34,.15);
    font-family:'Inter',sans-serif;font-size:14.5px;background:var(--white);
  }
  .simple-form input:focus, .simple-form textarea:focus{border-color:var(--forest);}
  .simple-form textarea{resize:vertical;min-height:120px;}
  .form-status{font-size:14px;font-weight:600;padding:12px 16px;border-radius:10px;display:none;}
  .form-status.show{display:block;}
  .form-status.success{background:rgba(46,94,59,.1);color:var(--forest);}

  /* ===== NEW: stub / policy pages ===== */
  .stub-page{display:none;}
  .stub-page.active{display:block;}
  .stub-page h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:18px;}
  .stub-page .stub-updated{font-size:12.5px;color:#888;margin-bottom:30px;}
  .stub-page h3{font-size:17px;margin:26px 0 10px;color:var(--charcoal);}
  .stub-page p, .stub-page li{color:#555;line-height:1.7;font-size:15px;margin-bottom:12px;}
  .stub-page ul{padding-left:22px;}
  .stub-notice{
    background:rgba(216,177,92,.14);border:1px solid rgba(216,177,92,.35);
    border-radius:14px;padding:16px 20px;font-size:13.5px;color:#6b5423;margin-bottom:30px;
  }
  .back-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--forest);margin-bottom:30px;}

  .new-badge{
    position:absolute;top:14px;left:14px;background:var(--sand);color:var(--charcoal);
    font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
    padding:5px 12px;border-radius:100px;box-shadow:0 2px 8px rgba(34,34,34,.18);
  }
  .verified-badge{
    display:inline-flex;align-items:center;gap:5px;background:rgba(46,94,59,.1);color:var(--forest);
    font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:100px;margin-bottom:12px;
  }
  .no-reviews-card{
    flex:0 0 300px;scroll-snap-align:start;background:var(--ivory);border-radius:20px;
    padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
    border:1.5px dashed rgba(46,94,59,.25);
  }
  .no-reviews-card h4{font-size:15px;margin-bottom:8px;color:var(--charcoal);}
  .no-reviews-card p{font-size:13.5px;color:#777;line-height:1.5;margin-bottom:0;}
  /* ===== NEW: reviews labelling ===== */
  .review-avatar-placeholder{
    width:42px;height:42px;border-radius:50%;background:var(--sage);color:var(--white);
    display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;flex-shrink:0;
  }
  .example-tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#999;margin-bottom:10px;}
  .section-notice{
    background:rgba(46,94,59,.06);border:1px solid rgba(46,94,59,.15);border-radius:14px;
    padding:14px 20px;font-size:13px;color:#4a5d4e;margin-bottom:32px;max-width:640px;
  }

  /* ===== NEW: footer link cleanup ===== */
  .footer-grid a{cursor:pointer;}
  .trust-strip{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:26px;font-size:12.5px;color:var(--ivory);}
</style>