/* Staging approved: kbp-v6-frosted-glass-20261023.css */
/*
 * KitchenByPro V6 STAGING ONLY: Frosted Glass Luxury navigation preview.
 * Visual CSS only. No route, build, product, checkout, or menu event changes.
 * Remove the injected link to roll back immediately.
 */
.kbpSiteHeader {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: isolate;
}
.kbpSiteHeader::before {
  content: "";
  position: absolute;
  inset: 6px 12px 5px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 23px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.94) 0%, rgba(252,251,249,.84) 52%, rgba(245,241,235,.89) 100%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.48),
    0 4px 18px rgba(38,30,23,.065),
    0 1px 4px rgba(38,30,23,.045);
}
@media (min-width: 900px) {
  .kbpDesktopNav > a,
  .kbpShopTrigger,
  .kbpHeaderTools > a,
  .kbpHeaderCart {
    border-radius: 13px;
    transition: color .18s ease, background-color .18s ease;
  }
  .kbpDesktopNav > a:hover,
  .kbpShopTrigger:hover,
  .kbpShopTrigger.isOpen,
  .kbpHeaderTools > a:hover,
  .kbpHeaderCart:hover {
    background-color: rgba(199,165,121,.11);
  }
  .kbpHeaderSearch {
    border: 1px solid rgba(255,255,255,.82);
    background: rgba(244,242,238,.80);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.83);
  }
}
.kbpMegaMenu {
  background: rgba(255,255,255,.93);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  border-color: rgba(229,221,211,.70);
  box-shadow: 0 18px 48px rgba(29,25,20,.12);
}
.kbpShopMenuShell {
  background: rgba(255,255,255,.87);
}
.kbpShopMenuTop {
  background: rgba(255,255,255,.87);
}
@media (max-width: 899px) {
  .kbpSiteHeader::before {
    inset: 4px 8px 3px;
    border-radius: 18px;
    background: linear-gradient(115deg,
      rgba(255,255,255,.94) 0%,
      rgba(249,248,245,.86) 60%,
      rgba(244,239,232,.91) 100%);
    box-shadow: inset 0 1px 0 #fff,
      0 3px 14px rgba(40,32,24,.07);
  }
  body {
    padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .kbpMobileBottom {
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    height: 68px;
    width: auto;
    padding: 5px 6px 4px;
    border: 1px solid rgba(255,255,255,.90);
    border-radius: 23px;
    background: linear-gradient(120deg,
      rgba(255,255,255,.93),
      rgba(250,248,245,.84) 55%,
      rgba(239,234,227,.88));
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95),
      0 10px 36px rgba(38,30,22,.14),
      0 2px 7px rgba(38,30,22,.08);
  }
  .kbpMobileBottom > a,
  .kbpMobileBottom > button {
    min-width: 0;
    border-radius: 14px;
    transition: color .18s ease, background-color .18s ease;
  }
  .kbpMobileBottom > a:active,
  .kbpMobileBottom > button:active,
  .kbpMobileBottom > button.active {
    background: rgba(179,141,96,.10);
  }
  .kbpMobileAsk i {
    border-color: rgba(253,237,212,.94);
    box-shadow: 0 6px 16px rgba(95,60,26,.22), inset 0 1px 0 rgba(255,255,255,.30);
  }
  .kbpMenuScrim {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  .kbpMegaMenu {
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    background: rgba(255,255,255,.95);
  }
  .kbpShopMenuShell {
    max-height: calc(100dvh - 58px - 88px - env(safe-area-inset-bottom, 0px));
  }
}
@media (prefers-reduced-transparency: reduce) {
  .kbpSiteHeader::before, .kbpMobileBottom, .kbpMegaMenu, .kbpShopMenuShell {
    background: #f9f8f5;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kbpDesktopNav > a, .kbpShopTrigger,
  .kbpMobileBottom > a, .kbpMobileBottom > button { transition: none; }
}

/* Refinement v2 — visual reference: TilesMan V2's approved 40% / 27px glass.
   Keep the KBP navigation markup, click behavior, and Next.js builds unchanged. */
.kbpSiteHeader::before {
  background: rgba(244,244,242,.40) !important;
  border-color: rgba(255,255,255,.65) !important;
  -webkit-backdrop-filter: blur(27px) saturate(175%) brightness(1.055) !important;
  backdrop-filter: blur(27px) saturate(175%) brightness(1.055) !important;
  box-shadow:
    0 10px 30px rgba(22,22,19,.17),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(255,255,255,.20) !important;
}
@media (min-width:900px) {
  .kbpSiteHeader::before { inset: 7px 12px 6px; }
  .kbpHeaderSearch { background: rgba(249,247,244,.52) !important; }
  .kbpMegaMenu {
    background: rgba(244,244,242,.64);
    -webkit-backdrop-filter: blur(27px) saturate(175%) brightness(1.055);
    backdrop-filter: blur(27px) saturate(175%) brightness(1.055);
  }
}
@media (max-width:899px) {
  .kbpSiteHeader::before { inset: 4px 8px 3px; }
  .kbpMobileBottom {
    background: rgba(244,244,242,.40) !important;
    border-color: rgba(255,255,255,.65) !important;
    -webkit-backdrop-filter: blur(27px) saturate(175%) brightness(1.055) !important;
    backdrop-filter: blur(27px) saturate(175%) brightness(1.055) !important;
    box-shadow:
      0 10px 30px rgba(22,22,19,.17),
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -1px 0 rgba(255,255,255,.2) !important;
  }
  /* Higher-contrast bronze medallion and a small metallic highlight:
     intentionally no animation, avoiding layout shifts and battery cost. */
  .kbpMobileAsk {
    transform: translateY(-7px);
    isolation: isolate;
  }
  .kbpMobileAsk i {
    position: relative;
    width: 44px;
    height: 44px;
    border: 2px solid rgba(255,247,233,.95);
    background: linear-gradient(145deg,#c09255 0%,#956630 35%,#633c20 80%,#483020 100%);
    color: #fff9ed;
    font-size: 17px;
    font-weight: 850;
    box-shadow:
      0 8px 18px rgba(74,40,19,.31),
      inset 0 1px 3px rgba(255,255,255,.30),
      0 0 0 1px rgba(137,87,40,.25);
  }
  .kbpMobileAsk i::after {
    content: "✦";
    position: absolute;
    top: -7px;
    right: -7px;
    font: normal 15px/1 Georgia,serif;
    color: #c99b61;
    text-shadow: 0 1px 1px rgba(255,255,255,.85);
    pointer-events: none;
  }
  .kbpMobileAsk span {
    font-weight: 850;
    color: #242019;
    letter-spacing: -.015em;
  }
  .kbpMobileAsk:focus-visible {
    outline: 2px solid #8d602e;
    outline-offset: 4px;
  }
  /* Shop drawer & bottom dock are a SINGLE visual sheet in open state.
     The drawer terminates precisely where the dock starts, without a gap.
     Border radii combine into one softly rounded exterior silhouette. */
  body.kbpMenuOpen .kbpMegaMenu {
    z-index: 125;
    top: 65px;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    left: 10px;
    right: 10px;
    width: auto;
    max-height: none;
    border: 1px solid rgba(255,255,255,.72);
    border-bottom: 0;
    border-radius: 22px 22px 0 0;
    background: rgba(244,244,242,.62);
    -webkit-backdrop-filter: blur(27px) saturate(175%) brightness(1.055);
    backdrop-filter: blur(27px) saturate(175%) brightness(1.055);
    box-shadow: 0 8px 24px rgba(22,22,19,.12);
  }
  body.kbpMenuOpen .kbpShopMenuShell {
    background: transparent !important;
    max-height: none;
    height: 100%;
  }
  body.kbpMenuOpen .kbpShopMenuTop {
    background: rgba(249,247,244,.52);
  }
  body.kbpMenuOpen .kbpShopDepartments {
    background: rgba(248,246,242,.53);
  }
  body.kbpMenuOpen .kbpShopDepartmentPanel {
    background: rgba(255,255,255,.55);
  }
  body.kbpMenuOpen .kbpMobileBottom {
    border-top: 0;
    border-radius: 0 0 23px 23px;
    background: rgba(244,244,242,.62) !important;
    box-shadow:
      0 12px 26px rgba(22,22,19,.14),
      inset 0 -1px 0 rgba(255,255,255,.62) !important;
  }
  body.kbpMenuOpen .kbpMenuScrim { bottom: 0; }
}
@media (prefers-reduced-transparency: reduce) {
  .kbpSiteHeader::before,
  .kbpMobileBottom,
  .kbpMegaMenu,
  body.kbpMenuOpen .kbpMegaMenu,
  body.kbpMenuOpen .kbpMobileBottom {
    background: #f9f8f5 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}


/* Staging approved: kbp-v6-locked-bars-restored-drawer-20261023-r4.css */
/*
KBP staging rev4: desktop top glass and mobile bottom glass are FROZEN.
Restore pre-rev3 original two-column Shop drawer by removing rev3 drawer overrides.
No changes to content, routes, WooCommerce, Next.js, or navigation behavior.
*/
/*
 KBP V6 Staging — Frosted Navigation Rev 3 (23 Oct 2026)
 Scoped, rollback-friendly visual changes only; no Next build or WooCommerce edits.
 Desktop: distinct elevated glass capsule; Mobile: square Ask Pro label,
 simplified horizontal category navigation; shop dock stays connected.
*/
@media (min-width:900px) {
  .kbpSiteHeader {
    position: sticky !important;
    top: 8px !important;
    margin: 0 10px 8px !important;
    width: calc(100% - 20px) !important;
    height: 70px !important;
    border: 1px solid rgba(255,255,255,.91) !important;
    border-radius: 22px !important;
    background: linear-gradient(110deg, rgba(255,255,255,.88), rgba(244,242,237,.72) 55%, rgba(255,255,255,.84)) !important;
    -webkit-backdrop-filter: blur(27px) saturate(170%) !important;
    backdrop-filter: blur(27px) saturate(170%) !important;
    box-shadow: 0 12px 35px rgba(29,24,19,.16), inset 0 1px 0 rgba(255,255,255,.97), inset 0 -1px 0 rgba(255,255,255,.34) !important;
  }
  .kbpSiteHeader::before { display:none !important; }
  .kbpDesktopNav>a, .kbpShopTrigger, .kbpHeaderSearch { transition: background-color .17s ease, color .17s ease; }
  .kbpDesktopNav>a:hover, .kbpShopTrigger:hover,
  .kbpShopTrigger.isOpen { background-color:rgba(182,143,92,.11) !important; }
  .kbpMegaMenu {
    top:78px !important;
    left:10px !important;
    right:10px !important;
    border:1px solid rgba(255,255,255,.75) !important;
    border-top:0 !important;
    border-radius: 0 0 22px 22px;
    background:rgba(249,248,245,.84) !important;
    -webkit-backdrop-filter:blur(27px) saturate(160%) !important;
    backdrop-filter:blur(27px) saturate(160%) !important;
    box-shadow:0 24px 35px rgba(29,24,19,.12) !important;
  }
  .kbpMenuScrim {top:78px !important;}
  .kbpShopMenuShell { max-height:calc(100vh - 78px) !important; background:rgba(255,255,255,.68) !important; }
  body.kbpMenuOpen .kbpSiteHeader { border-radius:22px 22px 0 0 !important; border-bottom-color:transparent !important; }
}
@media (min-width:900px) and (max-width:1099px) {
  .kbpSiteHeader {padding-left:9px !important;padding-right:9px !important;margin-left:7px !important;margin-right:7px !important;width:calc(100% - 14px) !important;}
}
@media (min-width:1100px) and (max-width:1299px) {
  .kbpSiteHeader {padding-left:12px !important;padding-right:12px !important;}
}
@media (min-width:1300px) {
  .kbpSiteHeader {padding-left:22px !important;padding-right:22px !important;}
}
@media (max-width:899px) {
  /* A clear 58x50 rounded square replaces the floating circular P.
     Text is in the square; unchanged click handler still opens Ask Pro. */
  .kbpMobileBottom>.kbpMobileAsk {
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    padding:4px 0 !important;
    isolation:auto !important;
  }
  .kbpMobileAsk>i {
    width:62px !important;
    height:50px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,244,225,.94) !important;
    background:linear-gradient(145deg,#c49d69 0%,#9b6c37 40%,#694524 100%) !important;
    box-shadow:0 5px 13px rgba(93,59,30,.23), inset 0 1px 0 rgba(255,255,255,.35) !important;
    font-size:0 !important;
    font-style:normal !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .kbpMobileAsk>i::before {
    content:"Ask Pro";
    font:800 11.5px/1.15 inherit;
    letter-spacing:-.015em;
    font-family:inherit;
    font-size:11.5px;
    font-weight:800;
    color:#fff;
    white-space:nowrap;
    text-shadow:0 1px 2px rgba(44,26,12,.14);
  }
  .kbpMobileAsk>i::after {content:none !important;display:none !important;}
  .kbpMobileAsk>span { display:none !important; }
  .kbpMobileBottom {
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
  .kbpMobileBottom>a,.kbpMobileBottom>button {min-width:0 !important; min-height:48px;}
  body.kbpMenuOpen .kbpMobileBottom {border-radius:0 0 23px 23px !important;}
}
@media (max-width:359px) {
  .kbpMobileAsk>i {width:55px !important;font-size:0 !important;}
}
@media (prefers-reduced-motion:reduce) {
  .kbpMobileAsk>i {transition:none !important;}
}


/* Staging approved: kbp-v6-glass-support-20261024.css */
/**
 * KitchenByPro V6 staging — Navigation support details / 2026-10-24
 * Approved header and bottom dock are immutable in CLOSED state.
 * Adjust desktop OPEN Shop surface only; new support CTAs sit outside navigation.
 * This CSS + small independent WhatsApp link script can be removed without rebuild.
 */

/* Both desktop CTAs share an optical size and premium frosted edge. */
@media (min-width:900px) {
  .kbpGlassWhatsApp,
  .proLauncher[data-askpro="launcher"] {
    position:fixed !important;
    bottom:22px !important;
    width:158px !important;
    height:48px !important;
    box-sizing:border-box !important;
    z-index:115 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border-radius:17px !important;
    border:1px solid rgba(255,255,255,.39) !important;
    padding:0 13px !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:790 !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.05),0 9px 28px rgba(17,24,18,.19) !important;
    -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
    backdrop-filter:blur(24px) saturate(150%) !important;
    text-decoration:none !important;
    transform:none !important;
  }
  .kbpGlassWhatsApp {
    left:22px !important;
    right:auto !important;
    background:linear-gradient(130deg,rgba(13,132,73,.90),rgba(7,95,57,.88)) !important;
  }
  .proLauncher[data-askpro="launcher"] {
    left:auto !important;
    right:22px !important;
    background:linear-gradient(130deg,rgba(29,31,32,.92),rgba(6,10,11,.89)) !important;
  }
  .proLauncher[data-askpro="launcher"]>b,
  .proLauncher[data-askpro="launcher"] small {display:none !important;}
  .proLauncher[data-askpro="launcher"]>span {
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    display:block !important;
    text-align:center !important;
    color:#fff !important;
  }
  .kbpGlassWhatsApp:hover,.proLauncher[data-askpro="launcher"]:hover {
    filter:brightness(1.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 12px 31px rgba(17,24,18,.23) !important;
  }
  .kbpGlassWhatsApp:focus-visible,.proLauncher[data-askpro="launcher"]:focus-visible {
    outline:2px solid #fff !important;outline-offset:3px !important;
  }

  /* OPEN desktop Shop drawer visually expands out of the existing frozen top bar.
     Do NOT alter the closed header CSS or the approved tile/department layout. */
  body.kbpMenuOpen .kbpSiteHeader {
    border-radius:22px 22px 0 0 !important;
    border-bottom-color:rgba(255,255,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 8px 28px rgba(29,24,19,.12) !important;
  }
  body.kbpMenuOpen .kbpShopTrigger.isOpen {
    background:rgba(177,135,78,.12) !important;
    box-shadow:inset 0 -2px 0 rgba(154,103,48,.60) !important;
  }
  body.kbpMenuOpen .kbpMegaMenu {
    top:78px !important;
    left:10px !important;
    right:10px !important;
    border-top:0 !important;
    border-radius:0 0 22px 22px !important;
    background:linear-gradient(130deg,rgba(255,255,255,.87),rgba(244,240,234,.82)) !important;
    -webkit-backdrop-filter:blur(27px) saturate(170%) !important;
    backdrop-filter:blur(27px) saturate(170%) !important;
    box-shadow:0 23px 38px rgba(31,25,19,.16) !important;
  }
  body.kbpMenuOpen .kbpShopMenuShell {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 clamp(18px,2.5vw,40px) !important;
    box-sizing:border-box !important;
    background:transparent !important;
    max-height:calc(100dvh - 78px) !important;
  }
  body.kbpMenuOpen .kbpShopMenuTop {
    background:transparent !important;
    border-bottom:1px solid rgba(205,191,174,.46) !important;
  }
  body.kbpMenuOpen .kbpShopDepartments {
    background:rgba(247,243,237,.52) !important;
  }
  body.kbpMenuOpen .kbpShopDepartmentPanel {
    background:rgba(255,255,255,.18) !important;
  }
}
/* Existing mobile nav, square Ask Pro and Shop drawer are completely untouched. */
@media (max-width:899px) {
  .kbpGlassWhatsApp {
    position:fixed !important;
    right:14px !important;
    bottom:calc(94px + env(safe-area-inset-bottom,0px)) !important;
    left:auto !important;
    z-index:116 !important;
    min-width:0 !important;
    width:auto !important;
    height:39px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.57) !important;
    color:#fff !important;
    background:linear-gradient(135deg,rgba(11,136,75,.88),rgba(4,101,56,.86)) !important;
    -webkit-backdrop-filter:blur(27px) saturate(175%) !important;
    backdrop-filter:blur(27px) saturate(175%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.33),0 6px 17px rgba(21,61,32,.22) !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:780 !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }
}
.kbpGlassWhatsApp svg {
  width:20px !important;height:20px !important;
  flex:0 0 20px !important;
  display:block !important;fill:currentColor !important;
}
body.kbpMenuOpen .kbpGlassWhatsApp,
body.kbpMenuOpen .proLauncher[data-askpro="launcher"],
body:has(.proShell[data-askpro="panel"]) .kbpGlassWhatsApp {
  visibility:hidden !important;
  pointer-events:none !important;
}
@media(prefers-reduced-transparency:reduce) {
  .kbpGlassWhatsApp{background:#087a44 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
  .proLauncher[data-askpro="launcher"]{background:#111315 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
}


/* Staging approved: kbp-v6-glass-support-refinement-20261024-v2.css */
/**
 * KBP V6 STAGING -- Glass support buttons, revision 2.
 * Scope intentionally restricted to floating Chat with us and desktop Ask Pro.
 * DO NOT touch frozen nav bars, shop drawer, routes, cart or widget behavior.
 * Loaded AFTER approved navigation CSS and glass-support-v1.css.
 */
@media (min-width:900px) {
  /* Aligned floating glass buttons, same footprint. */
  .kbpGlassWhatsApp,
  .proLauncher[data-askpro="launcher"] {
    width:174px !important;
    height:53px !important;
    gap:9px !important;
    padding:0 12px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.79) !important;
    -webkit-backdrop-filter:blur(27px) saturate(170%) !important;
    backdrop-filter:blur(27px) saturate(170%) !important;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.82),
      inset 0 -1px 0 rgba(255,255,255,.22),
      0 9px 25px rgba(22,24,23,.15) !important;
    transition:background .18s ease, box-shadow .18s ease !important;
  }
  .kbpGlassWhatsApp {
    background:linear-gradient(128deg,
      rgba(237,251,241,.67),
      rgba(187,235,207,.45) 54%,
      rgba(231,250,238,.62)) !important;
    color:#155b3c !important;
    border-color:rgba(248,255,252,.88) !important;
    text-shadow:0 1px rgba(255,255,255,.3) !important;
    font-size:12px !important;
    font-weight:790 !important;
  }
  .proLauncher[data-askpro="launcher"] {
    background:linear-gradient(124deg,
      rgba(31,34,36,.52),
      rgba(22,27,29,.41) 58%,
      rgba(43,41,40,.49)) !important;
    color:#fff !important;
    justify-content:flex-start !important;
    text-align:left !important;
    border-color:rgba(255,255,255,.56) !important;
  }
  /* Bring back approved two-line old Ask Pro composition, replace P with a star. */
  .proLauncher[data-askpro="launcher"]>b {
    display:grid !important;
    place-items:center !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    border:1px solid rgba(244,221,184,.79) !important;
    background:linear-gradient(140deg,
      rgba(204,157,93,.56),rgba(133,92,48,.38)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.41),
      0 2px 8px rgba(25,18,11,.18) !important;
    font-size:0 !important; /* hide literal legacy P */
    line-height:0 !important;
    color:transparent !important;
  }
  .proLauncher[data-askpro="launcher"]>b::before {
    content:"✦";
    display:block;
    font-family:Georgia,serif;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1 !important;
    color:#fff8ec !important;
    text-shadow:0 1px 5px rgba(255,255,255,.28);
  }
  .proLauncher[data-askpro="launcher"]>span {
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    flex-direction:column !important;
    text-align:left !important;
    white-space:normal !important;
    gap:2px !important;
    line-height:1.13 !important;
    font-size:12px !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
    color:#fff !important;
  }
  .proLauncher[data-askpro="launcher"] small {
    display:block !important;
    margin:0 !important;
    font-family:inherit !important;
    font-size:9px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    color:rgba(255,255,255,.86) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.24);
  }
  .kbpGlassWhatsApp:hover {
    filter:none !important;
    background:linear-gradient(128deg,
      rgba(230,251,238,.84),rgba(175,226,194,.64)) !important;
  }
  .proLauncher[data-askpro="launcher"]:hover {
    filter:none !important;
    background:linear-gradient(128deg,
      rgba(27,32,32,.64),rgba(25,30,31,.54)) !important;
  }
}

/* Small mobile WhatsApp chip: translucency + green character without heavy fill. */
@media (max-width:899px) {
  .kbpGlassWhatsApp {
    background:linear-gradient(130deg,
      rgba(239,253,245,.69),
      rgba(186,236,207,.50) 57%,
      rgba(222,248,232,.61)) !important;
    color:#13583a !important;
    border:1px solid rgba(251,255,253,.90) !important;
    -webkit-backdrop-filter:blur(27px) saturate(175%) !important;
    backdrop-filter:blur(27px) saturate(175%) !important;
    box-shadow:inset 0 1.5px 0 rgba(255,255,255,.86),
      inset 0 -1px 0 rgba(255,255,255,.21),
      0 7px 20px rgba(30,71,46,.16) !important;
    text-shadow:0 1px rgba(255,255,255,.43);
  }
}
/* Accessible opaque fallbacks for users opting out of translucency. */
@media (prefers-reduced-transparency:reduce) {
  .kbpGlassWhatsApp {
    background:#e1f5e9 !important;
    color:#145438 !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .proLauncher[data-askpro="launcher"] {
    background:#313738 !important;
    color:#fff !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}


/* Staging approved: kbp-v6-askpro-star-only-20261024.css */
/**
 * KBP V6 staging / 24 Oct 2026 — Ask Pro launcher cleanup only.
 * Do not modify approved top/bottom bars, Shop menu or glass support colors.
 */

/* The floating desktop Ask Pro keeps its star and two-line copy;
 * remove ONLY the bronze circular background surrounding that star. */
@media (min-width:900px) {
  .proLauncher[data-askpro="launcher"] > b {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 34px !important;
    min-width: 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    color: transparent !important;
  }
  .proLauncher[data-askpro="launcher"] > b::before {
    content: "✦" !important;
    font-family: Georgia,serif !important;
    font-size: 23px !important;
    color: #fff8e9 !important;
    text-shadow: 0 1px 5px rgba(255,255,255,.25) !important;
  }
}

/* The original homepage 'Need help? Ask Pro' bubble duplicates the
 * approved floating Ask Pro control (and displays its old P badge).
 * Remove only that redundant homepage bubble; retain the working hero
 * Ask Pro search form, desktop floating button and mobile bottom dock. */
button[class*="__proBubble"] {
  display: none !important;
}