/*
Theme Name: BEEF'D Jerky
Theme URI: https://sandybrown-capybara-515829.hostingersite.com/
Author: Jye Parker
Description: Custom WordPress theme for BEEF'D — premium high-protein beef jerky, proudly Geelong made. Black & gold brand design, single-page brochure front page, WooCommerce-ready header/footer.
Version: 1.9.40
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beefd
*/

/* ============================================================
   BEEF'D — REAL MEAT · REAL THICK
   Black & gold brand. Editable content lives in front-page.php
   and the WP admin. Swap images of the same name in /images.
   ============================================================ */

:root{
  --bg:#0c0c0c;          /* near-black page bg     */
  --bg2:#151515;         /* alt section bg         */
  --card:#191919;        /* card bg                */
  --gold:#f6b016;        /* brand gold             */
  --gold-dark:#d4940a;
  --text:#ece8e1;        /* off-white body text    */
  --text-soft:#a9a39a;   /* muted text             */
  --line:#2a2824;        /* hairlines              */
  --max:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Helvetica Neue",Arial,system-ui,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Oswald","Helvetica Neue",Arial,sans-serif;font-weight:700;line-height:1.1;letter-spacing:.01em;margin:0 0 .4em;text-transform:uppercase}
h1,h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.eyebrow{
  font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:1.5rem;
  font-weight:700;color:var(--gold);margin:0 0 .4em;line-height:1.15
}
.btn{
  display:inline-block;background:var(--gold);color:#0c0c0c;text-decoration:none;
  padding:14px 28px;border-radius:4px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  font-family:"Oswald",sans-serif;font-size:.95rem;
  transition:background .2s,transform .2s,box-shadow .2s;border:2px solid var(--gold);
}
.btn:hover{background:var(--gold-dark);border-color:var(--gold-dark);transform:translateY(-2px);box-shadow:0 10px 26px -10px rgba(246,176,22,.6)}
.btn.ghost{background:transparent;color:var(--gold);border-color:rgba(246,176,22,.55)}
.btn.ghost:hover{background:rgba(246,176,22,.10);color:var(--gold)}
.btn.call-btn{background:#1db954;border-color:#1db954;color:#fff}
.btn.call-btn:hover{background:#179443;border-color:#179443}
.btn.email-btn{display:inline-flex;align-items:center;gap:9px;background:#ea4335;border-color:#ea4335;color:#fff}
.btn.email-btn:hover{background:#c5221f;border-color:#c5221f}

/* ---------- A11y: keyboard focus ring ---------- */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(10,10,10,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:flex-start;gap:36px;height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:58px;width:auto;display:block}
@media(max-width:480px){.brand img{height:48px}}
.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.main-nav a{font-family:"Oswald",sans-serif;text-decoration:none;font-weight:600;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);transition:color .2s}
.main-nav a:hover,.main-nav a.active,.main-nav .current-menu-item>a{color:var(--gold)}
.nav-cart{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--text);text-decoration:none;font-family:"Oswald",sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transition:color .2s;position:relative}
.cart-count{position:absolute;top:-9px;left:12px;min-width:17px;height:17px;border-radius:9px;background:var(--gold);color:#0c0c0c;font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;letter-spacing:0}
.cart-count[hidden]{display:none}
.nav-cart svg{width:20px;height:20px}
.nav-cart:hover{color:var(--gold)}
.nav-cart+.nav-call{margin-left:0}
@media(max-width:880px){.nav-cart .cart-label{display:none}}
.nav-call{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;color:var(--text);margin-left:auto;font-family:"Oswald",sans-serif}
.nav-call .tag{font-size:.6rem;letter-spacing:.18em;color:var(--gold);display:block;text-align:center;text-transform:uppercase}
.nav-call .num{display:block;text-align:center;white-space:nowrap;font-size:.98rem}
.nav-call .phone-ico{font-size:1.1rem;line-height:1;align-self:flex-end;margin-bottom:3px;margin-right:-2px}
.menu-btn{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--gold);padding:10px 12px;min-height:44px;min-width:44px;line-height:1}
@media(max-width:880px){
  .main-nav ul{
    position:absolute;top:74px;left:0;right:0;background:#0c0c0c;flex-direction:column;
    gap:0;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s
  }
  .main-nav ul.open{max-height:460px}
  .main-nav li{border-top:1px solid var(--line)}
  .main-nav a{display:block;padding:16px 22px}
  .menu-btn{display:block}
  .nav-call .tag{display:none}
}

/* ---------- Hero ---------- */
.hero{position:relative;text-align:center;background:radial-gradient(ellipse at 50% 30%,#1c1a16 0%,#0c0c0c 70%);overflow:hidden}
.hero .wrap{padding:36px 22px 84px;position:relative;z-index:2}
.hero .bull{height:auto;filter:drop-shadow(0 14px 40px rgba(246,176,22,.18))}
.hero h1{font-family:"Ultra",serif;font-weight:400;color:var(--gold);font-size:clamp(2.8rem,9vw,5.4rem);letter-spacing:.02em;line-height:1;margin:0 0 .1em;text-shadow:0 0 18px rgba(246,176,22,.55),0 0 55px rgba(246,176,22,.35),0 0 110px rgba(246,176,22,.22)}
.hero .tagline{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.28em;font-size:clamp(.95rem,2.4vw,1.35rem);color:#fff;margin:0 0 1em}
.hero p.lead{font-size:clamp(1.02rem,2.1vw,1.25rem);max-width:54ch;margin:0 auto 2em;color:var(--text-soft)}
.hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Strip ---------- */
.strip{background:var(--gold);color:#0c0c0c}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 36px;justify-content:center;padding:18px 22px;font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.05rem,1.5vw,1.35rem)}
.strip span{display:inline-flex;align-items:center;gap:8px}

/* ---------- Sections ---------- */
section{padding:80px 0}
.alt{background:var(--bg2)}
.center{text-align:center;max-width:64ch;margin:0 auto 50px}
.center p{color:var(--text-soft)}
p.eyebrow{color:var(--gold)}

/* Range / products */
.grid{display:grid;gap:24px}
.range .grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.range .grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.range .grid{grid-template-columns:1fr}}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;
  transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;display:flex;flex-direction:column
}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(0,0,0,.8);border-color:rgba(246,176,22,.5)}
.card .shot{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;background:var(--card);display:block;border-bottom:1px solid var(--line)}
.card .body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card h3{margin-bottom:.3em;color:#fff}
.card p{color:var(--text-soft);margin:0 0 14px;font-size:.95rem}
.card .pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.card .pill{display:inline-block;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--gold);border:1px solid rgba(246,176,22,.45);border-radius:30px;padding:4px 11px}

/* Sponsor callout */
.sponsor{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;max-width:920px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
@media(max-width:680px){.sponsor{grid-template-columns:1fr}}
.sponsor img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.sponsor .sbody{padding:30px 30px 30px 0}
@media(max-width:680px){.sponsor .sbody{padding:0 26px 30px}}
.sponsor h3{color:var(--gold);margin-bottom:.3em}
.sponsor p{color:var(--text-soft);margin:0}
.sponsor+.sponsor{margin-top:26px}

/* Wholesale */
.wholesale{max-width:980px;margin:46px auto 0;background:linear-gradient(135deg,#1a1813,#111);border:1px solid rgba(246,176,22,.35);border-radius:14px;padding:40px 34px;text-align:center}
.wholesale h3{color:var(--gold);font-size:1.5rem}
.wholesale p{color:var(--text-soft);max-width:60ch;margin:0 auto 18px}
.wholesale .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 38px}
.btn.btn-wide{display:inline-block;min-width:280px;text-align:center;box-sizing:border-box}
/* Wholesale split box: copy left, vending video right */
.wholesale.ws-split{max-width:1100px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start;text-align:left;padding:44px 42px}
.ws-split h3{text-align:left;margin-bottom:46px}
.ws-split .chips{justify-content:flex-start}
.ws-split .ws-copy p{margin:0 0 16px;max-width:none}
.ws-bottom{display:flex;align-items:center;gap:24px;margin-top:14px}
.ws-ctas{display:flex;flex-direction:column;gap:14px;align-items:flex-start;flex:0 0 auto}
.ws-ctas .ws-already{margin:2px 0 0;color:var(--text-soft);width:280px;text-align:center;box-sizing:border-box}
.ws-stock{width:190px;height:auto;margin:0 auto}
@media(max-width:900px){.ws-bottom{flex-direction:column;gap:20px}.ws-ctas{align-items:center}}
.ws-media{text-align:center}
.ws-video{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:14px;border:1px solid rgba(246,176,22,.35);box-shadow:0 26px 60px -28px rgba(0,0,0,.9)}
.ws-caption{margin:12px auto 0;font-size:.85rem;color:var(--text-soft);text-align:center}
@media(max-width:900px){.wholesale.ws-split{grid-template-columns:1fr;text-align:center;gap:30px}.ws-split h3{text-align:center;margin-bottom:18px}.ws-split .chips{justify-content:center}}
.wholesale .chips span{font-family:"Oswald",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);border:1px solid var(--line);border-radius:30px;padding:6px 13px}

/* Why / stats */
.why .grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:880px){.why .grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.why .grid{grid-template-columns:1fr}}
.why .item{text-align:center}
.why .num{font-family:"Anton",sans-serif;font-size:2.6rem;color:var(--gold);line-height:1}
.why .num .plus{font-size:1.4em;line-height:0;vertical-align:-0.08em}
.why .item p{color:var(--text-soft);margin:.3em 0 0;font-size:.95rem}

/* About */
.about{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
.about img{border-radius:10px;box-shadow:0 22px 50px -22px rgba(0,0,0,.9);aspect-ratio:4/5;object-fit:cover;object-position:center;width:100%}
@media(max-width:820px){.about{grid-template-columns:1fr}}
.about .tags{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}
.about .tags span{font-family:"Oswald",sans-serif;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);border:1px solid rgba(246,176,22,.4);border-radius:30px;padding:5px 13px}

/* Nutrition */
.nutri-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;max-width:980px;margin:0 auto}
@media(max-width:820px){.nutri-wrap{grid-template-columns:1fr;gap:28px}}
.nutri-meta h3{color:#fff}
.nutri-meta p{color:var(--text-soft);font-size:.95rem}
.nutri-meta strong{color:var(--text)}
.nutri-label{display:block;width:100%;max-width:420px;margin-top:18px;border:1px solid var(--line);border-radius:10px}
.nutri-blurb{display:block;width:100%;max-width:420px;margin:0 auto;justify-self:center;border:1px solid var(--line);border-radius:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Find us / stockists */
.stockists{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
@media(max-width:880px){.stockists{grid-template-columns:1fr;max-width:420px;margin:40px auto 0}}
.stockist{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.stockist .sk-photo{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.sk-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.sk-body h3{color:#fff;margin-bottom:2px}
.sk-loc{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--gold);margin:0 0 10px}
.sk-body p{color:var(--text-soft);margin:0}
.sk-link{display:inline-block;margin-top:14px;color:var(--gold);font-weight:600;text-decoration:none}
.stockist .sk-link{margin-top:auto;padding-top:14px}
.sk-link:hover{text-decoration:underline}

/* Shop order form */
.shop-logo{display:block;margin:0 auto 18px;width:230px;height:auto}
.about .shop-logo{margin:0 0 18px;width:230px;aspect-ratio:auto;object-fit:initial;border-radius:0;box-shadow:none}
.shop-banner{background:var(--gold);color:#0c0c0c;text-align:center;font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;padding:12px 16px}
.shop-order{max-width:760px;margin:40px auto 0}
.shop-row{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:14px}
.shop-thumb img{width:84px;height:105px;object-fit:contain;border-radius:8px;display:block;background:#0d0c0a}
.shop-info{flex:1}
.shop-info h3{margin:0 0 4px;font-size:1.05rem}
.shop-info h3 a{color:#fff;text-decoration:none}
.shop-info h3 a:hover{color:var(--gold)}
.shop-price{color:var(--gold);font-weight:700;margin:0}
.shop-qty{display:flex;align-items:center;gap:10px}
.shop-qty label{font-weight:600;font-size:.85rem;color:var(--text-soft)}
.shop-qty input{width:74px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#171511;color:#fff;font:inherit;text-align:center}
.shop-actions{text-align:center;margin-top:26px}
@media(max-width:560px){.shop-row{flex-wrap:wrap}.shop-info{flex:1 1 55%}.shop-qty{margin-left:auto}}

/* WooCommerce block forms (cart/checkout): the floating field labels and
   placeholders ship as pale grey on white — near invisible. */
.wc-block-components-text-input label,
.wc-block-components-country-input label,
.wc-block-components-state-input label,
.wc-block-components-combobox label,
.wc-block-components-select label,
.wc-block-components-totals-coupon label{color:#3f3f3f !important}
.wc-block-components-text-input input::placeholder,
.wc-block-components-address-form input::placeholder{color:#5a5a5a !important;opacity:1}

/* Privacy policy / legal text */
.legal{max-width:820px;margin:34px auto 0}
.legal h2{font-size:1.25rem;color:var(--gold);margin:34px 0 12px}
.legal p,.legal li{color:var(--text-soft);font-size:.97rem;line-height:1.7}
.legal p{margin:0 0 16px}
.legal ul{list-style:disc;margin:0 0 16px;padding-left:24px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--text)}

/* Social embeds */
.social-embeds{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:46px;align-items:start}
@media(max-width:820px){.social-embeds{grid-template-columns:1fr;gap:40px}}
.embed-col{text-align:center}
.embed-title{font-family:"Oswald",sans-serif;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.feed-card{display:flex;flex-direction:column;text-decoration:none;color:#fff;border-radius:14px;overflow:hidden;max-width:520px;margin:0 auto;box-shadow:0 18px 40px -22px rgba(0,0,0,.7);transition:transform .2s,box-shadow .2s}
.feed-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -22px rgba(0,0,0,.8)}
.feed-head{display:flex;align-items:center;gap:12px;padding:15px 18px}
.feed-card.ig .feed-head{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.feed-card.fb .feed-head{background:#1877f2}
.feed-ico{width:40px;height:40px;border-radius:9px;flex:0 0 auto;background:#fff;object-fit:cover}
.feed-meta{text-align:left;line-height:1.25}
.feed-meta strong{display:block;font-size:.98rem}
.feed-meta span{font-size:.82rem;opacity:.88}
.feed-follow{margin-left:auto;background:rgba(255,255,255,.95);color:#111;font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:6px}
.feed-media{display:grid;gap:3px;background:#000;height:460px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.feed-media img{width:100%;height:100%;object-fit:cover;display:block}
.feed-foot{padding:15px 18px;font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;text-align:center;background:#111}

/* Contact / CTA */
.cta{background:#0c0c0c;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta .big-phone{font-family:"Anton",sans-serif;font-size:clamp(1.9rem,5vw,3rem);color:var(--gold);text-decoration:none;display:inline-block;margin:.2em 0 .5em;letter-spacing:.02em}
.cta .big-phone:hover{color:#fff}
.contact-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px}

/* Footer */
.site-footer{background:#070707;color:var(--text-soft);font-size:.92rem;border-top:1px solid var(--line)}
.site-footer .wrap{padding:54px 22px 30px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.45fr;gap:30px 24px;align-items:start}
@media(max-width:720px){.site-footer .wrap{grid-template-columns:1fr}}
.footer-range{text-align:center;justify-self:center}
.footer-wholesaler{text-align:center;justify-self:center}
.footer-contact{text-align:right;justify-self:end}
@media(max-width:720px){.footer-range,.footer-wholesaler{text-align:left;justify-self:start}.footer-contact{text-align:left;justify-self:start}}
.site-footer h4{font-family:"Oswald",sans-serif;color:var(--gold);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}
.site-footer a{color:var(--text-soft);text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:8px}
.f-brand{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.f-brand img{height:58px;width:auto;display:block}
@media(max-width:480px){.f-brand img{height:48px}}
.socials{display:flex;gap:12px;flex-wrap:wrap}
.sbtn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s,filter .2s}
.sbtn svg{width:26px;height:26px}
.sbtn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.sbtn.ig{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-shadow:0 3px 14px rgba(214,41,118,.35)}
.sbtn.fb{background:#1877f2;box-shadow:0 3px 14px rgba(24,119,242,.35)}
.pico{width:1em;height:1em;vertical-align:-.12em;color:#e8281e}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.12);margin-top:3rem;padding-top:1.5rem;max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px;display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;font-size:.85rem}
.footer-bottom .footer-copy{color:inherit}
.footer-bottom .footer-copy a{color:inherit;text-decoration:underline}
.footer-bottom .footer-copy a:hover{color:var(--gold)}
.footer-credit{display:inline-flex;align-items:center;gap:.5rem;color:#fff;opacity:.82;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s}
.footer-credit:hover{opacity:1;transform:translateY(-2px)}
.footer-credit strong{color:#fff;font-weight:700}
.fpw-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#f7b267 0%,#f4a14e 45%,#df7c20 100%);box-shadow:0 2px 6px -1px rgba(216,122,34,.5)}
.fpw-mark svg{width:16px;height:16px}

/* Generic WP page/post content */
.page-content{padding:80px 0;max-width:760px;margin:0 auto}
.page-content a{color:var(--gold)}

/* Mobile tuning */
@media(max-width:560px){
  .wrap{padding:0 16px}
  section{padding:56px 0}
  .hero .wrap{padding:46px 16px 64px}
  .site-footer .wrap{padding-left:16px;padding-right:16px}
  .center{margin-bottom:36px}
}

/* Small-phone header: the fixed 36px gaps + full phone number overflow
   narrow screens and push the menu button off-canvas. */
@media(max-width:600px){.nav{gap:18px}}
@media(max-width:430px){
  .nav{gap:11px}
  .brand img{height:42px}
  .nav-call .num{font-size:.82rem}
  .nav-call .phone-ico{display:none}
}

/* --- Hero side smoke trails --- */
.hero .bull-stage{position:relative;width:min(620px,92vw);aspect-ratio:940/740;margin:0 auto 6px}
.hero .bull-stage .fx{position:absolute;inset:0;width:100%;height:100%;object-fit:contain} .hero .bull-stage .bull{z-index:1} .hero .bull-stage .smoke-bg{z-index:0;pointer-events:none;background:transparent}
/* picture element wrapping .bull must fill the stage */
.hero .bull-stage picture{position:absolute;inset:0;width:100%;height:100%}


/* --- iOS Safari: hide transparent WebM (black-box bug on autoplay) --- */
/* -webkit-touch-callout: none matches iOS Safari only — desktop Chrome unaffected */
/* .ws-stock-ios: static bull PNG shown only on iOS in place of the WebM */
.ws-stock-ios { display: none; }
@supports (-webkit-touch-callout: none) {
  .hero .bull-stage .smoke-bg { display: none !important; }
  .ws-bottom .ws-stock { display: none !important; }
  .ws-stock-ios { display: block; width: 190px; height: auto; margin: 0 auto; }
}