/* 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;
}


/* Woo checkout parity only; all Next components remain unchanged. */
/*
  KitchenByPro WooCommerce CHECKOUT presentation parity — 24 Oct 2026
  No changes to the Next.js frontend, WooCommerce fields, payment gateways,
  form submission, totals, order creation, header markup or WP hooks.
  Deliberately scoped to the existing independent Woo checkout header/mobile dock.
*/
@media (min-width:900px) {
  body.kbp-checkout .kbpcoSiteHeader {
    position:sticky !important;
    top:8px !important;
    box-sizing:border-box !important;
    margin:0 10px 8px !important;
    width:calc(100% - 20px) !important;
    min-height:70px !important;
    height:70px !important;
    padding:0 clamp(15px,2vw,28px) !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;
    z-index:500 !important;
    grid-template-columns:210px minmax(0,1fr) auto !important;
    gap:clamp(12px,1.8vw,26px) !important;
  }
  body.kbp-checkout .kbpcoSiteLogo img {width:210px !important;}
  body.kbp-checkout .kbpcoDesktopNav {
    justify-content:flex-start !important;
    gap:clamp(4px,.9vw,15px) !important;
  }
  body.kbp-checkout .kbpcoDesktopNav>a,
  body.kbp-checkout .kbpcoHeaderTools>a {
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    min-height:42px !important;
    border-radius:13px !important;
    padding:0 8px !important;
    color:#232323 !important;
    background:transparent !important;
    font-size:12px !important;
    font-weight:700 !important;
    transition:background-color .18s ease !important;
  }
  body.kbp-checkout .kbpcoDesktopNav>a:hover,
  body.kbp-checkout .kbpcoHeaderTools>a:hover {
    background:rgba(185,151,110,.12) !important;
  }
  body.kbp-checkout .kbpcoDesktopNav>a:first-child {
    color:#755531 !important;
    background:rgba(184,147,102,.11) !important;
  }
  body.kbp-checkout .kbpcoDesktopNav>a:first-child::before {
    content:"▦";font-size:18px;font-weight:600;color:#8d663e;
  }
  body.kbp-checkout .kbpcoHeaderTools {
    gap:clamp(4px,.7vw,12px) !important;
  }
}
@media (min-width:900px) and (max-width:1099px) {
  body.kbp-checkout .kbpcoSiteHeader {
    margin:0 7px 8px !important;
    width:calc(100% - 14px) !important;
    padding:0 10px !important;
    grid-template-columns:170px minmax(0,1fr) auto !important;
    gap:8px !important;
  }
  body.kbp-checkout .kbpcoSiteLogo img {width:170px !important;}
  body.kbp-checkout .kbpcoDesktopNav>a,
  body.kbp-checkout .kbpcoHeaderTools>a {font-size:11px !important;padding:0 5px !important;gap:5px !important;}
}
@media (max-width:899px) {
  body.kbp-checkout {
    padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.kbp-checkout .kbpcoSiteHeader {
    box-sizing:border-box !important;
    position:sticky !important;
    top:4px !important;
    margin:4px 8px 5px !important;
    width:calc(100% - 16px) !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 13px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    border:1px solid rgba(255,255,255,.94) !important;
    border-radius:18px !important;
    background:linear-gradient(115deg,
      rgba(255,255,255,.94),rgba(249,248,245,.86) 60%,rgba(244,239,232,.91)) !important;
    -webkit-backdrop-filter:blur(27px) saturate(165%) !important;
    backdrop-filter:blur(27px) saturate(165%) !important;
    box-shadow:inset 0 1px 0 #fff,0 3px 14px rgba(40,32,24,.07) !important;
    z-index:500 !important;
  }
  body.kbp-checkout .kbpcoSiteLogo img {width:178px !important;max-width:100% !important;}
  body.kbp-checkout .kbpcoDesktopNav,
  body.kbp-checkout .kbpcoHeaderTools {display:none !important;}
  body.kbp-checkout .kbpcoMobileTools {
    display:flex !important;align-items:center !important;gap:14px !important;
  }
  body.kbp-checkout .kbpcoMobileBottom {
    box-sizing:border-box !important;
    display:grid !important;
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    width:auto !important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
    height:68px !important;
    padding:5px 6px 4px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    border:1px solid rgba(255,255,255,.9) !important;
    border-radius:23px !important;
    background:linear-gradient(120deg,
      rgba(255,255,255,.93),rgba(250,248,245,.84) 55%,rgba(239,234,227,.88)) !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,.95),
      0 10px 36px rgba(38,30,22,.14),0 2px 7px rgba(38,30,22,.08) !important;
    z-index:220 !important;
  }
  body.kbp-checkout .kbpcoMobileBottom>a {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    gap:3px !important;
    border-radius:14px !important;
    padding:4px 0 !important;
    font-size:12px !important;
    color:#292521 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transform:none !important;
  }
  body.kbp-checkout .kbpcoMobileBottom i {
    font-style:normal !important;
    font-size:20px !important;
  }
  body.kbp-checkout .kbpcoMobileBottom span {
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
  }
  body.kbp-checkout .kbpcoMobileBottom .kbpcoMobileAsk {
    display:flex !important;
    transform:none !important;
    padding:4px 0 !important;
    color:#fff !important;
  }
  body.kbp-checkout .kbpcoMobileBottom .kbpcoMobileAsk i {
    box-sizing:border-box !important;
    width:62px !important;
    height:50px !important;
    border:1px solid rgba(255,244,225,.94) !important;
    border-radius:14px !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;
    line-height:0 !important;
    color:transparent !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }
  body.kbp-checkout .kbpcoMobileBottom .kbpcoMobileAsk i::before {
    content:"Ask Pro" !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
    color:#fff !important;
    white-space:nowrap !important;
  }
  body.kbp-checkout .kbpcoMobileBottom .kbpcoMobileAsk>span {
    display:none !important;
  }
  body.kbp-checkout .kbpGlassWhatsApp {z-index:225 !important;}
}
@media (prefers-reduced-transparency:reduce) {
  body.kbp-checkout .kbpcoSiteHeader,
  body.kbp-checkout .kbpcoMobileBottom {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:#f9f8f5 !important;
  }
}