@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&family=Roboto:wght@400;500;700&display=swap');

/* --- BYB TYPOGRAPHY PACKAGE (Playfair Display + Roboto) --- */

/* Shorten the tall green inner-page title banner (Elementor template 8686).
   Was padding 150px/100px (~350px tall) — now a compact bar. */
.elementor-element-ec4b9fa{
  padding-top:38px !important;
  padding-bottom:30px !important;
}

/* --- WPWriter addition --- */

/* ROOTS page (id 9526) uses a full-bleed custom landing layout (.byb wrapper)
   that breaks out to 100vw — Astra's default single-page article padding
   was leaving a white gap above it. Remove it for this page only. */
.page-id-9526 .ast-article-single{
  padding-top:0 !important;
  padding-bottom:0 !important;
}


/* --- WPWriter addition --- */

.page-id-9526 .content-area{
  margin-top:0 !important;
}


/* --- WPWriter addition --- */

/* Feed Schedules draft (page id 9554) — same full-bleed fix as Roots,
   plus hide the default page title since this layout has its own hero. */
.page-id-9554 .ast-article-single{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.page-id-9554 .content-area{
  margin-top:0 !important;
}
.page-id-9554 .entry-header{
  display:none !important;
}


/* --- WPWriter addition --- */

/* Feed Schedules LIVE page (id 8686) — same full-bleed fix as the draft (9554),
   plus hide the default page title since this layout has its own hero. */
.page-id-8686 .ast-article-single{
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.page-id-8686 .content-area{
  margin-top:0 !important;
}
.page-id-8686 .entry-header{
  display:none !important;
}


/* --- WPWriter addition --- */
/* --- BYB landing components (scoped .byb) --- */
.byb *{margin:0;padding:0;box-sizing:border-box;}
.byb{background:#111311;color:#f5f2e7;font-family:'Roboto',sans-serif;width:100%;max-width:100%;overflow-x:hidden;line-height:1.5;}
.byb, .byb *{max-width:100%;}
.byb .hero, .byb .stakes, .byb .sec, .byb .value, .byb .final{width:100%;}
.byb .serif{font-family:'Playfair Display',serif;}
.byb .it{font-style:italic;font-weight:500;color:#ffd200;font-family:'Playfair Display',serif;}
.byb .wrap{max-width:1060px;margin:0 auto;padding:0 44px;}
.byb .kick{font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#ffd200;}
.byb h1,.byb h2{font-family:Georgia,'Playfair Display',serif;font-weight:700;color:#f5f2e7;letter-spacing:-.01em;line-height:1.04;}
.byb .hero{display:flex;gap:0;align-items:stretch;height:820px;overflow:hidden;border-bottom:1px solid #24261f;}
.byb .heroimg{flex:0 0 42%;background:#000;overflow:hidden;position:relative;}
.byb .heroimg .bg{width:100%;height:100%;object-fit:cover;display:block;}
.byb .herocopy{flex:1;padding:54px 48px;display:flex;flex-direction:column;justify-content:center;}
.byb .heroh{font-size:58px;margin:14px 0 0;}
.byb .herolead{font-size:20px;color:#cfd2ca;margin-top:20px;max-width:520px;}
.byb .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;align-items:center;}
.byb .btnbuy{display:inline-flex;align-items:center;justify-content:center;align-self:center;background:#ffd200;color:#111311;font-weight:800;font-size:19px;padding:17px 34px;border-radius:999px;text-decoration:none;box-shadow:0 12px 28px rgba(255,210,0,.22);}
.byb .btnghost{display:inline-flex;align-items:center;justify-content:center;align-self:center;background:transparent;color:#f5f2e7;font-weight:700;font-size:18px;padding:17px 26px;border-radius:999px;border:1.5px solid #3a3d39;text-decoration:none;}
.byb .microtrust{margin-top:26px;font-size:14.5px;color:#8a8d84;font-weight:600;letter-spacing:.01em;}
.byb .herobot{position:absolute;bottom:14px;right:14px;height:150px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6));}
.byb .stakes{background:#ffd200;color:#111311;padding:30px 0;}
.byb .stakes .wrap{display:flex;gap:26px;align-items:center;flex-wrap:wrap;justify-content:center;text-align:center;}
.byb .stakes b{font-family:'Playfair Display',serif;font-weight:500;font-size:25px;}
.byb .stakes span{font-size:18px;font-weight:600;max-width:640px;}
.byb .sec{padding:60px 0;}
.byb .sec h2{font-size:40px;}
.byb .sec .lead{font-size:19px;color:#cfd2ca;margin-top:16px;max-width:680px;}
.byb .video{position:relative;margin-top:30px;border-radius:20px;overflow:hidden;border:1px solid #2a2d29;background:#0c0e0c;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;}
.byb .video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;}
.byb .play{position:relative;z-index:2;text-align:center;}
.byb .playbtn{width:84px;height:84px;border-radius:50%;background:#ffd200;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.5);}
.byb .playbtn:after{content:'';border-left:26px solid #111311;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px;}
.byb .playcap{margin-top:16px;font-weight:700;font-size:18px;color:#f5f2e7;}
.byb .playsub{color:#9a9c93;font-size:15px;margin-top:4px;}
.byb .actives{margin-top:26px;background:#161816;border:1px solid #2a2d29;border-radius:20px;overflow:hidden;}
.byb .acthead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;border-bottom:1px solid #26281f;flex-wrap:wrap;}
.byb .acthead .t{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#ffd200;font-weight:800;}
.byb .acthead .n{font-family:'DejaVu Sans Mono',monospace;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#8a9a7f;font-weight:700;}
.byb .actrow{display:flex;gap:18px;align-items:flex-start;padding:22px 26px;border-bottom:1px solid #1f211c;}
.byb .actrow:last-child{border-bottom:none;}
.byb .actidx{font-family:'DejaVu Sans Mono',monospace;font-size:15px;color:#0d4a33;background:#ffd200;width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;}
.byb .actname{font-size:21px;font-weight:800;color:#f5f2e7;display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;}
.byb .acttag{font-family:'DejaVu Sans Mono',monospace;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#bfe0cf;background:#123024;border:1px solid #1f5c40;border-radius:100px;padding:3px 11px;font-weight:700;}
.byb .actfn{font-size:16px;color:#c3c7bb;margin-top:8px;}
.byb .proof{background:#0d100d;}
.byb .qfeat{display:flex;gap:22px;margin-top:26px;background:#14261d;border:1px solid #1f3a2c;border-left:5px solid #ffd200;border-radius:16px;padding:28px;}
.byb .qfeat .qt{flex:1;}
.byb .qfeat p{font-size:24px;line-height:1.45;font-weight:500;font-style:italic;color:#f5f2e7;font-family:'Playfair Display',serif;}
.byb .qfeat .qa{margin-top:16px;color:#ffd200;font-weight:800;font-size:16px;}
.byb .qfeat .qn{color:#9a9c93;font-size:14px;margin-top:3px;}
.byb .qfeat img{width:230px;flex:none;object-fit:cover;border-radius:12px;}
.byb .qfeat.full .qt{max-width:820px;}
.byb .qgrid{display:flex;gap:14px;margin-top:16px;}
.byb .qcard{flex:1;background:#161816;border:1px solid #2c2f2c;border-radius:14px;padding:20px;}
.byb .qcard p{font-size:16.5px;color:#e7e9e2;}
.byb .qcard .qa{margin-top:12px;color:#ffd200;font-weight:700;font-size:14px;}
.byb .noteproof{margin-top:16px;background:#161816;border:1px solid #2c2f2c;border-radius:14px;padding:20px;color:#c3c7bb;font-size:16px;}
.byb .uses{display:flex;gap:16px;margin-top:26px;}
.byb .use{flex:1;background:#161816;border:1px solid #2a2d29;border-radius:16px;padding:26px;}
.byb .use .un{font-size:20px;font-weight:800;color:#f5f2e7;}
.byb .use .ud{font-size:15.5px;color:#b9bcb4;margin-top:8px;}
.byb .use .uv{margin-top:14px;font-family:'Playfair Display',serif;font-weight:500;color:#ffd200;font-size:24px;}
.byb .value{background:#ffd200;color:#111311;text-align:center;padding:52px 0;}
.byb .value .big{font-family:'Playfair Display',serif;font-weight:500;font-size:64px;line-height:1;}
.byb .value .k{font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;}
.byb .value .d{font-size:18px;font-weight:600;margin-top:14px;max-width:620px;margin-left:auto;margin-right:auto;}
.byb .final{text-align:center;padding:60px 0 44px;}
.byb .final h2{font-size:44px;}
.byb .final .btnbuy{margin-top:26px;font-size:21px;padding:20px 44px;}
.byb .final .fl{margin-top:18px;color:#9a9c93;font-size:15px;}
@media (max-width:600px){
.byb .hero{height:auto;} .byb .heroimg.bot{min-height:300px;}
.byb .wrap{padding:0 20px;}
.byb .hero{flex-direction:column;}
.byb .heroimg{flex:none;height:340px;}
.byb .herocopy{padding:34px 20px;}
.byb .heroh{font-size:38px;}
.byb .herolead{font-size:17px;}
.byb .btnbuy,.byb .btnghost{width:100%;text-align:center;box-sizing:border-box;}
.byb .herobot{display:none;}
.byb .sec{padding:40px 0;}
.byb .sec h2,.byb .final h2{font-size:29px;}
.byb .qfeat{flex-direction:column;}
.byb .qfeat img{width:100%;}
.byb .qfeat p{font-size:20px;}
.byb .qgrid,.byb .uses{flex-direction:column;}
.byb .actrow,.byb .acthead{padding-left:16px;padding-right:16px;}
.byb .value .big{font-size:44px;}
.byb .stakes b{font-size:21px;}
}
.byb .heroimg.bot{flex:0 0 42%;background:radial-gradient(circle at 50% 44%, rgba(255,210,0,0.13), rgba(26,29,26,0.95) 46%, #0b0d0b 80%);display:flex;align-items:center;justify-content:center;}
.byb .heroimg.bot{justify-content:flex-end;padding-right:6%;} .byb .heroimg.bot img{height:auto;max-height:520px;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));}
.byb .hero.solo .herocopy{flex:1.25;}
.byb .heroimg.bot.small{flex:0 0 38%;min-height:0;}
.byb .heroimg.bot.small img{height:auto;max-height:340px;filter:drop-shadow(0 22px 44px rgba(0,0,0,.55));}
.byb .sec.cream{background:#f5f2e7;color:#111311;}
.byb .sec.cream .kick{color:#0d4a33;}
.byb .sec.cream h2{color:#111311;}
.byb .sec.cream .lead{color:#3a433c;}
.byb .ic{width:52px;height:52px;border-radius:50%;border:1.6px solid #0d4a33;color:#0d4a33;display:flex;align-items:center;justify-content:center;flex:none;}
.byb .ic svg{width:26px;height:26px;}
.byb .cards{display:flex;gap:16px;margin-top:26px;}
.byb .card{flex:1;background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:26px;}
.byb .card .ic{margin-bottom:16px;}
.byb .card .cn{font-size:19px;font-weight:800;color:#111311;}
.byb .card .cd{font-size:15.5px;color:#5f6a62;margin-top:8px;line-height:1.5;}
.byb .lactives{margin-top:24px;background:#fff;border:1px solid #e6dfca;border-radius:18px;overflow:hidden;}
.byb .lrow{display:flex;gap:18px;align-items:flex-start;padding:24px 26px;border-bottom:1px solid #ece3cf;}
.byb .lrow:last-child{border-bottom:none;}
.byb .lname{font-size:20px;font-weight:800;color:#111311;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.byb .ltag{font-family:'DejaVu Sans Mono',monospace;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:#0d4a33;background:#e7f0ea;border:1px solid #cfe0d5;border-radius:100px;padding:3px 11px;font-weight:700;}
.byb .ld{font-size:16px;color:#4a544c;margin-top:8px;line-height:1.5;}
.byb .vs{display:flex;gap:16px;margin-top:26px;}
.byb .vscol{flex:1;border-radius:18px;padding:24px 26px;border:1px solid #2a2d29;}
.byb .vscol.old{background:#141414;}.byb .vscol.new{background:#0f1f17;border-color:#1f5c40;}
.byb .vshead{font-size:13.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;padding-bottom:16px;border-bottom:1px solid #2a2d29;}
.byb .vscol.old .vshead{color:#9a9c93;}.byb .vscol.new .vshead{color:#ffd200;}
.byb .vrow{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:flex-start;}
.byb .vrow:last-child{border-bottom:none;}
.byb .vmark{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;margin-top:1px;}
.byb .old .vmark{background:#2a201a;color:#cf9060;}.byb .new .vmark{background:#123024;color:#5fe0a0;}
.byb .vtxt{font-size:16px;line-height:1.4;color:#d9dcd4;}.byb .old .vtxt{color:#9a9c93;}
.byb .stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;}
.byb .stat{flex:1 1 200px;background:#1b1d1b;border:1px solid #2c2f2c;border-radius:14px;padding:22px;}
.byb .stat .sl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a9a7f;font-weight:800;}
.byb .stat .sv{font-family:'DejaVu Sans Mono',monospace;font-size:22px;color:#ffd200;font-weight:800;margin-top:8px;}
.byb .stat .sv.w{color:#f5f2e7;font-family:'Playfair Display',serif;}
.byb .note{color:#9a9c93;font-size:14.5px;margin-top:18px;}
.byb .factstrip{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.byb .factstrip .f{background:#161816;border:1px solid #2a2d29;border-radius:100px;padding:9px 16px;font-size:13.5px;color:#c3c7bb;font-weight:600;}
.byb .factstrip .f b{color:#f5f2e7;}
.byb .stages{display:flex;gap:8px;margin-top:24px;}
.byb .stg{flex:1;text-align:center;background:#e6ddc7;border-radius:10px;padding:15px 6px;font-size:13.5px;font-weight:800;color:#98917f;text-transform:uppercase;letter-spacing:.02em;}
.byb .stg.on{background:#0d4a33;color:#ffd200;}
.byb .rate{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid #e2d9c3;}
.byb .rate:last-child{border-bottom:none;}
.byb .rate span{font-size:16.5px;color:#3a433c;}
.byb .rate b{font-family:'Playfair Display',serif;font-size:22px;color:#0d4a33;}
.byb .actbar{background:#ffd200;color:#111311;padding:20px 0;}
.byb .actbar .wrap{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.byb .actbar .abt{font-family:'Playfair Display',serif;font-size:24px;font-weight:500;}
.byb .actbar a{color:#111311;font-weight:800;text-decoration:none;font-size:16px;}
@media (max-width:600px){.byb .cards,.byb .vs{flex-direction:column;}.byb .stages{flex-wrap:wrap;}.byb .stg{flex:1 1 30%;}.byb .actbar .wrap{flex-direction:column;align-items:flex-start;gap:12px;}}
.byb .btnbuy,.byb .btnghost{height:54px!important;min-height:54px!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
.byb .final .btnbuy{height:60px!important;}
.byb .pband{max-width:560px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 46px rgba(0,0,0,.5);}
.byb .pband img{width:100%;height:auto;display:block;}
.byb .pcap{max-width:560px;margin:14px auto 0;text-align:center;color:#8a8f86;font-size:14px;}

/* --- WPWriter addition --- */
/* BYB landing full-bleed + hide default title */
.page-id-9627 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9627 .content-area{margin-top:0 !important;}
.page-id-9627 .entry-header{display:none !important;}
.page-id-9627 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
/* BYB full-bleed breakout (all .byb landing pages) */
.byb{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}

/* --- WPWriter addition --- */
.page-id-9631 .ast-article-single,.page-id-9632 .ast-article-single,.page-id-9633 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9631 .content-area,.page-id-9632 .content-area,.page-id-9633 .content-area{margin-top:0 !important;}
.page-id-9631 .entry-header,.page-id-9632 .entry-header,.page-id-9633 .entry-header{display:none !important;}
.page-id-9631 .ast-container,.page-id-9632 .ast-container,.page-id-9633 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9638 .ast-article-single,.page-id-9639 .ast-article-single,.page-id-9640 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9638 .content-area,.page-id-9639 .content-area,.page-id-9640 .content-area{margin-top:0 !important;}
.page-id-9638 .entry-header,.page-id-9639 .entry-header,.page-id-9640 .entry-header{display:none !important;}
.page-id-9638 .ast-container,.page-id-9639 .ast-container,.page-id-9640 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9645 .ast-article-single,.page-id-9647 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9645 .content-area,.page-id-9647 .content-area{margin-top:0 !important;}
.page-id-9645 .entry-header,.page-id-9647 .entry-header{display:none !important;}
.page-id-9645 .ast-container,.page-id-9647 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9651 .ast-article-single,.page-id-9652 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9651 .content-area,.page-id-9652 .content-area{margin-top:0 !important;}
.page-id-9651 .entry-header,.page-id-9652 .entry-header{display:none !important;}
.page-id-9651 .ast-container,.page-id-9652 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9656 .ast-article-single,.page-id-9657 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9656 .content-area,.page-id-9657 .content-area{margin-top:0 !important;}
.page-id-9656 .entry-header,.page-id-9657 .entry-header{display:none !important;}
.page-id-9656 .ast-container,.page-id-9657 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9661 .ast-article-single,.page-id-9662 .ast-article-single,.page-id-9663 .ast-article-single,.page-id-9664 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9661 .content-area,.page-id-9662 .content-area,.page-id-9663 .content-area,.page-id-9664 .content-area{margin-top:0 !important;}
.page-id-9661 .entry-header,.page-id-9662 .entry-header,.page-id-9663 .entry-header,.page-id-9664 .entry-header{display:none !important;}
.page-id-9661 .ast-container,.page-id-9662 .ast-container,.page-id-9663 .ast-container,.page-id-9664 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */
.page-id-9460 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9460 .content-area{margin-top:0 !important;}
.page-id-9460 .entry-header{display:none !important;}
.page-id-9460 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}

/* --- WPWriter addition --- */

/* ============================================================
   SHOP PAGE REDESIGN
   Remove the left sidebar layout, replace with a slim horizontal
   category bar above the grid, and restyle WooCommerce defaults
   (green accents, boxy filter widgets) to match the black/yellow
   brand. Scoped to the shop archive + category archive pages only.
   ============================================================ */

body.woocommerce-shop .ast-container,
body.tax-product_cat .ast-container {
  display: block !important;
}

body.woocommerce-shop #secondary,
body.tax-product_cat #secondary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}

body.woocommerce-shop #primary,
body.tax-product_cat #primary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* Hide the price filter slider and the "on sale" mini product widget entirely */
body.woocommerce-shop #secondary .wc-block-price-filter,
body.tax-product_cat #secondary .wc-block-price-filter,
body.woocommerce-shop #secondary .wc-block-grid__products,
body.tax-product_cat #secondary .wc-block-grid__products {
  display: none !important;
}
/* Also hide the now-empty parent widget wrappers for those two blocks */
body.woocommerce-shop #secondary .widget:has(.wc-block-price-filter),
body.tax-product_cat #secondary .widget:has(.wc-block-price-filter),
body.woocommerce-shop #secondary .widget:has(.wc-block-grid__products),
body.tax-product_cat #secondary .widget:has(.wc-block-grid__products) {
  display: none !important;
}

/* Turn the sidebar into a slim black top bar: category pills on the left,
   compact search on the right */
body.woocommerce-shop #secondary .sidebar-main,
body.tax-product_cat #secondary .sidebar-main {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  background: #000 !important;
  padding: 16px 28px !important;
  border-top: 1px solid #222 !important;
  border-bottom: 3px solid #ffd200 !important;
}
body.woocommerce-shop #secondary .widget,
body.tax-product_cat #secondary .widget {
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-shop #secondary .widget-title,
body.tax-product_cat #secondary .widget-title {
  display: none !important;
}

/* Category list: horizontal pill nav instead of a vertical checkbox list */
body.woocommerce-shop .wc-block-product-categories-list,
body.tax-product_cat .wc-block-product-categories-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-shop .wc-block-product-categories-list li,
body.tax-product_cat .wc-block-product-categories-list li {
  margin: 0 !important;
}
body.woocommerce-shop .wc-block-product-categories-list a,
body.tax-product_cat .wc-block-product-categories-list a {
  display: inline-block !important;
  color: #f5f2e7 !important;
  background: transparent !important;
  border: 1px solid #333 !important;
  border-radius: 100px !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}
body.woocommerce-shop .wc-block-product-categories-list a:hover,
body.tax-product_cat .wc-block-product-categories-list a:hover {
  background: #ffd200 !important;
  border-color: #ffd200 !important;
  color: #111 !important;
}
body.woocommerce-shop .wc-block-product-categories-list .wc-block-product-categories-list-item-count,
body.tax-product_cat .wc-block-product-categories-list .wc-block-product-categories-list-item-count {
  display: none !important;
}

/* Compact search box on the right of the bar */
body.woocommerce-shop .wc-block-product-search,
body.tax-product_cat .wc-block-product-search {
  max-width: 220px !important;
}
body.woocommerce-shop .wc-block-product-search__field,
body.tax-product_cat .wc-block-product-search__field {
  background: #161616 !important;
  border: 1px solid #333 !important;
  color: #f5f2e7 !important;
  border-radius: 100px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
}
body.woocommerce-shop .wc-block-product-search__button,
body.tax-product_cat .wc-block-product-search__button {
  background: #ffd200 !important;
  border-radius: 100px !important;
}

/* Result count + sorting row above the grid */
body.woocommerce-shop .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count {
  color: #555 !important;
  font-size: 14px !important;
}
body.woocommerce-shop .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select {
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  color: #111 !important;
}

/* Product cards: swap default WooCommerce green/pink accents for brand colors */
body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price {
  color: #111 !important;
  font-weight: 700 !important;
}
body.woocommerce-shop ul.products li.product .onsale,
body.tax-product_cat ul.products li.product .onsale {
  background: #ffd200 !important;
  color: #111 !important;
}
body.woocommerce-shop ul.products li.product a.button,
body.woocommerce-shop ul.products li.product .add_to_cart_button,
body.woocommerce-shop ul.products li.product .single_add_to_cart_button,
body.tax-product_cat ul.products li.product a.button,
body.tax-product_cat ul.products li.product .add_to_cart_button,
body.tax-product_cat ul.products li.product .single_add_to_cart_button {
  background: #111 !important;
  color: #ffd200 !important;
  border: none !important;
  border-radius: 100px !important;
}
body.woocommerce-shop ul.products li.product a.button:hover,
body.woocommerce-shop ul.products li.product .add_to_cart_button:hover,
body.tax-product_cat ul.products li.product a.button:hover,
body.tax-product_cat ul.products li.product .add_to_cart_button:hover {
  background: #ffd200 !important;
  color: #111 !important;
}

@media (max-width: 600px) {
  body.woocommerce-shop #secondary .sidebar-main,
  body.tax-product_cat #secondary .sidebar-main {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px 20px !important;
  }
  body.woocommerce-shop .wc-block-product-search,
  body.tax-product_cat .wc-block-product-search {
    max-width: 100% !important;
    width: 100% !important;
  }
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* Reviews page (id 9719) — same full-bleed fix as other .byb landing pages,
   hides the default Astra page title banner since this layout has its own hero. */
.page-id-9719 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9719 .content-area{margin-top:0 !important;}
.page-id-9719 .entry-header{display:none !important;}
.page-id-9719 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}


/* --- WPWriter addition --- */

/* ============================================================
   NAV DROPDOWN FIX
   The "Products" (and other) mega-menu dropdown items render white
   text on a white dropdown background, so they're invisible until
   hovered. Force a visible dark color at rest, yellow on hover.
   ============================================================ */
.hfe-nav-menu .sub-menu a.hfe-sub-menu-item,
.hfe-nav-menu .sub-menu .hfe-menu-title,
.hfe-nav-menu .sub-menu .hfe-sub-menu-item * {
  color: #111 !important;
}
.hfe-nav-menu .sub-menu a.hfe-sub-menu-item:hover,
.hfe-nav-menu .sub-menu a.hfe-sub-menu-item:hover .hfe-menu-title,
.hfe-nav-menu .sub-menu a.hfe-sub-menu-item:hover * {
  color: #b8860b !important;
}


/* --- WPWriter addition --- */

/* ============================================================
   MOBILE WHITE GAP FIX
   On mobile, Astra reserves extra top padding on #primary to
   compensate for a "fixed/sticky" header — but this site's header
   is not actually fixed on mobile (it scrolls with the page), so
   that reserved space just shows up as a blank white gap between
   the header and the page content. Remove it.
   ============================================================ */
@media (max-width: 768px) {
  #primary {
    padding-top: 0 !important;
  }
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   CATEGORY ARCHIVE PAGES — dark brand reskin + declutter
   Scoped to body.tax-product_cat only (the 8 toolkit category
   pages), so the main /shop/ page and rest of the site are
   untouched. Matches the homepage redesign's ink/cream/yellow
   palette and serif headings.
   ============================================================ */

body.tax-product_cat #primary,
body.tax-product_cat .ast-container,
body.tax-product_cat .site-content,
body.tax-product_cat #content {
  background: #0D100D !important;
}

body.tax-product_cat .woocommerce-products-header__title.page-title {
  font-family:Georgia,'Playfair Display',serif !important;
  color: #F5F2E7 !important;
  font-weight: 700 !important;
  font-size: clamp(28px, 4vw, 42px) !important;
}

body.tax-product_cat .woocommerce-breadcrumb {
  color: #C9C5B6 !important;
}
body.tax-product_cat .woocommerce-breadcrumb a {
  color: #C9C5B6 !important;
}

body.tax-product_cat .term-description,
body.tax-product_cat .page-description,
body.tax-product_cat .woocommerce-products-header + .term-description {
  color: #C9C5B6 !important;
  font-size: 16.5px !important;
  line-height: 1.65 !important;
  max-width: 74ch !important;
  margin: 18px 0 34px !important;
}

body.tax-product_cat .woocommerce-result-count {
  color: #8a8d84 !important;
}
body.tax-product_cat .woocommerce-ordering select {
  background: #161816 !important;
  color: #F5F2E7 !important;
  border: 1px solid #333 !important;
  border-radius: 6px !important;
}

body.tax-product_cat ul.products li.product {
  background: #161816 !important;
  border: 1px solid #2a2d29 !important;
  border-radius: 8px !important;
  padding: 18px !important;
}
body.tax-product_cat ul.products li.product img {
  background: #fff !important;
  border-radius: 4px !important;
}
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  color: #F5F2E7 !important;
  font-family:'Roboto',sans-serif !important;
}
body.tax-product_cat ul.products li.product .price {
  color: #FFD200 !important;
  font-weight: 700 !important;
}
body.tax-product_cat ul.products li.product .price .amount {
  color: #FFD200 !important;
}

/* Declutter the category pill bar: hide the non-toolkit / internal-only
   categories (Bundles, Sale, Base Nutrition Support, Structural
   Development, Health and Vigor, Generic and Specialty) so only the
   8 real toolkit categories + Living Soil (its own main-nav destination)
   show up. Requires no taxonomy changes — pure display fix. */
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/bundles/"]),
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/sale/"]),
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/base-nutrition-support/"]),
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/structural-development/"]),
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/health-and-vigor/"]),
body.tax-product_cat .wc-block-product-categories-list li:has(> a[href*="/product-category/generic-and-specialty/"]) {
  display: none !important;
}


/* --- WPWriter addition --- */

/* ============================================================
   GENERAL FULL-BLEED HEADER-GAP FIX
   Any page containing a .byb or #byb-redesign custom full-bleed
   section should sit flush under the header. Astra reserves top
   space on #primary/.ast-article-single assuming a sticky header
   (this site's header isn't sticky), which shows up as a big blank
   white bar above these dark custom sections. Written generally
   (not per page-id) so it self-applies to every current and future
   full-bleed page without needing a new page-id rule each time.
   ============================================================ */
body:has(#byb-redesign) #primary,
body:has(.byb) #primary {
  margin-top: 0 !important;
}
body:has(#byb-redesign) .content-area,
body:has(.byb) .content-area {
  margin-top: 0 !important;
}
body:has(#byb-redesign) .ast-article-single,
body:has(.byb) .ast-article-single {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body:has(#byb-redesign) .entry-header,
body:has(.byb) .entry-header {
  display: none !important;
}
body:has(#byb-redesign) .ast-container,
body:has(.byb) .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* --- WPWriter addition --- */
/* ============================================================
   SITE-WIDE BRAND CONSISTENCY FIX
   Two problems flagged: (1) the top nav bar and the dark hero
   sections used two different "blacks" (pure #000 vs the brand's
   actual ink #111311, used everywhere in the .byb template and
   the category archive redesign). (2) the shared green page-title
   banner (Elementor template reused across every inner page —
   stable element IDs elementor-element-ab60ad7 for the nav bar and
   elementor-element-dfdc5a6 for the banner) still uses the old
   MuseoModerno heading font instead of the Playfair Display
   serif treatment used on the Reviews page and every product page.
   Fixing these two shared elements once fixes every page that uses
   them, since they're shared Elementor template parts, not
   per-page content.
   ============================================================ */

/* Nav bar: was pure #000, now matches brand ink #111311 everywhere */
.elementor-element-ab60ad7{
  background-color:#111311 !important;
}

/* Page-title banner: was dark green (#22471e), now brand ink #111311 */
.elementor-element-dfdc5a6{
  background-color:#111311 !important;
}

/* Page-title banner heading: swap MuseoModerno for the Playfair Display
   serif treatment used everywhere else on the site */
.elementor-element-dfdc5a6 h1.elementor-heading-title{
  font-family:Georgia,'Playfair Display',serif !important;
  color:#f5f2e7 !important;
  font-weight:700 !important;
}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   SHOP ARCHIVE (/shop/) — dark brand reskin to match category
   pages + new custom hero (page 401 content, wrapped in .byb).
   Hide the default "Shop" title/breadcrumb since the new hero
   replaces them; extend the same dark card treatment already
   used on individual category pages so there's no jarring switch
   from the dark hero into a white product grid.
   Scoped to body.woocommerce-shop only — does not touch
   body.tax-product_cat (already styled) or any other page.
   ============================================================ */

body.woocommerce-shop .woocommerce-products-header,
body.woocommerce-shop .woocommerce-breadcrumb {
  display: none !important;
}

body.woocommerce-shop #primary,
body.woocommerce-shop .ast-container,
body.woocommerce-shop .site-content,
body.woocommerce-shop #content {
  background: #0D100D !important;
}

body.woocommerce-shop .woocommerce-result-count {
  color: #8a8d84 !important;
  padding-left: 44px;
}
body.woocommerce-shop .woocommerce-ordering select {
  background: #161816 !important;
  color: #F5F2E7 !important;
  border: 1px solid #333 !important;
  border-radius: 6px !important;
}
body.woocommerce-shop ul.products {
  padding: 0 44px 60px !important;
}
body.woocommerce-shop ul.products li.product {
  background: #161816 !important;
  border: 1px solid #2a2d29 !important;
  border-radius: 8px !important;
  padding: 18px !important;
}
body.woocommerce-shop ul.products li.product img {
  background: #fff !important;
  border-radius: 4px !important;
}
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
  color: #F5F2E7 !important;
  font-family:'Roboto',sans-serif !important;
}
body.woocommerce-shop ul.products li.product .price .amount {
  color: #FFD200 !important;
}
body.woocommerce-shop .woocommerce-pagination a,
body.woocommerce-shop .woocommerce-pagination span.current {
  background: #161816 !important;
  color: #F5F2E7 !important;
  border: 1px solid #2a2d29 !important;
}
@media (max-width: 600px) {
  body.woocommerce-shop ul.products {
    padding: 0 20px 40px !important;
  }
  body.woocommerce-shop .woocommerce-result-count {
    padding-left: 20px;
  }
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* Shop page (id 401) custom hero + "shop by system" nav cards.
   Kept in global CSS (not an inline <style> in the page content)
   because the shop archive template runs page content through
   wpautop differently than normal pages and was stripping/mangling
   an inline <style> tag placed directly in the content. */
.byb .shopwrap{max-width:1200px;margin:0 auto;padding:0 44px;}
.byb .shophero{padding:64px 0 56px;border-bottom:1px solid #24261f;}
.byb .shophero .shopwrap{max-width:840px;text-align:center;}
.byb .shophero .heroh{font-size:48px;margin-top:14px;}
.byb .shophero .herolead{max-width:640px;margin:20px auto 0;}
.byb .shophero .ctas{justify-content:center;}
.byb .bundle-grid{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;}
.byb .bundle-card{flex:1 1 280px;background:#161816;border:1px solid #2a2d29;border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease;}
.byb .bundle-card:hover{border-color:#ffd200;transform:translateY(-2px);}
.byb .bundle-card img{width:100%;height:170px;object-fit:cover;display:block;}
.byb .bundle-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.byb .bundle-h{font-size:19px;font-weight:800;color:#f5f2e7;}
.byb .bundle-count{font-family:'DejaVu Sans Mono',monospace;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#0d4a33;background:#e7f0ea;border:1px solid #cfe0d5;border-radius:100px;padding:3px 11px;font-weight:700;align-self:flex-start;}
.byb .bundle-d{font-size:14.5px;color:#b9bcb4;line-height:1.5;margin-top:2px;}
.byb .bundle-go{margin-top:auto;padding-top:10px;color:#ffd200;font-weight:800;font-size:14px;}
@media (max-width:600px){
.byb .bundle-grid{flex-direction:column;}
.byb .bundle-card{flex:none;width:100%;}
.byb .bundle-card img{height:190px;}
.byb .shopwrap{padding:0 20px;}
.byb .shophero .heroh{font-size:32px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   SHOP GRID SIMPLIFICATION
   Per request: remove the redundant category pill bar (duplicates
   the "Products" nav dropdown), strip all card boxes/borders so
   bottles float on the dark background, hide price/quantity/add-
   to-cart clutter, show only product name, and normalize every
   bottle image to the same height regardless of source aspect
   ratio. Scoped to body.woocommerce-shop + body.tax-product_cat.
   ============================================================ */

/* Remove the category pill bar entirely (was the converted
   #secondary sidebar-main bar) */
body.woocommerce-shop #secondary,
body.tax-product_cat #secondary {
  display: none !important;
}

/* Strip the card box/border, let bottles float free */
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Uniform bottle height regardless of source image aspect ratio */
body.woocommerce-shop ul.products li.product a.ast-loop-product__link,
body.tax-product_cat ul.products li.product a.ast-loop-product__link,
body.woocommerce-shop ul.products li.product .astra-shop-thumbnail-wrap,
body.tax-product_cat ul.products li.product .astra-shop-thumbnail-wrap {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  height: 260px !important;
  background: transparent !important;
}
body.woocommerce-shop ul.products li.product img,
body.tax-product_cat ul.products li.product img {
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: 100% !important;
  max-height: 260px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* No price, no quantity selector, no variation swatches, no add-to-cart —
   name only, click through to the product page */
body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.woocommerce-shop ul.products li.product .cfvsw_variations_form,
body.tax-product_cat ul.products li.product .cfvsw_variations_form,
body.woocommerce-shop ul.products li.product .cfvsw-original-price,
body.tax-product_cat ul.products li.product .cfvsw-original-price,
body.woocommerce-shop ul.products li.product .quantity,
body.tax-product_cat ul.products li.product .quantity,
body.woocommerce-shop ul.products li.product a.button,
body.tax-product_cat ul.products li.product a.button,
body.woocommerce-shop ul.products li.product .add_to_cart_button,
body.tax-product_cat ul.products li.product .add_to_cart_button {
  display: none !important;
}

/* Product name: white, stylized, centered under the bottle */
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  color: #F5F2E7 !important;
  font-family:'Roboto',sans-serif !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  margin-top: 14px !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* Shop page white gap fix: #primary reserves margin-top:64px for a
   sticky-header assumption (same root cause as the earlier mobile
   white-gap fix), which shows as a white strip above the grid now
   that the pill-bar sidebar is hidden. Remove it and set the body
   background to match so nothing white can show through. */
body.woocommerce-shop,
body.tax-product_cat {
  background: #0D100D !important;
}
body.woocommerce-shop #primary,
body.tax-product_cat #primary {
  margin-top: 0 !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   SHOP GRID — round 2 fixes
   1. Fix the huge empty gap under each bottle: Astra's
      .astra-shop-summary-wrap was stretching to match the height
      of .astra-shop-thumbnail-wrap (260px) even though its only
      content is a short one-line title, leaving ~220px of dead
      space per card. Force it to size to its actual content.
   2. Hide the sorting dropdown — browsing order is fixed by us,
      not user-selectable.
   3. Hide bundle-category products entirely on the shop grid —
      this page is single products only.
   4. Fixed browsing order: Organic Enhancers, Grow Enhancers,
      Flower Enhancers, Base Nutrients, Plant Health, Foliar
      Enhancers, OrganiShield — matches the Products nav dropdown
      sequence, set via CSS `order` on the grid (safe: doesn't
      touch WooCommerce's actual stored sort order).
   ============================================================ */

body.woocommerce-shop .astra-shop-summary-wrap,
body.tax-product_cat .astra-shop-summary-wrap {
  height: auto !important;
  min-height: 0 !important;
  align-self: flex-start !important;
}
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
  height: auto !important;
}

body.woocommerce-shop .woocommerce-ordering {
  display: none !important;
}

body.woocommerce-shop ul.products li.product.product_cat-bundles {
  display: none !important;
}

body.woocommerce-shop ul.products {
  display: grid !important;
  grid-auto-flow: row !important;
}
body.woocommerce-shop ul.products li.product.post-8755 { order: 1; }
body.woocommerce-shop ul.products li.product.post-8759 { order: 2; }
body.woocommerce-shop ul.products li.product.post-8768 { order: 3; }
body.woocommerce-shop ul.products li.product.post-8788 { order: 4; }
body.woocommerce-shop ul.products li.product.post-8707 { order: 5; }
body.woocommerce-shop ul.products li.product.post-8720 { order: 6; }
body.woocommerce-shop ul.products li.product.post-8724 { order: 7; }
body.woocommerce-shop ul.products li.product.post-8728 { order: 8; }
body.woocommerce-shop ul.products li.product.post-8732 { order: 9; }
body.woocommerce-shop ul.products li.product.post-8736 { order: 10; }
body.woocommerce-shop ul.products li.product.post-8792 { order: 11; }
body.woocommerce-shop ul.products li.product.post-8764 { order: 12; }
body.woocommerce-shop ul.products li.product.post-8796 { order: 13; }
body.woocommerce-shop ul.products li.product.post-8804 { order: 14; }
body.woocommerce-shop ul.products li.product.post-8800 { order: 15; }
body.woocommerce-shop ul.products li.product.post-8776 { order: 16; }
body.woocommerce-shop ul.products li.product.post-8772 { order: 17; }
body.woocommerce-shop ul.products li.product.post-8780 { order: 18; }
body.woocommerce-shop ul.products li.product.post-8784 { order: 19; }
body.woocommerce-shop ul.products li.product.post-8984 { order: 20; }
body.woocommerce-shop ul.products li.product.post-8986 { order: 21; }
body.woocommerce-shop ul.products li.product.post-8988 { order: 22; }
body.woocommerce-shop ul.products li.product.post-8990 { order: 23; }
body.woocommerce-shop ul.products li.product.post-9133 { order: 24; }


/* --- WPWriter addition --- */

/* Hide result count text — now inaccurate since bundles are hidden but still counted */
body.woocommerce-shop .woocommerce-result-count {
  display: none !important;
}


/* --- WPWriter addition --- */

/* ROUND 3 FIXES — gap, two-tone two-line titles, remove white sidebar-border line */

/* Fix: the .ast-loop-product__link rule that forces uniform bottle height was
   also matching the title's own wrapping link inside the summary block,
   pushing the title down ~200px. Scope the uniform-height rule to the
   thumbnail only and let the title's link size naturally. */
body.woocommerce-shop .astra-shop-summary-wrap .ast-loop-product__link,
body.tax-product_cat .astra-shop-summary-wrap .ast-loop-product__link {
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  align-items: normal !important;
}
body.woocommerce-shop .astra-shop-summary-wrap,
body.tax-product_cat .astra-shop-summary-wrap {
  padding-top: 4px !important;
}
body.woocommerce-shop .woocommerce-loop-product__title,
body.tax-product_cat .woocommerce-loop-product__title {
  margin-top: 2px !important;
}

/* Two-line, two-tone product titles.
   Product names now contain a real line break between the product name and
   its descriptor (e.g. "Ultra\nThe Flip Driver"). white-space:pre-line makes
   that line break render. The base text color is the "stylized yellow"
   descriptor color; ::first-line overrides just the first rendered line
   (the product name) to white/bold — no extra markup needed. */
body.woocommerce-shop .woocommerce-loop-product__title,
body.tax-product_cat .woocommerce-loop-product__title {
  white-space: pre-line !important;
  text-align: center !important;
  line-height: 1.35 !important;
  color: #ffd200 !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
body.woocommerce-shop .woocommerce-loop-product__title::first-line,
body.tax-product_cat .woocommerce-loop-product__title::first-line {
  color: #ffffff !important;
  font-style: normal !important;
  font-weight: 800 !important;
  font-size: 17px !important;
}

/* Remove the stray light vertical border on the content column left over
   from Astra's sidebar-layout styling (visible as a thin white/grey line
   down the page even with the sidebar hidden). */
body.woocommerce-shop #primary,
body.tax-product_cat #primary {
  border-left: none !important;
  border-right: none !important;
}


/* --- WPWriter addition --- */

/* ROUND 4 — category headings + per-group centering.
   Product query is now forced to the exact fixed ID sequence (see the
   "BYB Shop" code snippet), so the old CSS `order:` rules are redundant
   no-ops now (left in place, harmless). Bundles are excluded from the
   query entirely, so the bundle-hiding rule is also a no-op now.
   Switching the grid from CSS Grid to a wrapping flexbox lets each
   category row (broken by the full-width heading item) center itself
   independently, which a single CSS Grid can't do for partial rows. */
body.woocommerce-shop ul.products
 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  column-gap: 34px !important;
  row-gap: 40px !important;
}
body.woocommerce-shop ul.products li.product {
  flex: 0 0 auto !important;
  width: calc((100% - 170px) / 6) !important;
}
body.woocommerce-shop ul.products li.byb-cat-heading-row {
  flex: 0 0 100% !important;
  width: 100% !important;
  text-align: center !important;
  margin: 54px 0 8px !important;
}
body.woocommerce-shop ul.products li.byb-cat-heading-row:first-of-type {
  margin-top: 0 !important;
}
body.woocommerce-shop .byb-cat-heading {
  color: #ffd200 !important;
  font-family:'Roboto',sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  display: inline-block !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #ffd200 !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  body.woocommerce-shop ul.products li.product {
    width: calc((100% - 68px) / 3) !important;
  }
}
@media (max-width: 600px) {
  body.woocommerce-shop ul.products li.product {
    width: calc((100% - 34px) / 2) !important;
  }
  body.woocommerce-shop .byb-cat-heading {
    font-size: 21px !important;
  }
}


/* --- WPWriter addition --- */

/* ROUND 4 fix: the old per-product `order:` rules (1-24) from the earlier
   CSS-only sequencing hack are now actively harmful with the flex layout —
   they sort every product AFTER the heading rows (which default to order:0),
   clustering all 8 headings at the top and pushing every product below them.
   The product query now returns the exact fixed sequence directly, so order
   is no longer needed at all — neutralize it. */
body.woocommerce-shop ul.products li.product {
  order: 0 !important;
}


/* --- WPWriter addition --- */

/* ROUND 5 FIX — specificity bug: the "uniform bottle height" rule from
   SHOP GRID SIMPLIFICATION (`ul.products li.product a.ast-loop-product__link`)
   matches BOTH the thumbnail's link AND the title's link, since Astra gives
   both the identical class name `ast-loop-product__link`. The Round 3 fix
   attempting to undo this for the title link used a selector with LOWER
   specificity than the original rule, so it never actually applied — every
   product's title link was still height:260px/flex/align-items:flex-end,
   pushing every title ~210-260px below its bottle. This higher-specificity
   override (adds ul.products + li.product to the selector) finally wins. */
body.woocommerce-shop ul.products li.product .astra-shop-summary-wrap a.ast-loop-product__link,
body.tax-product_cat ul.products li.product .astra-shop-summary-wrap a.ast-loop-product__link {
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  align-items: normal !important;
  justify-content: normal !important;
}


/* --- WPWriter addition --- */

/* ============================================================
   SINGLE PRODUCT PAGE — image sizing fixes
   1. Main product gallery image: our bottle source PNGs have
      inconsistent aspect ratios (tight-cropped vs. lots of empty
      canvas), so scaling purely by column width made some bottles
      (e.g. Silica, a tall/narrow PNG) render enormous — 600x1423px,
      nearly 3x taller than the summary column next to it. Cap the
      height and let width scale down to match, centered in the
      gallery column, so every product's hero image reads at a
      sane, consistent size regardless of source file shape.
   2. "Related products" thumbnails on single product pages had the
      same uniform-height problem the main shop grid had (fixed
      earlier): images were sized to a fixed WIDTH with auto height,
      so each bottle came out a different height depending on its
      source aspect ratio. Apply the same fixed-height/object-fit
      treatment used on the shop grid so related-product bottles
      line up at a uniform height too.
   ============================================================ */

/* Main gallery image — cap height, center, let width follow */
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery img.wp-post-image {
  width: auto !important;
  height: auto !important;
  max-height: 460px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* Related / upsell product thumbnails — uniform height, centered */
.related.products ul.products li.product .astra-shop-thumbnail-wrap,
.upsells.products ul.products li.product .astra-shop-thumbnail-wrap {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  height: 220px !important;
  background: transparent !important;
}
.related.products ul.products li.product .astra-shop-thumbnail-wrap img,
.upsells.products ul.products li.product .astra-shop-thumbnail-wrap img {
  width: auto !important;
  height: 100% !important;
  max-height: 220px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}


/* --- WPWriter addition --- */

/* ============================================================
   FLOWERING & ORNAMENTALS page (id 9473) — recovery fix.
   The page's CSS was originally placed in an inline <style> tag
   inside the page content. WordPress's wpautop filter injected
   literal <br /> tags into that raw CSS (mid-declaration, mid-
   selector), which broke the stylesheet's parsing partway through
   — this is why headings fell back to the theme's default font
   instead of Playfair Display, and other rules silently failed.
   Moving the (cleaned) CSS into global custom CSS avoids wpautop
   entirely, same fix pattern already used for the shop page hero
   and other .byb/.byb-flr landing sections.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&family=Inter:wght@400;500;600;700&display=swap');
.byb-flr{--ink:#111311;--cream:#F5F2E7;--paper:#FFFFFF;--yellow:#FFD200;--green:#173D24;--muted:#6C6B5F;--line:#DAD5C4;
  font-family:'Inter',sans-serif;color:#23241f;line-height:1.55;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;}
.byb-flr *{box-sizing:border-box;}
.byb-flr .sec{padding:64px 24px;}
.byb-flr .in{max-width:1000px;margin:0 auto;}
.byb-flr .kick{font-weight:700;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--green);margin-bottom:14px;}
.byb-flr h1,.byb-flr h2{font-family:Georgia,'Playfair Display',serif;font-weight:400;color:var(--ink);letter-spacing:-.01em;line-height:1.05;}
.byb-flr h1{font-size:clamp(34px,6vw,58px);}
.byb-flr h2{font-size:clamp(28px,4.4vw,42px);}
.byb-flr em{font-style:italic;color:var(--green);}
.byb-flr p{font-size:clamp(15px,1.7vw,17px);color:#3a3a33;}
.byb-flr .hero{background:var(--cream);}
.byb-flr .hero .sub{margin-top:18px;max-width:640px;}
.byb-flr .hero .sub b{color:var(--ink);font-weight:700;}
.byb-flr .heroimg{margin-top:34px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--paper);}
.byb-flr .heroimg img{width:100%;display:block;}
.byb-flr .badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.byb-flr .badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:7px 14px;}
.byb-flr .badge b{color:var(--green);}
.byb-flr .truth{background:var(--ink);color:var(--cream);}
.byb-flr .truth h2{color:#fff;} .byb-flr .truth em{color:var(--yellow);}
.byb-flr .truth .kick{color:var(--yellow);}
.byb-flr .truth p{color:#E7E1D0;font-size:clamp(16px,1.9vw,19px);margin-top:16px;max-width:760px;}
.byb-flr .truth p b{color:#fff;}
.byb-flr .why{background:var(--paper);}
.byb-flr .tgrid{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;}
.byb-flr .tcard{flex:1 1 260px;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:24px;}
.byb-flr .tcard h3{font-family:Georgia,'Playfair Display',serif;font-weight:400;font-size:22px;color:var(--ink);margin:0 0 8px;}
.byb-flr .tcard p{font-size:15px;margin:0;}
.byb-flr .bench{background:var(--cream);}
.byb-flr .prow{padding:16px 0;border-bottom:1px solid var(--line);}
.byb-flr .prow:last-child{border-bottom:none;}
.byb-flr .prob{font-family:'Inter',sans-serif;font-weight:600;font-size:clamp(17px,2.2vw,21px);color:var(--ink);}
.byb-flr .fix{font-size:clamp(14px,1.7vw,16px);color:#44443b;margin-top:4px;}
.byb-flr .fix .prod{font-family:Georgia,'Playfair Display',serif;font-style:italic;font-weight:500;font-size:clamp(16px,2vw,19px);color:var(--green);}
.byb-flr .prog{background:var(--paper);}
.byb-flr .pgrid{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;}
.byb-flr .pcard{flex:1 1 280px;background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:22px 22px 20px;}
.byb-flr .pnum{font-family:Georgia,'Playfair Display',serif;font-weight:500;font-size:20px;color:var(--yellow);-webkit-text-stroke:.5px var(--ink);}
.byb-flr .pname{font-family:Georgia,'Playfair Display',serif;font-weight:400;font-size:26px;color:var(--ink);line-height:1;margin-top:2px;}
.byb-flr .psub{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:5px;}
.byb-flr .pcard p{font-size:14.5px;margin-top:10px;}
.byb-flr .chips{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--green);margin-top:12px;padding-top:11px;border-top:1px solid var(--line);text-transform:uppercase;}
.byb-flr .fit{background:var(--cream);}
.byb-flr .fit ul{margin:22px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:14px;}
.byb-flr .fit li{flex:1 1 220px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:8px;padding:14px 16px;font-size:14.5px;color:#3a3a33;}
.byb-flr .fit li b{color:var(--ink);}
.byb-flr .cta{background:var(--ink);color:#fff;text-align:center;}
.byb-flr .cta h2{color:#fff;} .byb-flr .cta em{color:var(--yellow);}
.byb-flr .cta p{color:#E7E1D0;margin:16px auto 0;max-width:560px;}
.byb-flr .btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px;}
.byb-flr .btn{display:inline-block;font-weight:700;font-size:15px;letter-spacing:.02em;padding:14px 26px;border-radius:6px;text-decoration:none;}
.byb-flr .btn-y{background:var(--yellow);color:#111311;}
.byb-flr .btn-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);}
.byb-flr .closeline{margin-top:34px;font-size:12px;letter-spacing:.06em;color:#B9B7AD;text-transform:uppercase;}
.byb-flr .closeline b{color:var(--yellow);}
@media(max-width:640px){.byb-flr .sec{padding:46px 20px;}}

/* Page-level fixes: hide the default Astra page-title banner (this
   layout has its own hero/kicker) and remove the reserved top
   padding/margin that assumes a sticky header, which was showing
   as a blank white gap above the content. */
.page-id-9473 .entry-header{display:none !important;}
.page-id-9473 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-9473 .content-area{margin-top:0 !important;}
.page-id-9473 #primary{margin-top:0 !important;}
.page-id-9473 .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   BOTTOM WHITE-GAP FIX (above the footer)
   Same root cause as the earlier top header-gap fix: Astra
   reserves margin-bottom:64px on #primary (a sticky-footer
   assumption this site doesn't use), which shows up as a blank
   white strip between the end of a full-bleed .byb / #byb-redesign
   section and the site footer, on every page using that pattern.
   Written generally so it self-applies to all current and future
   full-bleed pages. Also sets a black fallback background matching
   the brand ink color, in case any residual gap ever shows through.
   ============================================================ */
body:has(#byb-redesign) #primary,
body:has(.byb) #primary {
  margin-bottom: 0 !important;
}
body:has(#byb-redesign),
body:has(.byb) {
  background: #0D100D !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   WOOCOMMERCE SINGLE PRODUCT PAGE — FONT FIX
   The earlier sitewide brand-consistency pass only re-fonted the
   shared Elementor nav bar + green title banner. It missed the
   actual WooCommerce single-product template headings (product
   title, tab headings, "Related products" heading + related
   product titles), which were still rendering in the old rounded
   MuseoModerno display font instead of the site's brand heading
   font (Playfair Display), used everywhere else (homepage, education
   pages, category archive pages). Scoped to body.single-product.
   ============================================================ */
body.single-product h1.product_title,
body.single-product .woocommerce-tabs h2,
body.single-product .related h2,
body.single-product h2.woocommerce-loop-product__title {
  font-family: Georgia,'Playfair Display',serif !important;
  font-weight: 700 !important;
}
body.single-product .related .woocommerce-loop-product__title {
  font-family: 'Roboto',sans-serif !important;
  font-weight: 500 !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   SITE-WIDE DEFAULT TYPOGRAPHY (Astra base theme)
   Everything above this point only targets the .byb / #byb-redesign
   landing systems, the WooCommerce shop/category/single-product
   templates, and the shared Elementor nav/banner. Plain theme-default
   pages that use none of those (Contact Us, About Us, Terms and
   Conditions, Privacy Policy, My Account, Cart, Checkout) were still
   rendering Astra's original default font. This sets the same
   Playfair Display + Roboto system as the sitewide fallback so those
   pages match too. More specific rules elsewhere in this stylesheet
   still win where they apply — this only fills the gap.
   ============================================================ */
body{
  font-family:'Roboto',Arial,sans-serif;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,
.site-content h1,.site-content h2,.site-content h3,.site-content h4,
h1.entry-title,h1.page-title{
  font-family:Georgia,'Playfair Display',serif;
  font-weight:700;
}


/* --- WPWriter addition --- */
/* --- WPWriter addition --- */
/* ============================================================
   BRAND CONSISTENCY FIX — canonical ink color
   Several earlier patches (category archive reskin, shop archive
   reskin, shop white-gap fix, bottom white-gap fallback) used
   #0D100D for dark backgrounds instead of the canonical brand ink
   #111311 used everywhere else (.byb class, nav bar, page-title
   banner). Visually near-identical but not byte-identical.
   Overriding all four spots to the canonical value so every dark
   background on the site matches exactly.
   ============================================================ */
body.tax-product_cat #primary,
body.tax-product_cat .ast-container,
body.tax-product_cat .site-content,
body.tax-product_cat #content {
  background: #111311 !important;
}
body.woocommerce-shop #primary,
body.woocommerce-shop .ast-container,
body.woocommerce-shop .site-content,
body.woocommerce-shop #content {
  background: #111311 !important;
}
body.woocommerce-shop,
body.tax-product_cat {
  background: #111311 !important;
}
body:has(#byb-redesign),
body:has(.byb) {
  background: #111311 !important;
}

/* --- WPWriter addition --- */
/* --- BYB Sales Aid / Investment Overlay page (scoped .byb-overlay) --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&family=Roboto:wght@400;500;700&display=swap');

.byb-overlay{
  --ink:#111311;
  --ink-soft:#3a3c37;
  --muted:#8a8778;
  --line:#c9c6b6;
  --cream:#f5f2e7;
  --cream-2:#efe9d8;
  --card:#fffdf7;
  --yellow:#ffd200;
  --hairline:#e4e0d0;
  --border:rgba(17,19,17,0.12);
  --act1:#2a78d6;
  --act1-t:#eaf1fb;
  --act2:#d9581e;
  --act2-t:#fcefe6;
  --act3:#0f9d64;
  --act3-t:#e7f6ee;
  margin:0 auto;
  padding:0 0 60px;
  background:var(--cream);
  color:var(--ink);
  font-family:'Roboto',Arial,"Helvetica Neue",Helvetica,sans-serif;
  max-width:1180px;
}

.byb-overlay, .byb-overlay *{box-sizing:border-box;}
html{scroll-behavior:smooth;}
.byb-overlay .ix{cursor:pointer;text-decoration:none;transition:background .15s ease,transform .15s ease;}
.byb-overlay .cardw{transition:box-shadow .2s ease,transform .2s ease;scroll-margin-top:24px;}
.byb-overlay .cardw:hover{box-shadow:0 6px 22px rgba(17,19,17,0.1);transform:translateY(-2px);}
.byb-overlay .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.byb-overlay .reveal.in{opacity:1;transform:translateY(0);}
.byb-overlay .ct-bars{position:relative;}
.byb-overlay .bar{cursor:pointer;transition:opacity .15s ease;}
.byb-overlay .bar:hover{opacity:.82;}
.byb-overlay .bartip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
    background:var(--ink);color:var(--cream);font-size:11px;font-weight:700;padding:6px 10px;
    border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:20;}
.byb-overlay .bartip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
    border:5px solid transparent;border-top-color:var(--ink);}
.byb-overlay .bartip.show{opacity:1;}
.byb-overlay .calc{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;
    margin-top:22px;max-width:520px;}
.byb-overlay .calc h4{margin:0 0 4px;font-family:Georgia,'Playfair Display',serif;font-size:15px;color:var(--ink);}
.byb-overlay .calc p{margin:0 0 14px;font-size:11.5px;color:var(--ink-soft);line-height:1.5;}
.byb-overlay .calc .row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;}
.byb-overlay .calc label{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
    color:var(--muted);margin-bottom:6px;}
.byb-overlay .calc input, .byb-overlay .calc select{font-family:'Roboto',Arial,sans-serif;font-size:14px;padding:8px 10px;
    border:1px solid var(--line);border-radius:6px;background:var(--cream);color:var(--ink);width:130px;}
.byb-overlay .calc .out{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);}
.byb-overlay .calc .out .num{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:32px;color:var(--ink);}
.byb-overlay .calc .out .sub{font-size:11px;color:var(--ink-soft);margin-top:2px;}
.byb-overlay .hero{background:var(--ink);color:var(--cream);padding:44px 40px 34px;position:relative;overflow:hidden;}
.byb-overlay .hero .kicker{font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:11px;
    color:var(--ink);background:var(--yellow);display:inline-block;padding:5px 11px;border-radius:3px;}
.byb-overlay .hero h1{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:36px;
    line-height:1.14;margin:16px 0 12px;max-width:760px;}
.byb-overlay .hero h1 em{color:var(--yellow);font-style:italic;font-weight:500;font-family:'Playfair Display',serif;}
.byb-overlay .hero .sub{font-size:14.5px;line-height:1.6;color:#d9d6c8;max-width:660px;margin:0;}
.byb-overlay .indexstrip{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background:var(--hairline);
    border-bottom:3px solid var(--yellow);}
.byb-overlay .indexstrip .ix{background:var(--card);padding:10px 6px 8px;text-align:center;}
.byb-overlay .indexstrip .ix svg{width:20px;height:20px;margin-bottom:4px;}
.byb-overlay .indexstrip .ix .t{font-size:8.6px;font-weight:800;line-height:1.25;color:var(--ink-soft);
    text-transform:uppercase;letter-spacing:.02em;}
.byb-overlay .indexstrip .ix.a1{color:var(--act1);}
.byb-overlay .indexstrip .ix.a2{color:var(--act2);}
.byb-overlay .indexstrip .ix.a3{color:var(--act3);}
.byb-overlay .indexstrip .ix:hover{background:var(--hairline);}
.byb-overlay .indexstrip .ix.active{background:var(--yellow);}
.byb-overlay .indexstrip .ix.active .t{color:var(--ink)!important;}
.byb-overlay .primer{background:var(--cream-2);padding:28px 40px 30px;}
.byb-overlay .primer .inner{max-width:1100px;margin:0 auto;}
.byb-overlay .primer h3{font-family:Georgia,'Playfair Display',serif;font-size:17px;margin:0 0 4px;color:var(--ink);}
.byb-overlay .primer .lede{font-size:12.5px;line-height:1.5;color:var(--ink-soft);max-width:640px;margin:0 0 16px;}
.byb-overlay .mechdiag{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);
    border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:760px;}
.byb-overlay .mechdiag .half{padding:14px 16px 12px;}
.byb-overlay .mechdiag .half.without{border-right:1px dashed var(--line);}
.byb-overlay .mechdiag .lbl{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    margin-bottom:6px;}
.byb-overlay .mechdiag .half.without .lbl{color:var(--muted);}
.byb-overlay .mechdiag .half.with .lbl{color:var(--act1);}
.byb-overlay .mechdiag .cap{font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.4;}
.byb-overlay .labelcompare{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);
    border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:760px;margin-top:16px;}
.byb-overlay .lc-col{padding:16px 18px 14px;}
.byb-overlay .lc-col.without{border-right:1px dashed var(--line);}
.byb-overlay .lc-col .lbl{display:block;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.byb-overlay .lc-col.without .lbl{color:var(--muted);}
.byb-overlay .lc-col.with .lbl{color:var(--act1);}
.byb-overlay .galabel{background:var(--cream-2);border:1px solid var(--line);border-radius:6px;padding:9px 11px;margin-bottom:12px;}
.byb-overlay .ga-t{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px;}
.byb-overlay .ga-r{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--ink);padding:2px 0;}
.byb-overlay .ga-r b{color:var(--ink-soft);font-weight:700;}
.byb-overlay .ga-r.muted{color:var(--muted);font-size:9.5px;font-style:italic;margin-top:3px;display:block;}
.byb-overlay .lc-rows{display:flex;flex-direction:column;gap:6px;}
.byb-overlay .lc-r{font-size:11px;font-weight:600;padding-left:22px;position:relative;color:var(--ink-soft);}
.byb-overlay .lc-r::before{content:'\2715';position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;
    font-size:9px;line-height:15px;text-align:center;color:#fff;background:var(--muted);}
.byb-overlay .lc-r.yes{color:var(--ink);}
.byb-overlay .lc-r.yes::before{content:'\2713';background:var(--act1);}
.byb-overlay .body{padding:0 40px;}
.byb-overlay .journey{display:flex;margin:34px 0 6px;border-radius:8px;overflow:hidden;
    box-shadow:0 0 0 1px var(--border);}
.byb-overlay .journey .stg{flex:1;padding:11px 4px;text-align:center;font-size:10.5px;font-weight:800;
    letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);background:var(--cream-2);
    border-right:1px solid var(--card);}
.byb-overlay .journey .stg:last-child{border-right:none;}
.byb-overlay .journey .stg b{display:block;font-size:9.5px;font-weight:600;color:var(--muted);
    text-transform:none;letter-spacing:0;margin-top:2px;}
.byb-overlay .journeynote{font-size:11.5px;color:var(--muted);text-align:center;margin:0 0 8px;}
.byb-overlay .act{margin-top:38px;}
.byb-overlay .acthead{border-radius:10px;padding:18px 22px;display:flex;align-items:center;gap:16px;
    flex-wrap:wrap;}
.byb-overlay .acthead .actnum{font-family:Georgia,'Playfair Display',serif;font-size:32px;font-weight:700;line-height:1;
    flex:0 0 auto;opacity:.5;}
.byb-overlay .acthead .actname{font-family:Georgia,'Playfair Display',serif;font-size:20px;font-weight:700;margin:0;}
.byb-overlay .acthead .actwhy{font-size:12.5px;line-height:1.4;margin-top:3px;max-width:540px;}
.byb-overlay .acthead .actwindow{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.05em;
    text-transform:uppercase;background:rgba(255,255,255,.55);padding:5px 10px;border-radius:20px;
    flex:0 0 auto;}
.byb-overlay .act1 .acthead{background:var(--act1-t);color:var(--ink);}
.byb-overlay .act1 .actnum, .byb-overlay .act1 .actwindow{color:var(--act1);}
.byb-overlay .act2 .acthead{background:var(--act2-t);color:var(--ink);}
.byb-overlay .act2 .actnum, .byb-overlay .act2 .actwindow{color:var(--act2);}
.byb-overlay .act3 .acthead{background:var(--act3-t);color:var(--ink);}
.byb-overlay .act3 .actnum, .byb-overlay .act3 .actwindow{color:var(--act3);}
.byb-overlay .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:16px;}
.byb-overlay .cardw{background:var(--card);border:1px solid var(--border);border-radius:10px;
    overflow:hidden;display:flex;flex-direction:column;}
.byb-overlay .cdiag{padding:12px 14px 10px;display:grid;grid-template-columns:1fr 1fr;}
.byb-overlay .act1 .cdiag{background:var(--act1-t);}
.byb-overlay .act2 .cdiag{background:var(--act2-t);}
.byb-overlay .act3 .cdiag{background:var(--act3-t);}
.byb-overlay .cdiag .half{text-align:center;}
.byb-overlay .cdiag .half.without{border-right:1px dashed rgba(13,15,12,0.18);}
.byb-overlay .cdiag svg{width:100%;height:56px;}
.byb-overlay .cdiag .tag{font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
    display:block;margin-top:2px;}
.byb-overlay .cdiag .half.without .tag{color:var(--muted);}
.byb-overlay .act1 .cdiag .half.with .tag{color:var(--act1);}
.byb-overlay .act2 .cdiag .half.with .tag{color:var(--act2);}
.byb-overlay .act3 .cdiag .half.with .tag{color:var(--act3);}
.byb-overlay .cbody{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
.byb-overlay .cardw .cat{font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
    color:var(--muted);margin-bottom:5px;}
.byb-overlay .cardw .hl{font-family:Georgia,'Playfair Display',serif;font-size:15.5px;font-weight:700;color:var(--ink);
    line-height:1.22;margin-bottom:6px;}
.byb-overlay .cardw .body-txt{font-size:12px;line-height:1.5;color:var(--ink-soft);margin-bottom:10px;}
.byb-overlay .cardw .opp{font-size:11.5px;line-height:1.45;padding:9px 11px;border-radius:7px;
    margin-top:auto;margin-bottom:10px;}
.byb-overlay .act1 .opp{background:var(--act1-t);color:#173e6e;}
.byb-overlay .act2 .opp{background:var(--act2-t);color:#7a3410;}
.byb-overlay .act3 .opp{background:var(--act3-t);color:#0a5c3c;}
.byb-overlay .cardw .opp b{display:block;font-size:9px;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;margin-bottom:3px;opacity:.75;}
.byb-overlay .miniwhen{font-size:10px;font-weight:700;color:var(--ink-soft);margin-bottom:5px;}
.byb-overlay .ministrip{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;}
.byb-overlay .ministrip span{height:5px;border-radius:2px;background:var(--hairline);}
.byb-overlay .act1 .ministrip span.on{background:var(--act1);}
.byb-overlay .act2 .ministrip span.on{background:var(--act2);}
.byb-overlay .act3 .ministrip span.on{background:var(--act3);}
.byb-overlay .invest{margin-top:42px;background:var(--ink);color:var(--cream);border-radius:12px;
    padding:28px 32px;}
.byb-overlay .invest h2{font-family:Georgia,'Playfair Display',serif;font-size:20px;margin:0 0 5px;}
.byb-overlay .invest .lede{font-size:13px;color:#d9d6c8;max-width:600px;line-height:1.5;margin:0 0 20px;}
.byb-overlay .invstats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;}
.byb-overlay .invstats .tile{border-top:3px solid var(--yellow);padding:12px 4px 0;}
.byb-overlay .invstats .num{font-family:Georgia,'Playfair Display',serif;font-size:23px;font-weight:700;}
.byb-overlay .invstats .lbl{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    color:#c8c5b6;margin-top:3px;}
.byb-overlay .invstats .expl{font-size:11px;color:#a9a696;margin-top:5px;line-height:1.4;}
.byb-overlay .costchart{background:rgba(255,255,255,.06);border-radius:8px;padding:16px 18px;}
.byb-overlay .costchart .ct-lbl{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
    color:#c8c5b6;margin-bottom:10px;}
.byb-overlay .ct-bars{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;align-items:end;height:70px;}
.byb-overlay .ct-bars .bar{background:var(--yellow);border-radius:2px 2px 0 0;position:relative;}
.byb-overlay .ct-wk{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-top:5px;}
.byb-overlay .ct-wk span{font-size:8.5px;color:#a9a696;text-align:center;font-variant-numeric:tabular-nums;}
.byb-overlay .ct-note{font-size:10.5px;color:#a9a696;margin-top:10px;line-height:1.4;}
.byb-overlay .appendix{margin-top:32px;border-top:1px solid var(--hairline);padding-top:16px;}
.byb-overlay .appendix summary{cursor:pointer;font-size:11.5px;font-weight:800;letter-spacing:.04em;
    text-transform:uppercase;color:var(--ink-soft);}
.byb-overlay .appendix .flagrow{display:flex;gap:9px;padding:8px 0;border-top:1px solid var(--hairline);
    font-size:11px;line-height:1.5;color:var(--ink-soft);}
.byb-overlay .appendix .flagrow:first-of-type{border-top:none;margin-top:12px;}
.byb-overlay .appendix .tag2{flex:0 0 auto;font-weight:800;font-size:9px;letter-spacing:.05em;
    text-transform:uppercase;padding:2px 6px;border-radius:3px;height:fit-content;}
.byb-overlay .tag2.resolved{background:#e4f3e4;color:#0a5c0a;}
.byb-overlay .tag2.placeholder{background:#fdeecb;color:#8a5a00;}
.byb-overlay .tag2.scoped{background:#e4ecf7;color:#1a3d7a;}
.byb-overlay footer{margin-top:24px;padding-top:14px;border-top:1px solid var(--hairline);
    font-size:10.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* Opportunity Map page (id 10278) — hide the default Astra page title
   banner since this layout has its own hero, matching the pattern used
   for other custom-hero pages (Reviews id 9719, Feed Schedules, etc.).
   Not full-bleed (content stays inside the normal max-width container),
   so no ast-container override needed here. */
.page-id-10278 .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
.page-id-10278 .content-area{margin-top:0 !important;}
.page-id-10278 .entry-header{display:none !important;}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   OPPORTUNITY MAP — heading contrast fix
   Root cause: Astra's theme CSS sets an explicit color on bare
   h1-h6 selectors. An explicit rule (even low-specificity) always
   beats inherited color, regardless of our ancestor's higher-
   specificity ".hero{color:...}" rule -- CSS only falls back to
   inheritance when nothing explicitly targets the element. Our
   hero h1 and invest h2 never set their own color (they were
   relying on inheriting cream from their dark parent), so the
   theme's explicit heading color won and rendered near-black text
   on a near-black background -- unreadable.
   Fix: force every heading inside .byb-overlay to inherit its
   parent's intended color, with !important so it can't lose to
   the theme rule again, on this page or any future one built the
   same way.
   ============================================================ */
.byb-overlay h1,
.byb-overlay h2,
.byb-overlay h3,
.byb-overlay h4,
.byb-overlay h5,
.byb-overlay h6{
  color: inherit !important;
}
.byb-overlay .hero h1 em{
  color: var(--yellow) !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   OPPORTUNITY MAP — hero refinement (Direction A, approved)
   Bigger serif headline, more breathing room, tighter kicker.
   This is now the standing hero treatment for Bloom pages built
   on the .byb-overlay pattern going forward.
   ============================================================ */
.byb-overlay .hero{
  padding: 56px 40px 44px !important;
}
.byb-overlay .hero .kicker{
  padding: 6px 12px !important;
  letter-spacing: .18em !important;
}
.byb-overlay .hero h1{
  font-size: 44px !important;
  line-height: 1.12 !important;
  margin: 20px 0 14px !important;
}
.byb-overlay .hero .sub{
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: #c9c6b6 !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   OPPORTUNITY MAP — round 2 fixes (full-bleed, weekly-feed
   callout, mobile responsiveness)
   1. FULL-BLEED: .byb-overlay only had max-width:1180px + auto
      margins, so on any screen wider than 1180px it sat as a
      cream card floating on white with visible margins either
      side — read as "a frame" rather than a real page. Breaking
      it out to 100vw (same technique used on every other .byb
      landing page) removes that framed look entirely.
   2. Removed the "What It Costs To Open These Doors" investment
      section (calculator + cost-by-week chart) per request —
      layout/phrasing wasn't landing. HTML + the JS that powered
      the calculator/chart were removed from the page content;
      this CSS is unrelated cleanup, listed here for context.
   3. Added a "weekly feed, not every watering" callout bar so
      it's clear up front that these are concentrated additives
      on a weekly dosing cadence, not a constant/every-watering
      addition.
   4. MOBILE: this page had ZERO @media rules — the 9-column
      index strip, 2-column diagrams, and fixed side padding were
      never adapted for phone width, which is why it fell apart
      on mobile. Added a real responsive pass at 640px.
   ============================================================ */

.page-id-10278 .ast-container{
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.byb-overlay{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow-x:hidden !important;
}

.byb-overlay .feednote{
  background:var(--yellow);
  color:var(--ink);
  font-size:12.5px;
  line-height:1.5;
  font-weight:600;
  padding:12px 40px;
  text-align:center;
}
.byb-overlay .feednote b{font-weight:800;}

@media (max-width:640px){
  .byb-overlay .hero{padding:34px 20px 26px !important;}
  .byb-overlay .hero h1{font-size:27px !important;margin:14px 0 10px !important;}
  .byb-overlay .hero .sub{font-size:13.5px !important;}
  .byb-overlay .indexstrip{grid-template-columns:repeat(3,1fr);}
  .byb-overlay .indexstrip .ix{padding:9px 4px 7px;}
  .byb-overlay .feednote{padding:11px 20px;font-size:11.5px;}
  .byb-overlay .primer{padding:22px 20px 24px;}
  .byb-overlay .mechdiag{grid-template-columns:1fr;max-width:100%;}
  .byb-overlay .mechdiag .half.without{border-right:none;border-bottom:1px dashed var(--line);}
  .byb-overlay .labelcompare{grid-template-columns:1fr;max-width:100%;margin-top:14px;}
  .byb-overlay .lc-col.without{border-right:none;border-bottom:1px dashed var(--line);}
  .byb-overlay .body{padding:0 20px;}
  .byb-overlay .journey{flex-wrap:wrap;}
  .byb-overlay .journey .stg{flex:1 1 50%;}
  .byb-overlay .acthead{padding:14px 16px;gap:10px;}
  .byb-overlay .acthead .actwindow{margin-left:0;}
  .byb-overlay .cdiag svg{height:48px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   OPPORTUNITY MAP — full rebuild for a brand-new-grower audience
   (2026-08-09). Page content was rewritten from a dense, technical
   9-card/3-act layout into 4 big plain-language "stage" sections
   with real bottle photography (Roots, Silica, Ultra — confident
   product matches) and bold flat-color icon illustrations where no
   confident product match exists, instead of the old thin gray
   line-diagram style. Old .indexstrip / .primer / .mechdiag /
   .labelcompare / .act / .cardw rules above are no longer used by
   this page's content but are left in place harmlessly in case
   any of that pattern is reused elsewhere later.
   ============================================================ */

/* Hero: shorter, punchier "hook" headline needs different sizing
   than the old Direction-A hero spec above — this overrides it
   for the (now much more conversational) headline text. */
.byb-overlay .hero{
  padding: 48px 40px 40px !important;
  text-align: center !important;
}
.byb-overlay .hero h1{
  font-size: 34px !important;
  line-height: 1.22 !important;
  margin: 18px auto 14px !important;
  max-width: 640px !important;
}
.byb-overlay .hero .sub{
  max-width: 520px !important;
  margin: 0 auto !important;
  font-size: 16px !important;
}
.byb-overlay .hero .kicker{
  border-radius: 20px !important;
}

.byb-overlay .why{padding:40px 24px;text-align:center;}
.byb-overlay .why h2{font-family:Georgia,'Playfair Display',serif;font-size:26px;margin:0 0 18px;}
.byb-overlay .why-cards{display:flex;gap:16px;max-width:700px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.byb-overlay .why-card{flex:1 1 280px;background:var(--card);border:1px solid var(--hairline);border-radius:18px;
    padding:24px;text-align:left;}
.byb-overlay .why-card h3{font-family:Georgia,'Playfair Display',serif;font-size:18px;margin:12px 0 8px;}
.byb-overlay .why-card p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);margin:0;}
.byb-overlay .why-card.no h3{color:#a04a1f;}
.byb-overlay .why-card.yes h3{color:#0a7a4e;}

.byb-overlay .why .journey{display:flex;max-width:900px;margin:26px auto 0;border-radius:8px;overflow:hidden;
    box-shadow:0 0 0 1px rgba(17,19,17,.08);}
.byb-overlay .why .journey .stg{flex:1;padding:12px 4px;text-align:center;font-size:11px;font-weight:800;
    letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--cream-2);
    border-right:1px solid var(--card);}
.byb-overlay .why .journey .stg:last-child{border-right:none;}
.byb-overlay .why .journey .stg b{display:block;font-size:10px;font-weight:600;color:var(--muted);
    text-transform:none;letter-spacing:0;margin-top:2px;}

.byb-overlay .stages{padding:36px 24px 8px;}
.byb-overlay .stagewrap{max-width:900px;margin:0 auto 26px;border-radius:24px;overflow:hidden;
    display:flex;align-items:stretch;}
.byb-overlay .stagewrap.c1{background:var(--act1-t);}
.byb-overlay .stagewrap.c2{background:var(--act2-t);}
.byb-overlay .stagewrap.c3{background:#fff8dd;}
.byb-overlay .stagewrap.c4{background:var(--act3-t);}
.byb-overlay .stage-tag{display:inline-block;color:#fff;font-weight:900;font-size:12.5px;
    letter-spacing:.05em;text-transform:uppercase;padding:7px 14px;border-radius:20px;margin-bottom:14px;}
.byb-overlay .c1 .stage-tag{background:var(--act1);}
.byb-overlay .c2 .stage-tag{background:var(--act2);}
.byb-overlay .c3 .stage-tag{background:#c99900;}
.byb-overlay .c4 .stage-tag{background:var(--act3);}
.byb-overlay .stage-photo{flex:0 0 34%;background:#fff;display:flex;align-items:center;justify-content:center;
    padding:22px;}
.byb-overlay .stage-photo img{max-width:100%;max-height:210px;object-fit:contain;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));}
.byb-overlay .stage-icon{width:100px;height:100px;border-radius:50%;background:var(--cream-2);display:flex;
    align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(17,19,17,.08);}
.byb-overlay .stage-copy{flex:1;padding:26px 30px 26px 6px;}
.byb-overlay .stage-copy h3{font-family:Georgia,'Playfair Display',serif;font-size:22px;margin:0 0 10px;
    line-height:1.22;}
.byb-overlay .stage-copy p{font-size:14.5px;line-height:1.58;color:var(--ink-soft);margin:0 0 14px;}
.byb-overlay .chiprow{display:flex;flex-wrap:wrap;gap:8px;}
.byb-overlay .chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:100px;
    padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink);}
.byb-overlay .chip .dot{width:7px;height:7px;border-radius:50%;flex:none;}
.byb-overlay .c1 .chip .dot{background:var(--act1);}
.byb-overlay .c2 .chip .dot{background:var(--act2);}
.byb-overlay .c3 .chip .dot{background:#c99900;}
.byb-overlay .c4 .chip .dot{background:var(--act3);}

.byb-overlay footer{max-width:900px;margin:24px auto 0 !important;padding:14px 24px 0 !important;}

@media (max-width:640px){
  .byb-overlay .hero{padding:34px 20px 28px !important;}
  .byb-overlay .hero h1{font-size:24px !important;line-height:1.3 !important;}
  .byb-overlay .hero .sub{font-size:14px !important;}
  .byb-overlay .why{padding:28px 18px;}
  .byb-overlay .why h2{font-size:20px;}
  .byb-overlay .why .journey{flex-wrap:wrap;}
  .byb-overlay .why .journey .stg{flex:1 1 50%;}
  .byb-overlay .stages{padding:26px 16px 4px;}
  .byb-overlay .stagewrap{flex-direction:column;border-radius:20px;}
  .byb-overlay .stage-photo{flex:none;width:100%;padding:24px;}
  .byb-overlay .stage-copy{padding:22px 20px 26px;}
  .byb-overlay .stage-copy h3{font-size:20px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   OPPORTUNITY MAP — round 4: "why" story arc + mechanism section
   + with/without toggle (2026-08-09, same evening as round 3).
   Toggle images are bold flat-color SVG illustrations, not photos
   — Gemini image generation is quota-blocked on this account
   (billing needed at aistudio.google.com/app/usage), and rather
   than source unrelated stock photos and imply a real documented
   comparison, these are honestly illustrated + labeled
   "Illustration" on-page. Swap in real photography later via the
   same .ph.without / .ph.with markup — no CSS/JS changes needed,
   just replace the inline <svg> with an <img>.
   ============================================================ */

.byb-overlay .whylede{font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:600px;margin:0 auto 22px;}

.byb-overlay .mech2{padding:8px 24px 12px;}
.byb-overlay .mech2 h2{font-family:Georgia,'Playfair Display',serif;font-size:24px;text-align:center;margin:0 0 20px;}
.byb-overlay .mech2-grid{display:flex;gap:16px;max-width:820px;margin:0 auto;flex-wrap:wrap;}
.byb-overlay .mech2-card{flex:1 1 360px;background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:22px;}
.byb-overlay .mech2-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.byb-overlay .mech2-card.a .mech2-icon{background:var(--act1-t);}
.byb-overlay .mech2-card.b .mech2-icon{background:var(--act3-t);}
.byb-overlay .mech2-card h3{font-family:Georgia,'Playfair Display',serif;font-size:18px;margin:0 0 8px;}
.byb-overlay .mech2-card p{font-size:13.5px;line-height:1.6;color:var(--ink-soft);margin:0;}
.byb-overlay .mech2-card b{color:var(--ink);}

.byb-overlay .seeit{padding:12px 24px 8px;text-align:center;}
.byb-overlay .seeit h2{font-family:Georgia,'Playfair Display',serif;font-size:24px;margin:0 0 4px;}
.byb-overlay .seeit .seeitnote{font-size:12.5px;color:var(--muted);margin:0 0 20px;}
.byb-overlay .togglegrid{display:flex;gap:20px;max-width:820px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.byb-overlay .togglecard{flex:1 1 340px;background:var(--card);border:1px solid var(--hairline);border-radius:18px;padding:22px;text-align:center;}
.byb-overlay .photo-stack{position:relative;width:100%;height:150px;margin-bottom:16px;}
.byb-overlay .photo-stack .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;}
.byb-overlay .photo-stack .ph img{max-width:100%;max-height:100%;object-fit:contain;}
.byb-overlay .photo-stack .ph.active{opacity:1;}
.byb-overlay .toggle-btn{border:none;background:var(--hairline);border-radius:100px;padding:0;width:200px;height:42px;
    position:relative;cursor:pointer;display:flex;align-items:center;font-family:inherit;margin:0 auto;}
.byb-overlay .toggle-btn .tstate{flex:1;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;z-index:2;color:var(--ink-soft);transition:color .2s ease;}
.byb-overlay .toggle-btn .tknob{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--ink);border-radius:100px;transition:transform .25s ease;z-index:1;}
.byb-overlay .toggle-btn.is-on .tknob{transform:translateX(100%);background:var(--act1);}
.byb-overlay .toggle-btn.is-on .tstate.on{color:#fff;}
.byb-overlay .toggle-btn:not(.is-on) .tstate.off{color:#fff;}
.byb-overlay .toggle-caption{font-size:13px;color:var(--ink-soft);margin-top:14px;line-height:1.5;}
.byb-overlay .illust-tag{display:inline-block;margin-top:10px;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--cream-2);padding:3px 9px;border-radius:10px;}

@media (max-width:640px){
  .byb-overlay .mech2-grid{gap:14px;}
  .byb-overlay .togglegrid{gap:14px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   CROPPING SOLUTIONS — private concept pages (.cs-site wrapper)
   Standalone template: independent header/nav/footer/styling,
   deliberately NOT the Bloom Astra/Elementor header-footer or the
   Bloom dark yellow/cream brand system. Scoped entirely to pages
   containing .cs-site so nothing here touches the public Bloom site.
   Hidden/unlisted concept pages for internal review only.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&display=swap');

/* Hide the real Bloom masthead/mobile header/footer only on pages that
   contain .cs-site, so the rest of the site is completely untouched. */
body:has(.cs-site) #masthead,
body:has(.cs-site) .site-header,
body:has(.cs-site) #ast-mobile-header,
body:has(.cs-site) .ast-mobile-header-wrap,
body:has(.cs-site) footer.site-footer,
body:has(.cs-site) #colophon {
  display:none !important;
}
/* Standard full-bleed breakout + white-gap fixes (same root cause as the
   .byb pages elsewhere in this file — Astra reserves sticky-header space
   this site doesn't use). Written generally via :has() so it self-applies
   to every current/future .cs-site page without new page-id rules. */
body:has(.cs-site) #primary,
body:has(.cs-site) .content-area,
body:has(.cs-site) .ast-article-single { margin-top:0 !important; padding-top:0 !important; padding-bottom:0 !important; }
body:has(.cs-site) .entry-header { display:none !important; }
body:has(.cs-site) .ast-container { max-width:100% !important; padding-left:0 !important; padding-right:0 !important; }

.cs-site, .cs-site *{box-sizing:border-box;}
.cs-site{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;background:#F7F1E1;color:#1B2620;font-family:'Inter',sans-serif;line-height:1.5;}
.cs-site,.cs-site *{max-width:100%;}
.cs-site h1,.cs-site h2,.cs-site h3{font-family:'Fraunces',serif;font-weight:600;color:#14201A;line-height:1.08;letter-spacing:-.01em;}
.cs-wrap{max-width:1180px;margin:0 auto;padding:0 44px;}

.cs-nav{background:#14201A;color:#F7F1E1;position:relative;z-index:5;}
.cs-nav .cs-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;gap:20px;flex-wrap:wrap;}
.cs-logo{font-family:'Fraunces',serif;font-weight:700;font-size:22px;color:#F7F1E1;text-decoration:none;display:flex;flex-direction:column;line-height:1.1;}
.cs-logo span{color:#C9971C;}
.cs-tag{font-size:11px;color:#8fa08f;letter-spacing:.08em;text-transform:uppercase;font-family:'Inter',sans-serif;font-weight:600;margin-top:3px;}
.cs-links{display:flex;gap:26px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center;}
.cs-links a{color:#CFC9B4;text-decoration:none;font-weight:600;font-size:14.5px;letter-spacing:.02em;padding-bottom:3px;border-bottom:2px solid transparent;}
.cs-links a:hover,.cs-links a.on{color:#F7F1E1;border-color:#C9971C;}
.cs-navcta{background:#C9971C;color:#14201A;font-weight:800;font-size:14px;padding:11px 20px;border-radius:999px;text-decoration:none;white-space:nowrap;}
.cs-navcta:hover{background:#e0ac26;}

.cs-hero{min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;padding:52px 0 60px;background-size:cover;background-position:center;}
.cs-hero.cs-home{background-image:linear-gradient(180deg, rgba(20,32,26,.86), rgba(20,32,26,.74)), url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-home-hero.jpg');}
.cs-hero .cs-wrap{width:100%;}
.cs-kick{color:#C9971C;font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-align:center;}
.cs-hero h1{color:#fff;font-size:52px;text-align:center;margin-top:14px;}
.cs-hero .cs-sub{color:#E7E2D0;text-align:center;font-size:18px;max-width:620px;margin:16px auto 0;}
.cs-segrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;}
.cs-segcard{background:rgba(20,32,26,.55);border:1px solid rgba(247,241,225,.18);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease;}
.cs-segcard:hover{transform:translateY(-4px);border-color:#C9971C;}
.cs-segcard img{width:100%;height:150px;object-fit:cover;display:block;}
.cs-segbody{padding:18px 18px 22px;}
.cs-segn{color:#fff;font-family:'Fraunces',serif;font-weight:700;font-size:20px;}
.cs-segd{color:#CFC9B4;font-size:13.5px;margin-top:6px;line-height:1.45;}
.cs-seggo{margin-top:14px;color:#C9971C;font-weight:800;font-size:13px;}
.cs-heronote{text-align:center;color:#B7C4B4;font-size:13.5px;margin-top:26px;}

.cs-phero{padding:64px 0 54px;background-size:cover;background-position:center;color:#fff;}
.cs-phero.cs-broadacre{background-image:linear-gradient(180deg, rgba(20,32,26,.84), rgba(20,32,26,.68)), url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-broadacre-wheat-field.jpg');}
.cs-phero.cs-cropprotection{background-image:linear-gradient(180deg, rgba(20,32,26,.84), rgba(20,32,26,.68)), url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-crop-protection-sprayer-scaled.jpg');}
.cs-phero.cs-horticulture{background-image:linear-gradient(180deg, rgba(20,32,26,.84), rgba(20,32,26,.68)), url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-horticulture-rows-scaled.jpg');}
.cs-phero.cs-organics{background-image:linear-gradient(180deg, rgba(20,32,26,.84), rgba(20,32,26,.68)), url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-organics-soil-scaled.jpg');}
.cs-crumb{font-size:13px;color:#CFC9B4;text-decoration:none;font-weight:600;}
.cs-crumb:hover{color:#C9971C;}
.cs-phero h1{color:#fff;font-size:42px;margin-top:16px;max-width:760px;}
.cs-phero .cs-sub{color:#E7E2D0;font-size:17.5px;max-width:640px;margin-top:16px;}

.cs-sec{padding:56px 0;}
.cs-sec.alt{background:#EFE8D2;}
.cs-sec h2{font-size:32px;}
.cs-sec .cs-lead{color:#4A5850;font-size:16.5px;max-width:640px;margin-top:12px;}

.cs-quiz{margin-top:30px;background:#fff;border:1px solid #E3DBC2;border-radius:20px;padding:30px 32px;}
.cs-qstep{display:none;}
.cs-qstep.on{display:block;}
.cs-qlabel{font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7c8f7c;}
.cs-qtitle{font-family:'Fraunces',serif;font-weight:600;font-size:23px;margin-top:8px;color:#14201A;}
.cs-qopts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.cs-qopt{background:#F7F1E1;border:1.5px solid #E3DBC2;border-radius:14px;padding:16px 20px;font-weight:700;font-size:15px;color:#1B2620;cursor:pointer;flex:1 1 200px;text-align:left;}
.cs-qopt:hover{border-color:#C9971C;}
.cs-qopt.picked{background:#14201A;border-color:#14201A;color:#F7F1E1;}
.cs-qresult{display:none;margin-top:6px;}
.cs-qresult.on{display:block;}
.cs-recgrid{display:flex;gap:18px;margin-top:22px;flex-wrap:wrap;}
.cs-reccard{flex:1 1 220px;background:#F7F1E1;border:1px solid #E3DBC2;border-radius:16px;padding:22px;}
.cs-recn{font-weight:800;font-size:16.5px;color:#14201A;}
.cs-rectag{display:inline-block;margin-top:6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#5c6f5a;background:#E3EEDD;border:1px solid #cfe0c9;border-radius:100px;padding:3px 10px;}
.cs-recd{color:#4A5850;font-size:14px;margin-top:10px;line-height:1.5;}
.cs-restart{margin-top:20px;background:none;border:none;color:#7c8f7c;font-weight:700;font-size:13.5px;text-decoration:underline;cursor:pointer;padding:0;}

.cs-quotes{display:flex;gap:18px;margin-top:26px;flex-wrap:wrap;}
.cs-quote{flex:1 1 260px;background:#fff;border:1px solid #E3DBC2;border-left:4px solid #C9971C;border-radius:14px;padding:24px;}
.cs-quote p{font-family:'Fraunces',serif;font-style:italic;font-size:17px;color:#14201A;line-height:1.45;margin:0;}
.cs-quote .cs-qa{margin-top:14px;font-weight:800;font-size:13.5px;color:#5c6f5a;}
.cs-quotenote{margin-top:16px;font-size:12.5px;color:#8a9088;}

.cs-methods{display:flex;gap:18px;margin-top:26px;flex-wrap:wrap;}
.cs-method{flex:1 1 220px;background:#fff;border:1px solid #E3DBC2;border-radius:16px;padding:24px;text-align:center;}
.cs-micon{width:52px;height:52px;border-radius:50%;background:#14201A;color:#C9971C;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.cs-micon svg{width:26px;height:26px;}
.cs-mn{font-weight:800;font-size:15.5px;color:#14201A;}
.cs-md{font-size:13.5px;color:#4A5850;margin-top:8px;line-height:1.5;}

.cs-cta{background:#14201A;color:#F7F1E1;text-align:center;padding:56px 0;}
.cs-cta h2{color:#fff;font-size:32px;}
.cs-cta p{color:#CFC9B4;margin-top:12px;font-size:16px;}
.cs-btn{display:inline-flex;align-items:center;justify-content:center;background:#C9971C;color:#14201A;font-weight:800;font-size:16px;padding:16px 32px;border-radius:999px;text-decoration:none;margin-top:22px;}
.cs-btn:hover{background:#e0ac26;color:#14201A;}
.cs-btn.ghost{background:transparent;border:1.5px solid #4a5a4f;color:#F7F1E1;margin-left:12px;}

.cs-foot{background:#0F1712;color:#8a9088;padding:36px 0;font-size:13px;}
.cs-foot .cs-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;}
.cs-foot a{color:#CFC9B4;text-decoration:none;}
.cs-foot a:hover{color:#F7F1E1;}

@media (max-width:900px){
  .cs-segrid{grid-template-columns:repeat(2,1fr);}
  .cs-hero h1{font-size:38px;}
  .cs-wrap{padding:0 24px;}
}
@media (max-width:600px){
  .cs-segrid{grid-template-columns:1fr;}
  .cs-hero{padding:40px 0;min-height:auto;}
  .cs-hero h1{font-size:30px;}
  .cs-phero h1{font-size:30px;}
  .cs-quiz{padding:22px;}
  .cs-qopts{flex-direction:column;}
  .cs-recgrid,.cs-quotes,.cs-methods{flex-direction:column;}
  .cs-btn.ghost{margin-left:0;margin-top:12px;display:block;}
  .cs-nav .cs-wrap{padding-top:14px;padding-bottom:14px;}
  .cs-links{gap:14px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* CROPPING SOLUTIONS — full-bleed override fix.
   Astra applies max-width:1200px to direct children of .entry-content
   (its default content-width rule) with higher specificity than the
   original .cs-site rule, clipping the full-bleed breakout and leaving
   a white gap on both sides. Force it back to 100vw with !important and
   a selector that matches how Astra targets entry-content children. */
body .entry-content > .cs-site,
body.single .entry-content > .cs-site,
.entry-content > .cs-site {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   SITEWIDE FULL-BLEED SAFETY NET — fixes intermittent left/right
   borders on full-bleed landing pages.
   Root cause: Astra applies max-width:1200px (via --ast-content-width)
   directly to elements that are immediate children of .entry-content,
   with enough specificity to beat a plain single-class full-bleed rule
   (confirmed live on the Flowering & Ornamentals page, .byb-flr wrapper,
   whose width:100vw rule had no !important and was being clipped to a
   centered ~1200px column). Any current or future full-bleed wrapper on
   this site is vulnerable to the same bug unless it's listed here.
   Fix: force every known full-bleed wrapper class/id back to 100vw as a
   direct .entry-content child, with !important, in one place — so this
   never has to be re-diagnosed per-page again. Add new wrapper names
   here (comma-separated) whenever a new full-bleed template is built.
   ============================================================ */
body .entry-content > .byb,
body .entry-content > .byb-flr,
body .entry-content > .byb-overlay,
body .entry-content > .cs-site,
body .entry-content > #byb-redesign,
.entry-content > .byb,
.entry-content > .byb-flr,
.entry-content > .byb-overlay,
.entry-content > .cs-site,
.entry-content > #byb-redesign {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: hidden !important;
}


/* --- WPWriter addition --- */


/* --- WPWriter addition --- */
/* CROPPING SOLUTIONS — image testimonial feature (replaces plain .cs-quotes boxes) */
.cs-testfeature{display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #E3DBC2;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(20,32,26,.14);margin-top:26px;}
.cs-testphoto{position:relative;min-height:420px;}
.cs-testphoto img{width:100%;height:100%;object-fit:cover;display:block;}
.cs-testphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%, rgba(20,32,26,.82));}
.cs-testcap{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;color:#F7F1E1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;z-index:2;}
.cs-testbody{padding:38px 42px;display:flex;flex-direction:column;justify-content:center;gap:26px;}
.cs-testq{border-left:3px solid #C9971C;padding-left:20px;}
.cs-testq p{font-family:'Fraunces',serif;font-style:italic;font-size:18px;line-height:1.5;color:#14201A;margin:0 0 10px;}
.cs-testq .cs-qa{font-family:'Inter',sans-serif;font-weight:800;font-size:13px;letter-spacing:.02em;color:#5c6f5a;}
@media (max-width:900px){
  .cs-testfeature{grid-template-columns:1fr;}
  .cs-testphoto{min-height:220px;}
  .cs-testbody{padding:28px 26px;gap:20px;}
}

/* CROPPING SOLUTIONS — small diagram icon badge on every recommendation card,
   consistent motif since every SKU is a liquid input (droplet), no per-card
   markup changes needed since it hooks off the existing .cs-reccard class. */
.cs-reccard{position:relative;padding-top:58px;}
.cs-reccard::before{
  content:"";
  position:absolute;
  top:22px;left:22px;
  width:34px;height:34px;
  border-radius:10px;
  background-color:#14201A;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9971C' stroke-width='2'%3E%3Cpath d='M12 2C12 2 5 10 5 15a7 7 0 0 0 14 0c0-5-7-13-7-13z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
@media (max-width:600px){
  .cs-reccard{padding-top:56px;}
}

/* --- WPWriter addition --- */


/* --- WPWriter addition --- */
/* CROPPING SOLUTIONS — real lead-capture form (CF7) styled to match the
   dark/cream/gold system, embedded in the CTA band in place of mailto links. */
.cs-formcard{background:#fff;border-radius:20px;padding:36px 40px;max-width:640px;margin:28px auto 0;text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.28);}
.cs-formcard .wpcf7-form label{display:block;font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#5c6f5a;margin-bottom:7px;}
.cs-formcard .wpcf7-form p{margin:0 0 18px;}
.cs-formcard .wpcf7-form input[type=text],
.cs-formcard .wpcf7-form input[type=email],
.cs-formcard .wpcf7-form input[type=tel]{width:100%;padding:13px 16px;border:1.5px solid #E3DBC2;border-radius:10px;font-size:15px;font-family:'Inter',sans-serif;color:#14201A;background:#F7F1E1;box-sizing:border-box;}
.cs-formcard .wpcf7-form input:focus{outline:none;border-color:#C9971C;}
.cs-formcard .wpcf7-form input[type=submit]{background:#C9971C;color:#14201A;font-weight:800;font-size:15px;padding:16px 30px;border:none;border-radius:999px;cursor:pointer;width:100%;text-transform:uppercase;letter-spacing:.03em;font-family:'Inter',sans-serif;}
.cs-formcard .wpcf7-form input[type=submit]:hover{background:#e0ac26;}
.cs-formcard .wpcf7-form input[type=submit]:disabled{opacity:.6;cursor:wait;}
.cs-formcard .wpcf7-response-output{margin:14px 0 0;border-radius:10px;padding:12px 16px;font-size:13.5px;border-width:1.5px;}
.cs-formcard .wpcf7-not-valid-tip{color:#c0392b;font-size:12.5px;margin-top:4px;font-weight:600;}
.cs-formcard .wpcf7-spinner{display:none;}
.cs-formsub{color:#4A5850;font-size:14.5px;margin:0 0 22px;text-align:left;}
.cs-ctanote{margin-top:18px;color:#CFC9B4;font-size:14px;}
.cs-ctanote a{color:#C9971C;font-weight:700;text-decoration:none;}
@media (max-width:600px){
  .cs-formcard{padding:26px 22px;}
}

/* --- WPWriter addition --- */
.cs-recstory{font-size:15.5px;line-height:1.65;color:#4A5850;max-width:720px;margin:12px 0 28px;font-family:'Inter',sans-serif;}
.cs-recstory p{margin:0;}

/* --- WPWriter addition --- */
/* --- Recommendation card icons — per-product SVG icons instead of shared droplet --- */
.cs-reccard{padding-top:22px;}
.cs-reccard::before{content:none;}
.cs-recicon{width:34px;height:34px;border-radius:10px;background:#14201A;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.cs-recicon svg{width:18px;height:18px;}

/* --- Result hook headline + FAQ mini-block --- */
.cs-rechook h3{font-family:'Fraunces',serif;font-weight:700;font-size:26px;line-height:1.28;color:#14201A;margin:6px 0 18px;}
.cs-rechook mark{background:#C9971C;color:#14201A;padding:2px 9px;border-radius:5px;font-style:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.cs-recfaq-head{margin-top:28px;padding-top:22px;border-top:1px solid #E3DBC2;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7c8f7c;}
.cs-recfaq{margin-top:16px;display:flex;flex-direction:column;gap:16px;}
.cs-recfaq-q{font-weight:800;font-size:14.5px;color:#14201A;}
.cs-recfaq-q::before{content:"Q — ";color:#C9971C;font-weight:800;}
.cs-recfaq-a{font-size:14px;color:#4A5850;margin-top:6px;line-height:1.55;}
@media (max-width:600px){
  .cs-rechook h3{font-size:21px;}
}

/* --- WPWriter addition --- */
/* --- Athena-style hook emphasis: italic gold serif, no highlight box --- */
.cs-rechook mark{background:none;color:#C9971C;padding:0;border-radius:0;font-style:italic;font-family:'Fraunces',serif;font-weight:600;}

/* --- Per-result custom FAQ (timeline/expectation questions, swapped per recommendation, not a generic cost question) --- */
.cs-recfaq2{display:none;flex-direction:column;gap:16px;margin-top:16px;}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   CROPPING SOLUTIONS — mobile quiz button fix (.cs-qopt)
   Root cause: .cs-qopt uses flex:1 1 200px. On desktop .cs-qopts is
   flex-direction:row, so the 200px flex-basis reads as a MIN-WIDTH —
   fine. The mobile media query flips .cs-qopts to flex-direction:column
   but never resets .cs-qopt's flex-basis, so that same 200px is now
   read on the vertical main axis as a MIN-HEIGHT — blowing every button
   out to ~200px tall with the label stranded at the top and a huge dead
   space below it (looked like a rendering error). Reset basis to auto
   and let each button size to its own content on mobile.
   ============================================================ */
@media (max-width:600px){
  .cs-qopt{
    flex:1 1 auto !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    min-height:0 !important;
    padding:15px 18px !important;
  }
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   REMOVE DUPLICATE BREADCRUMBS SITE-WIDE
   Nearly every inner page shows its own page/product/category name
   as a big H1, directly under a "Home / X" breadcrumb trail that
   just repeats the same name a second time (e.g. category pages:
   "Home / Plant Health" sitting right above the "Plant Health"
   headline; product pages: ".../ Silica The Plant Armor" above
   "Silica The Plant Armor"; standard content pages like About/
   Contact: "Home / About Us" above "About Us"). Two separate
   widgets produce this across the site: WooCommerce's own
   breadcrumb (shop archive, category archives, single product
   pages) and the HFE breadcrumb widget baked into the shared
   page-title banner template used on standard content pages.
   Hiding both sitewide removes the duplication everywhere in one
   rule, including on any future page that reuses these templates.
   The custom full-bleed ".byb" landing pages (Roots, Silica,
   Living Soil Growers, etc.) never had a breadcrumb to begin with,
   so this is a no-op there.
   ============================================================ */
.woocommerce-breadcrumb,
.hfe-breadcrumbs {
  display: none !important;
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   GTRANSLATE WIDGET — MOBILE NAV OVERLAP FIX
   The GTranslate language switcher (flag + "EN") uses a fixed
   screen position and was landing directly on top of the mobile
   hamburger menu, blocking it. Shrink it and pull it into a
   vacant spot next to the logo instead of floating over the nav.
   Covers the different wrapper selectors GTranslate can render
   depending on widget look (Dropdown with Flags / Float).
   ============================================================ */
@media (max-width: 768px) {
  #gtranslate_wrapper,
  .gtranslate_wrapper,
  #gt_float_wrapper,
  .gt_container {
    position: fixed !important;
    top: 8px !important;
    left: 150px !important;
    right: auto !important;
    bottom: auto !important;
    transform: scale(0.72) !important;
    transform-origin: left top !important;
    z-index: 5 !important;
  }
}


/* --- WPWriter addition --- */
/* ============================================================
   BYB GROWER STORY — flipbook reader  (page: /grower-story/)
   Everything is scoped to #byb-reader so nothing leaks into Astra.
   ============================================================ */
#byb-reader{
  --r-ink:#111311; --r-cream:#F5F2E7; --r-yellow:#FFD200;
  --r-bg:#0B0C0B; --r-chrome:rgba(245,242,231,.72);
  color:var(--r-cream); font-family:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased; background:var(--r-bg);
  background-image:radial-gradient(ellipse 120% 90% at 50% 42%, #1C1E1B 0%, #0B0C0B 68%);
  width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  overflow:hidden; position:relative; height:100svh; min-height:540px;
}
#byb-reader *{box-sizing:border-box}
#byb-reader #wrap{position:absolute;inset:0;display:flex;flex-direction:column}

#byb-reader #top{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:12px 16px;z-index:40}
#byb-reader #top img.logo{height:20px;width:auto;display:block;margin:0}
#byb-reader #ttl{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--r-chrome);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#byb-reader #top .sp{flex:1}
#byb-reader .btn{position:relative;appearance:none;border:1px solid rgba(245,242,231,.22);
  background:rgba(245,242,231,.04);color:var(--r-cream);width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;transition:.18s;flex:0 0 auto;padding:0}
#byb-reader .btn:hover{background:rgba(255,210,0,.15);border-color:var(--r-yellow)}
#byb-reader .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
#byb-reader .btn.off{opacity:.42}
#byb-reader .btn.armed{border-color:var(--r-yellow);color:var(--r-yellow)}
#byb-reader .btn.armed::after{content:'';position:absolute;inset:-4px;border-radius:50%;
  border:1px solid var(--r-yellow);animation:bybping 2.4s ease-out infinite}
@keyframes bybping{0%{transform:scale(.85);opacity:.7}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}

#byb-reader #stage{flex:1 1 auto;position:relative;display:grid;place-items:center;
  perspective:3400px;perspective-origin:50% 50%;min-height:0}
#byb-reader #book{position:relative;transform-style:preserve-3d;transition:transform .5s ease}
#byb-reader .leaf{position:absolute;top:0;height:100%;transform-style:preserve-3d;
  transform-origin:left center;will-change:transform}
#byb-reader .face{position:absolute;inset:0;backface-visibility:hidden;
  -webkit-backface-visibility:hidden;overflow:hidden;background:var(--r-cream)}
#byb-reader .face.back{transform:rotateY(180deg)}
#byb-reader .face img{width:100%;height:100%;display:block;object-fit:fill;margin:0;max-width:none}
#byb-reader .face .sh{position:absolute;inset:0;pointer-events:none;opacity:0}
#byb-reader .face.front .sh{background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,0) 100%)}
#byb-reader .face.back .sh{background:linear-gradient(270deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.12) 42%,rgba(0,0,0,0) 100%)}
#byb-reader #gutter{position:absolute;top:0;bottom:0;width:34px;pointer-events:none;z-index:30;
  opacity:0;transition:opacity .3s;
  background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.30) 40%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.30) 60%,rgba(0,0,0,0))}
#byb-reader #shadow{position:absolute;pointer-events:none;z-index:0;border-radius:2px;
  box-shadow:0 26px 60px rgba(0,0,0,.62), 0 4px 14px rgba(0,0,0,.4)}

#byb-reader .arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;
  z-index:35;border-radius:50%;border:1px solid rgba(245,242,231,.2);background:rgba(11,12,11,.55);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--r-cream);
  display:grid;place-items:center;cursor:pointer;transition:.18s;padding:0}
#byb-reader .arrow:hover{background:var(--r-yellow);color:var(--r-ink);border-color:var(--r-yellow)}
#byb-reader .arrow[disabled]{opacity:.18;pointer-events:none}
#byb-reader #prev{left:14px}
#byb-reader #next{right:14px}
#byb-reader .arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
#byb-reader #bot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:14px;
  padding:10px 16px 16px;z-index:40}
#byb-reader #track{position:relative;height:3px;flex:0 1 320px;background:rgba(245,242,231,.16);
  border-radius:3px;cursor:pointer}
#byb-reader #fill{position:absolute;left:0;top:0;bottom:0;background:var(--r-yellow);
  border-radius:3px;transition:width .4s ease}
#byb-reader #cnt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--r-chrome);
  font-variant-numeric:tabular-nums;white-space:nowrap}
#byb-reader #hint{font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(245,242,231,.55);white-space:nowrap;transition:opacity .6s;pointer-events:none;flex:0 0 auto}
#byb-reader #hint.gone{opacity:0}
#byb-reader .btn:focus-visible,#byb-reader .arrow:focus-visible,#byb-reader #track:focus-visible{
  outline:2px solid var(--r-yellow);outline-offset:3px}

#byb-reader #load{position:absolute;inset:0;z-index:90;display:grid;place-items:center;
  background:var(--r-bg);transition:opacity .5s}
#byb-reader #load.gone{opacity:0;pointer-events:none}
#byb-reader #load .in{text-align:center}
#byb-reader #load img{height:26px;width:auto;margin:0 auto 20px}
#byb-reader #load .bar{width:150px;height:2px;background:rgba(245,242,231,.16);margin:0 auto;
  overflow:hidden;border-radius:2px}
#byb-reader #load .bar i{display:block;height:100%;width:0;background:var(--r-yellow);transition:width .25s}
#byb-reader #load p{margin:16px 0 0;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(245,242,231,.5)}
#byb-reader #loadmsg{display:none;margin:18px auto 0;font-size:11px;line-height:1.7;
  letter-spacing:.09em;text-transform:uppercase;color:rgba(245,242,231,.62);max-width:300px}

@media (max-width:700px){
  #byb-reader #top{padding:10px 12px;gap:10px}
  #byb-reader #ttl{font-size:9px}
  #byb-reader #prev{left:4px}
  #byb-reader #next{right:4px}
  #byb-reader .arrow{width:36px;height:36px;opacity:.62;background:rgba(11,12,11,.42)}
  #byb-reader #hint{display:none}
  #byb-reader #bot{gap:10px;padding:8px 12px 14px}
}
@media (prefers-reduced-motion:reduce){
  #byb-reader #book,#byb-reader #fill,#byb-reader #gutter,
  #byb-reader .btn,#byb-reader .arrow{transition:none!important}
  #byb-reader .btn.armed::after{animation:none;opacity:.5}
}

/* Astra reserves header/footer space this page does not use */
body:has(#byb-reader) #primary,
body:has(#byb-reader) .ast-article-single,
body:has(#byb-reader) .content-area{padding-top:0!important;margin-top:0!important;margin-bottom:0!important}
body:has(#byb-reader) .entry-header{display:none!important}
body:has(#byb-reader) .site-content .ast-container{padding-left:0!important;padding-right:0!important;max-width:100%!important}

/* --- WPWriter addition --- */
/* --- WPWriter addition --- */

/* ============================================================
   BYB — OOZE MERGED PRODUCT PAGE (product 8732)
   Companion to the "BYB — OOZE merged product page" code snippet.
   Everything is scoped to body.byb-ooze-live / .byb-ooze so the
   other 18 product pages are untouched. Mobile-first: base rules
   are the phone layout, min-width queries add the desktop.
   Inert until the snippet is active — neither class exists otherwise.
   ============================================================ */

/* --- 1. Clear WooCommerce's own single-product furniture ---------------- */

body.byb-ooze-live .woocommerce-product-gallery,
body.byb-ooze-live div.summary.entry-summary,
body.byb-ooze-live .woocommerce-tabs,
body.byb-ooze-live .related.products,
body.byb-ooze-live .up-sells,
body.byb-ooze-live .onsale,
body.byb-ooze-live .woocommerce-breadcrumb,
body.byb-ooze-live .entry-header,
body.byb-ooze-live .ast-single-post-order,
body.byb-ooze-live .product_meta {
  display: none !important;
}

body.byb-ooze-live {
  background: #111311 !important;
}
body.byb-ooze-live #primary,
body.byb-ooze-live .content-area {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body.byb-ooze-live .ast-article-single {
  padding: 0 !important;
  border: none !important;
}
body.byb-ooze-live .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.byb-ooze-live div.product {
  margin: 0 !important;
}
body.byb-ooze-live .byb-ooze {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: hidden;
}

/* --- 2. Base ------------------------------------------------------------ */

.byb-ooze {
  background: #111311;
  color: #F5F2E7;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.byb-ooze *,
.byb-ooze *::before,
.byb-ooze *::after {
  box-sizing: border-box;
}

.byb-ooze h1,
.byb-ooze h2,
.byb-ooze h3,
.byb-ooze h4 {
  font-family: Georgia, 'Playfair Display', serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  line-height: 1.04;
  color: #F5F2E7 !important;
  margin: 0;
}
.byb-ooze p {
  margin: 0;
}

.byb-ooze .oz-wrap {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 22px;
}

.byb-ooze .oz-it {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  color: #FFD200;
}

.byb-ooze .oz-kick {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #FFD200;
  margin-bottom: 14px;
}

.byb-ooze .oz-lead {
  font-size: 20px;
  font-weight: 300;
  color: #CFD2CA;
  line-height: 1.55;
}
.byb-ooze .oz-lead-gap {
  margin-bottom: 26px;
}

/* --- 3. Buttons --------------------------------------------------------- */

.byb-ooze .oz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  min-height: 54px;
  padding: 0 32px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  background: #FFD200;
  color: #111311;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}
.byb-ooze .oz-btn:hover,
.byb-ooze .oz-btn:focus {
  background: #FFD200;
  color: #111311;
}
.byb-ooze .oz-ghost {
  background: transparent;
  color: #F5F2E7;
  border: 1.5px solid #F5F2E7;
  font-size: 18px;
  font-weight: 700;
}
.byb-ooze .oz-ghost:hover {
  background: rgba(245, 242, 231, 0.08);
  color: #F5F2E7;
}
.byb-ooze .oz-disabled {
  background: rgba(245, 242, 231, 0.15);
  color: #8F938D;
  cursor: not-allowed;
}

/* --- 4. Sections -------------------------------------------------------- */

.byb-ooze .oz-sec {
  padding: 48px 0;
}
.byb-ooze .oz-sec.oz-tight {
  padding-top: 0;
}
.byb-ooze .oz-sec h2 {
  font-size: 32px;
  margin-bottom: 16px;
}
.byb-ooze .oz-cream {
  background: #F5F2E7;
  color: #111311;
}
.byb-ooze .oz-cream h2,
.byb-ooze .oz-cream h3 {
  color: #111311 !important;
}
.byb-ooze .oz-cream .oz-lead {
  color: #454845;
}
.byb-ooze .oz-cream .oz-kick {
  color: #7A6A00;
}

/* --- 5. Hero ------------------------------------------------------------ */

.byb-ooze .oz-hero {
  padding: 36px 0 44px;
}
.byb-ooze .oz-hero .oz-wrap {
  display: grid;
  gap: 30px;
}
.byb-ooze .oz-bot {
  text-align: center;
}
.byb-ooze .oz-bot img {
  width: 100%;
  max-width: 220px;
  height: auto;
  filter: drop-shadow(0 22px 44px rgba(0, 0, 0, 0.55));
}
.byb-ooze .oz-h1 {
  font-size: 44px;
}
.byb-ooze .oz-hero .oz-lead {
  margin-top: 18px;
  max-width: 52ch;
}
.byb-ooze .oz-cue {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.byb-ooze .oz-cuetxt {
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8F938D;
  font-weight: 600;
}
.byb-ooze .oz-microtrust {
  margin-top: 20px;
  font-size: 14px;
  color: #8F938D;
}

/* --- 6. Buy box --------------------------------------------------------- */

.byb-ooze .oz-buy {
  background: rgba(245, 242, 231, 0.045);
  border: 1px solid rgba(245, 242, 231, 0.13);
  border-radius: 20px;
  padding: 22px;
}
.byb-ooze .oz-cream .oz-buy {
  background: rgba(17, 19, 17, 0.04);
  border-color: rgba(17, 19, 17, 0.16);
}
.byb-ooze .oz-bl {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #CFD2CA;
  margin-bottom: 12px;
}
.byb-ooze .oz-cream .oz-bl {
  color: #5D615C;
}

.byb-ooze .oz-sizes {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.byb-ooze .oz-size {
  flex: 1 1 150px;
  display: block;
  text-align: left;
  border: 1.5px solid rgba(245, 242, 231, 0.22);
  border-radius: 14px;
  padding: 13px 15px;
  background: transparent;
  color: #F5F2E7;
  font-family: 'Roboto', Arial, sans-serif;
  cursor: pointer;
}
.byb-ooze .oz-cream .oz-size {
  border-color: rgba(17, 19, 17, 0.2);
  color: #111311;
}
.byb-ooze .oz-size.is-on {
  border-color: #FFD200;
  background: rgba(255, 210, 0, 0.08);
}
.byb-ooze .oz-size.is-out {
  opacity: 0.45;
  cursor: not-allowed;
}
.byb-ooze .oz-sn {
  display: block;
  font-size: 17px;
  font-weight: 700;
}
.byb-ooze .oz-sp {
  display: block;
  font-size: 15px;
  color: #CFD2CA;
  margin-top: 3px;
}
.byb-ooze .oz-cream .oz-sp {
  color: #5D615C;
}
.byb-ooze .oz-so {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #C98A3A;
  margin-top: 5px;
}

.byb-ooze .oz-wooform table.variations,
.byb-ooze .oz-wooform .reset_variations,
.byb-ooze .oz-wooform .quantity,
.byb-ooze .oz-wooform .woocommerce-variation-price {
  display: none !important;
}
.byb-ooze .oz-wooform .woocommerce-variation-availability {
  font-size: 14px;
  margin-bottom: 12px;
}
.byb-ooze .oz-wooform .stock.in-stock {
  color: #9FD39F;
}
.byb-ooze .oz-cream .oz-wooform .stock.in-stock {
  color: #3F7A3F;
}
.byb-ooze .oz-wooform .stock.out-of-stock {
  color: #C98A3A;
}
.byb-ooze .oz-wooform .single_add_to_cart_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  min-height: 54px;
  padding: 0 32px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #FFD200 !important;
  color: #111311 !important;
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.byb-ooze .oz-wooform .single_add_to_cart_button.disabled {
  background: rgba(245, 242, 231, 0.15) !important;
  color: #8F938D !important;
  cursor: not-allowed;
}
.byb-ooze .oz-wooform .woocommerce-variation-add-to-cart {
  display: block;
}

/* --- 7. Shipping / returns / guarantee ---------------------------------- */

.byb-ooze .oz-trust {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.byb-ooze .oz-tr {
  border: 1px solid rgba(245, 242, 231, 0.13);
  border-radius: 14px;
  padding: 14px 16px;
}
.byb-ooze .oz-cream .oz-tr {
  border-color: rgba(17, 19, 17, 0.14);
}
.byb-ooze .oz-tt {
  font-size: 14px;
  font-weight: 700;
  color: #F5F2E7;
}
.byb-ooze .oz-cream .oz-tt {
  color: #111311;
}
.byb-ooze .oz-td {
  font-size: 14px;
  color: #8F938D;
  margin-top: 4px;
  line-height: 1.45;
}
.byb-ooze .oz-cream .oz-td {
  color: #5D615C;
}

/* --- 8. Why it matters cards -------------------------------------------- */

.byb-ooze .oz-cards {
  display: grid;
  gap: 18px;
  margin-top: 32px;
}
.byb-ooze .oz-card {
  background: rgba(17, 19, 17, 0.05);
  border: 1px solid rgba(17, 19, 17, 0.1);
  border-radius: 18px;
  padding: 24px;
}
.byb-ooze .oz-cn {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 7px;
}
.byb-ooze .oz-cd {
  font-size: 16px;
  color: #4D504C;
  line-height: 1.5;
}

/* --- 9. What's in the bottle -------------------------------------------- */

.byb-ooze .oz-lactives {
  margin-top: 26px;
}
.byb-ooze .oz-lrow {
  display: flex;
  gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(17, 19, 17, 0.12);
}
.byb-ooze .oz-lrow:last-child {
  border-bottom: none;
}
.byb-ooze .oz-dot {
  flex: none;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #FFD200;
  margin-top: 8px;
}
.byb-ooze .oz-lname {
  font-size: 19px;
  font-weight: 700;
}
.byb-ooze .oz-ltag {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7A6A00;
  margin-left: 9px;
}
.byb-ooze .oz-ld {
  font-size: 16px;
  color: #4D504C;
  margin-top: 5px;
  line-height: 1.5;
}

/* --- 10. Grower reviews ------------------------------------------------- */

.byb-ooze .oz-qfeat {
  display: grid;
  gap: 24px;
  margin-top: 30px;
}
.byb-ooze .oz-qt p {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 22px;
  line-height: 1.35;
}
.byb-ooze .oz-qa {
  margin-top: 14px;
  color: #FFD200;
  font-weight: 700;
  font-size: 16px;
}
.byb-ooze .oz-qn {
  font-size: 13px;
  color: #8F938D;
  margin-top: 4px;
}
.byb-ooze .oz-qfeat img {
  width: 100%;
  height: auto;
  border-radius: 18px;
  display: block;
}
.byb-ooze .oz-qgrid {
  display: grid;
  gap: 16px;
  margin-top: 26px;
}
.byb-ooze .oz-qcard {
  border: 1px solid rgba(245, 242, 231, 0.14);
  border-radius: 16px;
  padding: 20px;
}
.byb-ooze .oz-qcard p {
  font-size: 17px;
  color: #CFD2CA;
  line-height: 1.5;
}

/* --- 11. Usual finisher vs OOZE ----------------------------------------- */

.byb-ooze .oz-vs {
  display: grid;
  gap: 16px;
  margin-top: 30px;
}
.byb-ooze .oz-vscol {
  border: 1px solid rgba(245, 242, 231, 0.14);
  border-radius: 18px;
  padding: 24px;
}
.byb-ooze .oz-vscol.oz-new {
  border-color: #FFD200;
}
.byb-ooze .oz-vshead {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 16px;
}
.byb-ooze .oz-vscol.oz-new .oz-vshead {
  color: #FFD200;
}
.byb-ooze .oz-vrow {
  display: flex;
  gap: 12px;
  padding: 9px 0;
  font-size: 16px;
  color: #CFD2CA;
}
.byb-ooze .oz-vmark {
  flex: none;
  font-weight: 700;
}
.byb-ooze .oz-vscol.oz-new .oz-vmark {
  color: #FFD200;
}

/* --- 12. Value panel ---------------------------------------------------- */

.byb-ooze .oz-value {
  background: #FFD200;
  color: #111311;
  padding: 44px 0;
  text-align: center;
}
.byb-ooze .oz-k {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.byb-ooze .oz-big {
  font-family: Georgia, 'Playfair Display', serif;
  font-weight: 700;
  font-size: 44px;
  line-height: 1;
}
.byb-ooze .oz-d {
  margin-top: 12px;
  font-size: 18px;
  max-width: 44ch;
  margin-left: auto;
  margin-right: auto;
}

/* --- 13. Label & MSDS --------------------------------------------------- */

.byb-ooze .oz-stats {
  display: grid;
  gap: 14px;
  margin-top: 28px;
}
.byb-ooze .oz-stat {
  border: 1px solid rgba(245, 242, 231, 0.14);
  border-radius: 14px;
  padding: 18px;
}
.byb-ooze .oz-sl {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8F938D;
}
.byb-ooze .oz-sv {
  font-size: 19px;
  font-weight: 700;
  margin-top: 6px;
}
.byb-ooze .oz-srcnote {
  font-size: 13px;
  color: #8F938D;
  margin-top: 18px;
  line-height: 1.6;
}

/* --- 14. When to use it ------------------------------------------------- */

.byb-ooze .oz-stages {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.byb-ooze .oz-stg {
  flex: 1 1 110px;
  text-align: center;
  padding: 13px 8px;
  border: 1px solid rgba(17, 19, 17, 0.16);
  border-radius: 12px;
  font-size: 15px;
  font-weight: 500;
}
.byb-ooze .oz-stg.is-on {
  background: #111311;
  color: #F5F2E7;
  border-color: #111311;
  font-weight: 700;
}
.byb-ooze .oz-rates {
  margin-top: 24px;
}
.byb-ooze .oz-rate {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(17, 19, 17, 0.12);
  font-size: 17px;
}
.byb-ooze .oz-rate:last-child {
  border-bottom: none;
}
.byb-ooze .oz-rate b {
  font-weight: 700;
  white-space: nowrap;
}

/* --- 15. Bundle upsell -------------------------------------------------- */

.byb-ooze .oz-bundle {
  background: linear-gradient(180deg, rgba(255, 210, 0, 0.10), rgba(255, 210, 0, 0.03));
  border: 1px solid rgba(255, 210, 0, 0.32);
  border-radius: 22px;
  padding: 28px;
}
.byb-ooze .oz-bh {
  font-size: 28px;
  line-height: 1.08;
  margin-bottom: 10px;
}
.byb-ooze .oz-bd {
  font-size: 17px;
  color: #CFD2CA;
  line-height: 1.5;
}
.byb-ooze .oz-pricebox {
  margin-top: 20px;
  text-align: center;
}
.byb-ooze .oz-was {
  font-size: 17px;
  color: #8F938D;
}
.byb-ooze .oz-was .woocommerce-Price-amount {
  text-decoration: line-through;
}
.byb-ooze .oz-now {
  font-family: Georgia, 'Playfair Display', serif;
  font-size: 40px;
  font-weight: 700;
  color: #FFD200;
  line-height: 1.05;
  margin: 2px 0 4px;
}
.byb-ooze .oz-save {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #F5F2E7;
  margin-bottom: 16px;
}
.byb-ooze .oz-bundle-btn {
  width: 100%;
}
.byb-ooze .oz-bundle-btn.added,
.byb-ooze .oz-bundle .added_to_cart {
  display: none !important;
}

/* --- 16. FAQ ------------------------------------------------------------ */

.byb-ooze .oz-faq {
  margin-top: 26px;
  border-top: 1px solid rgba(17, 19, 17, 0.14);
}
.byb-ooze .oz-fq {
  border-bottom: 1px solid rgba(17, 19, 17, 0.14);
  padding: 20px 0;
}
.byb-ooze .oz-q {
  font-size: 19px;
  font-weight: 700;
  color: #111311;
}
.byb-ooze .oz-a {
  font-size: 17px;
  color: #4C504B;
  line-height: 1.55;
  margin-top: 8px;
  max-width: 70ch;
}

/* --- 17. Related products ----------------------------------------------- */

.byb-ooze .oz-rel {
  display: grid;
  gap: 16px;
  margin-top: 26px;
}
.byb-ooze .oz-rc {
  border: 1px solid rgba(245, 242, 231, 0.13);
  border-radius: 18px;
  padding: 22px;
  text-align: center;
}
.byb-ooze .oz-rc a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.byb-ooze .oz-rc img {
  width: 100%;
  max-width: 96px;
  height: auto;
  margin: 0 auto 14px;
  display: block;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.5));
}
.byb-ooze .oz-rn {
  font-size: 19px;
  font-weight: 700;
}
.byb-ooze .oz-rr {
  font-size: 14px;
  color: #8F938D;
  margin-top: 5px;
  line-height: 1.45;
}
.byb-ooze .oz-rp {
  font-size: 15px;
  color: #FFD200;
  margin-top: 10px;
  font-weight: 700;
}
.byb-ooze .oz-rc.is-current img {
  opacity: 0.35;
}
.byb-ooze .oz-rc.is-current .oz-rn {
  color: #8F938D;
}

/* --- 18. Closing CTA ---------------------------------------------------- */

.byb-ooze .oz-final {
  padding: 52px 0;
  text-align: center;
}
.byb-ooze .oz-final h2 {
  font-size: 34px;
  margin-bottom: 26px;
}
.byb-ooze .oz-finalbuy {
  max-width: 520px;
  margin: 0 auto;
  text-align: left;
}
.byb-ooze .oz-fl {
  margin-top: 20px;
  font-size: 16px;
  color: #CFD2CA;
}
.byb-ooze .oz-fl b {
  color: #FFD200;
}

/* --- 19. Sticky mobile add-to-cart -------------------------------------- */
/* Bottom-anchored on purpose: the mobile GTranslate widget is pinned
   top-left at z-index 5, and a top bar would collide with it. */

.oz-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: none;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  background: rgba(17, 19, 17, 0.97);
  border-top: 1px solid rgba(245, 242, 231, 0.16);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
.oz-sticky.is-show {
  display: flex;
}
.oz-sticky .oz-sp {
  flex: 1;
  min-width: 0;
}
.oz-sticky .oz-sn2 {
  font-size: 15px;
  font-weight: 700;
  color: #F5F2E7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oz-sticky .oz-sv2 {
  font-size: 14px;
  color: #CFD2CA;
}
.oz-sticky .oz-btn {
  height: 46px;
  min-height: 46px;
  padding: 0 22px;
  font-size: 16px;
  flex: none;
}

/* --- 20. Desktop -------------------------------------------------------- */

@media (min-width: 700px) {
  .byb-ooze .oz-trust {
    grid-template-columns: repeat(3, 1fr);
  }
  .byb-ooze .oz-stats {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 760px) {
  .byb-ooze .oz-cards,
  .byb-ooze .oz-qgrid,
  .byb-ooze .oz-rel {
    grid-template-columns: repeat(3, 1fr);
  }
  .byb-ooze .oz-vs {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 820px) {
  .byb-ooze .oz-wrap {
    padding: 0 44px;
  }
  .byb-ooze .oz-bundle {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 34px;
    align-items: center;
  }
  .byb-ooze .oz-pricebox {
    margin-top: 0;
  }
  .byb-ooze .oz-bh {
    font-size: 32px;
  }
}

@media (min-width: 860px) {
  .byb-ooze .oz-qfeat {
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
  }
  .byb-ooze .oz-qt p {
    font-size: 27px;
  }
}

@media (min-width: 900px) {
  .byb-ooze .oz-hero {
    padding: 44px 0 54px;
  }
  .byb-ooze .oz-hero .oz-wrap {
    grid-template-columns: 0.85fr 1.15fr;
    align-items: center;
    gap: 50px;
  }
  .byb-ooze .oz-bot img {
    max-width: 250px;
  }
  .byb-ooze .oz-h1 {
    font-size: 66px;
  }
  .byb-ooze .oz-sec {
    padding: 62px 0;
  }
  .byb-ooze .oz-sec h2 {
    font-size: 46px;
  }
  .byb-ooze .oz-value {
    padding: 52px 0;
  }
  .byb-ooze .oz-big {
    font-size: 60px;
  }
  .byb-ooze .oz-final {
    padding: 66px 0;
  }
  .byb-ooze .oz-final h2 {
    font-size: 42px;
  }
  .oz-sticky,
  .oz-sticky.is-show {
    display: none !important;
  }
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   BLOG POST BRAND STYLING
   First real blog content on the site (WPWriter auto-blogging /
   Claude-authored posts). These use the plain default Astra
   single-post template, not a .byb landing wrapper, so they were
   rendering in the theme's stock white/default-font look instead
   of the site's brand system. Applying the same dark ink /
   cream / yellow / Georgia-Playfair-Roboto system used on the
   category archive pages and shop, scoped to body.single-post
   only, so it doesn't touch pages or the shop/category archives
   already styled elsewhere.
   ============================================================ */

body.single-post #primary,
body.single-post .ast-container,
body.single-post .site-content,
body.single-post #content {
  background: #111311 !important;
}

body.single-post .entry-header .entry-title {
  font-family: Georgia, 'Playfair Display', serif !important;
  color: #F5F2E7 !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3 {
  font-family: Georgia, 'Playfair Display', serif !important;
  color: #F5F2E7 !important;
  font-weight: 700 !important;
}

body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li {
  font-family: 'Roboto', sans-serif !important;
  color: #CFD2CA !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.single-post .entry-content a {
  color: #FFD200 !important;
  font-weight: 600 !important;
}

body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .entry-footer,
body.single-post .cat-links,
body.single-post .tags-links {
  color: #8A8D84 !important;
}
body.single-post .entry-meta a,
body.single-post .cat-links a,
body.single-post .tags-links a {
  color: #C9C5B6 !important;
}

body.single-post .ast-comment-avatar,
body.single-post #comments {
  color: #CFD2CA !important;
}

/* Featured image: contained, not full-bleed, sits on the dark background */
body.single-post .post-thumbnail img {
  border-radius: 12px !important;
}


/* --- WPWriter addition --- */
/* === byb-coir: unlisted coconut/coir pitch page (Sept 2026) === */.byb-coir{--ink:#111311;--cream:#F5F2E7;--yellow:#FFD200;--forest:#105732;--mist:#CFD2CA;--ink2:#1C1F1B;--line:rgba(17,19,17,.14);--sub:#4a4d47}.byb-coir{background:var(--cream);color:var(--ink);font-family:Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}.byb-coir .wrap{max-width:560px;margin:0 auto}.byb-coir section{padding:28px 22px}.byb-coir .dark{background:var(--ink);color:var(--cream)}.byb-coir .dark p{color:var(--mist)}.byb-coir .green{background:var(--forest);color:var(--cream)}.byb-coir .green p{color:#DCE8DF}.byb-coir .kicker{color:var(--yellow);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}.byb-coir .light .kicker{color:var(--forest)}.byb-coir h1,.byb-coir h2,.byb-coir h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.01em;line-height:1.06;text-wrap:balance;margin:0}.byb-coir h1{font-size:33px}.byb-coir h2{font-size:24px;margin-bottom:12px}.byb-coir h3{font-size:19px;margin-bottom:6px}.byb-coir em.pop{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:var(--yellow)}.byb-coir p{margin:0 0 12px;font-size:16px;max-width:36em}.byb-coir .logo{display:block;height:60px;width:auto;margin-bottom:26px}.byb-coir .bar{height:8px;display:flex}.byb-coir .bar span{flex:1}.byb-coir .bar .y{background:var(--yellow)}.byb-coir .bar .g{background:var(--forest)}.byb-coir .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:20px}.byb-coir .fact{border-top:3px solid var(--yellow);padding-top:8px}.byb-coir .fact b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:700;line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.byb-coir .fact span{font-size:13px;color:var(--mist);display:block;line-height:1.35}.byb-coir .plays{display:flex;flex-direction:column;gap:16px}.byb-coir .play{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 14px;position:relative}.byb-coir .play .tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);margin-bottom:8px}.byb-coir .play .tag.byb{color:#8a6d00}.byb-coir .play p{font-size:14.5px;color:var(--sub);margin-bottom:8px}.byb-coir .play p:last-child{margin-bottom:0}.byb-coir .play .win{background:var(--ink);color:var(--cream);border-radius:10px;padding:10px 12px;font-size:14px;margin-top:10px}.byb-coir .play .win b{color:var(--yellow);font-weight:600}.byb-coir .prods{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.byb-coir .prods span{background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:400;white-space:nowrap}.byb-coir .prods span.k{background:var(--yellow);border-color:var(--yellow);font-weight:600}.byb-coir .ranges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.byb-coir .range{background:var(--ink2);border-radius:12px;padding:14px}.byb-coir .range b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:17px;color:var(--yellow);margin-bottom:4px;line-height:1.1}.byb-coir .range span{font-size:13px;color:var(--mist);display:block;line-height:1.4}.byb-coir .qs{display:flex;flex-direction:column;gap:8px}.byb-coir .q{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.byb-coir .q summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:15.5px;font-weight:400;color:var(--ink);display:flex;gap:12px;align-items:flex-start}.byb-coir .q summary::-webkit-details-marker{display:none}.byb-coir .q summary::before{content:"?";flex:0 0 26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:15px}.byb-coir .q[open] summary::before{content:"→";background:var(--forest);color:var(--cream)}.byb-coir .q div{padding:0 16px 14px 54px;font-size:14px;color:var(--sub)}.byb-coir .q summary:focus-visible{outline:3px solid var(--forest);outline-offset:2px;border-radius:12px}.byb-coir .honest{border-left:4px solid var(--yellow);padding:4px 0 4px 14px;margin-top:16px}.byb-coir .honest p{font-size:14px;margin:0}.byb-coir .next{display:flex;flex-direction:column;gap:10px}.byb-coir .step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.byb-coir .step i{font-style:normal;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:22px;color:var(--yellow);line-height:1;padding-top:2px}.byb-coir .step b{display:block;font-weight:600;font-size:16px;color:var(--cream)}.byb-coir .step p{font-size:14px;margin:0}.byb-coir .foot{background:var(--ink);color:var(--mist);font-size:13px;padding:22px 22px 34px;text-align:center;line-height:1.7;border-top:1px solid rgba(245,242,231,.12)}.byb-coir .foot b{color:var(--cream);font-weight:600;display:block;font-size:15px}.byb-coir .foot a,.byb-coir .foot a:hover{color:#FFD200;text-decoration:none}.byb-coir .fig{margin:18px -4px 0;border-radius:12px;overflow:hidden}.byb-coir .fig svg{display:block;width:100%;height:auto}.byb-coir .fig.light{margin:10px 0 12px;border:1px solid var(--line)}.byb-coir .figwrap{margin:12px 0 14px}.byb-coir .figwrap figcaption{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:16px;color:var(--ink);margin-bottom:6px;text-align:left}.byb-coir .figtext{font-size:13.5px;color:var(--sub);margin:8px 0 0}.byb-coir .figtext b{font-weight:600}.byb-coir .src{font-size:11.5px;color:var(--mist);opacity:.75;margin-top:14px;line-height:1.5}.byb-coir{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;box-sizing:border-box}.byb-coir *{box-sizing:border-box}.byb-coir h1,.byb-coir h2,.byb-coir h3{margin-top:0}.byb-coir details>summary{list-style:none}body:has(.byb-coir) #primary,body:has(.byb-coir) .ast-article-single,body:has(.byb-coir) .content-area{padding:0!important;margin:0!important}body:has(.byb-coir) .entry-header{display:none!important}body:has(.byb-coir) #masthead,body:has(.byb-coir) .hfe-header,body:has(.byb-coir) header.site-header,body:has(.byb-coir) #colophon,body:has(.byb-coir) .hfe-footer,body:has(.byb-coir) footer.site-footer,body:has(.byb-coir) .ast-above-header-wrap{display:none!important}body:has(.byb-coir) .site-content,body:has(.byb-coir) .ast-container{max-width:100%!important;padding:0!important}body:has(.byb-coir) .entry-content{margin:0!important}

/* --- WPWriter addition --- */
.byb-coir .dark h1,.byb-coir .dark h2,.byb-coir .green h2,.byb-coir .dark h3{color:#F5F2E7!important}.byb-coir .light h2,.byb-coir .light h3,.byb-coir .play h3{color:#111311!important}.byb-coir h1 em.pop{color:#FFD200!important}.byb-coir .dark p,.byb-coir .dark .fact span,.byb-coir .dark .range span{color:#CFD2CA}.byb-coir .green p{color:#DCE8DF}.byb-coir .green .step b{color:#F5F2E7}.byb-coir .play p,.byb-coir .q div{color:#4a4d47}.byb-coir .play .win,.byb-coir .play .win b{color:#F5F2E7}.byb-coir .play .win b{color:#FFD200}.byb-coir .honest p{color:inherit}body:has(.byb-coir) .ast-primary-header-bar,body:has(.byb-coir) .ast-mobile-header-wrap,body:has(.byb-coir) .hfe-site-logo,body:has(.byb-coir) .elementor-location-header,body:has(.byb-coir) .elementor-location-footer{display:none!important}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   UK PARTNER PAGES (.byb-uk) — unlisted per-store allocation pages
   for the 2026 Telford rollout. Dark/cream bookend layout, serif
   headlines, Roboto body, yellow accents. Scoped to .byb-uk only.
   ============================================================ */
body:has(.byb-uk) #primary,body:has(.byb-uk) .content-area{margin-top:0 !important;}
body:has(.byb-uk) .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
body:has(.byb-uk) .entry-header{display:none !important;}
body:has(.byb-uk) .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.byb-uk{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;background:#111311;color:#F5F2E7;font-family:'Roboto',Arial,sans-serif;line-height:1.55;}
.byb-uk *{box-sizing:border-box;}
.byb-uk .wrap{width:100%;}
.byb-uk section{padding:56px 20px;}
.byb-uk section>*{max-width:1060px;margin-left:auto;margin-right:auto;}
.byb-uk .dark{background:#111311;color:#F5F2E7;}
.byb-uk .light{background:#F5F2E7;color:#111311;}
.byb-uk .kick{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#FFD200;margin:0 0 12px;}
.byb-uk .light .kick{color:#0d4a33;}
.byb-uk h1,.byb-uk h2,.byb-uk h3{font-family:Georgia,'Playfair Display',serif;font-weight:700;letter-spacing:-.01em;line-height:1.08;margin:0 0 18px;}
.byb-uk h1{font-size:34px;}
.byb-uk h2{font-size:30px;}
.byb-uk h3{font-size:20px;margin-bottom:10px;}
.byb-uk .pop{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:#FFD200;}
.byb-uk .light .pop{color:#0d4a33;}
.byb-uk p{font-size:17px;margin:0 0 16px;}
.byb-uk .dark p{color:#CFD2CA;}
.byb-uk .light p{color:#2f352f;}
.byb-uk .lead{font-size:19px;}
.byb-uk .hero{padding-top:44px;}
.byb-uk .logo{display:block;height:64px;width:auto;margin:0 auto 26px 0;}
.byb-uk .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px;}
.byb-uk .f{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:14px;padding:18px;}
.byb-uk .f b{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:30px;color:#FFD200;line-height:1;}
.byb-uk .f span{display:block;font-size:14px;color:#CFD2CA;margin-top:8px;}
.byb-uk .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.byb-uk .btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;background:#FFD200;color:#111311;font-weight:800;font-size:17px;text-decoration:none;}
.byb-uk .btn.ghost{background:transparent;color:#F5F2E7;border:1.5px solid #3a3d39;font-weight:700;}
.byb-uk .light .btn.ghost{color:#111311;border-color:#c9c2ad;}
.byb-uk .bar{display:flex;height:6px;}
.byb-uk .bar span{flex:1;}
.byb-uk .bar .y{background:#FFD200;}
.byb-uk .bar .g{background:#0d4a33;}
.byb-uk .two,.byb-uk .three{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px;}
.byb-uk .box{border-radius:16px;padding:24px;}
.byb-uk .light .box{background:#fff;border:1px solid #e6dfca;}
.byb-uk .dark .box{background:#1b1d1b;border:1px solid #2c2f2c;}
.byb-uk .box p:last-child{margin-bottom:0;}
.byb-uk .box a{color:#0d4a33;font-weight:700;text-decoration:none;}
.byb-uk .dark .box a{color:#FFD200;}
.byb-uk .tablewrap{overflow-x:auto;margin-top:8px;border-radius:14px;border:1px solid #e6dfca;background:#fff;}
.byb-uk table.alloc{width:100%;border-collapse:collapse;font-size:15px;min-width:560px;}
.byb-uk table.alloc th,.byb-uk table.alloc td{padding:10px 14px;text-align:left;border-bottom:1px solid #ece5d2;white-space:nowrap;}
.byb-uk table.alloc th{background:#111311;color:#FFD200;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;}
.byb-uk table.alloc .n{text-align:right;font-variant-numeric:tabular-nums;}
.byb-uk table.alloc td.p{font-weight:700;color:#111311;}
.byb-uk table.alloc tfoot td{background:#FFD200;color:#111311;font-weight:800;border-bottom:none;}
.byb-uk table.alloc sup{color:#0d4a33;font-weight:700;}
.byb-uk .tnote{font-size:14px;color:#5f6a62;margin-top:12px;}
.byb-uk .dark .tnote{color:#9a9c93;}
.byb-uk .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;}
.byb-uk .pc{display:flex;flex-direction:column;align-items:center;text-align:center;background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;padding:18px 14px;text-decoration:none;color:#F5F2E7;transition:border-color .15s;}
.byb-uk .pc:hover{border-color:#FFD200;}
.byb-uk .pc img{height:150px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55));margin-bottom:12px;}
.byb-uk .pc b{font-size:18px;font-weight:800;}
.byb-uk .pc span{font-size:13.5px;color:#CFD2CA;margin-top:6px;line-height:1.45;}
.byb-uk .pc i{font-style:normal;color:#FFD200;font-weight:700;font-size:13px;margin-top:10px;}
.byb-uk .partners .pt{background:#fff;border:1px solid #e6dfca;border-radius:14px;padding:18px;position:relative;}
.byb-uk .partners .pt b{display:block;font-size:17px;color:#111311;}
.byb-uk .partners .pt span{display:block;font-size:14px;color:#5f6a62;margin-top:4px;}
.byb-uk .partners .pt.me{border:2px solid #FFD200;background:#fff9dc;}
.byb-uk .partners .pt em{position:absolute;top:12px;right:12px;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:#FFD200;color:#111311;border-radius:999px;padding:3px 9px;}
.byb-uk .book{margin-top:20px;background:#1b1d1b;border:1px solid #2c2f2c;border-left:5px solid #FFD200;border-radius:16px;padding:24px;}
.byb-uk .book iframe{width:100%;min-height:640px;border:0;border-radius:12px;background:#fff;margin-top:12px;}
.byb-uk .foot{background:#0d0f0c;color:#CFD2CA;padding:40px 20px;text-align:left;font-size:15px;border-top:1px solid #24261f;}
.byb-uk .foot img{height:46px;width:auto;display:block;margin-bottom:16px;}
.byb-uk .foot b{display:block;color:#F5F2E7;font-size:16px;margin-bottom:8px;}
.byb-uk .foot span{display:block;margin-top:6px;white-space:nowrap;}
.byb-uk .foot a{color:#CFD2CA;text-decoration:none;}
.byb-uk .foot .ig a{display:block;color:#F5F2E7;font-weight:700;}
.byb-uk .foot .ig a::first-letter{color:#FFD200;}
@media (min-width:700px){
.byb-uk section{padding:72px 44px;}
.byb-uk h1{font-size:50px;}
.byb-uk h2{font-size:40px;}
.byb-uk .facts{grid-template-columns:repeat(4,1fr);}
.byb-uk .two{grid-template-columns:1fr 1fr;}
.byb-uk .three{grid-template-columns:1fr 1fr 1fr;}
.byb-uk .pgrid{grid-template-columns:repeat(4,1fr);}
.byb-uk .foot{padding:48px 44px;}
}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* .byb-uk — beat Astra heading colours/margins */
.byb-uk section>*{max-width:1060px !important;margin-left:auto !important;margin-right:auto !important;}
.byb-uk .dark h1,.byb-uk .dark h2,.byb-uk .dark h3,.byb-uk .hero h1{color:#F5F2E7 !important;}
.byb-uk .light h2,.byb-uk .light h3{color:#111311 !important;}
.byb-uk .dark .pop{color:#FFD200 !important;}
.byb-uk .light .pop{color:#0d4a33 !important;}
.byb-uk h1,.byb-uk h2,.byb-uk h3{margin-top:0 !important;margin-bottom:18px !important;}
.byb-uk .kick{margin-bottom:12px !important;}
.byb-uk .logo{margin-left:0 !important;}
.byb-uk .foot>*{max-width:1060px;margin-left:auto;margin-right:auto;}
.byb-uk .foot img{margin-left:auto;margin-right:auto;}
.byb-uk .foot b,.byb-uk .foot span{display:block;}
.byb-uk .foot{padding-left:44px;padding-right:44px;}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
.byb-uk .hero .logo{display:block;width:100% !important;max-width:1060px !important;height:64px;object-fit:contain;object-position:left center;margin:0 auto 26px !important;}
.byb-uk .foot img{width:100%;max-width:1060px;height:46px;object-fit:contain;object-position:left center;}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* .byb-uk — kill Astra's reserved bottom gap above the site footer */
body:has(.byb-uk) #primary,body:has(.byb-uk) .ast-article-single,body:has(.byb-uk) .content-area,body:has(.byb-uk) .site-content,body:has(.byb-uk) .entry-content{margin-bottom:0 !important;padding-bottom:0 !important;}
body:has(.byb-uk) .site-content{background:#0d0f0c !important;}


/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* ============================================================
   GROWER EDUCATION SHEETS (.byb-edu)
   Extends the existing .byb landing system for the education /
   one-pager library: auto-height hero, the soluble-vs-insoluble
   diagram card, the source-comparison cards, and the sources
   footnote. Scoped to .byb-edu so no existing .byb page moves.
   ============================================================ */
.byb-edu .hero{height:auto !important;min-height:0 !important;}
.byb-edu .heroimg.bot.small{min-height:340px;}
.byb-edu .heroh{font-size:52px;}
.byb-edu .actbar .wrap{gap:14px;}
.byb-edu .actbar .abc{font-size:16px;font-weight:600;max-width:640px;}
.byb-edu .sec .note{max-width:900px;}
.byb-edu .sec.cream .note{color:#5b6459;}
.byb-edu .card .cn{font-size:20px;}
.byb-edu .card .cd{font-size:15.5px;color:#3f4a41;}

/* diagram card */
.byb-edu .dgm{background:#f5f2e7;border-radius:18px;padding:26px 24px 18px;margin-top:28px;}
.byb-edu .dgmscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.byb-edu .dgmscroll svg{min-width:720px;display:block;}

/* yellow takeaway strip */
.byb-edu .cap{background:#ffd200;color:#111311;border-radius:14px;padding:22px 26px;margin-top:26px;font-size:17px;line-height:1.5;font-weight:500;max-width:900px;}
.byb-edu .cap b{font-weight:800;}
.byb-edu .cap.dark{background:#1b1d1b;color:#dfe2d9;border:1px solid #2c2f2c;border-left:5px solid #ffd200;}
.byb-edu .cap.dark b{color:#ffd200;}

/* source comparison cards */
.byb-edu .srcgrid{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;}
.byb-edu .src{flex:1 1 320px;background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:24px 24px 20px;}
.byb-edu .srch{border-bottom:1px solid #ece3cf;padding-bottom:14px;margin-bottom:4px;}
.byb-edu .srcn{font-size:22px;font-weight:800;color:#111311;line-height:1.15;}
.byb-edu .srcs{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#8a9a80;margin-top:5px;}
.byb-edu .srcrow{padding:14px 0;border-bottom:1px solid #f0ead8;}
.byb-edu .srcrow:last-child{border-bottom:none;padding-bottom:0;}
.byb-edu .srcl{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#0d4a33;}
.byb-edu .srcv{font-size:15.5px;line-height:1.5;color:#3f4a41;margin-top:6px;}
.byb-edu .meter{display:block;margin-top:9px;}
.byb-edu .mg{display:inline-block;width:30px;height:9px;border-radius:2px;margin-right:5px;background:#ded8c3;}
.byb-edu .mg.on{background:#0d4a33;}
.byb-edu .src.bloom{background:#111311;border-color:#2c2f2c;border-top:4px solid #ffd200;}
.byb-edu .src.bloom .srcn{color:#ffd200;}
.byb-edu .src.bloom .srcs{color:#b9bcb3;}
.byb-edu .src.bloom .srch{border-bottom-color:#2c2f2c;}
.byb-edu .src.bloom .srcrow{border-bottom-color:#22241f;}
.byb-edu .src.bloom .srcl{color:#ffd200;}
.byb-edu .src.bloom .srcv{color:#dfe2d9;}
.byb-edu .src.bloom .srcv b{color:#ffd200;}
.byb-edu .src.bloom .mg{background:#3a3d36;}
.byb-edu .src.bloom .mg.on{background:#ffd200;}

/* stat row + sources footnote */
.byb-edu .stat .sv{font-family:'Playfair Display',Georgia,serif;font-size:28px;}
.byb-edu .srcsec{padding-top:0;padding-bottom:54px;}
.byb-edu .srclist{font-size:13px;line-height:1.6;color:#9a9c93;margin-top:10px;max-width:1000px;}
.byb-edu .srclist i{color:#b9bcb3;}

/* education hub index */
.byb-edu .idx{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;}
.byb-edu .idxc{flex:1 1 330px;background:#161816;border:1px solid #2a2d29;border-radius:16px;padding:26px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease;}
.byb-edu .idxc:hover{border-color:#ffd200;transform:translateY(-2px);}
.byb-edu .idxt{font-size:21px;font-weight:800;color:#f5f2e7;line-height:1.2;}
.byb-edu .idxk{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#ffd200;margin-bottom:10px;}
.byb-edu .idxd{font-size:15.5px;color:#b9bcb4;line-height:1.5;margin-top:10px;}
.byb-edu .idxg{margin-top:auto;padding-top:14px;color:#ffd200;font-weight:800;font-size:14px;}
.byb-edu .idxc.soon{opacity:.55;pointer-events:none;}
.byb-edu .idxc.soon .idxg{color:#8a8d84;}

@media (max-width:600px){
  .byb-edu .heroh{font-size:31px;}
  .byb-edu .heroimg.bot.small{min-height:260px;}
  .byb-edu .srcgrid,.byb-edu .idx{flex-direction:column;}
  .byb-edu .src,.byb-edu .idxc{flex:none;width:100%;}
  .byb-edu .src{padding:20px;}
  .byb-edu .cap{padding:18px 20px;font-size:15.5px;}
  .byb-edu .dgm{padding:16px 14px 10px;}
  .byb-edu .actbar .abt{font-size:20px;}
}


/* --- WPWriter addition --- */
/* ============================================================
   GROWER TRIAL ACCOUNT PAGE (.byb-ko) — /knockout-farms/
   Living, unlisted account page. Editorial Dark. Each content
   block is a self-contained <section> between MODULE comments — swap one without
   touching the rest. Scoped to .byb-ko only.
   ============================================================ */
body:has(.byb-ko) #primary,body:has(.byb-ko) .content-area,body:has(.byb-ko) .ast-article-single,body:has(.byb-ko) .site-content,body:has(.byb-ko) .entry-content{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;}
body:has(.byb-ko) .entry-header{display:none !important;}
body:has(.byb-ko) .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
body:has(.byb-ko) .site-content{background:#0d0f0c !important;}
html:has(.byb-ko){scroll-behavior:smooth;}
.byb-ko{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;overflow-x:hidden !important;background:#111311;color:#F5F2E7;font-family:'Roboto',Arial,sans-serif;line-height:1.55;}
.byb-ko *{box-sizing:border-box;}
.byb-ko .ko-in{max-width:1060px;margin:0 auto !important;}
.byb-ko section{padding:52px 20px;background:#111311;scroll-margin-top:64px;}
.byb-ko section.alt{background:#161816;}
.byb-ko h1,.byb-ko h2,.byb-ko h3,.byb-ko h4{font-family:Georgia,'Playfair Display',serif !important;font-weight:700 !important;letter-spacing:-.01em;line-height:1.08 !important;color:#F5F2E7 !important;margin:0 0 16px !important;}
.byb-ko h1{font-size:36px !important;}
.byb-ko h2{font-size:30px !important;}
.byb-ko h3{font-size:21px !important;margin-bottom:8px !important;}
.byb-ko .pop{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;color:#FFD200 !important;}
.byb-ko p{font-size:17px;color:#CFD2CA;margin:0 0 14px;}
.byb-ko p b,.byb-ko li b{color:#F5F2E7;}
.byb-ko .lead{font-size:19px;}
.byb-ko .kick{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#FFD200;margin:0 0 12px;}
.byb-ko .num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #FFD200;color:#FFD200;font-size:13px;font-weight:700;margin-right:10px;vertical-align:2px;letter-spacing:0;}
.byb-ko .bar{display:flex;height:5px;}
.byb-ko .bar span{flex:1;}
.byb-ko .bar .y{background:#FFD200;}
.byb-ko .bar .g{background:#105732;}
.byb-ko .hero{padding-top:34px;padding-bottom:40px;}
.byb-ko .logo{display:block;height:58px;width:auto;margin:0 0 28px;}
.byb-ko .prep{display:inline-flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.byb-ko .prep span{font-size:13px;font-weight:600;color:#CFD2CA;border:1px solid #3a3d39;border-radius:999px;padding:5px 12px;}
.byb-ko .prep span b{color:#FFD200;}
.byb-ko .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px;}
.byb-ko .f{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:14px;padding:16px;}
.byb-ko .f b{display:block;font-family:Georgia,serif;font-weight:700;font-size:28px;color:#FFD200;line-height:1;}
.byb-ko .f span{display:block;font-size:13.5px;color:#CFD2CA;margin-top:8px;line-height:1.4;}
.byb-ko .ko-nav{position:sticky;top:0;z-index:50;background:rgba(17,19,17,.96);border-bottom:1px solid #2c2f2c;backdrop-filter:blur(6px);}
.byb-ko .ko-nav{padding:0 20px;}
.byb-ko .ko-nav .ko-in{display:flex;gap:8px;overflow-x:auto;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.byb-ko .ko-nav .ko-in::-webkit-scrollbar{display:none;}
.byb-ko .ko-nav a{flex:none;font-size:14px;font-weight:700;color:#F5F2E7 !important;text-decoration:none !important;border:1.5px solid #3a3d39;border-radius:999px;padding:8px 16px;white-space:nowrap;}
.byb-ko .ko-nav a:hover,.byb-ko .ko-nav a.on{border-color:#FFD200;color:#FFD200 !important;}
.byb-ko .ko-nav a.cta{background:#FFD200;border-color:#FFD200;color:#111311 !important;}
.byb-ko .two,.byb-ko .three{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px;}
.byb-ko .box{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;padding:22px;}
.byb-ko section.alt .box{background:#1f221f;}
.byb-ko .box p:last-child{margin-bottom:0;}
.byb-ko .box .ico{display:block;width:40px;height:40px;margin-bottom:12px;}
.byb-ko .take{margin-top:22px;background:#FFD200;color:#111311;border-radius:14px;padding:18px 22px;font-size:17px;font-weight:500;line-height:1.5;}
.byb-ko .take b{color:#111311;font-weight:800;}
.byb-ko .prods{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px;}
.byb-ko .pc{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;padding:14px 16px;}
.byb-ko .pc img{width:88px;height:120px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));}
.byb-ko .pc .when{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#FFD200;margin-bottom:4px;}
.byb-ko .pc h4{font-size:20px !important;margin:0 0 4px !important;}
.byb-ko .pc p{font-size:15px;margin:0;line-height:1.45;}
.byb-ko .pc .rate{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:#111311;background:#F5F2E7;border-radius:999px;padding:3px 10px;}
.byb-ko .fig{margin-top:24px;background:#161816;border:1px solid #2c2f2c;border-radius:16px;padding:18px 16px 12px;}
.byb-ko section.alt .fig{background:#111311;}
.byb-ko .figscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.byb-ko .figscroll svg{display:block;width:100%;height:auto;}
.byb-ko .figscroll.wide svg{min-width:680px;}
.byb-ko .figcap{font-size:13.5px;color:#9fa39a;margin:10px 2px 0;}
.byb-ko .swipe{display:block;font-size:12px;color:#9fa39a;margin:0 0 8px;}
.byb-ko .live{margin-top:20px;border:1.5px dashed #FFD200;border-radius:16px;padding:20px 22px;background:rgba(255,210,0,.05);}
.byb-ko .live .lt{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#FFD200;margin-bottom:8px;}
.byb-ko .live .dot{flex:none;width:10px;height:10px;border-radius:50%;background:#FFD200;box-shadow:0 0 0 0 rgba(255,210,0,.6);animation:koPulse 1.8s infinite;}
@keyframes koPulse{0%{box-shadow:0 0 0 0 rgba(255,210,0,.55);}70%{box-shadow:0 0 0 10px rgba(255,210,0,0);}100%{box-shadow:0 0 0 0 rgba(255,210,0,0);}}
.byb-ko .live p{margin-bottom:10px;}
.byb-ko .live .stamp{font-size:13px;color:#9fa39a;margin:0;}
.byb-ko .ptable{width:100%;border-collapse:collapse;margin:12px 0 12px;font-size:15px;}
.byb-ko .ptable th,.byb-ko .ptable td{text-align:left;padding:10px 12px;border-bottom:1px solid #2c2f2c;color:#CFD2CA;}
.byb-ko .ptable th{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#FFD200;font-weight:700;}
.byb-ko .ptable td.tbc{color:#FFD200;font-weight:700;}
@media (max-width:640px){.byb-ko .ptable{font-size:14px;}.byb-ko .ptable th,.byb-ko .ptable td{padding:9px 6px;}}
.byb-ko .ptable td b{color:#F5F2E7;}
.byb-ko ul.tick{list-style:none;margin:10px 0 0;padding:0;}
.byb-ko ul.tick li{position:relative;padding:0 0 10px 28px;font-size:16px;color:#CFD2CA;}
.byb-ko ul.tick li::before{content:"";position:absolute;left:2px;top:6px;width:12px;height:7px;border-left:2.5px solid #FFD200;border-bottom:2.5px solid #FFD200;transform:rotate(-45deg);}
.byb-ko .specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;}
.byb-ko .spec{border:1px solid #2c2f2c;border-radius:12px;padding:12px 14px;background:#1b1d1b;}
.byb-ko .spec b{display:block;color:#F5F2E7;font-size:16px;}
.byb-ko .spec span{display:block;color:#9fa39a;font-size:13px;margin-top:3px;}
.byb-ko .demo{display:flex;flex-direction:column;justify-content:center;min-height:200px;border-radius:16px;padding:22px;background:linear-gradient(140deg,#1b1d1b 0%,#1f2a22 100%);border:1px solid #2c2f2c;}
.byb-ko .demo svg{width:48px;height:48px;margin-bottom:12px;}
.byb-ko .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:999px;background:#FFD200;color:#111311 !important;font-weight:800;font-size:17px;text-decoration:none !important;box-shadow:0 0 22px rgba(255,210,0,.25);}
.byb-ko .btn.ghost{background:transparent;color:#F5F2E7 !important;border:1.5px solid #3a3d39;box-shadow:none;font-weight:700;}
.byb-ko .steps{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px;}
.byb-ko .step{display:grid;grid-template-columns:40px 1fr;gap:12px;background:#1b1d1b;border:1px solid #2c2f2c;border-radius:14px;padding:16px;}
.byb-ko .step i{font-style:normal;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#FFD200;color:#111311;font-weight:800;font-size:16px;}
.byb-ko .step b{display:block;color:#F5F2E7;font-size:17px;margin-bottom:3px;}
.byb-ko .step p{margin:0;font-size:15px;}
.byb-ko .log{list-style:none;margin:14px 0 0;padding:0;border-left:2px solid #2c2f2c;}
.byb-ko .log li{position:relative;padding:0 0 14px 20px;font-size:15px;color:#CFD2CA;}
.byb-ko .log li::before{content:"";position:absolute;left:-6px;top:6px;width:10px;height:10px;border-radius:50%;background:#FFD200;}
.byb-ko .log li b{color:#F5F2E7;margin-right:6px;}
.byb-ko .foot{background:#0d0f0c;padding:40px 20px 46px;border-top:1px solid #24261f;}
.byb-ko .foot img{height:44px;width:auto;display:block;margin-bottom:16px;}
.byb-ko .foot b{display:block;color:#F5F2E7;font-size:16px;margin-bottom:10px;}
.byb-ko .foot .cl{font-size:15px;color:#CFD2CA;line-height:1.9;}
.byb-ko .foot .cl span{white-space:nowrap;}
.byb-ko .foot a{color:#CFD2CA !important;text-decoration:none !important;}
.byb-ko .foot .ig a{color:#F5F2E7 !important;font-weight:700;}
@media (min-width:700px){
.byb-ko section{padding:72px 44px;}
.byb-ko .hero{padding-top:44px;padding-bottom:56px;}
.byb-ko h1{font-size:52px !important;}
.byb-ko h2{font-size:40px !important;}
.byb-ko .facts{grid-template-columns:repeat(4,1fr);}
.byb-ko .two{grid-template-columns:1fr 1fr;}
.byb-ko .three{grid-template-columns:1fr 1fr 1fr;}
.byb-ko .prods{grid-template-columns:1fr 1fr;}
.byb-ko .steps{grid-template-columns:1fr 1fr;}
.byb-ko .specs{grid-template-columns:repeat(4,1fr);}
.byb-ko .ko-nav{padding:0 44px;}.byb-ko .ko-nav .ko-in{padding:12px 0;}
.byb-ko .foot{padding:48px 44px;}
}
@media (min-width:1000px){.byb-ko .prods{grid-template-columns:1fr 1fr 1fr;}.byb-ko .steps{grid-template-columns:repeat(4,1fr);}}


/* --- WPWriter addition --- */
/* .byb-ko — coco product image cards */
.byb-ko .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}
.byb-ko .cc{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;}
.byb-ko .cc.pick{border-color:#FFD200;}
.byb-ko .cc .ci{background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:10px;}
.byb-ko .cc .ci img{width:100%;height:100%;object-fit:contain;}
.byb-ko .cc .ct{padding:12px 14px 14px;}
.byb-ko .cc .ct em{display:inline-block;font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:#FFD200;color:#111311;border-radius:999px;padding:2px 8px;margin-bottom:6px;}
.byb-ko .cc .ct b{display:block;color:#F5F2E7;font-size:15.5px;line-height:1.3;}
.byb-ko .cc .ct span{display:block;color:#9fa39a;font-size:13px;margin-top:4px;line-height:1.4;}
@media (min-width:700px){.byb-ko .cgrid{grid-template-columns:repeat(4,1fr);}}


/* --- WPWriter addition --- */
/* .byb-ko — let the jump nav stick (hidden overflow blocks position:sticky) */
.byb-ko{overflow-x:clip !important;}
body.admin-bar .byb-ko .ko-nav{top:32px;}


/* --- WPWriter addition --- */
body:has(.byb-ko){overflow-x:clip !important;overflow-y:visible !important;}


/* --- WPWriter addition --- */

/* ============================================================
   .byb-uk ADDITIONS — Dark Horse living page (id 10861)
   Bottle-beside-text split, dated stock callout, carousel
   slide tiles, and the grower-review photo strip. Scoped to
   .byb-uk so the eight UK partner pages are untouched.
   ============================================================ */
.byb-uk .split{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;margin-top:8px;}
.byb-uk .split .shot{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center;}
.byb-uk .split .shot img{height:320px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.6));}
.byb-uk .split .txt p:last-child{margin-bottom:0;}

.byb-uk .flag{margin-top:22px;background:#1b1d1b;border:1px solid #2c2f2c;border-left:5px solid #FFD200;border-radius:16px;padding:20px 22px;}
.byb-uk .flag em{display:inline-block;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:#FFD200;color:#111311;border-radius:999px;padding:4px 11px;margin-bottom:12px;}
.byb-uk .flag p{margin:0;font-size:16px;color:#CFD2CA;}
.byb-uk .flag p + p{margin-top:10px;}

.byb-uk .cars{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px;}
.byb-uk .cars .car{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;overflow:hidden;}
.byb-uk .cars .car img{display:block;width:100%;height:auto;}
.byb-uk .cars .car .cap{padding:14px 16px 16px;}
.byb-uk .cars .car .cap b{display:block;color:#F5F2E7;font-size:16px;font-weight:800;}
.byb-uk .cars .car .cap span{display:block;color:#9fa39a;font-size:13.5px;margin-top:5px;line-height:1.45;}
.byb-uk .cars .box{display:flex;flex-direction:column;justify-content:center;}
.byb-uk .cars .box .ctas{margin-top:18px;}
.byb-uk .cars .box .btn{height:48px;padding:0 22px;font-size:15.5px;}

.byb-uk .rgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;}
.byb-uk .rv{position:relative;border-radius:14px;overflow:hidden;border:1px solid #e6dfca;background:#111311;aspect-ratio:4/5;}
.byb-uk .rv img{width:100%;height:100%;object-fit:cover;display:block;}
.byb-uk .rv span{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(17,19,17,.88);color:#F5F2E7;font-size:11.5px;font-weight:700;border-radius:999px;padding:5px 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (min-width:700px){
.byb-uk .split{grid-template-columns:320px 1fr;gap:34px;}
.byb-uk .cars{grid-template-columns:repeat(3,1fr);}
.byb-uk .rgrid{grid-template-columns:repeat(4,1fr);gap:14px;}
.byb-uk .rv span{font-size:12.5px;}
}


/* --- WPWriter addition --- */

/* .byb-uk review strip — the reviews-<handle>.jpg files are finished
   carousel cards with their own headers and swipe cues, so the handle
   label sits UNDER the card instead of overlaying and covering them. */
.byb-uk .rv{border:0;background:none;border-radius:0;overflow:visible;aspect-ratio:auto;}
.byb-uk .rv img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:14px;border:1px solid #d9d2bd;}
.byb-uk .rv span{position:static;display:block;background:none;color:#5f6a62;font-size:12.5px;font-weight:700;text-align:center;padding:9px 2px 0;border-radius:0;white-space:normal;overflow:visible;}
.byb-uk .dark .rv span{color:#9fa39a;}


/* --- WPWriter addition --- */
/* ============================================================
   GROWER EDUCATION — HPS to LED guide (scoped .byb-led)
   Adds four components on top of .byb / .byb-edu:
   1. .ledtabs  — CSS-only two-track toggle (no JS; inline
      <script> in page content gets mangled by wpautop).
   2. .ectab    — EC to ppm conversion table on the cream section.
   3. .ledsplit — two-column explainer with equation + bar chart.
   4. .prodstack — product cards with real bottle renders.
   ============================================================ */

.byb-led .ledtabs{margin-top:28px;}
.byb-led .ledtabs > input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.byb-led .ledbar{display:flex;gap:10px;flex-wrap:wrap;}
.byb-led .ledbar label{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 28px;border-radius:999px;border:1.5px solid #3a3d39;background:transparent;color:#cfd2ca;font-weight:700;font-size:17px;cursor:pointer;user-select:none;}
.byb-led .ledbar label:hover{border-color:#5a5d59;color:#f5f2e7;}
.byb-led #ledTent:checked ~ .ledbar label[for="ledTent"],
.byb-led #ledComm:checked ~ .ledbar label[for="ledComm"]{background:#ffd200;border-color:#ffd200;color:#111311;font-weight:800;}
.byb-led .ledpane{display:none;margin-top:22px;}
.byb-led #ledTent:checked ~ .ledpanes .paneTent{display:block;}
.byb-led #ledComm:checked ~ .ledpanes .paneComm{display:block;}
.byb-led .ledpanes .actives{margin-top:0;}

.byb-led .ectab{margin-top:26px;background:#fff;border:1px solid #e6dfca;border-radius:16px;overflow:hidden;}
.byb-led .ectab table{width:100%;border-collapse:collapse;}
.byb-led .ectab th{text-align:left;padding:16px 20px;background:#111311;color:#f5f2e7;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;vertical-align:top;}
.byb-led .ectab th span{display:block;margin-top:5px;font-size:11.5px;letter-spacing:.05em;text-transform:none;color:#9a9c93;font-weight:600;}
.byb-led .ectab td{padding:12px 20px;font-size:16.5px;color:#3a433c;border-bottom:1px solid #efe8d6;font-variant-numeric:tabular-nums;}
.byb-led .ectab tr:last-child td{border-bottom:none;}
.byb-led .ectab td:first-child{font-weight:800;color:#111311;}
.byb-led .ectab tr.hl td{background:#fdf6d8;}
.byb-led .ectab tr.hl td:first-child{box-shadow:inset 4px 0 0 #ffd200;}

.byb-led .ledsplit{display:flex;gap:18px;margin-top:34px;}
.byb-led .ledhalf{flex:1;background:#fff;border:1px solid #e6dfca;border-radius:18px;padding:28px;}
.byb-led .ledh{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:24px;color:#111311;line-height:1.15;}
.byb-led .ledp{font-size:16.5px;color:#4a544c;line-height:1.6;margin-top:14px;}
.byb-led .ledp b{color:#111311;}
.byb-led .ledeq{margin-top:16px;background:#111311;color:#ffd200;border-radius:12px;padding:16px 20px;font-size:16.5px;font-weight:700;text-align:center;line-height:1.4;}
.byb-led .dochart{margin-top:18px;background:#faf7ec;border:1px solid #ece3cf;border-radius:12px;padding:16px;}

.byb-led .prodstack{display:flex;flex-direction:column;gap:16px;margin-top:28px;}
.byb-led .prodcard{display:flex;gap:26px;align-items:stretch;background:#fff;border:1px solid #e6dfca;border-radius:18px;padding:26px 28px;text-decoration:none;transition:border-color .15s ease,transform .15s ease;}
.byb-led .prodcard:hover{border-color:#0d4a33;transform:translateY(-2px);}
.byb-led .prodcard.hero{border:2px solid #ffd200;background:#fffdf3;}
.byb-led .prodimg{flex:0 0 130px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%, rgba(255,210,0,.16), rgba(255,255,255,0) 68%);border-radius:14px;}
.byb-led .prodimg img{max-height:210px;width:auto;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.18));}
.byb-led .prodbody{flex:1;}
.byb-led .prodk{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#0d4a33;}
.byb-led .prodh{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:30px;color:#111311;margin-top:6px;line-height:1.05;}
.byb-led .prodd{font-size:16.5px;color:#4a544c;line-height:1.6;margin-top:12px;}
.byb-led .prodd b{color:#111311;}
.byb-led .prodga{margin-top:14px;font-family:'DejaVu Sans Mono',monospace;font-size:12.5px;letter-spacing:.02em;color:#0d4a33;background:#e7f0ea;border:1px solid #cfe0d5;border-radius:100px;padding:7px 15px;display:inline-block;font-weight:700;}
.byb-led .prodnote{margin-top:12px;font-size:15px;color:#6b7269;line-height:1.55;border-left:3px solid #ffd200;padding-left:14px;}
.byb-led .prodgo{margin-top:16px;color:#0d4a33;font-weight:800;font-size:15px;}
.byb-led .prodcard.hero .prodgo{color:#111311;}

.byb-led .srcnote{margin-top:16px;color:#8a8d84;font-size:14px;font-style:italic;}

@media (max-width:820px){
  .byb-led .ledsplit{flex-direction:column;}
  .byb-led .prodcard{flex-direction:column;gap:18px;}
  .byb-led .prodimg{flex:none;height:200px;}
  .byb-led .prodimg img{max-height:190px;}
}
@media (max-width:600px){
  .byb-led .ledbar label{flex:1 1 100%;font-size:16px;padding:0 18px;}
  .byb-led .ectab td,.byb-led .ectab th{padding-left:14px;padding-right:14px;font-size:15px;}
  .byb-led .ledhalf{padding:22px 20px;}
  .byb-led .ledh{font-size:21px;}
  .byb-led .prodh{font-size:25px;}
  .byb-led .prodga{font-size:11.5px;}
}

/* --- WPWriter addition --- */
/* HPS→LED guide is published as a POST, not a page, so Astra's
   single-post link colour (brand yellow) was winning over the .byb
   button rules — yellow text on a yellow pill, invisible. Force the
   button colours back, scoped to .byb-led only. */
.byb-led .btnbuy,
.byb-led .final .btnbuy{color:#111311 !important;}
.byb-led .btnghost{color:#f5f2e7 !important;}
.byb-led a,
.byb-led a:hover{text-decoration:none !important;}
.byb-led .srclist a{color:#ffd200 !important;}

/* --- WPWriter addition --- */
/* Higher-specificity follow-up: the existing
   `body.single-post .entry-content a{color:#ffd200!important}` rule
   out-specified the previous block, so the yellow CTA pills still had
   yellow text. Match its specificity and go one class higher. */
body.single-post .entry-content .byb-led .btnbuy,
body.single-post .entry-content .byb-led .final .btnbuy{color:#111311 !important;}
body.single-post .entry-content .byb-led .btnghost{color:#f5f2e7 !important;}
body.single-post .entry-content .byb-led .prodcard{color:#4a544c !important;}

/* --- WPWriter addition --- */
/* Same root cause as the button fix: this site forces cream headings
   on single posts (`body.single-post .entry-content h1,h2,h3
   {color:#f5f2e7!important}`) because posts are normally dark-bodied.
   The LED guide has cream sections, so its h2s were cream-on-cream and
   invisible. Restore ink headings inside .sec.cream only. */
body.single-post .entry-content .byb-led .sec.cream h1,
body.single-post .entry-content .byb-led .sec.cream h2,
body.single-post .entry-content .byb-led .sec.cream h3{color:#111311 !important;}
body.single-post .entry-content .byb-led .sec.cream h2 .it{color:#0d4a33 !important;}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* UK Network Map (page id 10885) — full-bleed .byb fix already covers this
   page generally via body:has(.byb). Page-specific hero/map/list styling: */
.byb-ukmap .ukm-hero{padding:64px 0 40px;border-bottom:1px solid #24261f;text-align:center;}
.byb-ukmap .ukm-hero .wrap{max-width:760px;margin:0 auto;padding:0 44px;}
.byb-ukmap .ukm-h{font-size:44px;margin-top:14px;}
.byb-ukmap .ukm-lead{font-size:18px;color:#cfd2ca;margin-top:16px;}
.byb-ukmap .ukm-map{width:100%;height:640px;background:#161816;}
.byb-ukmap .ukm-legend{display:flex;gap:28px;align-items:center;justify-content:center;padding:22px 44px;font-size:14px;color:#c3c7bb;flex-wrap:wrap;}
.byb-ukmap .ukm-dot{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:middle;}
.byb-ukmap .ukm-dot--hub{background:#ff5a5a;}
.byb-ukmap .ukm-dot--store{background:#ffd200;}
.byb-ukmap .ukm-list{max-width:1060px;margin:0 auto;padding:0 44px 60px;}
.byb-ukmap .ukm-row{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#161816;border:1px solid #2a2d29;border-radius:14px;margin-bottom:12px;cursor:pointer;flex-wrap:wrap;transition:border-color .15s ease;}
.byb-ukmap .ukm-row:hover{border-color:#ffd200;}
.byb-ukmap .ukm-row.hub{background:#1f1414;border-color:#3a2020;cursor:default;}
.byb-ukmap .ukm-name{font-weight:800;color:#f5f2e7;font-size:17px;flex:1 1 220px;}
.byb-ukmap .ukm-contact{color:#9a9c93;font-size:14px;flex:1 1 140px;}
.byb-ukmap .ukm-value{font-family:'DejaVu Sans Mono',monospace;color:#ffd200;font-weight:800;font-size:15px;flex:0 0 auto;}
.byb-ukmap .ukm-link{color:#ffd200;font-weight:700;font-size:13px;text-decoration:none;flex:0 0 auto;white-space:nowrap;}
.byb-ukmap .ukm-total{display:flex;justify-content:space-between;padding:16px 20px;font-weight:800;color:#f5f2e7;border-top:1px solid #2a2d29;margin-top:6px;font-size:16px;}
.byb-ukmap .leaflet-popup-content-wrapper{background:#161816 !important;color:#f5f2e7 !important;border-radius:12px !important;}
.byb-ukmap .leaflet-popup-tip{background:#161816 !important;}
.byb-ukmap .leaflet-popup-content a{color:#ffd200 !important;font-weight:700;}
.byb-ukmap .leaflet-popup-content{font-family:'Roboto',sans-serif !important;}
@media (max-width:600px){
.byb-ukmap .ukm-map{height:420px;}
.byb-ukmap .ukm-h{font-size:30px;}
.byb-ukmap .ukm-row{padding:14px 16px;}
}
.page-id-10885 .entry-header{display:none !important;}


/* --- WPWriter addition --- */
/* HPS→LED guide: hero now carries an inline-SVG lighting graphic instead of a
   bottle render, so the top of the page matches the topic. .heroimg.bot is
   right-aligned by default for bottle shots — centre it for this one. */
.byb-led .heroimg.bot{justify-content:center !important;padding-right:0 !important;}
.byb-led .ledhero{width:100%;max-width:430px;height:auto;display:block;}
@media (max-width:600px){
  .byb-led .heroimg.bot.small{height:auto !important;min-height:0 !important;padding:30px 20px !important;}
  .byb-led .ledhero{max-width:320px;margin:0 auto;}
}

/* --- WPWriter addition --- */
/* Breathing room around the LED hero graphic — without this the HPS panel's
   rounded corner sits flush against the edge of the hero column. */
.byb-led .heroimg.bot.small{padding:0 26px !important;}

/* --- WPWriter addition --- */
/* /coir/ page: hide empty <p> tags WordPress auto-inserts (they broke the "How this could sequence" step grid) */
body .byb-coir p:empty { display: none !important; }

/* --- WPWriter addition --- */
/* /coir/ page additions (24 Sep 2026) */
.byb-coir .play .tag.bb { color: #8a6d00; }
.byb-coir .bc-cmp { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--cream); margin: 10px 0 0; }
.byb-coir .bc-hd, .byb-coir .bc-cells { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.byb-coir .bc-hd > div { padding: 10px 8px 8px; font-size: 12.5px; font-weight: 600; line-height: 1.2; border-bottom: 1px solid var(--line); color: var(--ink); }
.byb-coir .bc-hd small { display: block; font-weight: 400; font-size: 11px; color: var(--sub); margin-top: 2px; }
.byb-coir .bc-hd .hi { background: var(--yellow); }
.byb-coir .bc-row { border-bottom: 1px solid var(--line); }
.byb-coir .bc-row:last-child { border-bottom: 0; }
.byb-coir .bc-lab { font-size: 10.5px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--forest); padding: 9px 8px 0; }
.byb-coir .bc-cells > div { padding: 4px 8px 10px; font-size: 13px; line-height: 1.3; color: var(--ink); display: flex; gap: 6px; align-items: flex-start; }
.byb-coir .bc-cells > div.hi { background: rgba(255,210,0,.16); }
.byb-coir .bc-dot { display: inline-block; flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; margin-top: 4px; border: 1.75px solid #9a9d95; }
.byb-coir .bc-dot.ok { background: var(--forest); border-color: var(--forest); }
.byb-coir .bc-dot.bad { background: #b3452c; border-color: #b3452c; }
.byb-coir .fig.bc-seq { margin: 4px 0 18px; border: 1px solid rgba(245,242,231,.18); }
@media (max-width: 600px) {
  .byb-coir .dark .fig { margin-left: -22px; margin-right: -22px; border-radius: 0; }
  .byb-coir .green .fig.bc-seq { margin-left: -22px; margin-right: -22px; border-radius: 0; border-left: 0; border-right: 0; }
  .byb-coir .play .fig.light { margin-left: -18px; margin-right: -18px; border-radius: 0; border-left: 0; border-right: 0; }
}

/* --- WPWriter addition --- */
/* ============================================================
   CROPPING SOLUTIONS — "The Nitrogen Squeeze" explainer (.cs-ns)
   Problem-side market explainer in the .cs-site template. Scoped
   entirely to .cs-ns so nothing touches the other CS pages. Heading
   colours are set explicitly because Astra's own h1–h3 colour rule
   beats inherited colour.
   ============================================================ */
.cs-ns h1,.cs-ns h2,.cs-ns h3{font-family:'Fraunces',Georgia,serif !important;font-weight:600 !important;letter-spacing:-.01em;line-height:1.1;margin:0;}
.cs-ns .cs-sec h2,.cs-ns .cs-sec h3{color:#14201A !important;}
.cs-ns .cs-phero h1,.cs-ns .cs-cta h2,.cs-ns .cs-ns-mapsec h2,.cs-ns .cs-ns-aus h2{color:#FFFFFF !important;}
.cs-ns p{margin:0;}
.cs-ns .cs-sec h2,.cs-ns .cs-ns-mapsec h2{font-size:32px;margin-top:0;}
.cs-ns .cs-ns-left{text-align:left;}
.cs-ns .cs-ns-ref{display:inline-block;font-family:'Inter',sans-serif;font-size:10.5px;font-weight:800;line-height:1;vertical-align:super;margin-left:2px;padding:2px 4px;border-radius:4px;background:rgba(201,151,28,.16);color:#8a6510;text-decoration:none;}
.cs-ns .cs-ns-ref:hover{background:#C9971C;color:#14201A;}
.cs-ns .cs-phero .cs-ns-ref,.cs-ns .cs-ns-mapsec .cs-ns-ref,.cs-ns .cs-ns-aus .cs-ns-ref{background:rgba(201,151,28,.24);color:#E8C063;}
.cs-ns .cs-ns-panel .cs-ns-ref{background:rgba(201,151,28,.16);color:#8a6510;}

/* hero */
.cs-ns .cs-phero.cs-nsq{background-image:linear-gradient(180deg,rgba(20,32,26,.90),rgba(20,32,26,.80)),url('https://bloomyellowbottles.us/wp-content/uploads/2026/08/cs-broadacre-wheat-field.jpg');padding:64px 0 58px;}
.cs-ns .cs-phero .cs-kick{text-align:left;margin-top:18px;}
.cs-ns .cs-phero h1{font-size:44px;max-width:880px;margin-top:14px;}
.cs-ns .cs-phero .cs-sub{max-width:780px;font-size:17.5px;line-height:1.6;}
.cs-ns .cs-ns-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;}
.cs-ns .cs-ns-stat{border:1px solid rgba(247,241,225,.2);background:rgba(20,32,26,.55);border-radius:16px;padding:18px 18px 20px;}
.cs-ns .cs-ns-stat b{display:block;font-family:'Fraunces',Georgia,serif;font-size:34px;font-weight:700;color:#C9971C;line-height:1;}
.cs-ns .cs-ns-stat span{display:block;margin-top:8px;font-size:13.5px;color:#E7E2D0;line-height:1.45;}

/* eased vs not */
.cs-ns .cs-ns-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;}
.cs-ns .cs-ns-col{background:#fff;border:1px solid #E3DBC2;border-radius:18px;padding:24px 26px;}
.cs-ns .cs-ns-col.ok{border-top:4px solid #7A8F6A;}
.cs-ns .cs-ns-col.no{border-top:4px solid #C2412D;}
.cs-ns .cs-ns-colh{font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#5c6f5a;}
.cs-ns .cs-ns-col.no .cs-ns-colh{color:#A0361F;}
.cs-ns .cs-ns-col ul{margin:14px 0 0;padding:0;list-style:none;}
.cs-ns .cs-ns-col li{font-size:15px;line-height:1.6;color:#33413A;padding:12px 0;border-bottom:1px solid #EFE8D2;}
.cs-ns .cs-ns-col li:last-child{border-bottom:none;padding-bottom:0;}
.cs-ns .cs-ns-col li b{color:#14201A;}

/* timeline */
.cs-ns .cs-ns-tl{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:tl;}
.cs-ns .cs-ns-tli{position:relative;background:#fff;border:1px solid #E3DBC2;border-radius:18px;padding:22px 22px 24px;}
.cs-ns .cs-ns-tli::before{counter-increment:tl;content:counter(tl);position:absolute;top:-13px;left:22px;width:26px;height:26px;border-radius:50%;background:#14201A;color:#C9971C;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;}
.cs-ns .cs-ns-tli.hot{border-color:#D9782A;box-shadow:0 0 0 1px #D9782A inset;}
.cs-ns .cs-ns-tli.proj{background:#F7F1E1;border-style:dashed;border-color:#B9AE8C;}
.cs-ns .cs-ns-tlk{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7c8f7c;margin-top:4px;}
.cs-ns .cs-ns-tli.hot .cs-ns-tlk{color:#B25A1B;}
.cs-ns .cs-ns-tlh{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:19px;color:#14201A;line-height:1.25;margin-top:8px;}
.cs-ns .cs-ns-tli p{font-size:14px;line-height:1.6;color:#4A5850;margin-top:10px;}
.cs-ns .cs-ns-projtag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#14201A;background:#E6D9A8;border-radius:100px;padding:2px 9px;margin-right:4px;}

/* map section */
.cs-ns .cs-ns-mapsec{background:#14201A;color:#E7E2D0;padding:60px 0 56px;}
.cs-ns .cs-ns-mapsec .cs-lead{color:#CFC9B4;font-size:16.5px;max-width:700px;margin-top:12px;}
.cs-ns .cs-ns-mapsec h2{margin-top:10px;}
.cs-ns .cs-ns-toggle{display:inline-flex;margin-top:24px;background:#0F1712;border:1px solid #2F4237;border-radius:999px;padding:4px;gap:4px;}
.cs-ns .cs-ns-tbtn{appearance:none;border:none;background:transparent;color:#CFC9B4;font-family:'Inter',sans-serif;font-weight:700;font-size:14.5px;padding:10px 20px;border-radius:999px;cursor:pointer;line-height:1.2;}
.cs-ns .cs-ns-tbtn:hover{color:#F7F1E1;}
.cs-ns .cs-ns-tbtn.on{background:#C9971C;color:#14201A;}
.cs-ns .cs-ns-tbtn:focus-visible,.cs-ns .cs-ns-chip:focus-visible{outline:2px solid #F7F1E1;outline-offset:2px;}
.cs-ns .cs-ns-pdesc{font-size:14px;color:#9FB09F;margin-top:12px;min-height:21px;}
.cs-ns .cs-ns-mapgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-top:18px;align-items:start;}
.cs-ns .cs-ns-mapcard{background:#0F1712;border:1px solid #2A3A31;border-radius:20px;padding:14px 14px 18px;}
.cs-ns .cs-ns-svg{display:block;width:100%;height:auto;}
.cs-ns .cs-ns-svg .sea{fill:#0F1712;}
.cs-ns .cs-ns-svg .grat{fill:none;stroke:#1C2A22;stroke-width:.6;}
.cs-ns .cs-ns-svg .oth{fill:#2A3A31;stroke:#0F1712;stroke-width:.6;stroke-linejoin:round;}
.cs-ns .cs-ns-reg{stroke:#0F1712;stroke-width:.8;stroke-linejoin:round;cursor:pointer;transition:fill .35s ease,opacity .2s ease;outline:none;}
.cs-ns .cs-ns-reg.l1{fill:#7A8F6A;}
.cs-ns .cs-ns-reg.l2{fill:#D8B54A;}
.cs-ns .cs-ns-reg.l3{fill:#D9782A;}
.cs-ns .cs-ns-reg.l4{fill:#C2412D;}
.cs-ns .cs-ns-reg:hover,.cs-ns .cs-ns-reg:focus-visible{opacity:.82;}
.cs-ns .cs-ns-reg.sel{stroke:#F7F1E1;stroke-width:2;}
.cs-ns .cs-ns-svg .hz circle.ring{fill:none;stroke:#F7F1E1;stroke-width:1.6;}
.cs-ns .cs-ns-svg .hz circle.dot{fill:#F7F1E1;}
.cs-ns .cs-ns-svg .hz text{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;fill:#F7F1E1;paint-order:stroke;stroke:#0F1712;stroke-width:3px;}
.cs-ns .cs-ns-svg .hz line{stroke:#F7F1E1;stroke-width:1;}
.cs-ns .cs-ns-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;padding:0 4px;font-size:12.5px;color:#CFC9B4;}
.cs-ns .cs-ns-legend span{display:inline-flex;align-items:center;gap:6px;}
.cs-ns .cs-ns-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;}
.cs-ns .cs-ns-legend i.l1{background:#7A8F6A;} .cs-ns .cs-ns-legend i.l2{background:#D8B54A;} .cs-ns .cs-ns-legend i.l3{background:#D9782A;} .cs-ns .cs-ns-legend i.l4{background:#C2412D;}
.cs-ns .cs-ns-legend i.l0{background:#2A3A31;border:1px solid #3d5145;}
.cs-ns .cs-ns-legend i.lh{background:transparent;border:1.6px solid #F7F1E1;border-radius:50%;}
.cs-ns .cs-ns-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:0 4px;}
.cs-ns .cs-ns-chip{appearance:none;display:inline-flex;align-items:center;gap:7px;background:#14201A;border:1px solid #2F4237;color:#E7E2D0;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer;line-height:1.2;}
.cs-ns .cs-ns-chip::before{content:"";width:9px;height:9px;border-radius:50%;background:#2A3A31;}
.cs-ns .cs-ns-chip.l1::before{background:#7A8F6A;} .cs-ns .cs-ns-chip.l2::before{background:#D8B54A;} .cs-ns .cs-ns-chip.l3::before{background:#D9782A;} .cs-ns .cs-ns-chip.l4::before{background:#C2412D;}
.cs-ns .cs-ns-chip:hover{border-color:#C9971C;}
.cs-ns .cs-ns-chip.sel{background:#F7F1E1;color:#14201A;border-color:#F7F1E1;}
.cs-ns .cs-ns-panel{background:#F7F1E1;color:#1B2620;border-radius:20px;padding:24px 24px 26px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;}
.cs-ns .cs-ns-pk{font-weight:800;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#7c8f7c;}
.cs-ns .cs-ns-ph{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:24px;color:#14201A;line-height:1.15;margin-top:6px;padding-right:30px;}
.cs-ns .cs-ns-pempty p{font-size:14.5px;line-height:1.6;color:#4A5850;margin-top:12px;}
.cs-ns .cs-ns-close{display:none;position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid #E3DBC2;background:#fff;color:#14201A;font-size:22px;line-height:1;cursor:pointer;padding:0;}
.cs-ns .cs-ns-lvl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;}
.cs-ns .cs-ns-lvl span{border-radius:10px;padding:7px 9px;font-size:13px;font-weight:800;color:#14201A;background:#E9E2CB;border:2px solid transparent;}
.cs-ns .cs-ns-lvl span small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-bottom:2px;}
.cs-ns .cs-ns-lvl span.l1{background:#C9D6BE;} .cs-ns .cs-ns-lvl span.l2{background:#F0DC9A;} .cs-ns .cs-ns-lvl span.l3{background:#F2B98A;} .cs-ns .cs-ns-lvl span.l4{background:#E9A293;}
.cs-ns .cs-ns-lvl span.cur{border-color:#14201A;}
.cs-ns .cs-ns-facts{margin:16px 0 0;}
.cs-ns .cs-ns-facts dt{font-weight:800;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#5c6f5a;margin-top:14px;}
.cs-ns .cs-ns-facts dd{margin:5px 0 0;font-size:14.5px;line-height:1.55;color:#33413A;}
.cs-ns .cs-ns-orders{margin-top:18px;display:grid;gap:8px;}
.cs-ns .cs-ns-ord{background:#fff;border:1px solid #E3DBC2;border-left:4px solid #C9971C;border-radius:12px;padding:12px 14px;}
.cs-ns .cs-ns-ord:nth-child(2){border-left-color:#D9782A;}
.cs-ns .cs-ns-ord:nth-child(3){border-left-color:#C2412D;}
.cs-ns .cs-ns-ord span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c8f7c;}
.cs-ns .cs-ns-ord b{display:block;font-size:14.5px;color:#14201A;margin-top:2px;}
.cs-ns .cs-ns-ord p{font-size:14px;line-height:1.55;color:#4A5850;margin-top:4px;}
.cs-ns .cs-ns-shade{display:none;}
.cs-ns .cs-ns-method{font-size:13px;line-height:1.6;color:#9FB09F;margin-top:20px;max-width:900px;}

/* crops */
.cs-ns .cs-ns-crops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;}
.cs-ns .cs-ns-crop{background:#fff;border:1px solid #E3DBC2;border-radius:18px;padding:22px 22px 24px;}
.cs-ns .cs-ns-cn{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#5c6f5a;}
.cs-ns .cs-ns-cv{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:30px;color:#14201A;margin-top:10px;line-height:1;}
.cs-ns .cs-ns-cu{font-size:13px;color:#7c8f7c;margin-top:6px;line-height:1.45;}
.cs-ns .cs-ns-crop p{font-size:14.5px;line-height:1.6;color:#4A5850;margin-top:12px;}

/* cost */
.cs-ns .cs-ns-chartcard{background:#fff;border:1px solid #E3DBC2;border-radius:20px;padding:20px 20px 16px;margin-top:24px;}
.cs-ns .cs-ns-chartscroll{width:100%;}
.cs-ns .cs-ns-chart{display:block;width:100%;height:auto;font-family:'Inter',sans-serif;}
.cs-ns .cs-ns-chart .g{stroke:#EFE8D2;stroke-width:1;}
.cs-ns .cs-ns-chart .yl{font-size:11px;fill:#7c8f7c;text-anchor:end;}
.cs-ns .cs-ns-chart .xl{font-size:11px;fill:#7c8f7c;}
.cs-ns .cs-ns-chart .avg{stroke:#7A8F6A;stroke-width:1.2;stroke-dasharray:4 4;}
.cs-ns .cs-ns-chart .avgl{font-size:11px;fill:#5c6f5a;font-weight:600;}
.cs-ns .cs-ns-chart .war{stroke:#C2412D;stroke-width:1.2;stroke-dasharray:3 3;}
.cs-ns .cs-ns-chart .warl{font-size:11px;fill:#A0361F;font-weight:700;}
.cs-ns .cs-ns-chart .lurea{fill:none;stroke:#14201A;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;}
.cs-ns .cs-ns-chart .ldap{fill:none;stroke:#C9971C;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;}
.cs-ns .cs-ns-chart .durea{fill:#14201A;}
.cs-ns .cs-ns-chart .ddap{fill:#C9971C;}
.cs-ns .cs-ns-chart .pk{font-size:12px;font-weight:800;fill:#14201A;}
.cs-ns .cs-ns-chart .lab{font-size:12px;font-weight:800;}
.cs-ns .cs-ns-chart .lu{fill:#14201A;} .cs-ns .cs-ns-chart .ld{fill:#9a7212;}
.cs-ns .cs-ns-chartkey{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:#4A5850;margin-top:8px;}
.cs-ns .cs-ns-chartkey span{display:inline-flex;align-items:center;gap:7px;}
.cs-ns .cs-ns-chartkey i{display:inline-block;width:18px;height:3px;border-radius:2px;}
.cs-ns .cs-ns-chartkey i.ku{background:#14201A;} .cs-ns .cs-ns-chartkey i.kd{background:#C9971C;}
.cs-ns .cs-ns-h3{font-size:24px;margin-top:40px !important;}
.cs-ns .cs-ns-body{font-size:15.5px;color:#4A5850;margin-top:10px;max-width:700px;line-height:1.6;}
.cs-ns .cs-ns-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px;margin-top:20px;}
.cs-ns .cs-ns-inputs,.cs-ns .cs-ns-out{background:#fff;border:1px solid #E3DBC2;border-radius:18px;padding:22px 24px;}
.cs-ns .cs-ns-lab{display:block;font-weight:700;font-size:14px;color:#14201A;margin-bottom:20px;}
.cs-ns .cs-ns-lab:last-child{margin-bottom:0;}
.cs-ns .cs-ns-lab output{font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:700;color:#8a6510;margin:0 2px;}
.cs-ns .cs-ns-lab input[type=range]{display:block;width:100%;margin-top:10px;accent-color:#C9971C;height:28px;}
.cs-ns .cs-ns-urea{font-size:14.5px;color:#4A5850;}
.cs-ns .cs-ns-urea b{font-family:'Fraunces',Georgia,serif;font-size:22px;color:#14201A;}
.cs-ns .cs-ns-rows{margin-top:12px;}
.cs-ns .cs-ns-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #EFE8D2;}
.cs-ns .cs-ns-row span{font-weight:700;font-size:14px;color:#14201A;}
.cs-ns .cs-ns-row span small{display:block;font-weight:500;font-size:12px;color:#7c8f7c;}
.cs-ns .cs-ns-row b{font-family:'Fraunces',Georgia,serif;font-size:22px;color:#14201A;}
.cs-ns .cs-ns-row em{font-style:normal;font-size:13px;color:#4A5850;text-align:right;}
.cs-ns .cs-ns-row.hot b{color:#A0361F;}
.cs-ns .cs-ns-maths{margin-top:18px;background:#F7F1E1;border:1px dashed #B9AE8C;border-radius:16px;padding:18px 22px;}
.cs-ns .cs-ns-mathh{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#5c6f5a;}
.cs-ns .cs-ns-maths p{font-size:14.5px;line-height:1.65;color:#33413A;margin-top:8px;}

/* australia */
.cs-ns .cs-ns-aus{background:#1B2A22;color:#E7E2D0;}
.cs-ns .cs-ns-aus h2{margin-top:10px;max-width:760px;}
.cs-ns .cs-ns-ausgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:28px;margin-top:26px;align-items:start;}
.cs-ns .cs-ns-ausnums{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cs-ns .cs-ns-an{background:#14201A;border:1px solid #2F4237;border-radius:16px;padding:18px;}
.cs-ns .cs-ns-an b{display:block;font-family:'Fraunces',Georgia,serif;font-size:30px;font-weight:700;color:#C9971C;line-height:1;}
.cs-ns .cs-ns-an span{display:block;font-size:13px;color:#CFC9B4;line-height:1.45;margin-top:8px;}
.cs-ns .cs-ns-austext p{font-size:15.5px;line-height:1.7;color:#D8D2BE;margin-bottom:14px;}
.cs-ns .cs-ns-austext p b{color:#F7F1E1;}

/* sources */
.cs-ns .cs-ns-src{margin:22px 0 0;padding-left:26px;columns:2;column-gap:36px;}
.cs-ns .cs-ns-src li{font-size:13px;line-height:1.55;color:#4A5850;margin-bottom:9px;break-inside:avoid;scroll-margin-top:24px;}
.cs-ns .cs-ns-src li:target{background:#F2E3AE;border-radius:6px;}
.cs-ns .cs-ns-src a{color:#14201A;font-weight:600;text-decoration:underline;text-decoration-color:#C9971C;text-underline-offset:2px;word-break:break-word;}
.cs-ns .cs-ns-src em{color:#8a6510;font-style:normal;font-weight:700;font-size:11.5px;}
.cs-ns .cs-cta .cs-btn{margin-top:24px;}

@media (max-width:900px){
.cs-ns .cs-ns-stats{grid-template-columns:repeat(2,1fr);}
.cs-ns .cs-ns-tl{grid-template-columns:repeat(2,1fr);row-gap:28px;}
.cs-ns .cs-ns-crops{grid-template-columns:repeat(2,1fr);}
.cs-ns .cs-ns-mapgrid{grid-template-columns:1fr;}
.cs-ns .cs-ns-panel{position:relative;top:auto;max-height:none;}
.cs-ns .cs-ns-ausgrid{grid-template-columns:1fr;}
.cs-ns .cs-ns-calc{grid-template-columns:1fr;}
}
@media (max-width:640px){
.cs-ns .cs-wrap{padding:0 16px;}
.cs-ns .cs-phero.cs-nsq{padding:40px 0 40px;}
.cs-ns .cs-phero h1{font-size:29px;}
.cs-ns .cs-phero .cs-sub{font-size:16px;}
.cs-ns .cs-ns-stats{gap:10px;margin-top:26px;}
.cs-ns .cs-ns-stat{padding:14px;}
.cs-ns .cs-ns-stat b{font-size:26px;}
.cs-ns .cs-ns-stat span{font-size:12.5px;}
.cs-ns .cs-sec{padding:42px 0;}
.cs-ns .cs-sec h2,.cs-ns .cs-ns-mapsec h2{font-size:26px;}
.cs-ns .cs-ns-two{grid-template-columns:1fr;}
.cs-ns .cs-ns-col{padding:20px;}
.cs-ns .cs-ns-tl{grid-template-columns:1fr;}
.cs-ns .cs-ns-crops{grid-template-columns:1fr;}
.cs-ns .cs-ns-mapsec{padding:44px 0 40px;}
.cs-ns .cs-ns-toggle{display:flex;width:100%;}
.cs-ns .cs-ns-tbtn{flex:1;padding:10px 6px;font-size:14px;}
.cs-ns .cs-ns-mapcard{padding:8px 6px 14px;border-radius:16px;}
.cs-ns .cs-ns-chip{font-size:12.5px;padding:8px 11px;}
.cs-ns .cs-ns-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1000;max-height:82vh;border-radius:20px 20px 0 0;padding:22px 18px calc(26px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .3s ease;box-shadow:0 -18px 40px rgba(0,0,0,.35);overflow:auto;-webkit-overflow-scrolling:touch;}
.cs-ns .cs-ns-panel{visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;}
.cs-ns .cs-ns-panel.open{transform:translateY(0);visibility:visible;transition:transform .3s ease;}
.cs-ns .cs-ns-chartscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.cs-ns .cs-ns-chart{min-width:620px;}
.cs-ns .cs-ns-panel::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:#D6CCAE;margin:-8px auto 14px;}
.cs-ns .cs-ns-pempty{display:none;}
.cs-ns .cs-ns-close{display:block;}
.cs-ns .cs-ns-shade{display:block;position:fixed;inset:0;background:rgba(10,16,13,.55);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease;}
.cs-ns .cs-ns-shade.open{opacity:1;pointer-events:auto;}
.cs-ns .cs-ns-chartcard{padding:12px 8px 12px;}
.cs-ns .cs-ns-inputs,.cs-ns .cs-ns-out{padding:18px;}
.cs-ns .cs-ns-row{grid-template-columns:1fr auto;}
.cs-ns .cs-ns-row em{grid-column:1/-1;text-align:left;margin-top:-6px;}
.cs-ns .cs-ns-ausnums{grid-template-columns:1fr 1fr;gap:10px;}
.cs-ns .cs-ns-an b{font-size:24px;}
.cs-ns .cs-ns-src{columns:1;padding-left:22px;}
.cs-ns .cs-links{gap:12px;}
}

/* Loop nav entry point cards (hub + Broadacre) */
.cs-nsfeature{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;background:rgba(15,23,18,.72);border:1px solid rgba(201,151,28,.55);border-radius:18px;padding:20px 24px;text-decoration:none;transition:border-color .15s ease,transform .15s ease;}
.cs-nsfeature:hover{border-color:#C9971C;transform:translateY(-2px);}
.cs-nsfeature .cs-nsf-k{font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#C9971C;}
.cs-nsfeature .cs-nsf-h{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:21px;color:#fff;margin-top:4px;line-height:1.2;}
.cs-nsfeature .cs-nsf-d{font-size:13.5px;color:#CFC9B4;margin-top:6px;line-height:1.5;max-width:640px;}
.cs-nsfeature .cs-nsf-go{flex:none;background:#C9971C;color:#14201A;font-weight:800;font-size:14px;padding:11px 18px;border-radius:999px;white-space:nowrap;}
.cs-nsstrip{background:#EFE8D2;border-bottom:1px solid #E3DBC2;}
.cs-nsstrip .cs-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap;}
.cs-nsstrip p{margin:0;font-size:15px;color:#33413A;line-height:1.5;max-width:760px;}
.cs-nsstrip p b{color:#14201A;}
.cs-nsstrip a{flex:none;color:#14201A;font-weight:800;font-size:14px;text-decoration:none;border-bottom:2px solid #C9971C;padding-bottom:2px;}
@media (max-width:640px){
.cs-nsfeature{flex-direction:column;align-items:flex-start;padding:18px;}
.cs-nsfeature .cs-nsf-h{font-size:19px;}
.cs-nsstrip .cs-wrap{padding-left:16px;padding-right:16px;}
}
.cs-ns .cs-ns-swipe{display:none;}
@media (max-width:640px){.cs-ns .cs-ns-swipe{display:block;font-size:12px;color:#7c8f7c;margin-top:6px;}}
/* Astra styles bare <button> hover/focus with its own background — pin ours */
.cs-ns .cs-ns-tbtn:hover,.cs-ns .cs-ns-tbtn:focus{background:transparent;color:#F7F1E1;border:none;}
.cs-ns .cs-ns-tbtn.on,.cs-ns .cs-ns-tbtn.on:hover,.cs-ns .cs-ns-tbtn.on:focus{background:#C9971C;color:#14201A;}
.cs-ns .cs-ns-chip:hover,.cs-ns .cs-ns-chip:focus{background:#14201A;color:#E7E2D0;}
.cs-ns .cs-ns-chip.sel,.cs-ns .cs-ns-chip.sel:hover,.cs-ns .cs-ns-chip.sel:focus{background:#F7F1E1;color:#14201A;}
.cs-ns .cs-ns-close:hover,.cs-ns .cs-ns-close:focus{background:#fff;color:#14201A;}

/* --- WPWriter addition --- */
/* ============================================================
   BYB BLOG POST SYSTEM (.byb-post.bp) — v1, Sep 2026
   Reusable design system for the daily grower-education posts.
   Every rule is scoped to .entry-content .byb-post.bp so it cannot
   touch any page, product or archive. Specificity (0,3,x)+!important
   is deliberate: it has to beat the older generic
   body.single-post .entry-content p/a/h rules.
   Components: hero · tldr · sec (numbered) · mech (2-step) ·
   tl (timeline) · dose (rate table) · stats · bars (chart) ·
   note (caveat) · callout · pull · faq · cta · foot
   ============================================================ */

/* --- page chrome: any single post that contains .byb-post --- */
body.single-post:has(.byb-post){background:#111311 !important;}
body.single-post:has(.byb-post) #primary,
body.single-post:has(.byb-post) .content-area,
body.single-post:has(.byb-post) .site-content,
body.single-post:has(.byb-post) #content{margin-top:0 !important;padding-top:0 !important;margin-bottom:0 !important;background:#111311 !important;}
body.single-post:has(.byb-post) .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
body.single-post:has(.byb-post) .ast-article-single,
body.single-post:has(.byb-post) article.post{background:#111311 !important;padding:0 !important;margin:0 !important;border:0 !important;box-shadow:none !important;}
body.single-post:has(.byb-post) .entry-header,
body.single-post:has(.byb-post) .post-thumb-img-content,
body.single-post:has(.byb-post) .post-thumbnail,
body.single-post:has(.byb-post) .ast-single-post-featured-section,
body.single-post:has(.byb-post) .entry-meta,
body.single-post:has(.byb-post) .entry-footer,
body.single-post:has(.byb-post) .ast-single-related-posts-container,
body.single-post:has(.byb-post) .ast-author-box,
body.single-post:has(.byb-post) #comments{display:none !important;}
body.single-post:has(.byb-post) .entry-content{margin:0 !important;padding:0 !important;max-width:none !important;}
body.single-post:has(.byb-post) .post-navigation{background:#111311 !important;max-width:720px;margin:0 auto !important;padding:28px 20px 48px !important;border-top:1px solid #2a2d29 !important;}
body.single-post:has(.byb-post) .post-navigation a{color:#cfd2ca !important;font-family:'Roboto',sans-serif !important;font-size:15px !important;text-decoration:none !important;}
body.single-post:has(.byb-post) .post-navigation a:hover{color:#ffd200 !important;}

/* --- plain posts not yet on the system: kill the white box so the
   existing cream/grey text is readable (safety net) --- */
body.single-post:not(:has(.byb-post)):not(:has(.byb-led)) .ast-article-single{background:#111311 !important;}

/* --- root --- */
.entry-content .byb-post.bp{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;background:#111311;color:#cfd2ca;font-family:'Roboto',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
.entry-content .byb-post.bp *{box-sizing:border-box;}
.entry-content .byb-post.bp p,
.entry-content .byb-post.bp li{font-family:'Roboto',sans-serif !important;color:#cfd2ca !important;font-size:18px !important;line-height:1.7 !important;margin:0 0 18px !important;}
.entry-content .byb-post.bp p b,.entry-content .byb-post.bp p strong,.entry-content .byb-post.bp li b{color:#f5f2e7 !important;font-weight:700;}
.entry-content .byb-post.bp h1,
.entry-content .byb-post.bp h2,
.entry-content .byb-post.bp h3{font-family:Georgia,'Playfair Display',serif !important;font-weight:700 !important;color:#f5f2e7 !important;letter-spacing:-.01em;margin:0 !important;padding:0 !important;}
.entry-content .byb-post.bp a{color:#ffd200 !important;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.entry-content .byb-post.bp img{max-width:100%;height:auto;}
.entry-content .byb-post.bp .y{color:#ffd200 !important;}
.entry-content .byb-post.bp .wrap{max-width:1060px;margin:0 auto;padding:0 44px;}
.entry-content .byb-post.bp .col{max-width:760px;margin:0 auto;padding:0 44px;}
.entry-content .byb-post.bp .kick{display:block;font-family:'Roboto',sans-serif !important;font-size:13px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#ffd200 !important;margin:0 0 14px !important;line-height:1.4 !important;}

/* --- buttons --- */
.entry-content .byb-post.bp .btn{display:inline-flex !important;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;font-family:'Roboto',sans-serif;font-weight:800;font-size:17px;text-decoration:none !important;line-height:1;white-space:nowrap;}
.entry-content .byb-post.bp .btn.pri{background:#ffd200;color:#111311 !important;box-shadow:0 12px 28px rgba(255,210,0,.2);}
.entry-content .byb-post.bp .btn.gho{background:transparent;color:#f5f2e7 !important;border:1.5px solid #3a3d39;font-weight:700;}
.entry-content .byb-post.bp .btn.gho:hover{border-color:#ffd200;}
.entry-content .byb-post.bp .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}

/* --- hero --- */
.entry-content .byb-post.bp .hero{position:relative;border-bottom:1px solid #24261f;background:radial-gradient(ellipse 60% 70% at 78% 55%,rgba(255,210,0,.12),rgba(17,19,17,0) 65%),#111311;}
.entry-content .byb-post.bp .hero .wrap{display:flex;align-items:center;gap:40px;min-height:600px;padding-top:56px;padding-bottom:56px;}
.entry-content .byb-post.bp .hero .copy{flex:1 1 56%;}
.entry-content .byb-post.bp .hero h1{font-size:56px !important;line-height:1.04 !important;}
.entry-content .byb-post.bp .hero .dek{font-size:20px !important;color:#cfd2ca !important;margin:22px 0 0 !important;max-width:560px;line-height:1.55 !important;}
.entry-content .byb-post.bp .byl{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:14px;color:#9a9c93;font-weight:500;line-height:1.4;}
.entry-content .byb-post.bp .byl img{width:44px;height:44px;border-radius:50%;background:#000;object-fit:contain;border:1px solid #2a2d29;flex:none;}
.entry-content .byb-post.bp .byl b{color:#f5f2e7;font-weight:700;display:block;font-size:15px;}
.entry-content .byb-post.bp .hero .art{flex:0 0 40%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;height:470px;}
.entry-content .byb-post.bp .hero .art figure{margin:0;display:flex;flex-direction:column;align-items:center;}
.entry-content .byb-post.bp .hero .art img{display:block;height:380px;width:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6));}
.entry-content .byb-post.bp .hero .art figure.b2{margin-left:-34px;}
.entry-content .byb-post.bp .hero .art figure.b2 img{height:420px;}
.entry-content .byb-post.bp .hero .art figcaption{margin-top:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a8d84;}
.entry-content .byb-post.bp .hero .art figcaption span{color:#ffd200;}

/* --- split bar (yellow/green) --- */
.entry-content .byb-post.bp .split{display:flex;height:6px;}
.entry-content .byb-post.bp .split i{flex:1;background:#ffd200;}
.entry-content .byb-post.bp .split i+i{background:#105732;}

/* --- tldr --- */
.entry-content .byb-post.bp .tldr{padding:56px 0 8px;}
.entry-content .byb-post.bp .tldr .box{background:#171a17;border:1px solid #2a2d29;border-top:4px solid #ffd200;border-radius:18px;padding:30px 32px 16px;}
.entry-content .byb-post.bp .tldr ol{list-style:none !important;margin:0 !important;padding:0 !important;counter-reset:t;}
.entry-content .byb-post.bp .tldr li{counter-increment:t;position:relative;padding:0 0 0 48px !important;margin:0 0 18px !important;font-size:17px !important;}
.entry-content .byb-post.bp .tldr li::before{content:counter(t);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:#105732;color:#ffd200;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;font-family:'Roboto',sans-serif;}

/* --- section --- */
.entry-content .byb-post.bp .sec{padding:64px 0 16px;}
.entry-content .byb-post.bp .sec h2{font-size:40px !important;line-height:1.1 !important;margin-bottom:22px !important;}
.entry-content .byb-post.bp .sec h3{font-size:24px !important;line-height:1.25 !important;margin-bottom:12px !important;}
.entry-content .byb-post.bp .sec .lead{font-size:20px !important;color:#e2e4dc !important;}
.entry-content .byb-post.bp .num{display:inline-flex;align-items:center;gap:10px;}
.entry-content .byb-post.bp .num em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 8px;border-radius:6px;background:#ffd200;color:#111311;font-size:12px;letter-spacing:.04em;}

.entry-content .byb-post.bp h3.mt{margin-top:34px !important;}

/* --- pull quote --- */
.entry-content .byb-post.bp .pull{margin:34px 0 !important;padding:6px 0 6px 26px;border-left:4px solid #ffd200;}
.entry-content .byb-post.bp .pull p{font-family:Georgia,'Playfair Display',serif !important;font-size:28px !important;line-height:1.3 !important;color:#f5f2e7 !important;font-weight:700;margin:0 !important;}

/* --- mechanism (2-step) --- */
.entry-content .byb-post.bp .mech{display:flex;align-items:stretch;gap:0;margin:34px 0 18px;}
.entry-content .byb-post.bp .mech .st{flex:1;background:#171a17;border:1px solid #2a2d29;border-radius:18px;padding:26px 26px 12px;position:relative;}
.entry-content .byb-post.bp .mech .st.on{background:#0f2019;border-color:#1f5c40;}
.entry-content .byb-post.bp .mech .arw{flex:0 0 38px;display:flex;align-items:center;justify-content:center;color:#ffd200;}
.entry-content .byb-post.bp .mech .hd{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.entry-content .byb-post.bp .mech .hd img{height:92px;width:auto;flex:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5));}
.entry-content .byb-post.bp .mech .tag{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a9a7f;line-height:1.3;}
.entry-content .byb-post.bp .mech .nm{font-family:Georgia,'Playfair Display',serif;font-size:26px;font-weight:700;color:#f5f2e7;line-height:1.1;margin-top:4px;}
.entry-content .byb-post.bp .mech .job{font-size:14px;font-weight:700;color:#ffd200;margin-top:4px;}
.entry-content .byb-post.bp .mech svg.dg{display:block;width:100%;height:auto;margin:4px 0 16px;border-radius:12px;background:#111311;border:1px solid #2a2d29;}
.entry-content .byb-post.bp .mech p{font-size:16px !important;line-height:1.6 !important;}
.entry-content .byb-post.bp .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;}
.entry-content .byb-post.bp .chips span{font-size:11.5px;letter-spacing:.03em;font-weight:700;color:#bfe0cf;background:#123024;border:1px solid #1f5c40;border-radius:100px;padding:4px 10px;line-height:1.2;}

/* --- timeline --- */
.entry-content .byb-post.bp .tl{margin:30px 0 14px;background:#171a17;border:1px solid #2a2d29;border-radius:18px;padding:24px 24px 18px;}
.entry-content .byb-post.bp .tl .row{display:grid;grid-template-columns:128px repeat(8,1fr);gap:4px;align-items:center;margin-bottom:8px;}
.entry-content .byb-post.bp .tl .row.hd div{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#8a8d84;text-align:center;}
.entry-content .byb-post.bp .tl .row.hd div:first-child{text-align:left;}
.entry-content .byb-post.bp .tl .lb{font-size:14px;font-weight:800;color:#f5f2e7;letter-spacing:.04em;line-height:1.2;}
.entry-content .byb-post.bp .tl .lb small{display:block;font-size:11.5px;font-weight:600;color:#8a8d84;letter-spacing:0;margin-top:2px;}
.entry-content .byb-post.bp .tl .row.mute .lb{color:#8a8d84;}
.entry-content .byb-post.bp .tl .cell{height:40px;border-radius:8px;background:#1f221f;}
.entry-content .byb-post.bp .tl .bar{height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden;}
.entry-content .byb-post.bp .tl .bar.ph{background:#ffd200;color:#111311;}
.entry-content .byb-post.bp .tl .bar.oz{background:#105732;color:#ffd200;border:1px solid #2a7a4f;}
.entry-content .byb-post.bp .tl .bar.mu{background:#2a2d29;color:#9a9c93;}
.entry-content .byb-post.bp .tl .phase{display:grid;grid-template-columns:128px 2fr 2fr 4fr;gap:4px;margin-top:10px;}
.entry-content .byb-post.bp .tl .phase div{font-size:11.5px;color:#8a8d84;text-align:center;border-top:1px solid #3a3d39;padding-top:8px;font-weight:600;}
.entry-content .byb-post.bp .tl .phase div:first-child{border:0;}
.entry-content .byb-post.bp .cap{font-size:14px !important;color:#8a8d84 !important;line-height:1.55 !important;margin:10px 0 0 !important;}

/* --- dose table --- */
.entry-content .byb-post.bp .dose{margin:24px 0 10px;border:1px solid #2a2d29;border-radius:18px;overflow:hidden;}
.entry-content .byb-post.bp .dose .r{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid #24261f;}
.entry-content .byb-post.bp .dose .r:first-child{border-top:0;background:#1b1e1b;}
.entry-content .byb-post.bp .dose .r div{padding:16px 18px;font-size:15px;color:#cfd2ca;line-height:1.35;}
.entry-content .byb-post.bp .dose .r:first-child div{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#8a8d84;padding-top:13px;padding-bottom:13px;}
.entry-content .byb-post.bp .dose .r div b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:22px;color:#ffd200;font-weight:700;}
.entry-content .byb-post.bp .dose .r div.sys{color:#f5f2e7;font-weight:700;}
.entry-content .byb-post.bp .dose .r div.sys small{display:block;font-weight:500;color:#8a8d84;font-size:13px;margin-top:3px;}
.entry-content .byb-post.bp .dose .r div span{font-size:13px;color:#8a8d84;}

/* --- stat tiles --- */
.entry-content .byb-post.bp .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 14px;}
.entry-content .byb-post.bp .stat{background:#171a17;border:1px solid #2a2d29;border-radius:16px;padding:20px 18px;}
.entry-content .byb-post.bp .stat.hi{background:#0f2019;border-color:#1f5c40;}
.entry-content .byb-post.bp .stat .v{font-family:Georgia,'Playfair Display',serif;font-size:40px;font-weight:700;color:#f5f2e7;line-height:1;}
.entry-content .byb-post.bp .stat.hi .v{color:#ffd200;}
.entry-content .byb-post.bp .stat .l{font-size:13.5px;color:#9a9c93;margin-top:10px;line-height:1.4;font-weight:500;}
.entry-content .byb-post.bp .stat .l b{color:#f5f2e7;}

/* --- bar chart --- */
.entry-content .byb-post.bp .bars{margin:20px 0 12px;background:#171a17;border:1px solid #2a2d29;border-radius:18px;padding:24px 26px 20px;}
.entry-content .byb-post.bp .bars .t{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#f5f2e7;}
.entry-content .byb-post.bp .bars .lg{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 18px;font-size:13px;color:#9a9c93;font-weight:600;}
.entry-content .byb-post.bp .bars .lg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px;}
.entry-content .byb-post.bp .bars .g{margin-bottom:16px;}
.entry-content .byb-post.bp .bars .gn{font-size:15px;font-weight:700;color:#f5f2e7;margin-bottom:8px;}
.entry-content .byb-post.bp .bars .gn span{font-weight:500;color:#8a8d84;font-size:13px;margin-left:6px;}
.entry-content .byb-post.bp .bars .b{display:flex;align-items:center;gap:10px;margin-bottom:5px;}
.entry-content .byb-post.bp .bars .b .f{height:20px;border-radius:4px;min-width:4px;}
.entry-content .byb-post.bp .bars .b .n{font-size:13px;font-weight:800;color:#cfd2ca;font-variant-numeric:tabular-nums;}
.entry-content .byb-post.bp .i-ph{background:#8a8d84;}
.entry-content .byb-post.bp .i-oz{background:#ffd200;}

/* --- caveat note --- */
.entry-content .byb-post.bp .note{margin:22px 0 18px;background:#141614;border:1px dashed #3a3d39;border-radius:16px;padding:22px 24px 6px;}
.entry-content .byb-post.bp .note .nt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#ffd200;margin-bottom:10px;}
.entry-content .byb-post.bp .note p{font-size:15.5px !important;line-height:1.6 !important;color:#b9bcb4 !important;}

/* --- callout (green) --- */
.entry-content .byb-post.bp .callout{margin:30px 0 18px;background:#0f2019;border:1px solid #1f5c40;border-radius:18px;padding:26px 28px 8px;display:flex;gap:20px;align-items:flex-start;}
.entry-content .byb-post.bp .callout .ico{flex:none;width:52px;height:52px;border-radius:50%;background:#ffd200;display:flex;align-items:center;justify-content:center;color:#111311;}
.entry-content .byb-post.bp .callout h3{font-size:22px !important;margin-bottom:10px !important;}
.entry-content .byb-post.bp .callout p{font-size:16.5px !important;}

/* --- steps (run it yourself) --- */
.entry-content .byb-post.bp .trays{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 18px;}
.entry-content .byb-post.bp .tray{background:#171a17;border:1px solid #2a2d29;border-radius:16px;padding:20px 18px;}
.entry-content .byb-post.bp .tray .tn{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a8d84;}
.entry-content .byb-post.bp .tray .tt{font-family:Georgia,'Playfair Display',serif;font-size:21px;font-weight:700;color:#f5f2e7;margin:8px 0 6px;line-height:1.2;}
.entry-content .byb-post.bp .tray .td{font-size:14.5px;color:#9a9c93;line-height:1.5;}
.entry-content .byb-post.bp .tray.on{border-color:#ffd200;}

/* --- faq --- */
.entry-content .byb-post.bp .faq{margin:24px 0 10px;border-top:1px solid #2a2d29;}
.entry-content .byb-post.bp .faq details{border-bottom:1px solid #2a2d29;}
.entry-content .byb-post.bp .faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;position:relative;font-family:Georgia,'Playfair Display',serif;font-size:20px;font-weight:700;color:#f5f2e7;line-height:1.3;}
.entry-content .byb-post.bp .faq summary::-webkit-details-marker{display:none;}
.entry-content .byb-post.bp .faq summary::after{content:'+';position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1.5px solid #3a3d39;color:#ffd200;font-family:'Roboto',sans-serif;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.entry-content .byb-post.bp .faq details[open] summary::after{content:'\2212';}
.entry-content .byb-post.bp .faq details p{font-size:16.5px !important;padding-right:30px;}

/* --- product cta cards --- */
.entry-content .byb-post.bp .cta{margin-top:64px;background:#ffd200;color:#111311;padding:60px 0 64px;}
.entry-content .byb-post.bp .cta .kick{color:#105732 !important;}
.entry-content .byb-post.bp .cta h2{color:#111311 !important;font-size:40px !important;line-height:1.1 !important;}
.entry-content .byb-post.bp .cta .sub{color:#2b2d24 !important;font-size:18px !important;margin:14px 0 0 !important;max-width:620px;}
.entry-content .byb-post.bp .pcards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:30px;}
.entry-content .byb-post.bp .pc{background:#111311;border-radius:18px;padding:22px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none !important;border:2px solid #111311;transition:transform .15s ease;}
.entry-content .byb-post.bp .pc:hover{transform:translateY(-3px);}
.entry-content .byb-post.bp .pc .im{display:flex;align-items:flex-end;justify-content:center;gap:0;width:100%;height:170px;margin-bottom:16px;background:radial-gradient(ellipse 60% 60% at 50% 70%,rgba(255,210,0,.14),rgba(17,19,17,0) 70%);border-radius:12px;}
.entry-content .byb-post.bp .pc .im img{height:150px;width:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));}
.entry-content .byb-post.bp .pc .im img+img{margin-left:-18px;height:160px;}
.entry-content .byb-post.bp .pc .pt{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8a9a7f;}
.entry-content .byb-post.bp .pc .pn{font-family:Georgia,'Playfair Display',serif;font-size:23px;font-weight:700;color:#f5f2e7;margin-top:6px;line-height:1.15;}
.entry-content .byb-post.bp .pc .pd{font-size:14.5px;color:#9a9c93;margin-top:8px;line-height:1.45;}
.entry-content .byb-post.bp .pc .go{margin-top:auto;padding-top:16px;font-size:15px;font-weight:800;color:#ffd200;}
.entry-content .byb-post.bp .pc.feat{border-color:#105732;}
.entry-content .byb-post.bp .cta .dm{margin:26px 0 0 !important;color:#111311 !important;font-size:16px !important;font-weight:600;}
.entry-content .byb-post.bp .cta .dm a{color:#111311 !important;font-weight:800;}
.entry-content .byb-post.bp .cta .dm b{color:#105732 !important;font-weight:800;letter-spacing:.04em;}
@media (min-width:1000px){.entry-content .byb-post.bp .col .mech{margin-left:-110px;margin-right:-110px;}.entry-content .byb-post.bp .mech .st{padding:28px 30px 14px;}}

/* --- footer --- */
.entry-content .byb-post.bp .foot{padding:40px 0 34px;border-top:1px solid #24261f;}
.entry-content .byb-post.bp .foot .fr{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;}
.entry-content .byb-post.bp .foot .lg img{height:54px;width:auto;display:block;}
.entry-content .byb-post.bp .foot .ct{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#9a9c93;align-items:center;}
.entry-content .byb-post.bp .foot .ct a{color:#cfd2ca !important;font-weight:600;text-decoration:none !important;display:inline-flex;align-items:center;gap:6px;}
.entry-content .byb-post.bp .foot .ct a:hover{color:#ffd200 !important;}
.entry-content .byb-post.bp .foot .ig{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a3d39;border-radius:999px;padding:7px 14px 7px 10px;}
.entry-content .byb-post.bp .foot .ig svg{width:16px;height:16px;flex:none;}
.entry-content .byb-post.bp .foot .src{margin-top:26px !important;font-size:13px !important;line-height:1.6 !important;color:#76796f !important;}
.entry-content .byb-post.bp .foot .src a{color:#9a9c93 !important;font-weight:500;}

/* --- mobile (primary) --- */
@media (max-width:760px){
.entry-content .byb-post.bp .wrap,.entry-content .byb-post.bp .col{padding:0 20px;}
.entry-content .byb-post.bp p,.entry-content .byb-post.bp li{font-size:17px !important;}
.entry-content .byb-post.bp .hero .wrap{flex-direction:column-reverse;min-height:0;padding-top:28px;padding-bottom:40px;gap:10px;}
.entry-content .byb-post.bp .hero .art{height:280px;flex:none;width:100%;}
.entry-content .byb-post.bp .hero .art img{height:230px;}
.entry-content .byb-post.bp .hero .art figure.b2 img{height:255px;}
.entry-content .byb-post.bp .hero h1{font-size:38px !important;}
.entry-content .byb-post.bp .hero .dek{font-size:17.5px !important;}
.entry-content .byb-post.bp .btn{width:100%;}
.entry-content .byb-post.bp .tldr{padding-top:36px;}
.entry-content .byb-post.bp .tldr .box{padding:24px 20px 10px;}
.entry-content .byb-post.bp .tldr li{font-size:16px !important;padding-left:42px !important;}
.entry-content .byb-post.bp .sec{padding-top:48px;}
.entry-content .byb-post.bp .sec h2{font-size:30px !important;}
.entry-content .byb-post.bp .sec .lead{font-size:18px !important;}
.entry-content .byb-post.bp .pull p{font-size:23px !important;}
.entry-content .byb-post.bp .mech{flex-direction:column;}
.entry-content .byb-post.bp .mech .arw{flex:0 0 34px;transform:rotate(90deg);}
.entry-content .byb-post.bp .mech .st{padding:22px 20px 8px;}
.entry-content .byb-post.bp .tl{padding:18px 12px 14px;margin-left:-8px;margin-right:-8px;}
.entry-content .byb-post.bp .tl .row{grid-template-columns:74px repeat(8,1fr);gap:3px;}
.entry-content .byb-post.bp .tl .lb{font-size:12px;}
.entry-content .byb-post.bp .tl .lb small{font-size:10.5px;}
.entry-content .byb-post.bp .tl .row.hd div{font-size:9.5px;letter-spacing:.02em;}
.entry-content .byb-post.bp .tl .bar{font-size:11px;height:36px;}
.entry-content .byb-post.bp .tl .cell{height:36px;}
.entry-content .byb-post.bp .tl .phase{grid-template-columns:74px 2fr 2fr 4fr;gap:3px;}
.entry-content .byb-post.bp .tl .phase div{font-size:10px;}
.entry-content .byb-post.bp .dose .r{grid-template-columns:1.15fr 1fr 1fr;}
.entry-content .byb-post.bp .dose .r div{padding:13px 10px;font-size:13px;}
.entry-content .byb-post.bp .dose .r div b{font-size:18px;}
.entry-content .byb-post.bp .dose .r:first-child div{font-size:10px;letter-spacing:.08em;}
.entry-content .byb-post.bp .dose .r div.sys small{font-size:11.5px;}
.entry-content .byb-post.bp .stats{grid-template-columns:1fr 1fr;}
.entry-content .byb-post.bp .stat .v{font-size:32px;}
.entry-content .byb-post.bp .bars{padding:20px 16px 14px;}
.entry-content .byb-post.bp .callout{flex-direction:column;gap:14px;padding:22px 20px 6px;}
.entry-content .byb-post.bp .trays{grid-template-columns:1fr;}
.entry-content .byb-post.bp .faq summary{font-size:18px;}
.entry-content .byb-post.bp .cta{padding:44px 0 48px;margin-top:48px;}
.entry-content .byb-post.bp .cta h2{font-size:30px !important;}
.entry-content .byb-post.bp .pcards{grid-template-columns:1fr 1fr;gap:10px;}
.entry-content .byb-post.bp .pc.feat{grid-column:1/-1;}
.entry-content .byb-post.bp .pc{padding:16px 14px 16px;}
.entry-content .byb-post.bp .pc .im{height:130px;margin-bottom:12px;}
.entry-content .byb-post.bp .pc .im img{height:112px;}
.entry-content .byb-post.bp .pc .im img+img{height:122px;}
.entry-content .byb-post.bp .pc .pn{font-size:20px;}
.entry-content .byb-post.bp .pc .pd{font-size:13.5px;}
.entry-content .byb-post.bp .pc .pt{font-size:10.5px;letter-spacing:.1em;}
.entry-content .byb-post.bp .foot .fr{flex-direction:column;align-items:flex-start;}
}

/* --- WPWriter addition --- */
/* BYB blog post system — v1.1: keep dose-table rates on one line at phone width */
.entry-content .byb-post.bp .dose .r div b{white-space:nowrap;}
@media (max-width:760px){
.entry-content .byb-post.bp .dose .r{grid-template-columns:1.05fr 1fr 1fr;}
.entry-content .byb-post.bp .dose .r div{padding:13px 8px;}
.entry-content .byb-post.bp .dose .r div b{font-size:16px;}
}

/* --- WPWriter addition --- */
/* ============================================================
   .byb-uk ADDITIONS — "same name, different job" living recap
   Comparison tool (.cmp), source badges (.src), ingredient chips,
   application timeline (.tl), terpene profile viewer (.tp),
   break-even calculator (.calc), room layout (.rooms), coco brand
   cards (.cocog). Every rule is scoped to .byb-uk plus a new class
   name, so the UK partner pages and the Dark Horse page don't move.
   ============================================================ */
.byb-uk [hidden]{display:none !important;}
.byb-uk .stamp{font-size:13px !important;color:#9fa39a !important;margin:14px 0 0 !important;}
.byb-uk .light .stamp{color:#5f6a62 !important;}

/* segmented buttons (Astra styles bare <button>, so pin ours) */
.byb-uk .seg{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.byb-uk .seg button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 18px !important;border-radius:999px !important;border:1.5px solid #c9c2ad !important;background:transparent !important;color:#111311 !important;font-family:'Roboto',Arial,sans-serif !important;font-weight:700 !important;font-size:15.5px !important;line-height:1.2 !important;letter-spacing:0 !important;text-transform:none !important;cursor:pointer;box-shadow:none !important;}
.byb-uk .seg button:hover,.byb-uk .seg button:focus{border-color:#111311 !important;background:transparent !important;color:#111311 !important;}
.byb-uk .seg button.on,.byb-uk .seg button.on:hover,.byb-uk .seg button.on:focus{background:#111311 !important;border-color:#111311 !important;color:#FFD200 !important;}
.byb-uk .seg button:focus-visible{outline:2px solid #0d4a33;outline-offset:2px;}
.byb-uk .seg.big button{flex:1 1 200px;min-height:58px;font-size:18px !important;font-weight:800 !important;}

/* comparison tool shell */
.byb-uk .cmp{background:#F5F2E7;color:#111311;border-radius:20px;padding:22px 16px 24px;margin-top:28px;}
.byb-uk .cmp-step{font-size:12px !important;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#0d4a33 !important;margin:0 0 10px !important;}
.byb-uk .cmp-step + .seg + .cmp-step,.byb-uk .cmp .verdict + .cmp-step{margin-top:20px !important;}
.byb-uk .cmp .verdict{background:#111311;border-left:5px solid #FFD200;border-radius:14px;padding:18px 20px;margin:16px 0 20px;}
.byb-uk .dark .cmp .verdict h3{color:#F5F2E7 !important;font-size:22px;margin-bottom:8px !important;}
.byb-uk .dark .cmp .verdict p{color:#CFD2CA;font-size:16px;margin:0;}
.byb-uk .pane{margin-top:18px;}
.byb-uk .pane-t{font-size:12px !important;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#5f6a62 !important;margin:0 0 10px !important;}
.byb-uk .vs2{display:grid;grid-template-columns:1fr;gap:12px;}
.byb-uk .pcard{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:18px 18px 8px;}
.byb-uk .pcard.us{border-top:5px solid #FFD200;}
.byb-uk .pcard.them{border-top:5px solid #111311;}
.byb-uk .pcard.wide{border-top:5px solid #0d4a33;padding-bottom:18px;}
.byb-uk .phead{display:flex;align-items:center;gap:14px;margin-bottom:14px;min-height:76px;}
.byb-uk .phead img{height:76px;width:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));}
.byb-uk .phead svg{height:76px;width:40px;flex:none;}
.byb-uk .phead b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:21px;line-height:1.1;color:#111311;}
.byb-uk .phead span{display:block;font-size:13px;color:#5f6a62;margin-top:4px;line-height:1.35;}
.byb-uk .prow{padding:12px 0;border-top:1px solid #ece5d2;}
.byb-uk .pl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#0d4a33;margin-bottom:7px;}
.byb-uk .dark .cmp .pv,.byb-uk .cmp .pv{font-size:15.5px;line-height:1.5;color:#2f352f;margin:0;}
.byb-uk .npk{display:flex;gap:8px;}
.byb-uk .npk div{flex:1;background:#F5F2E7;border-radius:10px;padding:9px 6px;text-align:center;}
.byb-uk .npk b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:19px;color:#111311;font-variant-numeric:tabular-nums;line-height:1.1;}
.byb-uk .npk span{display:block;font-size:10.5px;color:#5f6a62;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-top:4px;}
.byb-uk .npk.unk b{color:#8f2f1b;}

/* ingredient chips */
.byb-uk .chips{display:flex;flex-wrap:wrap;gap:6px;}
.byb-uk .chip{font-size:13px;font-weight:600;border-radius:999px;padding:5px 11px;line-height:1.25;border:1px solid transparent;}
.byb-uk .chip.sea{background:#e7f0ea;border-color:#cfe0d5;color:#0d4a33;}
.byb-uk .chip.sug{background:#fff3bf;border-color:#f0dc7a;color:#5c4700;}
.byb-uk .chip.min{background:#eceae4;border-color:#d9d5c8;color:#33372f;}
.byb-uk .chip.acid{background:#fff;border-color:#111311;color:#111311;}
.byb-uk .chip.oth{background:#fff;border-color:#c9c2ad;color:#33372f;}
.byb-uk .chip.unv{background:#fff;border:1.5px dashed #b3452c;color:#8f2f1b;}
.byb-uk .chip.fmt{background:#F5F2E7;border-color:#e6dfca;color:#33372f;}

/* source badges */
.byb-uk .src{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;border-radius:999px;padding:2px 9px;line-height:1.5;white-space:nowrap;border:1px solid transparent;}
.byb-uk .src.l{background:#0d4a33;color:#fff;}
.byb-uk .src.b{background:#FFD200;color:#111311;}
.byb-uk .src.m{background:#111311;color:#F5F2E7;}
.byb-uk .src.r{background:#fff3bf;color:#5c4700;border-color:#f0dc7a;}
.byb-uk .src.n{background:#fff;color:#8f2f1b;border:1.5px dashed #b3452c;}
.byb-uk .key{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:18px;font-size:13px;color:#5f6a62;line-height:1.4;}
.byb-uk .key span{display:inline-flex;align-items:center;gap:7px;}
.byb-uk .dark .cmp .fine,.byb-uk .cmp .fine{font-size:13.5px;color:#5f6a62;margin:12px 0 0;line-height:1.5;}

/* application timeline */
.byb-uk .tl-h{display:grid;grid-template-columns:repeat(12,1fr);margin-top:4px;}
.byb-uk .tl-h div{font-size:10.5px;font-weight:800;color:#5f6a62;text-align:center;}
.byb-uk .tl-ph{display:grid;grid-template-columns:4fr 8fr;margin-bottom:4px;}
.byb-uk .tl-ph div{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#0d4a33;text-align:center;border-bottom:2px solid #0d4a33;padding-bottom:3px;margin:0 2px;}
.byb-uk .tl-n{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#111311;margin:16px 0 6px;}
.byb-uk .tl-t{display:grid;grid-template-columns:repeat(12,1fr);height:40px;background-color:#ece5d2;background-image:linear-gradient(to right,#fff 2px,transparent 2px);background-size:calc(100% / 12) 100%;border-radius:8px;overflow:hidden;}
.byb-uk .tl-t .tbar{grid-row:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12.5px;font-weight:800;line-height:1.1;text-align:center;padding:0 4px;overflow:hidden;white-space:nowrap;}
.byb-uk .tl-t .tbar.us{background:#FFD200;color:#111311;}
.byb-uk .tl-t .tbar.them{background:#111311;color:#F5F2E7;}
.byb-uk .tl-t .tbar.unv{background:repeating-linear-gradient(45deg,#fff,#fff 6px,#f6ece7 6px,#f6ece7 12px);border:1.5px dashed #b3452c;color:#8f2f1b;}
.byb-uk .dark .cmp .tl-c,.byb-uk .cmp .tl-c{font-size:14px;color:#2f352f;margin:7px 0 0;line-height:1.45;}

/* what-to-measure cards */
.byb-uk .meas{display:grid;grid-template-columns:1fr;gap:10px;}
.byb-uk .mc{background:#fff;border:1px solid #e6dfca;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;}
.byb-uk .mc i{font-style:normal;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#111311;color:#FFD200;font-weight:800;font-size:16px;}
.byb-uk .mc b{display:block;font-size:16.5px;color:#111311;margin-bottom:4px;}
.byb-uk .dark .cmp .mc p,.byb-uk .cmp .mc p{font-size:14.5px;color:#2f352f;margin:0;line-height:1.5;}

/* terpene profile viewer */
.byb-uk .tp{background:#fff;border:1px solid #e6dfca;border-radius:18px;padding:20px 16px 16px;margin-top:22px;}
.byb-uk .tp-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;font-weight:600;color:#2f352f;margin:16px 0 4px;}
.byb-uk .tp-key i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px;}
.byb-uk .k-ph{background:#b8b09a;}
.byb-uk .k-oz{background:#0d4a33;}
.byb-uk .tp-g{padding:12px 0;border-top:1px solid #ece5d2;}
.byb-uk .tp-g.first{border-top:0;}
.byb-uk .tp-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:15.5px;font-weight:800;color:#111311;margin-bottom:8px;}
.byb-uk .tp-n span{font-weight:500;color:#5f6a62;font-size:13.5px;}
.byb-uk .tp-n em{font-style:normal;font-size:12px;font-weight:800;background:#FFD200;color:#111311;border-radius:999px;padding:2px 10px;margin-left:auto;}
.byb-uk .tp-b{display:flex;align-items:center;gap:10px;margin-bottom:5px;}
.byb-uk .tp-b u{display:block;height:20px;border-radius:4px;min-width:4px;text-decoration:none;}
.byb-uk .tp-b b{font-size:13.5px;font-weight:800;color:#111311;font-variant-numeric:tabular-nums;white-space:nowrap;}
.byb-uk .tp-big .tp-b u{height:34px;border-radius:6px;}
.byb-uk .tp-big .tp-b b{font-family:Georgia,'Playfair Display',serif;font-size:24px;}
.byb-uk .light .tp .tp-cap{font-size:15.5px;color:#2f352f;margin:14px 0 0;}
.byb-uk .note{margin-top:20px;border:1.5px dashed #0d4a33;border-radius:16px;padding:18px 20px;background:rgba(13,74,51,.05);}
.byb-uk .note em{display:inline-block;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;background:#0d4a33;color:#fff;border-radius:999px;padding:4px 11px;margin-bottom:10px;}
.byb-uk .light .note p{font-size:15.5px;margin:0;}
.byb-uk .light .note p + p{margin-top:10px;}

/* room layout */
.byb-uk .rooms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;}
.byb-uk .room{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:14px;padding:16px;}
.byb-uk .room.ctl{border-color:#FFD200;}
.byb-uk .room em{display:block;font-style:normal;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#9fa39a;margin-bottom:10px;}
.byb-uk .room.ctl em{color:#FFD200;}
.byb-uk .slot{display:block;font-size:14px;font-weight:700;border-radius:8px;padding:8px 10px;margin-top:6px;line-height:1.25;}
.byb-uk .slot.by{background:#FFD200;color:#111311;}
.byb-uk .slot.sw{background:#2c2f2c;color:#F5F2E7;border:1px dashed #7c8078;}
.byb-uk .dark .room p{font-size:13.5px;color:#9fa39a;margin:10px 0 0;line-height:1.4;}

/* break-even calculator */
.byb-uk h3.gap{margin-top:44px !important;font-size:26px;}
.byb-uk .calc{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px;}
.byb-uk .calc-in,.byb-uk .calc-out{background:#1b1d1b;border:1px solid #2c2f2c;border-radius:16px;padding:22px;}
.byb-uk .calc-out{border-top:5px solid #FFD200;}
.byb-uk .calc label{display:block;font-size:15px;font-weight:700;color:#F5F2E7;margin:0 0 18px;}
.byb-uk .calc label span{display:block;font-weight:400;font-size:13px;color:#9fa39a;margin-top:3px;}
.byb-uk .calc input[type=number]{display:block;width:100%;height:52px;margin-top:8px;background:#111311 !important;border:1.5px solid #3a3d39 !important;border-radius:12px !important;color:#F5F2E7 !important;font-family:'Roboto',Arial,sans-serif;font-size:20px;font-weight:700;padding:0 14px !important;box-shadow:none !important;}
.byb-uk .calc input[type=number]:focus{border-color:#FFD200 !important;outline:none;}
.byb-uk .calc input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:#FFD200;height:28px;padding:0;}
.byb-uk .calc .cl{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#9fa39a;margin:0 0 8px;}
.byb-uk .calc .big{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:44px;line-height:1;color:#FFD200;font-variant-numeric:tabular-nums;}
.byb-uk .calc .big.neg{color:#ff8a6b;}
.byb-uk .calc .big.pos{color:#7fd6a4;}
.byb-uk .dark .calc .ln{font-size:16px;color:#CFD2CA;margin:10px 0 0;}
.byb-uk .calc .ln b{color:#F5F2E7;}
.byb-uk .calc hr{border:0;border-top:1px solid #2c2f2c;margin:20px 0;height:0;background:none;}
.byb-uk .calc .tick{display:flex;justify-content:space-between;font-size:12px;color:#9fa39a;margin-top:2px;}

/* coco brand cards */
.byb-uk .cocog{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px;}
.byb-uk .cb{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:20px;display:flex;flex-direction:column;}
.byb-uk .cb svg{width:44px;height:44px;margin-bottom:12px;}
.byb-uk .cb b{font-family:Georgia,'Playfair Display',serif;font-size:22px;color:#111311;line-height:1.1;}
.byb-uk .cb .wh{font-size:13px;color:#5f6a62;margin-top:5px;}
.byb-uk .cb .chips{margin-top:12px;}
.byb-uk .light .cb p{font-size:15px;margin:12px 0 0;}
.byb-uk .cb a.go{margin-top:auto;padding-top:16px;color:#0d4a33;font-weight:800;font-size:15px;text-decoration:none;}
.byb-uk .cb a.go:hover{text-decoration:underline;}

/* update log */
.byb-uk .log{list-style:none;margin:18px 0 0;padding:0;border-left:2px solid #d9d2bd;}
.byb-uk .log li{position:relative;padding:0 0 12px 20px;font-size:15.5px;color:#2f352f;}
.byb-uk .log li::before{content:"";position:absolute;left:-6px;top:7px;width:10px;height:10px;border-radius:50%;background:#0d4a33;}
.byb-uk .log li b{color:#111311;margin-right:8px;}

@media (min-width:700px){
.byb-uk .cmp{padding:30px 30px 32px;}
.byb-uk .vs2{grid-template-columns:1fr 1fr;gap:16px;}
.byb-uk .pcard{padding:22px 22px 10px;}
.byb-uk .pcard.wide{padding-bottom:22px;}
.byb-uk .meas{grid-template-columns:repeat(3,1fr);}
.byb-uk .mc{grid-template-columns:1fr;}
.byb-uk .tp{padding:26px 28px 22px;}
.byb-uk .tl-t .tbar{font-size:13.5px;}
.byb-uk .tl-h div{font-size:12px;}
.byb-uk .rooms{grid-template-columns:repeat(4,1fr);gap:12px;}
.byb-uk .calc{grid-template-columns:1fr 1.15fr;gap:16px;}
.byb-uk .calc .big{font-size:54px;}
.byb-uk .cocog{grid-template-columns:1fr 1fr;gap:14px;}
}
@media (min-width:1000px){
.byb-uk .cocog{grid-template-columns:repeat(4,1fr);}
}

/* --- WPWriter addition --- */
/* ============================================================
   .byb-uk ADDITIONS (2) — living recap: overlap view (.ov3,
   .runboth) and the recipe / cost-per-cycle calculator (.rx).
   Scoped to .byb-uk + new class names only.
   ============================================================ */
.byb-uk .seg.sm button{min-height:38px;padding:4px 14px !important;font-size:13.5px !important;}

/* overlap view */
.byb-uk .ov3{display:grid;grid-template-columns:1fr;gap:12px;}
.byb-uk .ovc{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:18px;}
.byb-uk .ovc.us{border-top:5px solid #FFD200;}
.byb-uk .ovc.both{border-top:5px solid #0d4a33;}
.byb-uk .ovc.them{border-top:5px solid #111311;}
.byb-uk .ovc > b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:19px;line-height:1.15;color:#111311;margin-bottom:12px;}
.byb-uk .runboth{margin-top:12px;background:#0d4a33;border-radius:16px;padding:18px 20px;}
.byb-uk .runboth > b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:20px;color:#FFD200;margin-bottom:8px;}
.byb-uk .dark .cmp .runboth p{color:#e7f0ea;font-size:15.5px;margin:0;line-height:1.5;}

/* recipe calculator shell */
.byb-uk .rx{background:#F5F2E7;color:#111311;border-radius:20px;padding:22px 16px 24px;margin-top:28px;}
.byb-uk .dark .rx p{color:#2f352f;}
.byb-uk .dark .rx .fine{font-size:13.5px;color:#5f6a62;margin:10px 0 0;line-height:1.5;}
.byb-uk .dark .rx .fine b{color:#111311;}
.byb-uk .rx .rxgap{margin-top:28px !important;}
.byb-uk .dark .rx .rxlead{margin:0 0 12px;font-size:14.5px;color:#2f352f;}
.byb-uk .rxset,.byb-uk .rxf{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.byb-uk .rx .w2{grid-column:1 / -1;}
.byb-uk .fd{display:block;margin:0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#5f6a62;line-height:1.3;}
.byb-uk .fd > span{display:block;margin-bottom:6px;}
.byb-uk .fd i{font-style:normal;}
.byb-uk .fd input[type=number],.byb-uk .fd input[type=text],.byb-uk .fd select{display:block;width:100%;height:46px;min-height:46px;margin:0;background:#fff !important;border:1.5px solid #c9c2ad !important;border-radius:10px !important;color:#111311 !important;font-family:'Roboto',Arial,sans-serif !important;font-size:16px !important;font-weight:600;line-height:1.2;padding:0 10px !important;box-shadow:none !important;text-transform:none;letter-spacing:0;max-width:100%;}
.byb-uk .fd input:focus,.byb-uk .fd select:focus{border-color:#0d4a33 !important;outline:none;}
.byb-uk .fd input[type=range]{display:block;width:100%;margin:6px 0 0;accent-color:#0d4a33;height:28px;padding:0;}
.byb-uk .fd output{color:#111311;}
.byb-uk .fd .duo{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px;}
.byb-uk .rxf .w2m{grid-column:1 / -1;}
.byb-uk .fd small{display:block;font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:500;color:#5f6a62;margin-top:5px;line-height:1.35;}
.byb-uk .rxrow{background:#fff;border:1px solid #e6dfca;border-left:6px solid #c9c2ad;border-radius:16px;padding:16px;margin-top:12px;}
.byb-uk .rxrow.sa{border-left-color:#FFD200;}
.byb-uk .rxrow.sb{border-left-color:#111311;}
.byb-uk .rxrow.sab{border-left-color:#0d4a33;}
.byb-uk .rxres{margin-top:14px;padding-top:12px;border-top:1px solid #ece5d2;font-size:14px;color:#2f352f;line-height:1.45;}
.byb-uk .rxres.need{color:#8f2f1b;font-weight:600;}
.byb-uk .rxk{flex-wrap:wrap;}
.byb-uk .rxk div{flex:1 1 30%;}
.byb-uk .rxk b{font-size:17px;}
.byb-uk .rxk div.hl{background:#111311;}
.byb-uk .rxk div.hl b{color:#FFD200;}
.byb-uk .rxk div.hl span{color:#CFD2CA;}
.byb-uk .rxrm{justify-content:flex-end;margin-top:10px;}
.byb-uk .rxacts{margin-top:14px;}
.byb-uk .rxmail{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 22px;border-radius:999px;background:#FFD200;color:#111311 !important;font-weight:800;font-size:15.5px;text-decoration:none !important;line-height:1.2;}
.byb-uk .dark .rx .rxnone{background:#fff;border:1.5px dashed #c9c2ad;border-radius:14px;padding:18px;margin:0;font-size:15px;color:#2f352f;}
.byb-uk .rxsum{display:grid;grid-template-columns:1fr;gap:10px;}
.byb-uk .rxc{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:18px;}
.byb-uk .rxc.a{border-top:5px solid #FFD200;}
.byb-uk .rxc.b{border-top:5px solid #111311;}
.byb-uk .rxc.d{border-top:5px solid #0d4a33;}
.byb-uk .rxc span{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#0d4a33;}
.byb-uk .rxc b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:32px;line-height:1.1;color:#111311;margin-top:8px;font-variant-numeric:tabular-nums;}
.byb-uk .rxc i{display:block;font-style:normal;font-size:14px;color:#2f352f;margin-top:6px;line-height:1.4;}
.byb-uk .rxc em{display:block;font-style:normal;font-size:13px;font-weight:600;color:#8f2f1b;margin-top:8px;line-height:1.4;}
.byb-uk .rxbars{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:16px 18px 12px;margin-top:10px;}
.byb-uk .k-now{background:#FFD200;}
.byb-uk .k-sw{background:#111311;}
.byb-uk .rxq{background:#111311;border-left:5px solid #FFD200;border-radius:14px;padding:20px 22px;margin-top:14px;}
.byb-uk .dark .rx .rxq p{color:#CFD2CA;font-size:15.5px;margin:10px 0 0;}
.byb-uk .rxq p b{color:#F5F2E7;}
.byb-uk .dark .rx .rxq h3{color:#F5F2E7 !important;font-size:22px;margin-bottom:0 !important;}
.byb-uk .rxq .cl{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#9fa39a;margin:0 0 8px;}
.byb-uk .rxq .big + p + .cl{margin-top:20px;padding-top:18px;border-top:1px solid #2c2f2c;}
.byb-uk .rxq .big{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:40px;line-height:1;color:#FFD200;font-variant-numeric:tabular-nums;}
.byb-uk .rxq .big.neg{color:#ff8a6b;}
.byb-uk .rxq .big.pos{color:#7fd6a4;}
.byb-uk .rxmath{margin-top:22px;border-top:1px solid #d9d2bd;padding-top:14px;}
.byb-uk .rxmath summary{cursor:pointer;font-weight:800;font-size:15px;color:#0d4a33;}

/* section colour swaps: room cards on a light section, update log on a dark one */
.byb-uk .light .room p{font-size:13.5px;color:#9fa39a;margin:10px 0 0;line-height:1.4;}
.byb-uk .dark .log{border-left-color:#2c2f2c;}
.byb-uk .dark .log li{color:#CFD2CA;}
.byb-uk .dark .log li b{color:#F5F2E7;}
.byb-uk .dark .log li::before{background:#FFD200;}

@media (min-width:700px){
.byb-uk .ov3{grid-template-columns:1fr 1fr 1fr;gap:16px;}
.byb-uk .rx{padding:30px 30px 32px;}
.byb-uk .rxset{grid-template-columns:repeat(4,1fr);}
.byb-uk .rxset .fd.w2{grid-column:span 2;}
.byb-uk .rxf{grid-template-columns:repeat(4,1fr);}
.byb-uk .rxf .fd.w2{grid-column:span 2;}
.byb-uk .rxf .fd.w2m{grid-column:auto;}
.byb-uk .rxrow{padding:20px 22px;}
.byb-uk .rxk div{flex:1 1 0;}
.byb-uk .rxsum{grid-template-columns:repeat(3,1fr);gap:14px;}
.byb-uk .rxq .big{font-size:50px;}
}

/* --- WPWriter addition --- */
/* .byb-uk inside a Custom HTML block (living recap, page 11057): Astra caps direct
   block children of .entry-content at the content width, which squeezed the
   wrapper to 1200px. Pin the full-bleed breakout with the same values the
   wrapper already declares, so classic-content .byb-uk pages are unchanged. */
.entry-content > .byb-uk{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}

/* --- WPWriter addition --- */
/* .byb-uk calculator: give the dropdowns a visible arrow (the white background rule had removed the theme's) */
.byb-uk .fd select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%23111311' stroke-width='2'/></svg>") no-repeat right 12px center !important;padding-right:30px !important;}

/* --- WPWriter addition --- */
/* ===== .byb-uk ADDITIONS (3) — label photo upload card (.lbl), 2 Oct 2026 ===== */
.byb-uk .dark .rx.lbl .lblh{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:23px;line-height:1.12;letter-spacing:-.01em;color:#111311;margin:0 0 12px;}
.byb-uk .lbl .wpcf7{margin:18px 0 0;}
.byb-uk .lbl .wpcf7 form{margin:0;}
.byb-uk .lbl .lblgrid > p{display:grid;grid-template-columns:1fr;gap:12px;margin:0;}
.byb-uk .lbl .lblgrid br{display:none;}
.byb-uk .lbl form > p{margin:12px 0 0;}
.byb-uk .lbl label.lf{display:block;background:#fff;border:1.5px dashed #c9c2ad;border-radius:14px;padding:14px 14px 12px;margin:0;font-size:14px;color:#111311;cursor:pointer;}
.byb-uk .lbl label.lf.lfw{border-style:solid;cursor:default;}
.byb-uk .lbl label.lf > span:first-child{display:block;font-size:14.5px;font-weight:800;color:#111311;line-height:1.3;margin-bottom:8px;}
.byb-uk .lbl .wpcf7-form-control-wrap{display:block;}
.byb-uk .lbl input[type=file]{display:block;width:100%;max-width:100%;font-family:'Roboto',Arial,sans-serif;font-size:14px;color:#5f6a62;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
.byb-uk .lbl input[type=file]::file-selector-button{font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:800;min-height:40px;padding:8px 16px;margin:0 12px 0 0;border:0;border-radius:999px;background:#0d4a33;color:#fff;cursor:pointer;}
.byb-uk .lbl textarea.wpcf7-textarea{display:block;width:100%;min-height:96px;height:96px;background:#fff !important;border:1.5px solid #c9c2ad !important;border-radius:10px !important;color:#111311 !important;font-family:'Roboto',Arial,sans-serif !important;font-size:16px !important;line-height:1.45;padding:10px 12px !important;box-shadow:none !important;}
.byb-uk .lbl textarea.wpcf7-textarea:focus{border-color:#0d4a33 !important;outline:none;}
.byb-uk .lbl .lfsend{margin-top:16px;}
.byb-uk .lbl .lfsend p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;}
.byb-uk .lbl input.wpcf7-submit{appearance:none;-webkit-appearance:none;min-height:48px;padding:10px 26px !important;border:0 !important;border-radius:999px !important;background:#FFD200 !important;color:#111311 !important;font-family:'Roboto',Arial,sans-serif !important;font-size:16px !important;font-weight:800 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.2 !important;cursor:pointer;box-shadow:none !important;}
.byb-uk .lbl input.wpcf7-submit:hover,.byb-uk .lbl input.wpcf7-submit:focus{background:#111311 !important;color:#FFD200 !important;}
.byb-uk .lbl .wpcf7-response-output{margin:14px 0 0 !important;padding:10px 14px !important;border-radius:12px;background:#fff;color:#111311;font-size:14.5px;line-height:1.45;}
.byb-uk .lbl .wpcf7-not-valid-tip{font-size:13.5px;margin-top:6px;}
.byb-uk .lbl .lblst{display:block;margin-top:8px;font-size:13px;font-weight:700;color:#0d4a33;line-height:1.35;word-break:break-word;}
.byb-uk .lbl .lblst:empty{display:none;}
.byb-uk .dark .rx.lbl .lblmsg{margin:12px 0 0;font-size:14.5px;font-weight:700;color:#9a3b00;}
.byb-uk .lbl .lblmsg[hidden]{display:none !important;}
.byb-uk .dark .rx.lbl a,.byb-uk .dark .cmp .fine a,.byb-uk .dark .cmp .pv a{color:#0d4a33;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
@media (min-width:760px){
.byb-uk .lbl .lblgrid > p{grid-template-columns:1fr 1fr;gap:14px;}
.byb-uk .dark .rx.lbl .lblh{font-size:27px;}
}

/* --- WPWriter addition --- */
/* ===== .byb-uk ADDITIONS (4) — partner logos + product shots (coco cards .cb.v2, Algix trap photos .tshots), 2 Oct 2026 ===== */
.byb-uk .cocog{grid-template-columns:1fr;}
.byb-uk .cb.v2{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr;border-radius:18px;}
.byb-uk .cb.v2 .cblogo{display:flex;align-items:center;justify-content:flex-start;min-height:96px;padding:16px 20px;background:#fff;border-bottom:1px solid #efe9d6;}
.byb-uk .cb.v2 .cblogo img{display:block;width:auto;height:auto;max-height:62px;max-width:200px;object-fit:contain;}
.byb-uk .cb.v2 .cbimg{background:#fff;border-bottom:1px solid #efe9d6;aspect-ratio:16 / 10;overflow:hidden;}
.byb-uk .cb.v2 .cbimg img{display:block;width:100%;height:100%;object-fit:contain;}
.byb-uk .cb.v2 > b{margin:18px 20px 0;}
.byb-uk .cb.v2 > .wh{margin:5px 20px 0;}
.byb-uk .cb.v2 > .chips{margin:12px 20px 0;}
.byb-uk .light .cb.v2 > p{margin:12px 20px 0;}
.byb-uk .cb.v2 > a.go{margin:0 20px;padding:16px 0 20px;align-self:end;}
.byb-uk .tshots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px;max-width:820px;}
.byb-uk .tshots figure{margin:0;background:#1a1d1a;border:1px solid #2c2f2c;border-radius:16px;overflow:hidden;}
.byb-uk .tshots img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;}
.byb-uk .tshots figcaption{padding:12px 14px 14px;font-size:13.5px;line-height:1.4;color:#CFD2CA;text-align:left;}
.byb-uk .tshots figcaption b{display:block;color:#F5F2E7;font-size:15px;margin-bottom:2px;}
.byb-uk .dark p.credit{font-size:12.5px;color:#8d938b;margin:8px 0 22px;}
@media (min-width:760px){
.byb-uk .cocog{grid-template-columns:1fr 1fr;gap:16px;}
.byb-uk .tshots{gap:16px;}
}
@media (min-width:1000px){
.byb-uk .cocog{grid-template-columns:1fr 1fr;}
.byb-uk .cb.v2{grid-template-columns:200px 1fr;grid-template-rows:auto auto auto auto 1fr auto;}
.byb-uk .cb.v2 .cblogo{grid-column:1 / -1;}
.byb-uk .cb.v2 .cbimg{grid-column:1;grid-row:2 / -1;aspect-ratio:auto;border-bottom:0;border-right:1px solid #efe9d6;display:flex;align-items:center;padding:14px;}
.byb-uk .cb.v2 .cbimg img{height:auto;aspect-ratio:1 / 1;}
.byb-uk .cb.v2 > b,.byb-uk .cb.v2 > .wh,.byb-uk .cb.v2 > .chips,.byb-uk .light .cb.v2 > p,.byb-uk .cb.v2 > a.go{grid-column:2;}
}

/* --- WPWriter addition --- */
/* .byb-uk ADDITIONS (4b) — bigger partner logos, wider product column */
.byb-uk .cb.v2 .cblogo{min-height:112px;padding:18px 22px;}
.byb-uk .cb.v2 .cblogo img{max-height:76px;max-width:230px;}
@media (min-width:1000px){
.byb-uk .cb.v2{grid-template-columns:220px 1fr;}
.byb-uk .cb.v2 .cbimg{padding:10px;}
}

/* --- WPWriter addition --- */
/* ===== .byb-uk footer handles — "bloom" in yellow, the @ and the rest cream (replaces the old yellow "@b" first-letter), 2 Oct 2026 ===== */
.byb-uk .foot .ig a::first-letter{color:inherit !important;}
.byb-uk .foot .ig a[href*="instagram.com/bloom"]{position:relative;}
.byb-uk .foot .ig a[href*="instagram.com/bloom"]::before,.byb-uk .foot .ig a[href*="instagram.com/bloom"]::after{position:absolute;left:0;top:0;background:#0d0f0c;}
.byb-uk .foot .ig a[href*="instagram.com/bloom"]::before{content:"@bloom";color:#FFD200;z-index:1;}
.byb-uk .foot .ig a[href*="instagram.com/bloom"]::after{content:"@";color:#F5F2E7;z-index:2;}
/* ===== Algix trap photos (.tshots) on the .byb-ko trial page ===== */
.byb-ko .tshots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 6px;}
.byb-ko .tshots figure{margin:0;background:#1a1d1a;border:1px solid #2c2f2c;border-radius:16px;overflow:hidden;}
.byb-ko .tshots img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;}
.byb-ko .tshots figcaption{padding:12px 14px 14px;font-size:13.5px;line-height:1.4;color:#CFD2CA;text-align:left;}
.byb-ko .tshots figcaption b{display:block;color:#F5F2E7;font-size:15px;margin-bottom:2px;}
.byb-ko p.credit{font-size:12.5px;color:#8d938b;margin:8px 0 22px;}
@media (min-width:760px){.byb-ko .tshots{gap:16px;}}

/* --- WPWriter addition --- */
/* ============================================================
   .byb-pt — partner page + "layer above your base feed" page
   Added 4 Oct 2026. Self-contained: every class lives under the
   .byb-pt wrapper, so nothing here touches any other page.
   ============================================================ */
body:has(.byb-pt) #primary{margin-top:0 !important;padding-top:0 !important;margin-bottom:0 !important;}
body:has(.byb-pt) .content-area{margin-top:0 !important;}
body:has(.byb-pt) .ast-article-single{padding-top:0 !important;padding-bottom:0 !important;}
body:has(.byb-pt) .entry-header{display:none !important;}
body:has(.byb-pt) .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.byb-pt{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;overflow-x:hidden;background:#111311;color:#f5f2e7;font-family:'Roboto',sans-serif;font-size:17px;line-height:1.55;}
.byb-pt *{box-sizing:border-box;}
.byb-pt .p-sec{padding:64px 0;}
.byb-pt .p-in{max-width:1060px;margin:0 auto;padding:0 44px;}
.byb-pt .p-dark{background:#111311;color:#f5f2e7;}
.byb-pt .p-light{background:#f5f2e7;color:#111311;}
.byb-pt .p-sec h1,.byb-pt .p-sec h2,.byb-pt .p-sec h3{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-style:normal;letter-spacing:-.01em;margin:0;padding:0;}
.byb-pt .p-sec h1{font-size:54px;line-height:1.06;color:#f5f2e7;margin-top:14px;}
.byb-pt .p-sec h2{font-size:38px;line-height:1.1;margin-top:10px;}
.byb-pt .p-sec h3{font-size:21px;line-height:1.25;}
.byb-pt .p-dark h2,.byb-pt .p-dark h3{color:#f5f2e7;}
.byb-pt .p-light h2,.byb-pt .p-light h3{color:#111311;}
.byb-pt .p-sec p{margin:16px 0 0;padding:0;font-size:17px;line-height:1.55;}
.byb-pt .p-dark p{color:#d3d6cd;}
.byb-pt .p-light p{color:#3a433c;}
.byb-pt .p-sec .p-lead{font-size:20px;max-width:700px;}
.byb-pt .p-sec .p-kick{font-family:'Roboto',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0;}
.byb-pt .p-dark .p-kick{color:#ffd200;}
.byb-pt .p-light .p-kick{color:#0d4a33;}
.byb-pt .p-pop{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:600;}
.byb-pt .p-dark .p-pop{color:#ffd200;}
.byb-pt .p-light .p-pop{color:#0d4a33;}
.byb-pt .p-logo{height:54px;width:auto;display:block;margin:0 0 26px;}
.byb-pt .p-hero{padding:72px 0 64px;}
.byb-pt .p-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.byb-pt a.p-btn,.byb-pt button.p-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;background:#ffd200;color:#111311;font-family:'Roboto',sans-serif;font-weight:800;font-size:17px;line-height:1.1;text-decoration:none;border:2px solid #ffd200;cursor:pointer;text-align:center;box-shadow:none;text-transform:none;letter-spacing:0;}
.byb-pt a.p-btn:hover,.byb-pt button.p-btn:hover{background:#ffdd3d;color:#111311;border-color:#ffdd3d;}
.byb-pt .p-dark a.p-btn.p-ghost,.byb-pt .p-dark button.p-btn.p-ghost{background:transparent;color:#f5f2e7;border-color:#4a4e48;}
.byb-pt .p-light a.p-btn.p-ghost,.byb-pt .p-light button.p-btn.p-ghost{background:transparent;color:#111311;border-color:#111311;}
.byb-pt .p-light a.p-btn.p-solid,.byb-pt .p-light button.p-btn.p-solid{background:#111311;color:#ffd200;border-color:#111311;}
.byb-pt .p-rule{display:flex;height:6px;}
.byb-pt .p-rule span{flex:1;}
.byb-pt .p-rule .y{background:#ffd200;}
.byb-pt .p-rule .g{background:#0d4a33;}
.byb-pt .p-grid2,.byb-pt .p-grid3,.byb-pt .p-grid4{display:grid;gap:16px;margin-top:28px;}
.byb-pt .p-grid2{grid-template-columns:repeat(2,1fr);}
.byb-pt .p-grid3{grid-template-columns:repeat(3,1fr);}
.byb-pt .p-grid4{grid-template-columns:repeat(4,1fr);}
.byb-pt .p-box{border-radius:16px;padding:24px;}
.byb-pt .p-dark .p-box{background:#181b18;border:1px solid #2c302b;}
.byb-pt .p-light .p-box{background:#ffffff;border:1px solid #e3dcc6;}
.byb-pt .p-box p{font-size:16px;margin-top:10px;}
.byb-pt .p-num{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffd200;color:#111311;font-weight:800;font-size:17px;margin-bottom:14px;}
/* stat tiles */
.byb-pt .p-stat{border-radius:16px;padding:22px;}
.byb-pt .p-dark .p-stat{background:#181b18;border:1px solid #2c302b;}
.byb-pt .p-light .p-stat{background:#ffffff;border:1px solid #e3dcc6;}
.byb-pt .p-stat b{display:block;font-family:Georgia,'Playfair Display',serif;font-size:32px;line-height:1.05;font-weight:700;}
.byb-pt .p-dark .p-stat b{color:#ffd200;}
.byb-pt .p-light .p-stat b{color:#0d4a33;}
.byb-pt .p-stat span{display:block;margin-top:8px;font-size:15px;line-height:1.4;}
.byb-pt .p-dark .p-stat span{color:#c3c7bb;}
.byb-pt .p-light .p-stat span{color:#3a433c;}
/* partner cards */
.byb-pt .p-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.byb-pt .p-card{background:#f5f2e7;color:#111311;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;}
.byb-pt .p-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-height:66px;padding:12px 18px;background:#ffffff;border-bottom:1px solid #e3dcc6;}
.byb-pt .p-band img{max-height:40px;width:auto;max-width:170px;display:block;}
.byb-pt .p-band .p-mark{font-family:'Roboto',sans-serif;font-weight:800;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:#111311;}
.byb-pt .p-band .p-tag{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#0d4a33;background:#e4efe8;border-radius:999px;padding:5px 11px;white-space:nowrap;}
.byb-pt .p-shot{display:block;width:100%;height:210px;object-fit:cover;background:#e9e4d3;}
.byb-pt .p-shot.p-fit{object-fit:contain;padding:14px;background:#ffffff;}
.byb-pt .p-cbody{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;}
.byb-pt .p-card h3{font-family:Georgia,'Playfair Display',serif;font-size:21px;line-height:1.2;color:#111311;margin:0;font-weight:700;}
.byb-pt .p-card p{color:#3a433c;font-size:15.5px;line-height:1.5;margin:10px 0 0;}
.byb-pt .p-card .p-who{font-size:13px;letter-spacing:.04em;color:#5d665f;margin:6px 0 0;font-weight:500;}
.byb-pt .p-price{margin-top:14px;border-top:1px solid #e3dcc6;}
.byb-pt .p-price div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e3dcc6;font-size:14.5px;color:#3a433c;}
.byb-pt .p-price div b{color:#111311;font-weight:800;white-space:nowrap;}
.byb-pt .p-price.p-open div{color:#5d665f;font-style:normal;}
.byb-pt .p-card .p-ask{margin-top:auto;padding-top:16px;}
.byb-pt .p-card a.p-btn{width:100%;background:#111311;color:#ffd200;border-color:#111311;min-height:50px;font-size:16px;}
.byb-pt .p-fine{font-size:13.5px;line-height:1.5;margin-top:14px;}
.byb-pt .p-dark .p-fine{color:#9a9e94;}
.byb-pt .p-light .p-fine{color:#5d665f;}
/* cycle chart */
.byb-pt .p-cycle{margin-top:30px;background:#ffffff;border:1px solid #e3dcc6;border-radius:18px;padding:22px;}
.byb-pt .p-crow{display:grid;grid-template-columns:150px repeat(5,1fr);gap:6px;align-items:center;margin-top:6px;}
.byb-pt .p-crow.p-head{margin-top:0;margin-bottom:8px;}
.byb-pt .p-crow.p-head span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#5d665f;text-align:center;}
.byb-pt .p-crow .p-name{font-weight:800;font-size:15px;color:#111311;text-align:left;line-height:1.2;}
.byb-pt .p-crow .p-name small{display:block;font-weight:500;font-size:12.5px;color:#5d665f;margin-top:2px;}
.byb-pt .p-cell{height:38px;border-radius:8px;background:#f1ecdc;}
.byb-pt .p-cell.on-y{background:#ffd200;}
.byb-pt .p-cell.on-g{background:#0d4a33;}
.byb-pt .p-cell.on-k{background:#111311;}
.byb-pt .p-cell.on-b{background:#2f6fb0;}
.byb-pt .p-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px;color:#3a433c;}
.byb-pt .p-key i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px;}
/* product tiles */
.byb-pt .p-prods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;}
.byb-pt .p-prods.p-two{grid-template-columns:repeat(2,1fr);max-width:520px;}
.byb-pt .p-prods.p-three{grid-template-columns:repeat(3,1fr);max-width:790px;}
.byb-pt .p-prod{border-radius:16px;padding:18px 14px;text-align:center;}
.byb-pt .p-dark .p-prod{background:#181b18;border:1px solid #2c302b;}
.byb-pt .p-light .p-prod{background:#ffffff;border:1px solid #e3dcc6;}
.byb-pt .p-prod img{height:150px;width:auto;display:block;margin:0 auto 12px;}
.byb-pt .p-prod b{display:block;font-size:17px;font-weight:800;}
.byb-pt .p-dark .p-prod b{color:#f5f2e7;}
.byb-pt .p-light .p-prod b{color:#111311;}
.byb-pt .p-prod span{display:block;font-size:14px;line-height:1.4;margin-top:6px;}
.byb-pt .p-dark .p-prod span{color:#c3c7bb;}
.byb-pt .p-light .p-prod span{color:#3a433c;}
.byb-pt .p-prod i{display:block;font-style:normal;font-size:12.5px;font-weight:700;letter-spacing:.04em;margin-top:8px;}
.byb-pt .p-dark .p-prod i{color:#ffd200;}
.byb-pt .p-light .p-prod i{color:#0d4a33;}
.byb-pt .p-sub{margin-top:34px;}
.byb-pt .p-sub h3{font-size:23px;}
.byb-pt .p-sub p{margin-top:8px;font-size:16px;}
/* callout */
.byb-pt .p-call{margin-top:30px;border-radius:16px;padding:24px;border-left:6px solid #ffd200;}
.byb-pt .p-dark .p-call{background:#16271e;}
.byb-pt .p-light .p-call{background:#ffffff;border-top:1px solid #e3dcc6;border-right:1px solid #e3dcc6;border-bottom:1px solid #e3dcc6;}
.byb-pt .p-call p{margin-top:8px;}
/* share links */
.byb-pt .p-links{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.byb-pt .p-link{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 14px;min-width:0;}
.byb-pt .p-dark .p-link{background:#181b18;border:1px solid #2c302b;}
.byb-pt .p-light .p-link{background:#ffffff;border:1px solid #e3dcc6;}
.byb-pt .p-link b{flex:none;width:130px;font-size:15px;}
.byb-pt .p-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:transparent;padding:0;}
.byb-pt .p-dark .p-link code{color:#c3c7bb;}
.byb-pt .p-light .p-link code{color:#3a433c;}
.byb-pt .p-link button.p-btn{flex:none;min-height:42px;padding:0 18px;font-size:14.5px;}
/* form */
.byb-pt .p-form{margin-top:28px;background:#ffffff;border:1px solid #e3dcc6;border-radius:18px;padding:24px;}
.byb-pt .p-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.byb-pt button.p-tab{min-height:56px;border-radius:12px;border:2px solid #d9d2bb;background:#f5f2e7;color:#111311;font-family:'Roboto',sans-serif;font-weight:800;font-size:15.5px;line-height:1.15;padding:8px 10px;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;}
.byb-pt button.p-tab small{display:block;font-weight:500;font-size:12.5px;color:#5d665f;margin-top:2px;}
.byb-pt button.p-tab.on{background:#111311;border-color:#111311;color:#ffd200;}
.byb-pt button.p-tab.on small{color:#d3d6cd;}
.byb-pt .p-q{margin-top:24px;padding-top:22px;border-top:1px solid #e9e3d0;}
.byb-pt .p-q .p-ql{font-weight:800;font-size:17px;color:#111311;margin:0;}
.byb-pt .p-q .p-qh{font-size:14px;color:#5d665f;margin:4px 0 0;}
.byb-pt .p-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.byb-pt button.p-chip{min-height:46px;border-radius:999px;border:2px solid #d9d2bb;background:#ffffff;color:#111311;font-family:'Roboto',sans-serif;font-weight:700;font-size:15px;line-height:1.15;padding:8px 18px;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none;}
.byb-pt button.p-chip.on{background:#0d4a33;border-color:#0d4a33;color:#ffffff;}
.byb-pt input.p-txt,.byb-pt textarea.p-txt{display:block;width:100%;margin-top:12px;border:2px solid #d9d2bb;border-radius:12px;background:#fbfaf4;color:#111311;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.4;padding:12px 14px;box-shadow:none;}
.byb-pt textarea.p-txt{min-height:96px;resize:vertical;}
.byb-pt input.p-txt:focus,.byb-pt textarea.p-txt:focus{outline:none;border-color:#0d4a33;}
.byb-pt .p-send{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.byb-pt .p-status{margin-top:12px;font-size:15px;font-weight:700;color:#0d4a33;min-height:22px;}
/* layer diagram */
.byb-pt .p-stack{margin-top:30px;display:grid;gap:10px;max-width:760px;}
.byb-pt .p-layer{border-radius:16px;padding:20px 22px;display:flex;gap:16px;align-items:center;}
.byb-pt .p-layer b{display:block;font-size:19px;font-weight:800;}
.byb-pt .p-layer span{display:block;font-size:15px;line-height:1.4;margin-top:3px;}
.byb-pt .p-layer .p-tagb{flex:none;width:96px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;}
.byb-pt .p-layer.p-top{background:#ffd200;color:#111311;}
.byb-pt .p-layer.p-top span{color:#3a3400;}
.byb-pt .p-layer.p-base{background:#e4dfcd;color:#111311;}
.byb-pt .p-layer.p-base span{color:#3a433c;}
.byb-pt .p-layer.p-you{background:#0d4a33;color:#ffffff;}
.byb-pt .p-layer.p-you span{color:#d5e6dc;}
/* stage strip */
.byb-pt .p-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px;}
.byb-pt .p-stage{border-radius:16px;padding:16px 10px;text-align:center;background:#181b18;border:1px solid #2c302b;}
.byb-pt .p-stage em{display:block;font-style:normal;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#ffd200;}
.byb-pt .p-stage img{height:130px;width:auto;display:block;margin:12px auto;}
.byb-pt .p-stage b{display:block;font-size:17px;font-weight:800;color:#f5f2e7;}
.byb-pt .p-stage span{display:block;font-size:13.5px;line-height:1.35;color:#c3c7bb;margin-top:5px;}
/* log + footer */
.byb-pt .p-log{margin-top:26px;border-top:1px solid #2c302b;}
.byb-pt .p-log div{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #2c302b;font-size:15px;color:#d3d6cd;}
.byb-pt .p-log div b{flex:none;width:110px;color:#ffd200;font-weight:700;}
.byb-pt .p-foot{background:#0d0f0c;color:#c3c7bb;text-align:center;padding:44px 24px 50px;font-size:15px;line-height:1.7;}
.byb-pt .p-foot img{height:46px;width:auto;display:block;margin:0 auto 16px;}
.byb-pt .p-foot b{display:block;color:#f5f2e7;font-size:16px;}
.byb-pt .p-foot span{display:block;}
.byb-pt .p-foot a{color:#f5f2e7;text-decoration:none;}
.byb-pt .p-foot .p-ig a{display:inline-block;margin:6px 10px 0;font-weight:700;}
.byb-pt .p-foot .p-ig a span{display:inline;color:#ffd200;}
.byb-pt .p-light a.p-inl{color:#0d4a33;font-weight:700;text-decoration:underline;}
.byb-pt .p-dark a.p-inl{color:#ffd200;font-weight:700;text-decoration:underline;}
@media (max-width:900px){
.byb-pt .p-cards{grid-template-columns:1fr;}
.byb-pt .p-grid4{grid-template-columns:repeat(2,1fr);}
.byb-pt .p-grid3{grid-template-columns:1fr;}
.byb-pt .p-stages{grid-template-columns:repeat(3,1fr);}
.byb-pt .p-shot{height:240px;}
}
@media (max-width:600px){
.byb-pt{font-size:16.5px;}
.byb-pt .p-sec{padding:44px 0;}
.byb-pt .p-hero{padding:48px 0 44px;}
.byb-pt .p-in{padding:0 20px;}
.byb-pt .p-sec h1{font-size:36px;}
.byb-pt .p-sec h2{font-size:29px;}
.byb-pt .p-sec .p-lead{font-size:18px;}
.byb-pt .p-logo{height:44px;margin-bottom:20px;}
.byb-pt .p-ctas a.p-btn,.byb-pt .p-ctas button.p-btn,.byb-pt .p-send button.p-btn{width:100%;}
.byb-pt .p-grid2{grid-template-columns:1fr;}
.byb-pt .p-prods,.byb-pt .p-prods.p-two,.byb-pt .p-prods.p-three{grid-template-columns:1fr;max-width:none;gap:10px;}
.byb-pt .p-prod{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:center;text-align:left;padding:12px 16px;}
.byb-pt .p-prod img{height:92px;margin:0;grid-column:1;grid-row:1 / span 3;justify-self:center;}
.byb-pt .p-prod b,.byb-pt .p-prod span,.byb-pt .p-prod i{grid-column:2;}
.byb-pt .p-prod span{margin-top:2px;}
.byb-pt .p-prod i{margin-top:4px;}
.byb-pt .p-stages{grid-template-columns:repeat(2,1fr);}
.byb-pt .p-cycle{padding:16px 12px;}
.byb-pt .p-crow{grid-template-columns:92px repeat(5,1fr);gap:4px;}
.byb-pt .p-crow.p-head span{font-size:9.5px;letter-spacing:.02em;}
.byb-pt .p-crow .p-name{font-size:13px;}
.byb-pt .p-crow .p-name small{font-size:11px;}
.byb-pt .p-cell{height:32px;border-radius:6px;}
.byb-pt .p-form{padding:18px 16px;}
.byb-pt button.p-tab{font-size:14px;padding:8px 4px;}
.byb-pt .p-link{justify-content:space-between;}
.byb-pt .p-link b{width:auto;flex:1;}
.byb-pt .p-link code{display:none;}
.byb-pt .p-layer{flex-direction:column;align-items:flex-start;gap:6px;}
.byb-pt .p-layer .p-tagb{width:auto;}
.byb-pt .p-log div{flex-direction:column;gap:2px;}
.byb-pt .p-log div b{width:auto;}
}

/* --- WPWriter addition --- */
/* ============================================================
   LINK-IN-BIO PAGE (/links) — scoped .byb-links
   Standalone app-style screen for the Instagram bio link.
   Hides site header/footer/title, ink background, mobile-first.
   Filter chips are CSS-only (radio + :has), no script.
   ============================================================ */
body:has(.byb-links){background:#111311 !important;}
body:has(.byb-links) #masthead,body:has(.byb-links) .hfe-header,body:has(.byb-links) header.site-header,body:has(.byb-links) .ast-above-header-wrap,body:has(.byb-links) .ast-primary-header-bar,body:has(.byb-links) .ast-mobile-header-wrap,body:has(.byb-links) .elementor-location-header,body:has(.byb-links) #colophon,body:has(.byb-links) #footer,body:has(.byb-links) .hfe-footer,body:has(.byb-links) footer.site-footer,body:has(.byb-links) .elementor-location-footer,body:has(.byb-links) .entry-header{display:none !important;}
body:has(.byb-links) #primary,body:has(.byb-links) .ast-article-single,body:has(.byb-links) .content-area,body:has(.byb-links) .entry-content{padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body:has(.byb-links) .site-content,body:has(.byb-links) .ast-container,body:has(.byb-links) #content{max-width:100% !important;padding:0 !important;background:#111311 !important;}

.byb-links{--ink:#111311;--cream:#f5f2e7;--y:#ffd200;--g:#105732;--mute:#a9ada4;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;overflow-x:hidden;
  background:radial-gradient(120% 60% at 50% -10%,rgba(255,210,0,.16),rgba(17,19,17,0) 60%),#111311;
  color:var(--cream);font-family:'Roboto',Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;}
.byb-links *{box-sizing:border-box;}
.byb-links .bl-wrap{max-width:480px;margin:0 auto;padding:36px 16px 28px;}
.byb-links a{text-decoration:none !important;-webkit-tap-highlight-color:transparent;}
.byb-links p{margin:0;}

/* top */
.byb-links .bl-top{text-align:center;}
.byb-links .bl-logo-main{display:block;width:200px;height:auto;margin:0 auto;}
.byb-links .bl-intro{margin:18px auto 0;max-width:340px;font-size:16px;color:#d9dcd3;}
.byb-links .bl-intro em{font-family:Georgia,'Playfair Display',serif;font-style:italic;color:var(--y);font-weight:600;}
.byb-links .bl-main{display:grid;gap:10px;margin-top:24px;}
.byb-links .bl-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.byb-links .bl-b{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 16px;border-radius:16px;font-weight:700;font-size:15.5px;color:var(--cream) !important;background:#1b1d1a;border:1.5px solid #2e312c;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.byb-links .bl-b svg{width:18px;height:18px;flex:none;}
.byb-links .bl-b.pri{min-height:62px;font-size:18px;font-weight:800;background:var(--y);color:var(--ink) !important;border-color:var(--y);box-shadow:0 10px 26px rgba(255,210,0,.22),inset 0 -3px 0 rgba(0,0,0,.14);}
.byb-links .bl-b.ig{font-size:14px;font-weight:600;}

/* section head */
.byb-links .bl-head{margin:40px 0 0;text-align:center;}
.byb-links .bl-kick{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--y);}
.byb-links h2.bl-h{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:30px;line-height:1.08;color:var(--cream) !important;margin:8px 0 0;letter-spacing:-.01em;}

/* chips (CSS-only filter) */
.byb-links .bl-f{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
.byb-links .bl-chips{display:flex;gap:8px;overflow-x:auto;padding:18px 2px 4px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none;justify-content:flex-start;}
.byb-links .bl-chips::-webkit-scrollbar{display:none;}
.byb-links .bl-chip{flex:none;cursor:pointer;user-select:none;font-size:13.5px;font-weight:700;color:#cfd2ca;padding:9px 15px;border-radius:999px;border:1.5px solid #34372f;background:transparent;transition:all .15s ease;}
.byb-links .bl-chip:active{transform:scale(.95);}
.byb-links:has(#bl-all:checked) label[for=bl-all],.byb-links:has(#bl-media:checked) label[for=bl-media],.byb-links:has(#bl-pest:checked) label[for=bl-pest],.byb-links:has(#bl-gear:checked) label[for=bl-gear]{background:var(--y);border-color:var(--y);color:var(--ink);}
.byb-links:has(#bl-media:checked) .bl-card:not([data-c=media]),.byb-links:has(#bl-pest:checked) .bl-card:not([data-c=pest]),.byb-links:has(#bl-gear:checked) .bl-card:not([data-c=gear]){display:none;}

/* cards */
.byb-links .bl-cards{display:grid;gap:12px;margin-top:14px;}
.byb-links .bl-card{display:flex;gap:14px;align-items:flex-start;background:var(--cream);color:var(--ink);border-radius:20px;padding:16px;box-shadow:0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.28);opacity:0;transform:translateY(14px);animation:blIn .45s cubic-bezier(.2,.7,.2,1) forwards;}
.byb-links .bl-card:nth-child(1){animation-delay:.05s}.byb-links .bl-card:nth-child(2){animation-delay:.1s}.byb-links .bl-card:nth-child(3){animation-delay:.15s}.byb-links .bl-card:nth-child(4){animation-delay:.2s}.byb-links .bl-card:nth-child(5){animation-delay:.25s}.byb-links .bl-card:nth-child(6){animation-delay:.3s}.byb-links .bl-card:nth-child(7){animation-delay:.35s}.byb-links .bl-card:nth-child(8){animation-delay:.4s}
@keyframes blIn{to{opacity:1;transform:none;}}
.byb-links .bl-tile{flex:none;width:64px;height:64px;border-radius:14px;background:#fff;border:1px solid #e4dfcf;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px;}
.byb-links .bl-tile img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;}
.byb-links .bl-tile.mono{background:var(--g);border-color:var(--g);padding:0;font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:23px;color:var(--y);letter-spacing:-.02em;}
.byb-links .bl-body{flex:1;min-width:0;}
.byb-links .bl-tag{display:inline-block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--g);}
.byb-links h3.bl-n{font-family:'Roboto',Arial,sans-serif;font-weight:800;font-size:18px;line-height:1.2;color:var(--ink) !important;margin:2px 0 0;}
.byb-links .bl-d{font-size:14.5px;color:#4b5249;margin-top:4px;}
.byb-links .bl-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.byb-links .bl-cb{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:999px;font-size:14px;font-weight:700;background:var(--ink);color:var(--cream) !important;border:1.5px solid var(--ink);transition:transform .12s ease,background .15s ease,color .15s ease;}
.byb-links .bl-cb.ol{background:transparent;color:var(--ink) !important;border-color:#c9c3ad;}
.byb-links .bl-cb.yl{background:var(--y);border-color:var(--y);color:var(--ink) !important;}
.byb-links .bl-cb svg{width:15px;height:15px;flex:none;}

/* press + hover */
.byb-links .bl-b:active,.byb-links .bl-cb:active{transform:scale(.96);}
@media (hover:hover){
  .byb-links .bl-b:hover{border-color:var(--y);background:#22251f;transform:translateY(-1px);}
  .byb-links .bl-b.pri:hover{background:#ffdb33;box-shadow:0 14px 32px rgba(255,210,0,.32),inset 0 -3px 0 rgba(0,0,0,.14);}
  .byb-links .bl-cb:hover{background:var(--g);border-color:var(--g);color:var(--y) !important;}
  .byb-links .bl-chip:hover{border-color:var(--y);color:var(--cream);}
}
.byb-links a:focus-visible{outline:3px solid var(--y);outline-offset:3px;}
.byb-links #bl-all:focus-visible ~ .bl-chips label[for=bl-all],.byb-links #bl-media:focus-visible ~ .bl-chips label[for=bl-media],.byb-links #bl-pest:focus-visible ~ .bl-chips label[for=bl-pest],.byb-links #bl-gear:focus-visible ~ .bl-chips label[for=bl-gear]{outline:3px solid var(--y);outline-offset:2px;}

/* footer */
.byb-links .bl-foot{margin-top:40px;padding-top:22px;border-top:1px solid #2a2d27;text-align:center;font-size:13.5px;color:var(--mute);line-height:1.9;}
.byb-links .bl-foot a{color:#d9dcd3 !important;}
.byb-links .bl-foot a:hover{color:var(--y) !important;}
.byb-links .bl-foot .dot{color:#565a52;margin:0 6px;}
.byb-links .bl-mark{margin-top:14px;font-size:12px;color:#6d716a;letter-spacing:.04em;}

@media (prefers-reduced-motion:reduce){.byb-links .bl-card{animation:none;opacity:1;transform:none;}.byb-links *{transition:none !important;}}
@media (min-width:700px){.byb-links .bl-wrap{padding-top:56px;}.byb-links .bl-chips{justify-content:center;}}

/* --- WPWriter addition --- */
/* /links refinements: glow on the body so it runs full width; emblem crop for wide logos */
body:has(.byb-links){background:radial-gradient(90% 520px at 50% 0,rgba(255,210,0,.15),rgba(17,19,17,0) 70%) no-repeat,#111311 !important;}
.byb-links{background:transparent !important;}
.byb-links .bl-tile{width:72px;height:72px;}
.byb-links .bl-tile.crop{padding:4px;}
.byb-links .bl-tile.crop img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center;}

/* --- WPWriter addition --- */
.byb-links .bl-chips{flex-wrap:wrap;justify-content:center !important;overflow:visible;margin:0;padding:18px 0 4px;}

/* --- WPWriter addition --- */
body:has(.byb-links) #gt_float_wrapper{display:none !important;}
.byb-links .bl-foot a{white-space:nowrap;}
.byb-links .bl-wrap{padding-bottom:90px;}

/* --- WPWriter addition --- */
.byb-links .bl-card:nth-child(9){animation-delay:.45s}.byb-links .bl-card:nth-child(10){animation-delay:.5s}.byb-links .bl-card:nth-child(n+11){animation-delay:.55s}

/* --- WPWriter addition --- */
/* ============================================================
   HEADLINE WEIGHT — SITEWIDE (12 Oct 2026)
   Big serif headlines (h1/h2) go from bold 700 to regular 400,
   same Georgia / Playfair Display face. Yellow italic accent
   phrases, h3 card titles, buttons and shop-grid product names
   are untouched. The doubled :not(#_) only raises specificity so
   this wins over per-page inline <style> blocks.
   To restore bold headlines: delete this whole block.
   ============================================================ */
.byb :is(h1,h2):not(#_):not(#_),
#byb-redesign :is(h1,h2):not(#_):not(#_),
.entry-content :is(h1,h2):not(.woocommerce-loop-product__title):not(#_):not(#_),
.entry-header :is(h1,h2):not(#_):not(#_),
.woocommerce-products-header :is(h1,h2):not(#_):not(#_),
.woocommerce div.product .product_title:not(#_):not(#_),
.elementor-element-dfdc5a6 h1.elementor-heading-title:not(#_):not(#_){
  font-weight:400 !important;
}

/* --- WPWriter addition --- */
.byb-links .bl-sub{margin:10px auto 0;max-width:330px;font-size:14.5px;line-height:1.45;color:#a9ada4;}

/* --- WPWriter addition --- */
.byb-links .bl-card:nth-child(11){animation-delay:.55s}.byb-links .bl-card:nth-child(n+12){animation-delay:.6s}

/* --- WPWriter addition --- */

/* --- WPWriter addition --- */
/* STORE CAMPAIGN landing (.byb.sc): regular-weight serif headlines, step list, form, chips */
.byb.sc h1,.byb.sc h2,.byb.sc h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.01em;}
.byb.sc h1{color:#f5f2e7;font-size:56px;line-height:1.05;margin:14px 0 0;}
.byb.sc h2{color:#f5f2e7;}
.byb.sc .sec.cream h2,.byb.sc .sec.cream h3{color:#111311;}
.byb.sc h3{font-size:24px;line-height:1.2;color:#f5f2e7;}
.byb.sc .sec.cream .accent{color:#0d4a33;}
.byb.sc .accent{font-style:italic;color:#ffd200;font-family:'Playfair Display',serif;}
.byb.sc .sec.dark{background:#111311;}
.byb.sc .sec.dark2{background:#0d100d;}
.byb.sc .hero.solo{height:auto;min-height:0;}
.byb.sc .hero.solo .herocopy{padding:72px 48px 64px;}
.byb.sc .hero.solo .heroimg.bot{align-items:flex-end;}
.byb.sc .pair{display:flex;gap:10px;align-items:flex-end;justify-content:center;}
.byb.sc .pair img{height:auto;max-height:430px;width:auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.55));}
.byb.sc .steps{list-style:none;margin:26px 0 0;padding:0;counter-reset:s;}
.byb.sc .steps li{counter-increment:s;position:relative;padding:0 0 20px 58px;font-size:17px;line-height:1.55;color:#3a433c;}
.byb.sc .steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:999px;background:#111311;color:#ffd200;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:17px;}
.byb.sc .steps li b{color:#111311;font-weight:700;}
.byb.sc .promise{margin-top:22px;background:#0d4a33;color:#f5f2e7;border-radius:18px;padding:28px 30px;border-left:6px solid #ffd200;}
.byb.sc .promise h3{color:#f5f2e7;margin:0 0 10px;}
.byb.sc .promise p{font-size:17px;line-height:1.55;color:#e3eadf;}
.byb.sc .prodrow{display:flex;gap:16px;margin-top:28px;}
.byb.sc .prod{flex:1;background:#161816;border:1px solid #2a2d29;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.byb.sc .prod img{height:150px;width:auto;align-self:flex-start;object-fit:contain;}
.byb.sc .prod .pn{font-family:'Playfair Display',serif;font-weight:400;font-size:30px;color:#f5f2e7;line-height:1;}
.byb.sc .prod .pd{font-size:15.5px;color:#b9bcb4;line-height:1.5;}
.byb.sc .quote{border-left:3px solid #ffd200;padding:2px 0 2px 14px;margin-top:4px;}
.byb.sc .quote p{font-size:16px;line-height:1.5;color:#f5f2e7;}
.byb.sc .quote .qa{margin-top:8px;font-size:13.5px;font-weight:700;color:#ffd200;}
.byb.sc .quote .qa a{color:#ffd200;text-decoration:none;}
.byb.sc .disc{margin-top:22px;font-size:14px;color:#8a8d84;}
.byb.sc .disc a{color:#ffd200;}
.byb.sc .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:center;}
.byb.sc .pills span{background:#111311;color:#ffd200;border-radius:999px;padding:9px 18px;font-weight:700;font-size:15px;}
.byb.sc .value .big{font-family:'Playfair Display',serif;font-weight:400;font-size:56px;line-height:1.05;}
.byb.sc .talkrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.byb.sc .talkrow .opt{background:#161816;border:1px solid #2a2d29;border-radius:999px;padding:11px 20px;color:#f5f2e7;font-weight:600;font-size:16px;}
.byb.sc .claim{background:#fff;border:1px solid #e6dfca;border-radius:22px;padding:30px;margin-top:26px;}
.byb.sc .fq{margin:0 0 24px;}
.byb.sc .fl{font-size:15.5px;font-weight:700;color:#111311;margin:0 0 10px;display:block;}
.byb.sc .fl small{font-weight:400;color:#6b736c;}
.byb.sc .frow{display:grid;grid-template-columns:1fr;gap:10px;}
.byb.sc .tx{width:100%;font-family:'Roboto',sans-serif;font-size:16px;color:#111311;background:#faf8f0;border:1.5px solid #d9d2bc;border-radius:12px;padding:13px 14px;}
.byb.sc .tx:focus{outline:none;border-color:#0d4a33;}
.byb.sc .chips{display:flex;flex-wrap:wrap;gap:8px;}
.byb.sc .chip{font-family:'Roboto',sans-serif;font-size:15.5px;font-weight:500;color:#111311;background:transparent;border:1.5px solid #cfc7ae;border-radius:999px;padding:12px 18px;cursor:pointer;line-height:1;}
.byb.sc .chip.on{background:#0d4a33;border-color:#0d4a33;color:#ffd200;font-weight:700;}
.byb.sc .addmore{background:none;border:none;color:#0d4a33;font-weight:700;font-size:15px;cursor:pointer;padding:6px 0;}
.byb.sc .skip{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:#3a433c;cursor:pointer;}
.byb.sc .skip input{margin-top:4px;width:18px;height:18px;accent-color:#0d4a33;}
.byb.sc .send{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 36px;border-radius:999px;background:#ffd200;color:#111311;font-weight:800;font-size:18px;border:none;cursor:pointer;}
.byb.sc .send[disabled]{opacity:.5;cursor:default;}
.byb.sc .fmsg{margin-top:14px;font-size:15.5px;color:#3a433c;min-height:20px;}
.byb.sc .fmsg.ok{color:#0d4a33;font-weight:700;}
.byb.sc .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.byb.sc .foot{font-size:14.5px;color:#cfd2ca;text-align:center;line-height:1.9;margin-top:26px;}
.byb.sc .foot a{color:#ffd200;text-decoration:none;}
@media (min-width:760px){.byb.sc .frow.two{grid-template-columns:1fr 1fr;}}
@media (max-width:760px){
.byb.sc h1{font-size:36px;}
.byb.sc .hero.solo{flex-direction:column;}
.byb.sc .hero.solo .herocopy{padding:36px 20px;}
.byb.sc .pair img{max-height:240px;}
.byb.sc .prodrow{flex-direction:column;}
.byb.sc .value .big{font-size:38px;}
.byb.sc .claim{padding:20px;}
}


/* --- WPWriter addition --- */
/* BYB Houseplants (.byb-hp) */
.entry-content .byb-hp{
  --ink:#111311; --ink-2:#181b17; --ink-3:#22261f; --cream:#F5F2E7; --body:#CFD2CA; --dim:#8f958a;
  --yellow:#FFD200; --forest:#105732; --line:rgba(245,242,231,.12);
  --serif:Georgia,"Playfair Display",serif; --display:"Playfair Display",Georgia,serif;
  --sans:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
.entry-content .byb-hp *{box-sizing:border-box}
.entry-content .byb-hp{background:var(--ink);color:var(--body);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.65;margin:0}
.entry-content .byb-hp .band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.entry-content .byb-hp .in{max-width:1060px;margin:0 auto}
.entry-content .byb-hp h1,.entry-content .byb-hp h2,.entry-content .byb-hp h3{font-family:var(--display);font-weight:400;color:var(--cream);letter-spacing:-.01em;text-wrap:balance;margin:0}
.entry-content .byb-hp .acc{font-family:var(--display);font-style:italic;font-weight:500;color:var(--yellow)}
.entry-content .byb-hp .kick{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin:0}
.entry-content .byb-hp p{margin:0}
.entry-content .byb-hp a{color:inherit}
.entry-content .byb-hp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;text-decoration:none;font-family:var(--sans);white-space:nowrap}
.entry-content .byb-hp .btn.pri{background:var(--yellow);color:var(--ink);font-weight:800;font-size:18px}
.entry-content .byb-hp .btn.sec{border:1.5px solid var(--cream);color:var(--cream);font-weight:700;font-size:17px}
.entry-content .byb-hp .btn:focus-visible,.entry-content .byb-hp .pick a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.entry-content .byb-hp .split{height:6px;display:grid;grid-template-columns:2fr 1fr}
.entry-content .byb-hp .split::before{content:"";background:var(--yellow)}
.entry-content .byb-hp .split::after{content:"";background:var(--forest)}
.entry-content .byb-hp .hero{position:relative;overflow:hidden;padding-block:0}
.entry-content .byb-hp .hero .in{display:grid;grid-template-columns:1fr;gap:0}
.entry-content .byb-hp .hero-img{margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));position:relative}
.entry-content .byb-hp .hero-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.entry-content .byb-hp .hero-img::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,var(--ink),transparent)}
.entry-content .byb-hp .hero-copy{padding-block:6px 44px;display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;margin-top:-56px}
.entry-content .byb-hp .hero h1{font-size:clamp(38px,9vw,68px);line-height:1.04}
.entry-content .byb-hp .hero .lede{font-size:18px;max-width:46ch}
.entry-content .byb-hp .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.entry-content .byb-hp .pickband{background:var(--ink-2);padding-block:34px}
.entry-content .byb-hp .pickband h2{font-size:clamp(26px,5vw,34px);margin:8px 0 18px}
.entry-content .byb-hp .pick{display:grid;grid-template-columns:1fr;gap:10px}
.entry-content .byb-hp .pick a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;background:var(--ink-3);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--cream);font-weight:500}
.entry-content .byb-hp .pick a span{font-size:13px;color:var(--dim);font-weight:400;display:block;margin-top:2px}
.entry-content .byb-hp .pick a b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:18px}
.entry-content .byb-hp .res{padding-block:56px;border-top:1px solid var(--line)}
.entry-content .byb-hp .res .in{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
.entry-content .byb-hp .photo{margin:0;position:relative;min-width:0}
.entry-content .byb-hp .photo img{display:block;width:100%;height:auto;border-radius:16px}
.entry-content .byb-hp .photo .t{position:absolute;top:12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:999px}
.entry-content .byb-hp .photo .bef{left:12px;background:rgba(17,19,17,.82);color:var(--cream)}
.entry-content .byb-hp .photo .aft{right:12px;background:var(--yellow);color:var(--ink)}
.entry-content .byb-hp .photo figcaption{font-size:13px;color:var(--dim);margin-top:10px}
.entry-content .byb-hp .txt{display:flex;flex-direction:column;gap:16px;min-width:0}
.entry-content .byb-hp .txt h2{font-size:clamp(30px,6vw,42px);line-height:1.08}
.entry-content .byb-hp .see{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.entry-content .byb-hp .see li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:var(--cream);font-weight:400}
.entry-content .byb-hp .see li::before{content:"";width:12px;height:12px;margin-top:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(255,210,0,.15)}
.entry-content .byb-hp .uses{display:flex;flex-wrap:wrap;gap:8px}
.entry-content .byb-hp .use{display:inline-flex;align-items:center;gap:10px;background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;color:var(--cream);font-weight:500;font-size:15px}
.entry-content .byb-hp .use small{color:var(--dim);font-weight:400;font-size:13px}
.entry-content .byb-hp .when{border-left:3px solid var(--forest);padding:4px 0 4px 14px;font-size:15px}
.entry-content .byb-hp .when b{color:var(--cream);font-weight:500}
.entry-content .byb-hp .tlband{background:var(--forest);padding-block:56px;color:#e3eee6}
.entry-content .byb-hp .tlband h2{font-size:clamp(30px,6vw,42px);margin:8px 0 28px}
.entry-content .byb-hp .tlband .kick{color:var(--yellow)}
.entry-content .byb-hp .tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.entry-content .byb-hp .tl li{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:16px 0;border-top:1px solid rgba(245,242,231,.2)}
.entry-content .byb-hp .tl .wk{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);padding-top:4px}
.entry-content .byb-hp .tl b{display:block;font-family:var(--display);font-weight:400;font-size:22px;color:var(--cream);line-height:1.2;margin-bottom:4px}
.entry-content .byb-hp .mixband{padding-block:56px}
.entry-content .byb-hp .mixer{background:var(--ink-2);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr;gap:26px}
.entry-content .byb-hp .mixer h2{font-size:clamp(28px,5.5vw,38px);margin-top:8px}
.entry-content .byb-hp .lbl{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:20px 0 10px}
.entry-content .byb-hp .seg{display:flex;flex-wrap:wrap;gap:8px}
.entry-content .byb-hp .seg button{font:inherit;font-size:15px;font-weight:500;color:var(--cream);background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;min-height:44px}
.entry-content .byb-hp .seg button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.entry-content .byb-hp .seg button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.entry-content .byb-hp .rows{display:grid;gap:10px}
.entry-content .byb-hp .row{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline;background:var(--ink-3);border-radius:12px;padding:14px 16px}
.entry-content .byb-hp .row .n{color:var(--cream);font-weight:500}
.entry-content .byb-hp .row .amt{color:var(--yellow);font-family:var(--display);font-size:22px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.entry-content .byb-hp .row .why{grid-column:1/-1;font-size:14px;color:var(--dim)}
.entry-content .byb-hp .row .ml{font-size:13px;color:var(--dim)}
.entry-content .byb-hp .freq{color:var(--cream);font-weight:400;margin-bottom:14px}
.entry-content .byb-hp .how{font-size:14px;margin-top:14px}
.entry-content .byb-hp .kitband{background:var(--ink-2);padding-block:56px}
.entry-content .byb-hp .kitband h2{font-size:clamp(30px,6vw,42px);margin:8px 0 26px}
.entry-content .byb-hp .kits{display:grid;grid-template-columns:1fr;gap:14px}
.entry-content .byb-hp .kit{background:var(--ink);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.entry-content .byb-hp .kit .who{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}
.entry-content .byb-hp .kit h3{font-size:26px}
.entry-content .byb-hp .shelf{display:flex;gap:8px;align-items:flex-end;height:72px;margin-bottom:4px}
.entry-content .byb-hp .shelf img{height:72px;width:auto;object-fit:contain}
.entry-content .byb-hp .kit .list{color:var(--cream);font-weight:500}
.entry-content .byb-hp .buy{padding-block:56px}
.entry-content .byb-hp .buy .in{display:grid;grid-template-columns:1fr;gap:22px}
.entry-content .byb-hp .buy h2{font-size:clamp(30px,6vw,44px);margin-top:8px}
.entry-content .byb-hp .store{background:var(--yellow);color:var(--ink);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px}
.entry-content .byb-hp .store h3{color:#111311;font-size:26px}
.entry-content .byb-hp .store p{color:#2b2c22}
.entry-content .byb-hp .store .btn{margin-top:8px;align-self:flex-start;background:var(--ink);color:#FFD200;font-weight:800}
.entry-content .byb-hp footer{border-top:1px solid var(--line);padding-block:28px 40px;font-size:14px}
.entry-content .byb-hp footer .in{display:flex;flex-direction:column;gap:14px}
.entry-content .byb-hp .contact{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--cream)}
.entry-content .byb-hp .ig{display:inline-flex;align-items:center;gap:6px}
.entry-content .byb-hp .ig svg{width:16px;height:16px;flex:none}
.entry-content .byb-hp .fine{font-size:12px;color:var(--dim)}
@media (min-width:760px){.entry-content .byb-hp .hero .in{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;min-height:540px}
.entry-content .byb-hp .hero-img{margin:0;order:2}
.entry-content .byb-hp .hero-img img{aspect-ratio:4/5;height:100%}
.entry-content .byb-hp .hero-img::after{inset:0 auto 0 0;width:30%;height:auto;background:linear-gradient(to right,var(--ink),transparent)}
.entry-content .byb-hp .hero-copy{margin-top:0;padding-block:56px}
.entry-content .byb-hp .pick{grid-template-columns:repeat(5,1fr)}
.entry-content .byb-hp .pick a{flex-direction:column;align-items:flex-start;min-height:132px}
.entry-content .byb-hp .res .in{grid-template-columns:1.2fr 1fr;gap:48px}
.entry-content .byb-hp .res.flip .photo{order:2}
.entry-content .byb-hp .res.tall .in{grid-template-columns:.8fr 1fr}
.entry-content .byb-hp .tl{grid-template-columns:repeat(5,1fr);gap:18px}
.entry-content .byb-hp .tl li{grid-template-columns:1fr;gap:6px}
.entry-content .byb-hp .mixer{grid-template-columns:1fr 1.1fr;padding:36px;gap:40px}
.entry-content .byb-hp .kits{grid-template-columns:repeat(3,1fr)}
.entry-content .byb-hp .buy .in{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}}
@media (prefers-reduced-motion:no-preference){.entry-content .byb-hp .pick a,.entry-content .byb-hp .seg button{transition:transform .15s,background .15s}
.entry-content .byb-hp .pick a:hover{transform:translateY(-2px)}}
/* BYB Houseplants page scaffolding */
body:has(.byb-hp) .entry-header,body:has(.byb-hp) .ast-breadcrumbs-wrapper{display:none!important}
body:has(.byb-hp) #primary,body:has(.byb-hp) .content-area,body:has(.byb-hp) .ast-article-single,body:has(.byb-hp) .site-content>.ast-container{padding-top:0!important;margin-top:0!important;margin-bottom:0!important;padding-bottom:0!important}
body:has(.byb-hp) .site-content>.ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
body:has(.byb-hp) .ast-article-single,body:has(.byb-hp) .entry-content{background:#111311!important;padding:0!important;margin:0!important}
body:has(.byb-hp){overflow-x:hidden}
.entry-content .byb-hp{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden}
.entry-content .byb-hp h1,.entry-content .byb-hp h2,.entry-content .byb-hp h3{color:#F5F2E7}
.entry-content .byb-hp p,.entry-content .byb-hp ul,.entry-content .byb-hp ol{margin-bottom:0}
.entry-content .byb-hp a{text-decoration:none}
.entry-content .byb-hp .use img{width:18px;height:28px;object-fit:contain;flex:none}
.entry-content .byb-hp .tl b{color:#F5F2E7}
.entry-content .byb-hp .btn.pri{color:#111311}
html:has(.byb-hp){scroll-behavior:smooth}
.entry-content .byb-hp .mt12{margin-top:12px}.entry-content .byb-hp .nar{max-width:44ch}.entry-content .byb-hp .mt20{margin-top:20px}.entry-content .byb-hp .kick.fg{color:#105732}

/* --- WPWriter addition --- */
/* BYB Houseplants (.byb-hp) QA fixes 17 Oct */
.entry-content .byb-hp .tl li{align-content:start}
@media (min-width:760px){.entry-content .byb-hp .pick a span{margin-top:auto}.entry-content .byb-hp .pick a b{margin-top:12px}}

/* --- WPWriter addition --- */
/* BYB Houseplants (.byb-hp) 17 Oct: pin result photos on desktop so they sit top-aligned and stay put while the text and product cards scroll past. clip (not hidden) so no ancestor becomes a scroll container and breaks sticky. Phone layout untouched. */
@media (min-width:760px){
body:has(.byb-hp){overflow-x:clip!important}
body .entry-content .byb-hp{overflow-x:clip!important}
body .entry-content .byb-hp .res .in{align-items:start!important}
body .entry-content .byb-hp .res .photo{position:sticky!important;top:32px!important;align-self:start!important}
}

/* --- WPWriter addition --- */
/* SITE-WIDE MOBILE SIDEWAYS-SCROLL FIX (17 Oct 2026)
   On phones the hidden desktop menu's dropdown arrows sit past the right edge of the screen, so every page could be pinched or nudged ~65px sideways, showing a blank margin. Clip horizontally only (overflow-x:clip), so dropdowns still open downwards and nothing becomes a scroll box. */
@media (max-width:1024px){
#masthead,header.site-header,.elementor-location-header,[data-elementor-type="header"]{overflow-x:clip!important}
html,body{overflow-x:clip!important;max-width:100%}
}

/* --- WPWriter addition --- */
/* --- For Hydro Stores v3 (two-bottle shelf), scoped .byb.hs3 --- */
.byb.hs3 .hs-hero{padding:56px 0 48px;border-bottom:1px solid #24261f}
.byb.hs3 .hs-hero .wrap{display:flex;gap:36px;align-items:flex-end}
.byb.hs3 .hs-hero .hc{flex:1;min-width:0}
.byb.hs3 .hs-hero h1{font-size:52px;margin-top:14px}
.byb.hs3 .acc{color:#ffd200;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500}
.byb.hs3 .hs-hero .lead{font-size:19px;color:#cfd2ca;margin-top:18px;max-width:560px}
.byb.hs3 .hs-hero .av{flex:0 0 220px;position:relative}
.byb.hs3 .hs-hero .av img{display:block;width:100%;height:auto}
.byb.hs3 .bubble{position:absolute;top:8px;left:-40px;background:#ffd200;color:#111311;font-weight:800;font-size:15px;padding:10px 14px;border-radius:16px 16px 16px 4px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.byb.hs3 .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.byb.hs3 .tile{background:#161816;border:1px solid #2a2d29;border-radius:16px;padding:22px}
.byb.hs3 .sec.cream .tile{background:#fff;border-color:#e6dfca}
.byb.hs3 .tile b{display:block;font-size:18px;color:#f5f2e7}
.byb.hs3 .sec.cream .tile b{color:#111311}
.byb.hs3 .tile span{display:block;font-size:15px;color:#b9bcb4;margin-top:8px;line-height:1.5}
.byb.hs3 .sec.cream .tile span{color:#5f6a62}
.byb.hs3 .shelfhead{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:28px}
.byb.hs3 .count{font-weight:800;font-size:16px;background:#111311;color:#ffd200;border-radius:999px;padding:10px 18px}
.byb.hs3 .shelfnote{font-size:15px;color:#3a433c}
.byb.hs3 .shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.byb.hs3 .bt{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;border:2px solid #e6dfca;border-radius:18px;padding:18px 14px 16px;cursor:pointer;font:inherit;color:#111311;transition:border-color .15s,transform .15s,box-shadow .15s}
.byb.hs3 .bt:hover{border-color:#111311;transform:translateY(-2px)}
.byb.hs3 .bt:focus-visible{outline:3px solid #105732;outline-offset:3px}
.byb.hs3 .bt img{height:170px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(17,19,17,.22))}
.byb.hs3 .bt .n{font-family:Georgia,'Playfair Display',serif;font-weight:700;font-size:21px;margin-top:6px}
.byb.hs3 .bt .d{font-size:13.5px;color:#5f6a62;line-height:1.4}
.byb.hs3 .bt .both{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#105732;background:#e7f0ea;border-radius:999px;padding:3px 10px}
.byb.hs3 .bt .tick{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:2px solid #cfc7ad;background:#fff}
.byb.hs3 .bt[aria-pressed="true"]{border-color:#ffd200;background:#fffbe6;box-shadow:0 0 0 3px #ffd200}
.byb.hs3 .bt[aria-pressed="true"] .tick{background:#105732;border-color:#105732}
.byb.hs3 .bt[aria-pressed="true"] .tick:after{content:"";position:absolute;left:9px;top:4px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.byb.hs3 .bt.full{opacity:.5}
.byb.hs3 .pickmsg{min-height:22px;margin-top:12px;font-weight:700;color:#105732}
.byb.hs3 .picked{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;background:#111311;color:#f5f2e7;border-radius:16px;padding:16px 20px}
.byb.hs3 .picked b{color:#ffd200}
.byb.hs3 .picked .go{margin-left:auto}
.byb.hs3 .steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;counter-reset:s}
.byb.hs3 .steps li{background:#fff;border:1px solid #e6dfca;border-radius:16px;padding:22px;counter-increment:s;color:#3a433c;font-size:15.5px;line-height:1.5}
.byb.hs3 .steps li:before{content:counter(s);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffd200;color:#111311;font-weight:800;margin-bottom:10px}
.byb.hs3 .steps li b{display:block;color:#111311;font-size:17px;margin-bottom:4px}
.byb.hs3 .promise{margin-top:22px;background:#111311;color:#f5f2e7;border-radius:18px;padding:26px 28px;display:flex;gap:24px;align-items:center}
.byb.hs3 .promise h3{font-family:Georgia,'Playfair Display',serif;font-size:26px;color:#ffd200}
.byb.hs3 .promise p{margin-top:8px;color:#cfd2ca;font-size:16px;line-height:1.55}
.byb.hs3 .promise img{flex:0 0 110px;width:110px;height:auto}
.byb.hs3 .qs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.byb.hs3 .q{background:#161816;border:1px solid #2a2d29;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.byb.hs3 .q .tag{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#ffd200}
.byb.hs3 .q p{font-family:Georgia,'Playfair Display',serif;font-size:18px;line-height:1.45;color:#f5f2e7}
.byb.hs3 .q .who{display:flex;gap:10px;align-items:center;margin-top:auto}
.byb.hs3 .q .who img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.byb.hs3 .q .who b{display:block;font-size:14px;color:#f5f2e7}
.byb.hs3 .q .who a{font-size:13px;color:#ffd200;text-decoration:none}
.byb.hs3 .disc{font-size:13px;color:#8a8d84;margin-top:14px}
.byb.hs3 .gate{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.byb.hs3 .gate input{flex:1 1 220px;height:54px;border-radius:999px;border:1.5px solid #3a3d39;background:#161816;color:#f5f2e7;font:inherit;font-size:17px;padding:0 22px;text-transform:uppercase;letter-spacing:.08em}
.byb.hs3 .gate button{height:54px;border:0;border-radius:999px;background:#ffd200;color:#111311;font:inherit;font-weight:800;font-size:17px;padding:0 28px;cursor:pointer}
.byb.hs3 .gmsg{min-height:22px;margin-top:10px;color:#ffd200;font-weight:700}
.byb.hs3 .ptable{overflow-x:auto;margin-top:18px;border:1px solid #2a2d29;border-radius:14px}
.byb.hs3 .ptable table{width:100%;border-collapse:collapse;min-width:420px;font-variant-numeric:tabular-nums}
.byb.hs3 .ptable th,.byb.hs3 .ptable td{padding:12px 16px;border-bottom:1px solid #24261f;text-align:left;color:#e7e9e2;font-size:15.5px}
.byb.hs3 .ptable th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a9a7f}
.byb.hs3 .ptable td.r,.byb.hs3 .ptable th.r{text-align:right}
.byb.hs3 .ptable tr:last-child td{border-bottom:0}
.byb.hs3 .pnote{font-size:14.5px;color:#9a9c93;margin-top:12px}
.byb.hs3 .extra{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.byb.hs3 .pc{background:#161816;border:1px solid #2a2d29;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}
.byb.hs3 .pc img{height:56px;width:auto;max-width:140px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}
.byb.hs3 .pc b{color:#f5f2e7;font-size:16px}
.byb.hs3 .pc span{color:#b9bcb4;font-size:14px;line-height:1.45}
.byb.hs3 .pc a{margin-top:auto;align-self:flex-start;background:#105732;color:#f5f2e7;font-weight:800;font-size:14px;padding:9px 16px;border-radius:999px;text-decoration:none}
.byb.hs3 .calls{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.byb.hs3 .calls a{display:inline-flex;align-items:center;height:50px;padding:0 22px;border-radius:999px;border:1.5px solid #ffd200;color:#ffd200;font-weight:800;text-decoration:none}
.byb.hs3 .calls a.pri{background:#ffd200;color:#111311}
.byb.hs3 .frm{margin-top:24px;background:#fff;border:1px solid #e6dfca;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:20px;max-width:760px}
.byb.hs3 .fl{display:block;font-weight:800;color:#111311;font-size:16px;margin-bottom:8px}
.byb.hs3 .fl small{font-weight:500;color:#5f6a62}
.byb.hs3 .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.byb.hs3 .tx{width:100%;height:52px;border:1.5px solid #d8d0b8;border-radius:12px;padding:0 16px;font:inherit;font-size:16px;color:#111311;background:#fbfaf5}
.byb.hs3 .tx:focus{outline:3px solid #ffd200;border-color:#111311}
.byb.hs3 .chips{display:flex;flex-wrap:wrap;gap:8px}
.byb.hs3 .chip{height:46px;padding:0 18px;border-radius:999px;border:1.5px solid #d8d0b8;background:#fff;font:inherit;font-weight:700;color:#111311;cursor:pointer}
.byb.hs3 .chip.on{background:#111311;color:#ffd200;border-color:#111311}
.byb.hs3 .fpicks{background:#fffbe6;border:1.5px dashed #e0c000;border-radius:12px;padding:12px 16px;color:#3a433c;font-size:15px}
.byb.hs3 .fpicks b{color:#111311}
.byb.hs3 .fpicks a{color:#105732;font-weight:800}
.byb.hs3 .skip{display:flex;gap:10px;align-items:center;font-weight:700;color:#111311}
.byb.hs3 .skip input{width:22px;height:22px}
.byb.hs3 .hp{position:absolute;left:-9999px}
.byb.hs3 .send{height:58px;border:0;border-radius:999px;background:#ffd200;color:#111311;font:inherit;font-weight:800;font-size:19px;cursor:pointer;box-shadow:0 12px 28px rgba(255,210,0,.25)}
.byb.hs3 .send[disabled]{opacity:.6}
.byb.hs3 .fmsg{min-height:22px;font-weight:700;color:#8a3b12}
.byb.hs3 .fmsg.ok{color:#105732}
.byb.hs3 .foot{text-align:center;color:#cfd2ca;font-size:15px;line-height:1.9}
.byb.hs3 .foot a{color:#cfd2ca;text-decoration:none}
.byb.hs3 .foot .ig{color:#ffd200}
@media (max-width:900px){.byb.hs3 .shelf,.byb.hs3 .tiles,.byb.hs3 .extra{grid-template-columns:repeat(2,1fr)}.byb.hs3 .qs,.byb.hs3 .steps{grid-template-columns:1fr}}
@media (max-width:600px){.byb.hs3 .hs-hero .wrap{flex-direction:column-reverse;align-items:flex-start}.byb.hs3 .hs-hero .av{flex:none;width:150px;margin-left:40px}.byb.hs3 .hs-hero h1{font-size:34px}.byb.hs3 .bt img{height:130px}.byb.hs3 .bt .n{font-size:18px}.byb.hs3 .bt .d{font-size:12.5px}.byb.hs3 .row2{grid-template-columns:1fr}.byb.hs3 .promise{flex-direction:column;align-items:flex-start}.byb.hs3 .picked .go{margin-left:0;width:100%}.byb.hs3 .frm{padding:20px}}

/* ===== BYB blog layout v3 (26 Oct 2026): cream page, readable type, compact bottle left, no black blocks ===== */
html body.single-post.single-post.single-post, html body.single-post.single-post.single-post #page, html body.single-post.single-post.single-post #content, html body.single-post.single-post.single-post .site-content, html body.single-post.single-post.single-post .ast-container{background:#F5F2E7 !important}
html body.single-post.single-post.single-post .ast-container{display:block !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important}
html body.single-post.single-post.single-post #primary{width:100% !important;max-width:800px !important;margin:0 auto !important;padding:56px 24px 88px !important;float:none !important}
html body.single-post.single-post.single-post #primary #main article.post.post, html body.single-post.single-post.single-post #primary #main article.ast-article-single{background:transparent !important;padding:0 !important;margin:0 !important;box-shadow:none !important;border:0 !important;width:100% !important}
html body.single-post.single-post.single-post .ast-article-single .entry-content, html body.single-post.single-post.single-post .ast-article-single .entry-header{padding:0 !important;margin-left:0 !important;margin-right:0 !important}
html body.single-post.single-post.single-post .entry-header{display:block !important;margin:0 0 2.2em !important}
html body.single-post.single-post.single-post .entry-header .entry-title{display:block !important;font-family:Georgia,'Playfair Display',serif !important;font-weight:400 !important;font-style:normal !important;color:#111311 !important;font-size:clamp(30px,3.4vw,46px) !important;line-height:1.15 !important;letter-spacing:-0.01em !important;margin-top:0 !important}
html body.single-post.single-post.single-post .entry-meta{display:block !important}
html body.single-post.single-post.single-post .entry-meta, html body.single-post.single-post.single-post .entry-meta a, html body.single-post.single-post.single-post .entry-meta span{color:#5d6358 !important;font-size:14px !important}
html body.single-post.single-post.single-post .entry-header img{width:auto !important;max-width:100% !important;height:auto !important;max-height:260px !important;object-fit:contain;display:block;margin:0 !important}
@media (min-width:700px){
 html body.single-post.single-post.single-post .entry-header:has(img){display:grid !important;grid-template-columns:130px minmax(0,1fr);column-gap:32px;align-items:start}
 html body.single-post.single-post.single-post .entry-header:has(img) > *{grid-column:2}
 html body.single-post.single-post.single-post .entry-header:has(img) > .post-thumb-img-content, html body.single-post.single-post.single-post .entry-header:has(img) > .post-thumb{grid-column:1;grid-row:1 / span 4}
}
@media (max-width:699px){html body.single-post.single-post.single-post #primary{padding:32px 20px 64px !important} html body.single-post.single-post.single-post .entry-header img{margin:0 auto 18px !important;max-height:200px !important}}
html body.single-post.single-post.single-post .entry-content, html body.single-post.single-post.single-post .entry-content p, html body.single-post.single-post.single-post .entry-content li{font-family:Roboto,sans-serif !important;font-style:normal !important;color:#1e231e !important;font-size:19px !important;line-height:1.75 !important}
html body.single-post.single-post.single-post .entry-content h1, html body.single-post.single-post.single-post .entry-content h2, html body.single-post.single-post.single-post .entry-content h3, html body.single-post.single-post.single-post .entry-content h4{font-family:Georgia,'Playfair Display',serif !important;font-weight:400 !important;font-style:normal !important;color:#105732 !important;line-height:1.2 !important}
html body.single-post.single-post.single-post .entry-content h2{font-size:clamp(26px,2.6vw,34px) !important;margin:2.2em 0 .6em !important;padding:.6em 0 0 !important;border:0 !important;border-top:3px solid #FFD200 !important}
html body.single-post.single-post.single-post .entry-content h3{font-size:clamp(21px,2vw,26px) !important;margin:1.8em 0 .5em !important}
html body.single-post.single-post.single-post .entry-content a{color:#105732 !important;text-decoration:underline;text-decoration-color:#FFD200;text-decoration-thickness:2px;text-underline-offset:3px}
html body.single-post.single-post.single-post .entry-content img{max-width:min(100%,220px);height:auto}
html body.single-post.single-post.single-post .entry-content div[style*="background"]{border-radius:14px !important;padding:22px 26px !important;margin:2em 0 !important;line-height:1.65 !important}
html body.single-post.single-post.single-post .entry-content div[style*="background"] p, html body.single-post.single-post.single-post .entry-content div[style*="background"] li{font-size:17.5px !important}
html body.single-post.single-post.single-post .entry-content p[style*="font-size"]{font-size:16px !important}
html body.single-post.single-post.single-post .entry-content div[style*="f5f2e7" i]{background:#fff !important;border:1px solid #e2ddc9 !important}
html body.single-post.single-post.single-post .entry-content div[style*="background:#111311" i], html body.single-post.single-post.single-post .entry-content div[style*="background: #111311" i]{background:#105732 !important}
html body.single-post.single-post.single-post .entry-content div[style*="background:#105732" i] :is(p,li,span,strong,div,h2,h3,h4):not([style*="color"]), html body.single-post.single-post.single-post .entry-content div[style*="background: #105732" i] :is(p,li,span,strong,div,h2,h3,h4):not([style*="color"]), html body.single-post.single-post.single-post .entry-content div[style*="background:#111311" i] :is(p,li,span,strong,div,h2,h3,h4):not([style*="color"]), html body.single-post.single-post.single-post .entry-content div[style*="background: #111311" i] :is(p,li,span,strong,div,h2,h3,h4):not([style*="color"]){color:#F5F2E7 !important}
html body.single-post.single-post.single-post .entry-content div[style*="background:#105732" i] a, html body.single-post.single-post.single-post .entry-content div[style*="background: #105732" i] a, html body.single-post.single-post.single-post .entry-content div[style*="background:#111311" i] a, html body.single-post.single-post.single-post .entry-content div[style*="background: #111311" i] a{color:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content div[style*="background:#FFD200" i] :is(p,li,span,strong,div):not([style*="color"]), html body.single-post.single-post.single-post .entry-content div[style*="background: #FFD200" i] :is(p,li,span,strong,div):not([style*="color"]){color:#111311 !important}
html body.single-post.single-post.single-post .entry-content svg{width:100% !important;max-width:100% !important;height:auto !important;display:block;margin:2em auto !important}
html body.single-post.single-post.single-post .entry-content svg[style*="#111311" i]{background:#fff !important;border:1px solid #e2ddc9;border-radius:14px !important;padding:8px}
html body.single-post.single-post.single-post .entry-content svg text[fill="#f5f2e7" i]{fill:#1e231e}
html body.single-post.single-post.single-post .entry-content svg text[fill="#FFD200" i]{fill:#105732}
html body.single-post.single-post.single-post .entry-content svg rect[fill="#f5f2e7" i]{fill:#cfc9ae}
html body.single-post.single-post.single-post .entry-content svg rect[fill="#111311" i]{fill:#fff}
html body.single-post.single-post.single-post .entry-content svg [stroke="#f5f2e7" i]{stroke:#cfc9ae}
html body:is(.blog,.category,.tag), html body:is(.blog,.category,.tag) #page, html body:is(.blog,.category,.tag) #content, html body:is(.blog,.category,.tag) .site-content, html body:is(.blog,.category,.tag) .ast-container{background:#F5F2E7 !important}
html body:is(.blog,.category,.tag) #primary{max-width:980px !important;margin:0 auto !important;padding:48px 24px 80px !important;float:none !important;width:100% !important}
html body:is(.blog,.category,.tag) article.ast-article-post{background:#fff !important;border:1px solid #e2ddc9 !important;border-radius:16px !important;padding:28px 32px !important;margin:0 0 24px !important;box-shadow:none !important}
html body:is(.blog,.category,.tag) .ast-article-post .ast-article-inner{background:transparent !important;padding:0 !important;margin:0 !important}
html body:is(.blog,.category,.tag) .ast-article-post .entry-title, html body:is(.blog,.category,.tag) .ast-article-post .entry-title a{font-family:Georgia,'Playfair Display',serif !important;font-weight:400 !important;font-size:clamp(22px,2.2vw,30px) !important;line-height:1.2 !important;color:#111311 !important;text-decoration:none}
html body:is(.blog,.category,.tag) .ast-article-post .ast-excerpt-container, html body:is(.blog,.category,.tag) .ast-article-post .ast-excerpt-container p{font-family:Roboto,sans-serif !important;font-size:17px !important;line-height:1.65 !important;color:#2c322b !important}
html body:is(.blog,.category,.tag) .ast-article-post .entry-meta, html body:is(.blog,.category,.tag) .ast-article-post .entry-meta a{color:#5d6358 !important;font-size:14px !important}
html body:is(.blog,.category,.tag) .ast-article-post .ast-read-more-container a{color:#105732 !important;font-weight:700;font-size:15px;text-decoration:underline;text-decoration-color:#FFD200;text-decoration-thickness:2px;text-underline-offset:3px}
@media (min-width:681px){
 html body:is(.blog,.category,.tag) .ast-article-post.has-post-thumbnail .post-content{display:grid !important;grid-template-columns:130px minmax(0,1fr);column-gap:32px;align-items:start}
 html body:is(.blog,.category,.tag) .ast-article-post.has-post-thumbnail .post-content > *{grid-column:2}
 html body:is(.blog,.category,.tag) .ast-article-post.has-post-thumbnail .post-content > .post-thumb{grid-column:1;grid-row:1 / span 6;margin:0 !important}
}
html body:is(.blog,.category,.tag) .ast-article-post .post-thumb img{width:auto !important;max-width:100% !important;height:auto !important;max-height:260px !important;object-fit:contain;display:block;margin:0 auto}
@media (max-width:680px){html body:is(.blog,.category,.tag) article.ast-article-post{padding:22px 20px !important} html body:is(.blog,.category,.tag) .ast-article-post .post-thumb{text-align:center;margin-bottom:14px} html body:is(.blog,.category,.tag) .ast-article-post .post-thumb img{max-height:200px !important}}

/* v3 additions */
html body.single-post.single-post.single-post #primary, html body.single-post.single-post.single-post #main{background:transparent !important}
html body.single-post.single-post.single-post .entry-content div[style*="background"], html body.single-post.single-post.single-post .entry-content div[style*="border"]{font-size:17.5px !important}
html body.single-post.single-post.single-post .entry-content .byb-post > p:first-child{font-size:20px !important;line-height:1.7 !important;color:#2c322b !important;padding-left:18px !important}
html body.single-post.single-post.single-post .entry-content th, html body.single-post.single-post.single-post .entry-content td{padding:10px 12px !important;border-bottom:1px solid #e2ddc9 !important;color:#1e231e !important;font-size:17px !important}

/* v4 dark-panel fixes */
html body.single-post.single-post.single-post .entry-content .byb{background:transparent !important}
html body.single-post.single-post.single-post .entry-content .panel, html body.single-post.single-post.single-post .entry-content .panel.dark{background:#105732 !important;border-radius:14px !important;padding:24px 28px !important;margin:2em 0 !important}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) :is(p,li,td,th,span:not([style*="color"])){color:#F5F2E7 !important}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) :is(h2,h3,h4){color:#FFD200 !important;border-color:rgba(255,210,0,.5) !important}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) a{color:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) svg text[fill="#FFD200" i]{fill:#FFD200}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) svg text[fill="#f5f2e7" i]{fill:#F5F2E7}
html body.single-post.single-post.single-post .entry-content :is(.panel, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) svg rect[fill="#f5f2e7" i]{fill:#F5F2E7}

/* v5 legacy dark classes */
html body.single-post.single-post.single-post .entry-content .byb-post.bp, html body.single-post.single-post.single-post .entry-content .bp{background:transparent !important}
html body.single-post.single-post.single-post .entry-content :is(.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage){background:#105732 !important;border-radius:14px !important}
html body.single-post.single-post.single-post .entry-content .st.on, html body.single-post.single-post.single-post .entry-content .stage.on, html body.single-post.single-post.single-post .entry-content .stage.s4{background:#0b3d24 !important;outline:2px solid #FFD200}
html body.single-post.single-post.single-post .entry-content :is(.panel,.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) :is(p,li,td,th,span:not([style*="color"])){color:#F5F2E7 !important}
html body.single-post.single-post.single-post .entry-content :is(.panel,.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) :is(h2,h3,h4){color:#FFD200 !important;border-color:rgba(255,210,0,.5) !important}
html body.single-post.single-post.single-post .entry-content :is(.panel,.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) a{color:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content span[style*="#FFD200" i]{color:#105732 !important}
html body.single-post.single-post.single-post .entry-content :is(.panel,.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) span[style*="#FFD200" i]{color:#FFD200 !important}

/* v6 last legacy posts */
html body.single-post.single-post.single-post .entry-content :is(.ledeq,.col){background:#105732 !important;border-radius:14px !important}
html body.single-post.single-post.single-post .entry-content :is(.ledeq,.col) :is(p,li,td,span:not([style*="color"]),div){color:#F5F2E7 !important}
html body.single-post.single-post.single-post .entry-content :is(.ledeq,.col) :is(h2,h3,h4,strong){color:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content :is(.ledeq,.col) span{color:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content th{background:#105732 !important;color:#F5F2E7 !important}

/* v7 strong/b in dark panels */
html body.single-post.single-post.single-post .entry-content :is(.panel,.hero,.cta,.byb-callout,.callout,.note,.box,.st,.stage,.ledeq,.col, div[style*="background:#105732" i], div[style*="background: #105732" i], div[style*="background:#111311" i], div[style*="background: #111311" i]) :is(strong,b){color:#FFD200 !important}

/* Full-bleed fix: Grower Proof Series strip (and any dark inline section) sitting outside the .byb wrapper — 2 Nov 2026 */
.entry-content > section[style*="background:#111311" i],
.entry-content > section[style*="background: #111311" i]{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;margin-top:0 !important;margin-bottom:0 !important;box-sizing:border-box !important;}

/* Full-bleed fix: Live Microbes page wrapper — 2 Nov 2026 */
.entry-content > .byb-mic{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;}


/* BYB blog fix v4 (2 Nov 2026): readable SVG labels on green/ink chips, no duplicate bottle, no orphaned theme header */
html body.single-post.single-post.single-post .entry-content svg rect[fill="#105732" i] + text,
html body.single-post.single-post.single-post .entry-content svg rect[fill="#1d7a4a" i] + text,
html body.single-post.single-post.single-post .entry-content svg rect[fill="#105732" i] + text[fill="#f5f2e7" i]{fill:#F5F2E7 !important}
html body.single-post.single-post.single-post .entry-content svg rect[fill="#105732" i] + text[fill="#FFD200" i]{fill:#FFD200 !important}
html body.single-post.single-post.single-post .entry-content svg rect[fill="#FFD200" i] + text{fill:#111311 !important}
html body.single-post.single-post.single-post article:has(.entry-content img[src*="byb-bottle-"]) .post-thumbnail,
html body.single-post.single-post.single-post article:has(.entry-content img[src*="byb-bottle-"]) .ast-single-post-featured-section{display:none !important}
html body.single-post.single-post.single-post article:has(.entry-content h1) .entry-header{display:none !important}
html body.single-post.single-post.single-post .entry-content div[style*="display:flex" i]:has(> img[src*="byb-bottle-"]){flex-wrap:nowrap !important;align-items:center !important;gap:18px !important}
html body.single-post.single-post.single-post .entry-content div[style*="display:flex" i]:has(> img[src*="byb-bottle-"]) > img{width:84px !important;max-width:84px !important;flex:0 0 84px !important}
html body.single-post.single-post.single-post .entry-content p:empty{display:none !important}
@media (max-width:480px){html body.single-post.single-post.single-post .entry-content div[style*="display:flex" i]:has(> img[src*="byb-bottle-"]) > img{width:64px !important;max-width:64px !important;flex-basis:64px !important}}