/** Shopify CDN: Minification failed

Line 972:0 Unexpected "}"

**/
/* ==========================================================
   BeamX - custom-search.css (CLEAN + FIXED)
   Markup used:
   - Desktop: .bx-search--desktop -> render 'bx-search'
   - Mobile white bar: .header-search--mobile -> header-drawer + .bx-search--mobile
   Fixes:
   - Desktop search hidden on mobile (correct selector)
   - Hamburger + search in same white row
   - Hamburger icon color black on white row
   ========================================================== */

:root { --bx-accent: #ff6a00; }

/* -------------------------
   Header color (black)
-------------------------- */
.header-wrapper,
.header {
  background: #000 !important;
}

.header a,
.header .header__menu-item,
.header .header__icon,
.header .header__heading-link {
  color: #fff !important;
}

.header svg { fill: currentColor !important; }

/* Prevent dropdown clipping */
.shopify-section-header,
.header-wrapper,
header.header,
.header,
.section-header {
  overflow: visible !important;
}

/* =========================================================
   Show/hide desktop vs mobile
   ========================================================= */
.header-search--mobile { display: none; }
.bx-search--desktop { display: block; }

@media (max-width: 989px) {
  .bx-search--desktop { display: none !important; }
  .header-search--mobile { display: flex !important; }
}

/* =========================================================
   BX SEARCH - Base styling (desktop + mobile)
   ========================================================= */
.bx-search { width: 100%; }

.bx-search__form {
  position: relative !important;
  width: 100% !important;
  overflow: visible !important;
}

/* Kill any theme floating label / overlay text */
.bx-search label,
.bx-search .field__label,
.bx-search .floating-label,
.bx-search .label,
.bx-search .input-label {
  display: none !important;
  visibility: hidden !important;
}

.bx-search label::before,
.bx-search label::after,
.bx-search .field__label::before,
.bx-search .field__label::after {
  content: none !important;
  display: none !important;
}

/* Input (default = desktop look) */
.bx-search__input {
  width: 100% !important;
  box-sizing: border-box !important;

  height: 44px !important;
  line-height: 44px !important;

  background: #141414 !important;
  border: 2px solid var(--bx-accent) !important;
  border-radius: 999px !important;

  /* reserve space for X + divider + 🔍 */
  padding: 0 120px 0 16px !important;

  font-size: 14px !important;
  color: #fff !important;

  outline: none !important;
  box-shadow: none !important;
  text-indent: 0 !important;
}

.bx-search__input::placeholder {
  color: rgba(255,255,255,0.70) !important;
  opacity: 1 !important;
}

.bx-search__input:focus {
  box-shadow: 0 0 0 2px rgba(255,106,0,0.25) !important;
}

/* Actions container (X + divider + search) */
.bx-search__actions {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%) !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  height: 44px !important;
  z-index: 10 !important;

  background: transparent !important;
  pointer-events: auto !important;
}

.bx-search__divider {
  width: 1px !important;
  height: 22px !important;
  background: var(--bx-accent) !important;
  opacity: .8 !important;
  flex: 0 0 auto !important;
}

.bx-search__reset,
.bx-search__submit {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  background: transparent !important;

  display: grid !important;
  place-items: center !important;

  line-height: 1 !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}

/* Hide reset + divider until typing */
.bx-search__input:placeholder-shown ~ .bx-search__actions .bx-search__reset,
.bx-search__input:placeholder-shown ~ .bx-search__actions .bx-search__divider {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   Dropdown (suggestions)
   ========================================================= */
.bx-search__dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;

  background: #111 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.40) !important;

  z-index: 999999 !important;
  max-height: 360px !important;
  overflow-y: auto !important;

  padding: 6px !important;
}

/* =========================================================
   MOBILE WHITE BAR: hamburger + search
   ========================================================= */
