:root {
  --fb-primary:#95d51f;--fb-accent:#e7632f;--fb-yellow:#f4c744;--fb-dark:#101611;--fb-green:#245642;
  --fb-body-bg:#f6f4ee;--fb-card:#fff;--fb-text:#20281f;--fb-muted:#697066;--fb-nav-bg:#101611;
  --fb-hero-title-color:#fff;--fb-hero-highlight-color:#d7f08f;--fb-hero-desc-color:#d7dfd4;--fb-app-icon-bg:#95d51f;
  --fb-heading:"Manrope",sans-serif;--fb-body:"Inter",sans-serif;--fb-header-py:0rem;--fb-header-px:2rem;
  --fb-hero-pt:5.6rem;--fb-hero-pb:5rem;--fb-hero-gap:5rem;--fb-hero-size:6.2rem;--fb-hero-app-padding:2.5rem;
  --fb-page-pt:3rem;--fb-page-pb:3rem;--fb-section-mb:3.5rem;--fb-grid-gap:1rem;--fb-radius:8px;--fb-radius-sm:6px;
  --fb-banner-py:1.2rem;--fb-banner-px:1.5rem;--fb-product-columns:4;--fb-sidebar-width:290px;
  --fb-border:rgba(16,22,17,.11);--fb-border-soft:rgba(16,22,17,.07);--fb-shadow:0 10px 30px rgba(16,22,17,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#faf9f4 0%,var(--fb-body-bg) 45%,#f1eee6 100%);color:var(--fb-text);font-family:var(--fb-body);line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--fb-heading);letter-spacing:-.04em;line-height:1.05}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ─── NAV ─── */
.fb-nav{background:var(--fb-nav-bg);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}
.nav-inner{max-width:1280px;min-height:68px;margin:0 auto;padding:var(--fb-header-py) var(--fb-header-px);display:flex;align-items:center;gap:2rem}
.logo{color:#fff;font-family:var(--fb-heading);font-size:1.45rem;font-weight:900;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.logo em{color:var(--fb-primary);font-style:normal}
.logo img,.logo .custom-logo{max-height:52px;width:auto;display:block}
.custom-logo{max-width:220px;height:auto}
.nav-logo-placeholder{display:flex;align-items:center;justify-content:center;min-width:140px;min-height:40px;border:2px dashed rgba(255,255,255,.25);border-radius:var(--fb-radius-sm);color:rgba(255,255,255,.45);font-size:.78rem;font-weight:700;padding:.35rem .75rem;text-align:center;white-space:nowrap}
.nav-links{list-style:none;padding:0;margin:0;display:flex;gap:.25rem;flex:1}
.nav-links a{display:block;color:rgba(255,255,255,.68);text-decoration:none;font-size:.88rem;font-weight:800;padding:.45rem .85rem;border-radius:var(--fb-radius-sm);transition:.2s}
.nav-links a:hover{background:rgba(255,255,255,.08);color:#fff}
.nav-search{min-width:170px;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--fb-radius-sm);padding:.45rem .75rem}
.nav-search svg{width:15px;height:15px;color:rgba(255,255,255,.45)}
.nav-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:.82rem}
.nav-fb{display:inline-flex;align-items:center;justify-content:center;min-height:38px;width:38px;padding:0;color:var(--fb-dark);background:#fff;border-radius:var(--fb-radius-sm);text-decoration:none;flex-shrink:0}

/* ─── HERO ─── */
.fb-hero{min-height:calc(100vh - 68px);display:flex;align-items:center;background:linear-gradient(120deg,rgba(16,22,17,.88),rgba(16,22,17,.62)),radial-gradient(circle at 74% 32%,rgba(149,213,31,.24),transparent 28%),linear-gradient(135deg,#14231a 0%,#0f1511 100%);position:relative;overflow:hidden}
.fb-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.hero-inner{width:100%;max-width:1280px;margin:0 auto;padding:var(--fb-hero-pt) 2rem var(--fb-hero-pb);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:var(--fb-hero-gap);align-items:center;position:relative;z-index:1}
.hero-pill,.eyebrow{display:inline-flex;width:fit-content;color:#d8f29a;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.32rem .92rem;margin-bottom:1.4rem;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-title{max-width:760px;margin:0 0 1.2rem;color:var(--fb-hero-title-color);font-size:clamp(3rem,6.2vw,var(--fb-hero-size));font-weight:900;letter-spacing:-.06em}
.hero-title span{color:var(--fb-hero-highlight-color)}
.hero-desc{max-width:590px;margin:0 0 2.3rem;color:var(--fb-hero-desc-color);font-size:1.08rem;line-height:1.72}
.hero-cats{display:flex;flex-wrap:wrap;gap:.65rem}
.cat-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;padding:.55rem 1rem;color:rgba(255,255,255,.84);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--fb-radius-sm);text-decoration:none;transition:.2s}
.cat-chip svg{width:16px;height:16px}
.cat-chip:hover{transform:translateY(-2px);background:rgba(149,213,31,.12);border-color:rgba(149,213,31,.38)}

/* ─── HERO APP CARD ─── */
.hero-app{padding:var(--fb-hero-app-padding);border:1px solid rgba(255,255,255,.15);border-radius:var(--fb-radius);background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),linear-gradient(135deg,rgba(149,213,31,.18),rgba(36,86,66,.25));box-shadow:0 24px 80px rgba(0,0,0,.28)}
.app-head{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.45rem}
.app-icon,.app-promo-icon{width:72px;height:72px;flex:0 0 auto;display:grid;place-items:center;color:var(--fb-dark);background:var(--fb-app-icon-bg);border-radius:var(--fb-radius);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.app-icon img,.app-promo-icon img{width:100%;height:100%;object-fit:cover}
.app-icon svg,.app-promo-icon svg{width:34px;height:34px}
.app-label{color:var(--fb-primary);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.app-name{color:#fff;font-family:var(--fb-heading);font-size:1.45rem;font-weight:900}
.app-desc,.app-features li{color:rgba(255,255,255,.74)}
.app-features{margin:0 0 1.75rem;padding:0;list-style:none;display:grid;gap:.55rem}
.app-features li{display:flex;gap:.65rem}
.app-features li::before{content:"";width:6px;height:6px;margin-top:.65em;border-radius:50%;background:var(--fb-primary);flex:0 0 auto}
.btn-download,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.76rem 1.45rem;border:0;border-radius:var(--fb-radius-sm);color:var(--fb-dark);background:var(--fb-primary);font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(149,213,31,.22);transition:.2s}
.btn-download:hover,.button:hover,.woocommerce a.button:hover{transform:translateY(-2px);filter:brightness(1.04)}

/* ─── ANNOUNCEMENT STRIP ─── */
.strip{background:#fff;border-bottom:1px solid var(--fb-border);padding:.9rem 2rem}
.strip-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.25rem;text-align:center;flex-wrap:wrap}
.strip a{font-family:var(--fb-heading);font-weight:900;text-decoration:none}
.strip-badge{display:inline-flex;align-items:center;min-height:24px;padding:.2rem .7rem;color:#fff;background:var(--fb-dark);border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase}
.strip-badge:last-child{color:var(--fb-dark);background:var(--fb-primary)}

/* ─── PAGE BODY ─── */
.editable-block-zone{max-width:1280px;margin:2rem auto 0;padding:0 2rem}
.editable-block-zone.no-pad{padding:0}
.page-body{max-width:1280px;margin:0 auto;padding:var(--fb-page-pt) 2rem var(--fb-page-pb);display:grid;grid-template-columns:1fr var(--fb-sidebar-width);gap:2.5rem;align-items:start}
.products-section{margin-bottom:var(--fb-section-mb)}
.section-head{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--fb-border)}
.section-head h2{display:flex;align-items:center;gap:.55rem;margin:0 0 .3rem;color:var(--fb-dark);font-size:clamp(1.45rem,2.4vw,1.9rem)}
.section-head .tag{width:10px;height:10px;border-radius:3px;background:var(--fb-primary)}
.section-head p{margin:0;color:var(--fb-muted);font-size:.92rem}

/* ─── PRODUCT GRID ─── */
.product-grid{display:grid;grid-template-columns:repeat(var(--fb-product-columns),minmax(0,1fr));gap:var(--fb-grid-gap);margin-bottom:1.1rem}
.product-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;color:inherit;background:var(--fb-card);border:1px solid var(--fb-border-soft);border-radius:var(--fb-radius);text-decoration:none;transition:.22s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--fb-shadow)}
.product-img{aspect-ratio:1.04;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#e8ffd4,#d4f0b0)}
.product-img::after{content:"";width:76px;height:76px;border-radius:22px 40px 28px 44px;background:radial-gradient(circle at 68% 28%,rgba(255,255,255,.85),transparent 13px),linear-gradient(135deg,var(--fb-primary),var(--fb-accent));box-shadow:0 20px 35px rgba(16,22,17,.18)}
.product-img-real::after{content:none}
.product-img-real img{width:100%;height:100%;object-fit:cover}
.p2{background:linear-gradient(135deg,#e8eeff,#d4dcff)}.p3{background:linear-gradient(135deg,#fff8e8,#ffefc0)}
.p4{background:linear-gradient(135deg,#e8fff8,#c0f0e8)}.p5{background:linear-gradient(135deg,#ffe8e8,#ffd4d4)}
.p6{background:linear-gradient(135deg,#f8e8ff,#ecc0ff)}.p7{background:linear-gradient(135deg,#ffe8f8,#ffc0e8)}
.p8{background:linear-gradient(135deg,#e8f8ff,#c0e8ff)}.p9{background:linear-gradient(135deg,#f8ffe8,#e8ffc0)}
.product-body{flex:1;display:flex;flex-direction:column;padding:.95rem}
.product-title{flex:1;margin:0 0 .62rem;color:var(--fb-dark);font-size:.84rem;font-weight:900;line-height:1.45}

/* ─── PRICE (FIX #8: clear separation of sale/regular price) ─── */
.product-tag,.price{display:inline-flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;line-height:1.3}
.product-tag del,.woocommerce ul.products li.product .price del,.price del{
  opacity:1;
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:rgba(16,22,17,.45);
  color:var(--fb-muted);
  font-weight:500;
  font-size:.82em;
  margin-right:0;
}
.product-tag ins,.woocommerce ul.products li.product .price ins,.price ins{
  text-decoration:none;
  color:var(--fb-green);
  font-weight:900;
  font-size:1em;
}
/* sale badge in product card */
.product-tag{display:inline-flex;width:fit-content;padding:.25rem .55rem;background:rgba(149,213,31,.12);border-radius:var(--fb-radius-sm);font-size:.78rem}

/* ─── BANNERS ─── */
.div-banner{height:var(--fb-banner-one-h,320px);min-height:var(--fb-banner-one-h,320px);margin-bottom:var(--fb-section-mb);padding:0;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#172219,#335033);border-radius:var(--fb-radius);text-decoration:none;overflow:hidden;position:relative}
.div-banner img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.div-banner span{position:relative;z-index:1;padding:1rem;color:rgba(255,255,255,.78);font-weight:900;text-align:center}
/* Hide old text/CTA overlays — banners are now image-only clickable */
.div-banner::after,.div-banner-text,.div-banner-cta,.div-banner .banner-overlay-text{display:none!important}
.div-banner-alt{background:linear-gradient(135deg,var(--fb-dark),var(--fb-green));height:var(--fb-banner-two-h,320px);min-height:var(--fb-banner-two-h,320px)}
.div-banner-alt img{height:100%}
.banner-image-only{cursor:pointer}

/* ─── SIDEBAR ─── */
.sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:1.25rem}
.sidebar-block,.app-promo,.content-shell,.post-card,.product-summary-panel,.product-gallery-panel,.product-info-card{background:var(--fb-card);border:1px solid var(--fb-border-soft);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow)}
.sidebar-block{padding:1.35rem}
.sidebar-block h3,.widget-title{margin:0 0 1rem;padding-bottom:.75rem;color:var(--fb-dark);border-bottom:1px solid var(--fb-border);font-size:.9rem;font-weight:900;text-transform:uppercase}
.search-bar{display:flex;gap:.5rem}
.search-bar input{min-width:0;flex:1;border:1px solid var(--fb-border);border-radius:var(--fb-radius-sm);padding:.62rem .85rem;background:#fbfaf5}
.search-bar button{border:0;border-radius:var(--fb-radius-sm);padding:.62rem .9rem;color:#fff;background:var(--fb-green);font-weight:900}
.app-promo{padding:1.5rem 1.35rem;color:#fff;text-align:center;background:linear-gradient(160deg,var(--fb-dark),#1e3d28)}
.app-promo-icon{margin:0 auto .85rem}
.app-promo h4{margin:0 0 .45rem;color:#fff}
.app-promo p{margin:0 0 1.1rem;color:rgba(255,255,255,.64);font-size:.82rem}
.cat-list{margin:0;padding:0;display:grid;gap:.25rem;list-style:none}
.cat-list a{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;text-decoration:none;font-weight:900;border-radius:var(--fb-radius-sm)}
.cat-dot{width:7px;height:7px;border-radius:50%;background:var(--fb-primary)}
.cat-count{margin-left:auto;padding:.12rem .45rem;color:var(--fb-muted);background:#f0f0ec;border-radius:999px}

/* ─── GENERIC PAGES ─── */
.generic-main,.builder-main{padding:4rem 2rem}
.archive-shell,.content-shell,.product-detail-shell{max-width:1180px;margin:0 auto}
.content-shell{padding:clamp(1.4rem,4vw,3rem)}
.entry-header h1,.archive-shell h1,.shop-hero h1,.product-hero-band h1{margin:0 0 1rem;color:var(--fb-dark);font-size:clamp(2rem,5vw,4.4rem)}
/* Hide default WordPress first post */
.home .hentry:first-of-type .entry-content p:first-child:only-child,
body.page-template-default .hentry .entry-content > p:first-child{display:none}
.post-grid,.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.post-card{overflow:hidden}
.post-card a{text-decoration:none}
.post-card-body{padding:1.2rem}

/* ─── SHOP / PRODUCT HERO ─── */
.shop-hero,.product-hero-band{padding:4.5rem 2rem;color:#fff;background:linear-gradient(120deg,rgba(16,22,17,.92),rgba(16,22,17,.72)),linear-gradient(135deg,var(--fb-dark),var(--fb-green))}
.shop-hero h1,.shop-hero p,.product-hero-band h1{color:#fff}

/* ─── PRODUCT DETAIL PAGE ─── */
.product-detail-shell{padding:2rem 2rem}
.product-detail-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:1.4rem;margin-bottom:1.4rem}
.product-gallery-panel,.product-summary-panel,.product-info-card{padding:clamp(1rem,3vw,2rem)}
.product-summary-panel h2{margin:.35rem 0 .8rem;color:var(--fb-dark);font-size:clamp(1.8rem,4vw,3.4rem)}
/* Hide WooCommerce add-to-cart & quantity from product page (using custom Buy Now) */
.fb-product-page .product_meta,
.fb-product-page form.cart,
.fb-product-page .quantity,
.fb-product-page .single_add_to_cart_button,
.fb-product-page .woocommerce-variation-add-to-cart{display:none!important}
.product-meta-row{margin-top:.75rem}
.product-info-card{margin-bottom:1.4rem}

/* ─── FOOTER ─── */
.site-footer{background:var(--fb-dark);color:rgba(255,255,255,.58);padding:2.5rem 2rem}
.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.footer-brand{display:flex;flex-direction:column;gap:.65rem}
.footer-brand a,.footer-menu a{color:var(--fb-primary);font-weight:900;text-decoration:none}
.footer-logo-placeholder{display:flex;align-items:center;justify-content:center;min-width:160px;min-height:52px;border:2px dashed rgba(255,255,255,.22);border-radius:var(--fb-radius-sm);color:rgba(255,255,255,.38);font-size:.75rem;font-weight:700;padding:.4rem .8rem;text-align:center}
.footer-logo img,.footer-logo .custom-logo{max-height:54px;width:auto}
.footer-menu{display:flex;gap:1rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}

/* ─── FEATURED APP SECTION ─── */
.featured-app-section{margin-bottom:var(--fb-section-mb);padding:1.5rem;display:grid;grid-template-columns:minmax(220px,.62fr) 1fr;gap:2rem;align-items:center;background:var(--fb-card);border:1px solid var(--fb-border);border-radius:var(--fb-radius);box-shadow:var(--fb-shadow)}
.featured-app-media{text-align:center;position:relative}
.featured-app-main-img{max-height:360px;width:auto;object-fit:contain}
.featured-app-qr{position:absolute;right:0;bottom:3.6rem;width:120px;border:3px solid #fff;border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.18);background:#fff}
.featured-app-phone-placeholder{height:310px;display:flex;justify-content:center;align-items:end;gap:18px}
.featured-app-phone-placeholder span{width:110px;height:280px;border-radius:22px;background:linear-gradient(160deg,#0a88cf,#78e243);box-shadow:0 12px 26px rgba(16,22,17,.18)}
.featured-app-phone-placeholder span:nth-child(2){height:260px;background:linear-gradient(160deg,#1260a9,#f2a13b)}
.featured-app-media h3{margin:.6rem 0 0;color:var(--fb-dark);font-size:1.1rem}
.featured-app-media p{margin:0;color:var(--fb-muted);font-size:.9rem}
.featured-app-copy h2,.featured-app-copy h3{margin:0 0 .8rem;color:var(--fb-dark);font-size:1rem;text-transform:none;letter-spacing:0}
.featured-app-copy p{margin:0 0 1.1rem;color:var(--fb-text);line-height:1.5}
.featured-app-copy ul{margin:0 0 1.2rem;padding-left:1.25rem;color:var(--fb-text)}
.featured-app-copy li{margin:.55rem 0}
.featured-app-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.8rem 1.2rem;border-radius:var(--fb-radius-sm);background:var(--fb-yellow);color:var(--fb-dark);font-weight:900;text-decoration:none;border:1px solid rgba(16,22,17,.08);transition:.2s}
.featured-app-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* Buy Now button — always visible, always green, never hidden */
.single-buy-now-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:220px;
  max-width:100%;
  min-height:52px;
  padding:.9rem 2rem;
  background:var(--fb-primary)!important;
  color:var(--fb-dark)!important;
  font-family:var(--fb-heading);
  font-size:1.05rem;
  font-weight:900;
  text-decoration:none!important;
  border:0;
  border-radius:var(--fb-radius-sm);
  box-shadow:0 12px 28px rgba(149,213,31,.28);
  transition:.2s;
  margin:1rem 0;
  cursor:pointer;
  visibility:visible!important;
  opacity:1!important;
}

/* ─── WOOCOMMERCE SHOP PAGE ─── */
.fb-content-wide{flex:1;min-width:0}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.25rem!important;margin:0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0!important;background:var(--fb-card);border:1px solid var(--fb-border-soft);border-radius:var(--fb-radius);overflow:hidden;box-shadow:var(--fb-shadow)}
.woocommerce ul.products li.product a img{width:100%!important;aspect-ratio:1.04;object-fit:cover;margin:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:.95rem .95rem .25rem!important;color:var(--fb-dark);font-family:var(--fb-body);font-size:1rem;font-weight:900;line-height:1.35}
.woocommerce ul.products li.product .price{margin:.4rem .95rem .55rem;font-size:.9rem}
.woocommerce ul.products li.product .button{margin:.25rem .95rem .95rem}
/* Shop toolbar responsive */
.woocommerce-result-count{color:var(--fb-muted);font-size:.88rem;margin:.5rem 0}
.woocommerce-ordering select{border:1px solid var(--fb-border);border-radius:var(--fb-radius-sm);padding:.45rem .75rem;background:#fff}

/* ─── ANIMATIONS ─── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* ─── RESPONSIVE: TABLET ─── */
@media (max-width:1100px){
  .nav-search{display:none}
  .fb-hero{min-height:auto}
  .hero-inner,.page-body,.product-detail-grid{grid-template-columns:1fr}
  .sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .featured-app-section{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ─── RESPONSIVE: MOBILE ─── */
@media (max-width:760px){
  body{font-size:15px}
  .nav-inner{min-height:auto;padding:.75rem 1rem;gap:.6rem;flex-wrap:wrap}
  .logo{font-size:1rem}
  .nav-logo-placeholder{min-width:100px;font-size:.7rem}
  .nav-fb{margin-left:auto;min-height:34px;padding:.42rem .85rem;font-size:.78rem}
  .nav-links{order:3;width:100%;gap:.3rem;padding-bottom:.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .nav-links a{white-space:nowrap;background:rgba(255,255,255,.06);font-size:.8rem;padding:.38rem .7rem}
  .fb-hero{min-height:auto}
  .hero-inner{padding:3rem 1rem 2.5rem;gap:1.5rem;grid-template-columns:1fr}
  .hero-title{font-size:clamp(2.2rem,12vw,3.5rem);letter-spacing:-.045em}
  .hero-desc{font-size:.96rem}
  .hero-app{padding:1.2rem}
  .hero-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .cat-chip{width:100%;padding:.55rem .7rem}
  .strip{padding:.8rem 1rem}
  .strip-inner{flex-direction:column;gap:.6rem;align-items:center}
  .editable-block-zone{margin:1rem auto 0;padding:0 1rem}
  .page-body{padding:1.5rem 1rem;grid-template-columns:1fr;gap:1.5rem}
  .sidebar{position:static;display:grid;grid-template-columns:1fr;gap:1rem}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .section-head h2{font-size:1.25rem}
  /* Shop page */
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .woocommerce-result-count,.woocommerce-ordering{float:none!important;width:100%!important;display:block!important}
  .woocommerce-ordering select{width:100%;max-width:100%}
  /* Product detail */
  .product-detail-shell{padding:1.2rem 1rem}
  .product-detail-grid{grid-template-columns:1fr;gap:1rem}
  .product-summary-panel h2{font-size:clamp(1.5rem,8vw,2.4rem);letter-spacing:-.03em}
  .single-buy-now-button{width:100%;margin:.75rem 0}
  /* Featured app */
  .featured-app-section{padding:1rem;gap:1rem;grid-template-columns:1fr}
  .featured-app-main-img{max-height:240px}
  .featured-app-qr{position:static;width:100px;margin:.65rem auto 0;display:block}
  /* Footer */
  .footer-inner{flex-direction:column;align-items:center;text-align:center;gap:1.25rem}
  .footer-brand{align-items:center}
  .footer-menu{justify-content:center}
  /* Banner */
  .div-banner{height:auto;min-height:180px}
  .div-banner-alt{height:auto;min-height:180px}
  /* Shop hero */
  .shop-hero,.product-hero-band{padding:2.5rem 1rem}
  .shop-hero h1,.product-hero-band h1{font-size:clamp(1.7rem,8vw,2.8rem)}
}

/* ─── RESPONSIVE: SMALL MOBILE ─── */
@media (max-width:480px){
  .hero-cats{grid-template-columns:1fr 1fr}
  .product-grid{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr!important}
  .post-grid{grid-template-columns:1fr}
  .featured-app-phone-placeholder{height:220px}
  .featured-app-phone-placeholder span{width:82px;height:210px}
  .featured-app-phone-placeholder span:nth-child(2){height:195px}
  .footer-brand{align-items:center;justify-content:center;text-align:center}
  .sidebar{grid-template-columns:1fr}
}

/* ─── SEO & ACCESSIBILITY ─── */
.skip-link{position:absolute;top:-99px;left:1rem;z-index:9999;padding:.6rem 1rem;background:var(--fb-primary);color:var(--fb-dark);font-weight:900;border-radius:0 0 var(--fb-radius-sm) var(--fb-radius-sm);transition:top .2s}
.skip-link:focus{top:0}

/* ─── Footer extra content ─── */
.footer-tagline{display:block;max-width:320px;font-size:.85rem;line-height:1.5;color:rgba(255,255,255,.5)}
.footer-contact-link{display:block;font-size:.82rem;color:rgba(255,255,255,.5);margin-top:.15rem}
small{font-size:.75rem;opacity:.55;margin-top:.4rem;display:block}

/* ─── Shop page wide content area ─── */
.fb-content-wide{flex:1 1 0;min-width:0;width:100%}
.woocommerce-page .page-body{
  display:flex;
  flex-direction:row;
  gap:2rem;
  align-items:start;
  max-width:1280px;
  margin:0 auto;
  padding:var(--fb-page-pt) 2rem var(--fb-page-pb);
  box-sizing:border-box;
  width:100%;
}
.woocommerce-page .sidebar{
  flex:0 0 var(--fb-sidebar-width);
  width:var(--fb-sidebar-width);
  min-width:0;
  position:sticky;
  top:88px;
}
@media (max-width:1100px){
  .woocommerce-page .page-body{flex-direction:column;padding:1.5rem 1.5rem}
  .woocommerce-page .sidebar{flex:none;width:100%;position:static}
  .woocommerce-page .fb-content-wide{width:100%}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .woocommerce-page .page-body{padding:1.25rem 1rem;gap:1.25rem}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
}
@media (max-width:480px){
  .woocommerce ul.products{grid-template-columns:1fr!important}
}

/* ═══════════════════════════════════════════════════════════════
   FRUITBLAST PATCH v1.2.2 — mobile hamburger menu
   ═══════════════════════════════════════════════════════════════ */

/* ─── HAMBURGER BUTTON ─── */
.nav-hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:40px;height:40px;
  padding:0;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  border-radius:var(--fb-radius-sm);
  cursor:pointer;
  flex-shrink:0;
}
.nav-hamburger span{
  display:block;
  width:20px;height:2px;
  background:#fff;
  border-radius:2px;
  transition:transform .28s ease,opacity .2s ease;
  transform-origin:center;
}
.nav-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ─── MOBILE SLIDE DRAWER ─── */
.mobile-nav-drawer{
  display:none;
  flex-direction:column;
  background:var(--fb-nav-bg);
  border-top:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  max-height:0;
  transition:max-height .32s cubic-bezier(.4,0,.2,1),padding .28s ease;
  padding:0 1rem;
}
.mobile-nav-drawer.is-open{max-height:600px;padding:.75rem 1rem 1.25rem}
.mobile-nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.15rem}
.mobile-nav-links li a{
  display:block;
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:.95rem;
  font-weight:800;
  padding:.7rem .85rem;
  border-radius:var(--fb-radius-sm);
  transition:background .18s,color .18s;
}
.mobile-nav-links li a:hover,
.mobile-nav-links li.current-menu-item>a{background:rgba(255,255,255,.09);color:#fff}
.mobile-nav-search{display:flex;gap:.5rem;margin-top:.85rem}
.mobile-nav-search input[type="search"]{
  flex:1;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--fb-radius-sm);
  background:rgba(255,255,255,.07);
  color:#fff;
  padding:.55rem .85rem;
  font-size:.88rem;
  outline:none;
}
.mobile-nav-search input[type="search"]::placeholder{color:rgba(255,255,255,.4)}
.mobile-nav-search button{
  min-height:40px;padding:.5rem 1rem;
  background:var(--fb-primary);color:var(--fb-dark);
  font-weight:900;font-size:.84rem;
  border:0;border-radius:var(--fb-radius-sm);cursor:pointer;
}

/* ─── BREAKPOINT SWITCHING ─── */
@media (max-width:760px){
  .nav-links-desktop{display:none!important}
  .nav-hamburger{display:flex}
  .mobile-nav-drawer{display:flex}
  .nav-inner{flex-wrap:nowrap;gap:.5rem;padding:.65rem 1rem;justify-content:space-between}
  .nav-search{display:none!important}
  .nav-fb{order:2}
  .nav-hamburger{order:3}
  /* Buy Now full-width on mobile */
  .single-buy-now-button{width:100%!important;min-width:0!important}
  /* Product detail single column */
  .product-detail-grid{grid-template-columns:1fr!important;gap:1.25rem!important}
  .product-detail-shell{padding:1rem!important}
  .product-summary-panel h2{font-size:clamp(1.4rem,7vw,2.2rem)!important}
  .product-info-card{padding:1.25rem 1rem!important}
}
@media (min-width:761px){
  .mobile-nav-drawer{display:none!important}
  .nav-hamburger{display:none!important}
}

/* ═══════════════════════════════════════════════
   VIEW ALL BUTTON
═══════════════════════════════════════════════ */
.fb-view-all-wrap{
  display:flex;justify-content:center;align-items:center;
  padding:2rem 2rem 3rem;
}
.btn-view-all{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  background:var(--fb-primary);
  color:var(--fb-dark);
  border:none;
  border-radius:999px;
  padding:1rem 3rem;
  font-family:var(--fb-heading);
  font-size:1.05rem;font-weight:900;letter-spacing:.02em;
  text-decoration:none;
  min-width:260px;
  box-shadow:0 4px 24px rgba(149,213,31,.35);
  transition:transform .18s,box-shadow .18s;
}
.btn-view-all:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 36px rgba(149,213,31,.45);
}
.btn-view-all svg{flex-shrink:0;transition:transform .18s}
.btn-view-all:hover svg{transform:translateX(3px)}

/* ═══════════════════════════════════════════════
   BLOG SECTION
═══════════════════════════════════════════════ */
.fb-blog-section{
  padding:0 0 3rem;
  width:100%;box-sizing:border-box;
  background:var(--fb-body-bg);
}
.fb-blog-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 2rem;
  box-sizing:border-box;
}
.fb-blog-section .section-head{margin-bottom:2rem}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  width:100%;
}
.blog-card{
  background:var(--fb-card);
  border-radius:var(--fb-radius);
  overflow:hidden;
  display:flex;flex-direction:column;
  border:1px solid rgba(0,0,0,.07);
  transition:transform .22s,box-shadow .22s;
}
.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(0,0,0,.12);
}
.blog-card-img{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--fb-dark);
  width:100%;
}
.blog-card-img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .38s;
  display:block;
}
.blog-card:hover .blog-card-img img{transform:scale(1.06)}
.blog-card-img-placeholder{
  width:100%;height:100%;min-height:160px;
  background:linear-gradient(135deg,var(--fb-dark),var(--fb-green));
  display:flex;align-items:center;justify-content:center;
}
.blog-card-img-placeholder svg{opacity:.25}
.blog-card-body{
  padding:1.25rem 1.4rem 1.6rem;
  display:flex;flex-direction:column;gap:.5rem;flex:1;
}
.blog-card-meta{
  font-size:.68rem;color:var(--fb-muted);
  font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.blog-card-title{
  margin:0;font-family:var(--fb-heading);
  font-size:1.05rem;font-weight:800;line-height:1.3;
}
.blog-card-title a{
  color:var(--fb-text);text-decoration:none;
  transition:color .15s;
}
.blog-card-title a:hover{color:var(--fb-green)}
.blog-card-excerpt{
  margin:0;font-size:.84rem;color:var(--fb-muted);
  line-height:1.6;flex:1;
}
.blog-card-link{
  display:inline-flex;align-items:center;gap:.35rem;
  margin-top:.25rem;
  font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--fb-primary);text-decoration:none;
  transition:gap .15s;
}
.blog-card-link:hover{gap:.6rem}
.blog-card-link svg{flex-shrink:0}

@media(max-width:600px){
  .blog-grid{grid-template-columns:1fr;gap:1.1rem}
  .fb-blog-inner{padding:0 1rem}
  .btn-view-all{min-width:0;width:calc(100% - 2rem);border-radius:999px}
  .fb-view-all-wrap{padding:1.5rem 1rem 2.5rem}
}
@media(min-width:601px) and (max-width:960px){
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .fb-blog-inner{padding:0 1.5rem}
}