@media (max-width: 989px) {
  .header-search--mobile {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;

    padding: 10px 16px !important;
    background: #fff !important;
  }

  .header-search--mobile__menu {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Force hamburger icon black inside white row */
  .header-search--mobile__menu .header__icon,
  .header-search--mobile__menu .header__icon svg,
  .header-search--mobile__menu summary,
  .header-search--mobile__menu .svg-wrapper {
    color: #000 !important;
    fill: currentColor !important;
  }

  .header-search--mobile .bx-search--mobile,
  .header-search--mobile .bx-search {
    flex: 1 1 auto !important;
    width: 100% !important;
    display: block !important;
    min-width: 0 !important;
  }

  /* Mobile: one icon design (only 🔍) */
  .header-search--mobile .bx-search__reset,
  .header-search--mobile .bx-search__divider {
    display: none !important;
  }

  /* Mobile input look (white) */
  .header-search--mobile .bx-search__input {
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;

    padding: 0 58px 0 16px !important;

    border: 2px solid var(--bx-accent) !important;
    border-radius: 999px !important;

    background: #fff !important;
    color: #000 !important;
  }

  .header-search--mobile .bx-search__actions {
    right: 10px !important;
    height: 44px !important;
  }
}
/* MOBILE: hamburger + search in same WHITE bar */
@media (max-width: 989px) {
  header-drawer {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    background: #fff !important;
    width: 100% !important;
    overflow: visible !important;
  }

  header-drawer .menu-drawer-container {
    flex: 0 0 auto !important;
  }

  header-drawer .bx-mobilebar__search {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
  }

  /* hamburger icon black */
  header-drawer summary,
  header-drawer summary svg {
    color: #000 !important;
    fill: currentColor !important;
  }

  /* hide the black-header desktop search on mobile */
  .bx-search--desktop {
    display: none !important;
  }

  /* make the mobile input white */
  header-drawer .bx-search__input {
    background: #fff !important;
    color: #000 !important;
    border: 2px solid #ff6a00 !important;
    border-radius: 999px !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 58px 0 16px !important;
  }

  /* optional: keep only search icon */
  header-drawer .bx-search__reset,
  header-drawer .bx-search__divider {
    display: none !important;
  }
}

/* DESKTOP: don’t show the extra search next to the hamburger */
@media (min-width: 990px) {
  header-drawer .bx-mobilebar__search {
    display: none !important;
  }
}
.bx-search { position: relative; }

.bx-search__dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0; right:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  overflow:hidden;
  z-index:9999;
}

.bx-search__suggestion{
  display:flex;
  gap:10px;
  padding:12px 14px;
  align-items:center;
  border-bottom:1px solid rgba(0,0,0,.06);
  text-decoration:none;
  color:inherit;
}

.bx-search__suggestion:last-child{ border-bottom:0; }

.bx-search__suggestion:active,
.bx-search__suggestion.is-active{ background:rgba(0,0,0,.05); }

.bx-search__suggestion img{
  width:34px; height:34px;
  border-radius:8px;
  object-fit:cover;
  flex:0 0 auto;
}

.bx-search__suggestion-meta{ font-size:13px; opacity:.75; }
.bx-dropdown-portal{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 30px 30px rgba(0,0,0,.12);
  border:1px solid rgba(0,0,0,.06);
}

.bx-ps-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  text-decoration:none;
  color:#000;
  border-bottom:1px solid rgba(0,0,0,.06);
  background:#fff;
}

.bx-ps-item:last-child{ border-bottom:0; }

.bx-ps-item img{
  width:40px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 auto;
}

.bx-ps-img{
  width:40px;height:40px;border-radius:8px;background:rgba(0,0,0,.08);flex:0 0 auto;
}

.bx-ps-empty{
  padding:10px 14px;
  background:#fff;
}
/* MOBILE (AI SLOT): make actions look like desktop (X | 🔍) */
@media (max-width: 989px) {
  /* target the search that is mounted into the AI slot */
  [class*="ai-header-search-slot"] .bx-search__form {
    position: relative;
  }

  /* hide any theme "single bubble" styling on the submit if applied */
  [class*="ai-header-search-slot"] .bx-search__submit {
    background: transparent !important;
    box-shadow: none !important;
  }

  [class*="ai-header-search-slot"] .bx-search__actions {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    gap: 0 !important;

    padding: 4px 8px !important;
    border-radius: 999px !important;

    /* pill behind icons like desktop */
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(6px);
  }

  [class*="ai-header-search-slot"] .bx-search__reset,
  [class*="ai-header-search-slot"] .bx-search__submit {
    width: 34px !important;
    height: 34px !important;

    display: grid !important;
    place-items: center !important;

    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border-radius: 999px !important;

    font-size: 18px !important;
    line-height: 1 !important;
    color: #111 !important; /* change to #fff if you want white icons */
  }

  [class*="ai-header-search-slot"] .bx-search__divider {
    display: block !important;
    width: 1px !important;
    height: 20px !important;
    margin: 0 6px !important;
    background: rgba(0, 0, 0, 0.25) !important;
  }

  /* prevent text from going under the icons */
  [class*="ai-header-search-slot"] .bx-search__input {
    padding-right: 120px !important;
  }
}
/* MOBILE: make actions look like DESKTOP (X | 🔍) inside the input */
@media (max-width: 989px) {
  [class*="ai-header-search-slot"] .bx-search__form {
    position: relative !important;
  }

  /* Actions sit inside the search bar, no extra pill */
  [class*="ai-header-search-slot"] .bx-search__actions {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }

  /* Desktop-like icon buttons (transparent) */
  [class*="ai-header-search-slot"] .bx-search__reset,
  [class*="ai-header-search-slot"] .bx-search__submit {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;

    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border-radius: 999px !important;

    font-size: 20px !important;
    line-height: 1 !important;
    color: #111 !important; /* change to #fff if you want white icons */
  }

  /* The vertical divider line like desktop */
  [class*="ai-header-search-slot"] .bx-search__divider {
    display: block !important;
    width: 1px !important;
    height: 22px !important;
    margin: 0 8px !important;
    background: rgba(0, 0, 0, 0.35) !important;
  }

  /* Make sure input text does not overlap the icons */
  [class*="ai-header-search-slot"] .bx-search__input {
    padding-right: 120px !important;
  }
}
@media (max-width: 989px) {
  /* Orange X */
  [class*="ai-header-search-slot"] .bx-search__reset {
    color: #ff7a00 !important; /* your orange */
  }

  /* Keep search icon dark (or change to your preferred color) */
  [class*="ai-header-search-slot"] .bx-search__submit {
    color: #111 !important;
  }

  /* Divider line (keep it, slightly stronger) */
  [class*="ai-header-search-slot"] .bx-search__divider {
    background: rgba(255, 122, 0, 0.7) !important;
    width: 1px !important;
    height: 22px !important;
    margin: 0 8px !important;
  }
}@media (max-width: 989px) {
  [class*="ai-header-search-slot"] .bx-search__actions{
    position:absolute !important;
    right:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    z-index:9999999 !important;
    overflow: visible !important;
  }

  /* Orange X */
  [class*="ai-header-search-slot"] .bx-search__reset{
    color:#ff7a00 !important;
    background:transparent !important;
    border:0 !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  /* Divider line (FORCED) */
  [class*="ai-header-search-slot"] .bx-search__divider{
    display:block !important;
    width:3px !important;          /* make it thicker so you can see it */
    height:24px !important;
    background:#ff7a00 !important; /* orange line */
    margin:0 10px !important;
    opacity:1 !important;
    visibility:visible !important;
    border-radius:2px !important;
    flex:0 0 auto !important;
  }

  /* Search icon */
  [class*="ai-header-search-slot"] .bx-search__submit{
    background:transparent !important;
    border:0 !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  /* Keep text away from icons */
  [class*="ai-header-search-slot"] .bx-search__input{
    padding-right:140px !important;
  }
}
/* Orange magnifier icon (same on desktop + mobile) */
.bx-search__submit{
  background: transparent;
  border: 0;
  cursor: pointer;
}

.bx-icon-search{
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  transform: translateZ(0);
}

/* circle */
.bx-icon-search::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width: 12px;
  height: 12px;
  border: 2px solid #ff7a00;
  border-radius: 50%;
}

/* handle */
.bx-icon-search::after{
  content:"";
  position:absolute;
  width: 8px;
  height: 2px;
  background: #ff7a00;
  right: -1px;
  bottom: 2px;
  transform: rotate(45deg);
  border-radius: 2px;
}

/* Hover grow (desktop) */
.bx-search__submit:hover .bx-icon-search{
  transform: scale(1.18);
  transition: transform .15s ease;
}

/* Smooth back */
.bx-search__submit .bx-icon-search{
  transition: transform .15s ease;
}

/* Tap feedback (mobile) */
.bx-search__submit:active .bx-icon-search{
  transform: scale(1.18);
}
/* DESKTOP: bold X + visible divider */
@media (min-width: 990px) {
  /* Make actions sit nicely */
  .bx-search__actions{
    display: flex;
    align-items: center;
  }

  /* Bold / thicker X */
  .bx-search__reset{
    font-weight: 900 !important;
    font-size: 22px !important;   /* adjust if you want */
    line-height: 1 !important;
    color: #ff7a00 !important;    /* keep orange */
  }

  /* Divider line between X and search */
  .bx-search__divider{
    display: block !important;
    width: 2px !important;
    height: 22px !important;
    margin: 0 10px !important;
    background: #ff7a00 !important;
    border-radius: 2px !important;
    opacity: 1 !important;
  }
}
/* DESKTOP: make the search field longer */
@media (min-width: 990px) {
  /* widen the whole search block */
  .bx-search{
    width: 520px !important;   /* change to 600px / 700px if you want */
    max-width: 60vw !important;
  }

  /* make sure the input fills it */
  .bx-search__form{
    width: 100% !important;
  }
  .bx-search__input{
    width: 100% !important;
  }
}
/* Hover grow effect for X (desktop + mobile tap) */
.bx-search__reset{
  transition: transform .15s ease;
  transform: translateZ(0);
}

.bx-search__reset:hover{
  transform: scale(1.18);
}

.bx-search__reset:active{
  transform: scale(1.18);
}
/* Make the search icon same size as X + shift it slightly left */
.bx-search__submit {
  margin-left: -4px !important;   /* moves icon left (adjust -2 to -8) */
}

.bx-icon-search{
  width: 20px !important;
  height: 20px !important;
}

.bx-icon-search::before{
  width: 14px !important;
  height: 14px !important;
  border-width: 3px !important;  /* thicker so it matches X weight */
}

.bx-icon-search::after{
  width: 10px !important;
  height: 3px !important;
  right: -2px !important;
  bottom: 2px !important;
}
@media (max-width: 989px) {
  .bx-search__submit{
    position: relative !important;
    display: grid !important;
    place-items: center !important;
  }

  /* If the icon span exists, show it */
  .bx-search__submit .bx-icon-search{
    display: inline-block !important;
  }

  /* Fallback: if button looks empty, draw icon with pseudo elements */
  .bx-search__submit:empty::before{
    content:"";
    width: 14px;
    height: 14px;
    border: 2px solid #ff7a00;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-60%, -60%);
  }
  .bx-search__submit:empty::after{
    content:"";
    width: 9px;
    height: 2px;
    background: #ff7a00;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(2px, 6px) rotate(45deg);
  }
}
/* Mobile: force submit icon via background SVG */
@media (max-width: 989px) {
  .bx-search__submit{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='%23ff7a00' stroke-width='2.5'/%3E%3Cline x1='16' y1='16' x2='21' y2='21' stroke='%23ff7a00' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;

    /* hide emoji */
    font-size: 0 !important;
    color: transparent !important;
  }

  /* tap grow */
  .bx-search__submit:active{
    transform: scale(1.12);
  }
}
@media (max-width: 989px) {
  /* Make our submit sit on top of whatever bubble the theme shows */
  .bx-mobile-ready .bx-mobile-submit{
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;

    z-index: 999999 !important;
    background-color: transparent !important;
    border: 0 !important;

    /* hide any emoji */
    font-size: 0 !important;
    color: transparent !important;

    /* orange magnifier icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='%23ff7a00' stroke-width='2.5'/%3E%3Cline x1='16' y1='16' x2='21' y2='21' stroke='%23ff7a00' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
  }

  /* Tap grow */
  .bx-mobile-ready .bx-mobile-submit:active{
    transform: translateY(-50%) scale(1.12) !important;
  }

  /* Prevent text overlapping icons */
  .bx-mobile-ready .bx-search__input{
    padding-right: 80px !important;
  }
}
/* MOBILE (AI SLOT): move the search icon bubble to the LEFT */
@media (max-width: 989px) {
  /* move the whole actions group left from the right edge */
  [class*="ai-header-search-slot"] .bx-search__actions{
    right: 22px !important;  /* increase = more left */
  }

  /* if you hid the X, keep input padding matched */
  [class*="ai-header-search-slot"] .bx-search__input{
    padding-right: 70px !important;
  }
}
/* MOBILE AI SLOT: force X + search to sit NEXT TO each other (no overlap) */
@media (max-width: 989px) {

  /* Actions bar becomes a flex row */
  [class*="ai-header-search-slot"] .bx-search__actions{
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 12px !important;          /* spacing between X and magnifier */
    height: 44px !important;
    z-index: 999999 !important;
  }

  /* CRITICAL: buttons must NOT be absolute */
  [class*="ai-header-search-slot"] .bx-search__reset,
  [class*="ai-header-search-slot"] .bx-search__submit{
    position: static !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
  }

  /* X (left) */
  [class*="ai-header-search-slot"] .bx-search__reset{
    width: 34px !important;
    height: 34px !important;
    color: #ff6a00 !important;
  }

  /* Magnifier (right) */
  [class*="ai-header-search-slot"] .bx-search__submit{
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
  }

  /* No divider on mobile (optional) */
  [class*="ai-header-search-slot"] .bx-search__divider{
    display: none !important;
  }

  /* Reserve space so text doesn't go under icons */
  [class*="ai-header-search-slot"] .bx-search__input{
    padding-right: 130px !important;
  }
}
/* MOBILE AI SLOT: remove the orange/bubble background around the magnifier */
@media (max-width: 989px) {

  /* make the submit button fully transparent (no bubble) */
  [class*="ai-header-search-slot"] .bx-search__submit,
  [class*="ai-header-search-slot"] .bx-mobile-submit{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: none !important;

    /* remove the circle shape */
    border-radius: 0 !important;
  }

  /* some themes draw a circle using pseudo elements */
  [class*="ai-header-search-slot"] .bx-search__submit::before,
  [class*="ai-header-search-slot"] .bx-search__submit::after{
    content: none !important;
    display: none !important;
  }

  /* if the theme puts the bubble on the actions container */
  [class*="ai-header-search-slot"] .bx-search__actions{
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}
/* MOBILE AI SLOT: bring X closer + hover grow search icon */
@media (max-width: 989px) {

  /* Move X closer to the search icon (reduce spacing) */
  [class*="ai-header-search-slot"] .bx-search__actions{
    gap: 6px !important;        /* was ~12px; try 4–8 */
  }

  /* Make sure buttons don't add extra spacing */
  [class*="ai-header-search-slot"] .bx-search__reset,
  [class*="ai-header-search-slot"] .bx-search__submit{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Smooth grow on hover */
  [class*="ai-header-search-slot"] .bx-search__submit{
    transition: transform .15s ease !important;
    transform-origin: center !important;
  }

  [class*="ai-header-search-slot"] .bx-search__submit:hover{
    transform: scale(1.18) !important;
  }

  /* Mobile tap feedback (since hover isn’t always available) */
  [class*="ai-header-search-slot"] .bx-search__submit:active{
    transform: scale(1.18) !important;
  }
}
/* Cart count badge -> orange */
.header__icon .cart-count-bubble,
.header__icon-cart .cart-count-bubble,
.cart-count-bubble {
  background: #ff6a00 !important;
  border-color: #ff6a00 !important;
  color: #000 !important; /* use #fff if you prefer */
}
@media (max-width: 989px) {
  body:not(.template-index) header-drawer{
    display:none !important;
  }
}
/* Stop the search icon (and button) from moving on hover */
.bx-mobile-row__search button:hover,
.bx-mobile-row__search .bx-search__btn:hover,
.bx-mobile-row__search .search__button:hover,
.bx-mobile-row__search .icon:hover,
.bx-mobile-row__search svg:hover {
  transform: none !important;
  translate: none !important;
  top: auto !important;
  bottom: auto !important;
}

/* Also prevent layout shift from border/padding on hover */
.bx-mobile-row__search button,
.bx-mobile-row__search .bx-search__btn,
.bx-mobile-row__search .search__button {
  border-width: 1px !important;  /* keep constant */
  padding: inherit;              /* prevents hover padding changes */
}
/* Force the submit icon button to stay centered (overrides inline margin-top) */
.bx-search_form {
  position: relative !important;
}

.bx-search_form .bx-mobile-submit {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 44px !important;
  width: 44px !important;
}
/* Leave space for X + magnifier on the right */
.bx-search_form input.bx-search__input {
  padding-right: 96px !important; /* space for ✕ | 🔍 */
}
}/* Desktop: prevent left/right layout shift when scrollbar state changes */
@media (min-width: 990px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }
}/* Keep divider visible and prevent it from pushing layout */
.bx-search__divider {
  display: inline-block;
  width: 1px;
  height: 18px;
  background: rgba(0,0,0,.2);
  opacity: .7;
}

/* Desktop: prevent the “white line / shift” when scrollbar changes */
@media (min-width: 990px) {
  html { overflow-y: scroll; scrollbar-gutter: stable; }
}

/* Mobile: make sure actions never overflow the input */
@media (max-width: 989px) {
  .bx-search__actions button {
    border: 0;
    background: transparent;
  }
}
/* Divider line (in case inline styles are overridden) */
.bx-search__divider {
  display: inline-block;
  width: 1px;
  height: 18px;
  background: rgba(255,106,0,.55);
}

/* Mobile: keep actions inside the pill no matter the breakpoint */
@media (max-width: 989px) {
  form.bx-mobile-ready {
    position: relative;
  }
  form.bx-mobile-ready .bx-search__actions {
    top: 0;
    bottom: 0;
    transform: none;
    display: flex;
    align-items: center;
  }
}

/* Desktop: prevent the “white line / shift” */
@media (min-width: 990px) {
  html { overflow-y: scroll; scrollbar-gutter: stable; }
}
/* Desktop ONLY: hide duplicate BX searches + style wrapper */
@media (min-width: 990px) {
  .bx-search[data-bx-role="dup"] {
    display: none !important;
  }

  #bx-center-search-black {
    width: min(700px, calc(100% - 420px)) !important;
    z-index: 9999 !important;
  }

  #bx-center-search-black .bx-search,
  #bx-center-search-black .bx-search__form {
    width: 100% !important;
  }
}