/** Shopify CDN: Minification failed

Line 894:18 Unexpected "{"
Line 894:30 Expected ":"
Line 894:34 Unexpected "{"

**/
/* =========================================================
   NEUE MONTREAL (Shopify Assets) — SINGLE SOURCE OF TRUTH
   Files in /assets:
   - PPNeueMontreal-Regular.woff2   (400)
   - PPNeueMontreal-Medium.woff2    (500)
   - PPNeueMontreal-SemiBold.woff2  (600)
   ========================================================= */

@font-face{
  font-family:"Neue Montreal Web";
  src:url("{{ 'PPNeueMontreal-Regular.woff2' | asset_url }}") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Neue Montreal Web";
  src:url("{{ 'PPNeueMontreal-Medium.woff2' | asset_url }}") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Neue Montreal Web";
  src:url("{{ 'PPNeueMontreal-SemiBold.woff2' | asset_url }}") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

/* =========================================================
   APPLY — consolidate all font usage to "Neue Montreal Web"
   ========================================================= */

/* Kaching — override inline fonts */
.kaching-bundles__bar-content-left,
.kaching-bundles__bar-content-left *,
.kaching-bundles__bar-content-left[style*="font-family"],
.kaching-bundles__bar-content-left [style*="font-family"],
.kaching-bundles__bar-first-line,
.kaching-bundles__bar-first-line .kaching-bundles__bar-title{
  font-family:"Neue Montreal Web", Arial, sans-serif !important;
}

/* If you want this line to be Regular, keep 400 */
.kaching-bundles__bar-first-line,
.kaching-bundles__bar-first-line .kaching-bundles__bar-title{
  font-weight:500 !important;
}

/* Header top-level nav buttons (keep your sizing styles, add font) */
nav.header__menu .menu__item,
nav.header__menu .menu__item .btn-text,
nav.header__menu .menu__item .btn-duplicate{
  font-family:"Neue Montreal Web", Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;     /* Semi Bold */
  letter-spacing:0px !important;
}

/* Header navigation links (FIX: Medium weight should be 500, not 700) */
.header__navigation .menu__item,
.header__navigation .menu__item .btn-text,
.header__navigation .menu__item .btn-duplicate{
  font-family:"Neue Montreal Web", Arial, sans-serif !important;
  font-weight:530 !important;     /* Semi-Bold */
}

/* Rendering improvements to reduce fuzziness */
nav.header__menu .menu__item,
nav.header__menu .menu__item .btn-text,
nav.header__menu .menu__item .btn-duplicate,
.header__navigation .menu__item,
.header__navigation .menu__item .btn-text,
.header__navigation .menu__item .btn-duplicate {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;  /* sharper geometry */
  font-synthesis: none !important;               /* block fake bolding in modern browsers */
}





/* ===== Desktop styles ===== */
.rich-text .rte.subtitle.subtext-xl p{
  font-size:1.5rem;
  font-weight:500;
  letter-spacing:0.15em;
}

/* ===== Mobile styles ===== */
@media (max-width:768px){
  .rich-text .rte.subtitle.subtext-xl p{
    font-size:1.1rem;
    font-weight:500;
    letter-spacing:0.12em;
  }
}



/* Force left alignment for the entire section */
.page-width .rich-text{
  text-align:left !important;
  align-items:flex-start !important;
}

.page-width .rich-text .heading,
.page-width .rich-text .split-words,
.page-width .rich-text .word,
.page-width .rich-text .rte{
  text-align:left !important;
  justify-content:flex-start !important;
}

.page-width{
  margin-left:0 !important;
  margin-right:auto !important;
}

@media (max-width:768px){
  .banner img,
  .hero img,
  .slideshow__image,
  .image-with-text img{
    max-width:none !important;
    width:100vw !important;
  }
}





/* Desktop mega menu headings */
@media (min-width:1024px){
  #shopify-section-sections--27412817543249__header
  .mega-menu__nav-item > a.heading.reversed-link{
    font-size:1.20rem !important;
    font-weight:600 !important;
    letter-spacing:0.0em;
    text-transform: none !important;
  }
}



.chain-link{
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:4px;
  transition:opacity 0.2s ease;
}
.chain-link:hover{ opacity:0.7; }

.comparison-table__column[data-column="1"] p strong{
  color:#000 !important;
}


input, select, textarea{ font-size:16px !important; }

/* Media card typography */
.media-card__text .heading{
  font-size:1.2rem;
  font-weight:600;
}
.media-card__text p.text-xs{
  font-size:0.8rem;
  font-weight:400;
}
@media (max-width:768px){
  .media-card__text .heading{
    font-size:1rem;
    font-weight:500;
  }
  .media-card__text p.text-xs{
    font-size:0.75rem;
    font-weight:400;
  }
}

/* ONLY affects this specific mega menu */
.mega-menu__item--large .mega-menu__nav{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  column-gap:12rem;
  row-gap:1rem;
  width:100%;
  max-width:100%;
}
.mega-menu__item--large .mega-menu__nav-item a{
  white-space:nowrap;
  width:auto;
  max-width:none;
}
.mega-menu__item--large{
  width:100%;
  max-width:100%;
  overflow:visible;
}
a.horizontal-product__title{ font-weight:600; }

/* Product countdown button sizing */
@media (max-width:767px){
  .product-card__countdown .button{
    padding:0px 12px !important;
    min-height:40px !important;
    max-height:40px !important;
    height:auto !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center;
  }
  .product-card__countdown .btn-text{
    padding:0 !important;
    line-height:1 !important;
  }
}
@media (min-width:768px){
  .product-card__countdown .button{
    padding:0px 12px !important;
    min-height:45px !important;
    max-height:45px !important;
    height:auto !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center;
  }
  .product-card__countdown .btn-text{
    padding:0 !important;
    line-height:1 !important;
  }
}



/* Allow page behind to scroll while modal is open */
.pc-verse-modal{ pointer-events:none; }
.pc-verse-modal .pc-verse-dialog,
.pc-verse-modal [data-pc-verse-close]{ pointer-events:auto; }
.pc-verse-modal .pc-verse-backdrop{ pointer-events:none; }

/* Carousel touch */
.pc-media[data-pc-carousel]{ touch-action:pan-x; }
slider-element{ overscroll-behavior-x:contain; }
a.media:has(.pc-media[data-pc-carousel]){ touch-action:pan-y; }

.pc-media[data-pc-carousel]{
  position:relative;
  overflow:hidden;
  touch-action:pan-x;
}
.pc-media[data-pc-carousel] .pc-slide{ flex:0 0 100%; }
.pc-media[data-pc-carousel] .pc-track::-webkit-scrollbar,
.pc-media[data-pc-carousel]::-webkit-scrollbar{ display:none; }
.pc-media[data-pc-carousel] .pc-track,
.pc-media[data-pc-carousel]{ scrollbar-width:none; }
.pc-media[data-pc-carousel] img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
}

/* Klaviyo teaser close button positioning */
.kl-teaser-QZmhpR [data-testid="animated-teaser"] > div{
  position:relative !important;
}
.kl-teaser-QZmhpR .klaviyo-close-form{
  position:absolute !important;
  top:50% !important;
  right:20px !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:transparent !important;
}
.kl-teaser-QZmhpR span[role="button"]{
  padding-right:38px !important;
}



/* Draggable cursor feedback */
tabs-element.tab-list scroll-shadow .scroll-area{ cursor:grab; }
tabs-element.tab-list scroll-shadow .scroll-area.is-dragging{
  cursor:grabbing;
  user-select:none;
}
tabs-element.tab-list scroll-shadow .scroll-area{
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
}
tabs-element.tab-list scroll-shadow .scroll-area::-webkit-scrollbar{ display:none; }
tabs-element.tab-list scroll-shadow .scroll-area > [role="tablist"]{
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:100%;
  white-space:nowrap;
}
tabs-element.tab-list .tab__item{ flex:0 0 auto !important; }



#shopify-section-template--27959647993937__rich_text_FDMHLA .page-width--narrow{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:768px){
  #gtG8sb1KDt > div.gyz7GfprwZ.gp-relative.gp-flex.gp-flex-col{
    border-radius:0px !important;
    overflow:visible !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    mask-image:none !important;
    -webkit-mask-image:none !important;
  }
  #gtG8sb1KDt > div.gyz7GfprwZ.gp-relative.gp-flex.gp-flex-col *{
    border-radius:0px !important;
  }
}



/* Allow sticky header on mobile */
@media (max-width: 989px) {
  header.header[is="sticky-header"] {
    position: sticky !important;
  }
}

header.header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #121212;
  transform: scaleY(0.5);   /* makes it thinner */
  transform-origin: bottom;
}

/* MOBILE header divider line */
@media (max-width: 989px){
  header.header[data-section-id="sections--27412817543249__header"]{
    /* REMOVED: position: relative - conflicts with sticky */
    overflow: visible !important; /* prevents clipping */
  }

  header.header[data-section-id="sections--27412817543249__header"]::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 1px !important;
    background: #e5e5e5 !important;
    transform: scaleY(0.5) !important;
    transform-origin: bottom !important;

    z-index: 9999 !important;
    pointer-events: none !important;
  }
}



/* Force upsell content to stack vertically */
.kaching-bundles__upsell__content{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start; /* keeps text left aligned */
}

/* Keep Kaching's row layout, just allow wrapping so ::after can drop below */
.kaching-bundles__upsell__content{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;   /* prevents odd vertical centering */
  gap: 0 !important;                /* avoids extra spacing if theme uses gap */
}

/* Subtext box ONLY on the tagged upsell */
.kaching-bundles__upsell__content[data-kng-upsell="chain-extender"]::after{
  content: "Deal Ends In - 45:00"; /* edit text */

  flex: 0 0 100%;
  width: fit-content;
  margin-top: 0px;

  font-family: "PP Neue Montreal Web", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.1em;

  color: #B22222;
  background: #FFDEDE;
  padding: 4px 8px;
  border-radius: 2px;

  align-self: flex-start;
}


/* ===== Upsell row padding ONLY on that tagged upsell (DESKTOP) ===== */
.kaching-bundles__upsell__main[data-kng-upsell="chain-extender"]{
  padding-left: 8px;
  padding-bottom: 8px;
}

/* ===== Upsell row padding ONLY on that tagged upsell (MOBILE) ===== */
@media (max-width: 768px){
  .kaching-bundles__upsell__main[data-kng-upsell="chain-extender"]{
    padding-left: 8px;
    padding-bottom: 8px;
  }
}




/* ===== Drawer accordion title (MOBILE) ===== */
@media (max-width: 768px){
  summary.drawer__menu-item .heading{
    font-size: 20px; /* ← mobile size control */
  }
}

/* ===== Drawer submenu link — MOBILE ===== */
@media (max-width: 768px){
  .drawer__submenu .drawer__menu-item{
    font-size: 15px !important;   /* ← mobile size control */
    font-weight: 400 !important; /* ← mobile weight control */
  }
}

@media (max-width: 989px){

  /* =========================
     LOGO AT TOP OF DRAWER LIST
     ========================= */
  ul.drawer__scrollable.drawer__menu::before{
    content: "";
    display: block;
    height: 22px;
    margin: 0px 0 40px;
    background: url("/cdn/shop/files/KNGDOM_LUX_-_Website_-_Semi_Bold_Black.png?v=1770355410")
      center / contain no-repeat;
  }

  /* Clean white background */
  .drawer,
  ul.drawer__scrollable.drawer__menu{
    background: #fff !important;
  }

  /* =========================
     ALL DRAWER MENU GROUPS
     ========================= */
  ul.drawer__scrollable.drawer__menu > li.drawer__menu-group{
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Remove border from last item */
  ul.drawer__scrollable.drawer__menu > li.drawer__menu-group:last-child{
    border-bottom: none !important;
  }

  /* =========================
     MAIN NAV ITEMS (Best Sellers, Summit Cross, etc.)
     18px, 600 weight
     ========================= */
  .drawer__menu-item{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 22px !important;
    margin: 0 !important;
    
    font-family: "Neue Montreal Web", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.0em !important;
    line-height: 1 !important;
    
    color: #121212 !important;
    text-decoration: none !important;
    background: transparent !important;
    width: 100% !important;
  }

  /* Override nested elements in main nav */
  .drawer__menu-item *,
  .drawer__menu-item.heading,
  .drawer__menu-item .heading,
  .drawer__menu-item span{
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.0em !important;
    font-family: "Neue Montreal Web", Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #121212 !important;
  }

  
  /* =========================
     FOOTER LINKS (FAQ, Contact Us)
     13px, 400 weight
     ========================= */
  .drawer__menu-group--footer .drawer__menu-item{
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .drawer__menu-group--footer .drawer__menu-item *,
  .drawer__menu-group--footer .drawer__menu-item span{
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  /* Add top border before first footer item */
  .drawer__menu-group--footer:first-of-type{
    border-top: 1px solid rgba(0,0,0,.10) !important;
    margin-top: 20px !important;
  }

  /* Remove chevrons/icons from footer links */
  .drawer__menu-group--footer .drawer__menu-item::after,
  .drawer__menu-group--footer .drawer__menu-item svg,
  .drawer__menu-group--footer .drawer__menu-item .icon{
    display: none !important;
  }


  
  /* =========================
     SUBMENU OVERRIDES
     ========================= */
  .drawer__submenu .drawer__menu-item{
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: none !important;
  }

  /* Accordion titles */
  summary.drawer__menu-item .heading{
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}


@media (max-width: 989px){
  /* Spacer between main nav and footer links */
  .drawer__menu-spacer{
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    display: block !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }
}


/* =============================================
   FIX: Menu drawer should only cover part of screen
   NOT the entire screen with white background
   ============================================= */

/* Remove white background from drawer - make it transparent */
.menu-drawer.drawer.drawer--start {
  background: transparent !important;
}

/* The drawer inner panel should be white, but NOT full width */
.menu-drawer .drawer__inner {
  background: rgb(255, 255, 255) !important;
  max-width: 400px !important; /* Adjust this width as needed */
  width: 85% !important; /* Or whatever width you want */
}

/* Make sure the overlay (dim background) is visible */
.menu-drawer .overlay {
  background: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Ensure overlay is behind the drawer panel */
.menu-drawer .overlay {
  z-index: 1 !important;
}

.menu-drawer .drawer__inner {
  z-index: 10 !important;
}

/* =============================================
   FIX: Hide overlay when drawer is closed
   ============================================= */

/* When drawer is NOT open, hide the overlay completely */
.menu-drawer:not([open]) .overlay,
.menu-drawer:not([active]) .overlay {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* When drawer IS open, show the overlay */
.menu-drawer[open] .overlay,
.menu-drawer[active] .overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

/* Smooth transition for overlay */
.menu-drawer .overlay {
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}


/* =============================================
   CART DRAWER MOBILE STYLING (Match Nav Drawer)
   ============================================= */

@media (max-width: 989px){
  
  /* Remove white background from cart drawer - make it transparent */
  .cart-drawer.drawer.drawer--end {
    background: transparent !important;
  }

  /* The drawer inner panel should be white, but NOT full width */
  .cart-drawer .drawer__inner {
    background: rgb(255, 255, 255) !important;
    max-width: 400px !important;
    width: 85% !important;
    right: 0 !important;
    left: auto !important;
  }

  /* Make sure the overlay (dim background) is visible */
  .cart-drawer .overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1 !important;
  }

  /* Ensure drawer panel is above overlay */
  .cart-drawer .drawer__inner {
    z-index: 10 !important;
  }

  /* When drawer is NOT open, hide the overlay completely */
  .cart-drawer:not([open]) .overlay,
  .cart-drawer:not([active]) .overlay {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* When drawer IS open, show the overlay */
  .cart-drawer[open] .overlay,
  .cart-drawer[active] .overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.5) !important;
  }

  /* Smooth transition for overlay */
  .cart-drawer .overlay {
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  }

  /* Cart drawer header styling to match nav drawer */
  .cart-drawer .drawer__header {
    padding: 18px 22px !important;
    border-bottom: 1px solid rgba(0,0,0,.10) !important;
  }

  .cart-drawer .drawer__title {
    font-family: "Neue Montreal Web", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.0em !important;
    color: #121212 !important;
  }

  /* Cart drawer footer styling */
  .cart-drawer .drawer__footer {
    border-top: 1px solid rgba(0,0,0,.10) !important;
    padding: 18px 22px !important;
  }

  /* Clean white background for cart content */
  .cart-drawer .drawer__content,
  .cart-drawer .drawer__scrollable {
    background: #fff !important;
  }
}

/* Cart drawer empty state text - Neue Montreal */
.drawer__empty-text.h2.heading {
  font-family: "Neue Montreal Web", Arial, sans-serif !important;
}

/* If you want to also control the size/weight on mobile */
@media (max-width: 989px){
  .drawer__empty-text.h2.heading {
    font-family: "Neue Montreal Web", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
  }
}


.kaching-bundles__bars {
  border: 0px solid #B8B8B8 !important;
}

/* ===== Change SIGNATURE menu item on mobile only ===== */
@media screen and (max-width: 768px) {

  summary.drawer__menu-item.heading {
    font-size: 16px !important;   /* ← adjust size */
    font-weight: 600 !important;  /* ← adjust weight */
  }

}

@media screen and (max-width: 768px) {

  /* Keep tight vertical spacing */
  .drawer__submenu .drawer__scrollable {
    gap: 0px !important;
  }

  .drawer__submenu .drawer__menu-item {
    padding: 6px 0 !important;   /* vertical only */
    padding-left: 20px !important;  /* ← control indent here */
  }

}


/* Hide video section on desktop */
@media screen and (min-width: 769px) {

  #shopify-section-template--27412824358993__video_with_text_overlay_CEhxc6 {
    display: none !important;
  }

}


/* Replace Montserrat everywhere with Neue Montreal */
[style*="Montserrat"],
[class*="montserrat"],
* {
  font-family: "Neue Montreal Web", "PP Neue Montreal", Arial, sans-serif !important;
}

/* Fix duplicated country flag in desktop currency selector */
@media screen and (min-width: 769px) {
  .localization .menu__item .btn-text.btn-duplicate {
    display: none !important;
  }
}

/* Make GemPages carousel dots square */
.gp-carousel-dot {
  border-radius: 0px !important;
}

/* Hide only the Verse Engraving selector */
.kaching-bundles__bar-variant-select[data-name="Verse Engraving"] {
  display: none !important;
}

/* Also hide its label + wrapper */
.kaching-bundles__bar-variant-names:has(span:contains("Verse Engraving")),
.kaching-bundles__bar-variant-selector-wrapper:has(select[data-name="Verse Engraving"]) {
  display: none !important;
}



/* Specific upsell only */
.kaching-bundles__upsell[data-upsell-id="GWbr"] {
  margin-top: -4px !important;
  margin-right: 0px !important;
  margin-bottom: 10px !important;
  margin-left: 17px !important;

  padding-top: 0px !important;
  padding-right: 19px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}


/* Add + before price for specific upsell only */
.kaching-bundles__upsell[data-upsell-id="GWbr"] 
.kaching-bundles__upsell__price::before {
  content: "+";
}


.kaching-bundles__bar-main {
  pointer-events: none !important;
  cursor: default !important;
}

/* Desktop */
.kaching-bundles__upsell__text {
  font-size: 14px !important;      /* change size */
  font-weight: 500 !important;     /* change weight */
  text-transform: capitalize !important; /* uppercase, lowercase, capitalize, none */
}


@media (max-width: 768px) {
  .kaching-bundles__upsell__text {
    font-size: 13px !important;     /* mobile size */
    font-weight: 600 !important;    /* mobile weight */
    text-transform: capitalize !important; /* change case */
  }
}

/* MOBILE ONLY: undo overflow-x hidden that breaks sticky */
@media (max-width: 989px) {
  html, body {
    overflow-x: visible !important;
  }
}

/* Hide horizontal overflow only on the content area */
#PageContainer,
.page-container,
#MainContent {
  overflow-x: hidden !important;
}

/* FIX: undo the mobile html/body overflow-x hidden that breaks sticky */
@media (max-width: 768px) {
  html body {
    overflow-x: visible !important;
  }
}

/* --- Sticky Announcement (scrolling-text) + Header stack --- */

/* 1) Make the scrolling text section sticky */
#shopify-section-{{ SECTION_ID }} { /* optional if you know it */
  position: sticky;
  top: 0;
  z-index: 60; /* below header if header uses higher */
}

/* If you DON'T know the section id, target by class */
.scrolling-text-section {
  position: sticky;
  top: 0;
  z-index: 60;
}


/* Announcement bar - LOWER z-index so header can appear on top */
.scrolling-text-section{
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important; /* ← LOWERED from 10050 */
}

/* Header - HIGHER z-index so it appears on top */
@media (max-width: 989px) {
  #shopify-section-sections--27412817543249__header{
    position: sticky !important;
    top: var(--announce-h, 22px) !important;
    z-index: 20 !important; /* ← HIGHER than announcement bar */
  }

  #shopify-section-sections--27412817543249__header header[is="sticky-header"]{
    top: 0 !important;
    z-index: 20 !important; /* ← HIGHER than announcement bar */
  }
}

@media (min-width: 990px) {
  #shopify-section-sections--27412817543249__header{
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important; /* ← HIGHER than announcement bar */
  }

  #shopify-section-sections--27412817543249__header header[is="sticky-header"]{
    top: 0 !important;
    z-index: 20 !important; /* ← HIGHER than announcement bar */
  }
}

@media (max-width: 768px) {
  #shopify-section-sections--27412817543249__scrolling_text_iKHy6A {
    --section-padding-top: 14px !important;   /* Mobile top */
    --section-padding-bottom: 6px !important; /* Mobile bottom */
  }
}

/* ===== Kaching Upsell: Left align + left padding control ===== */

.kaching-bundles__upsell__content{
  /* 🔧 Adjust this value to control LEFT padding */
  --upsell-left-pad: 0px;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;

  padding-left: var(--upsell-left-pad) !important;
}

/* Ensure all inner text + controls stay left aligned */
.kaching-bundles__upsell__content *{
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.kaching-bundles__upsell__text{
  display: flex !important;
  align-items: center !important;   /* vertical centering */
  height: 100% !important;
}

@media (max-width:768px){

  .kaching-bundles__bar-main{
    /* ===== precise interior padding control ===== */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;

    /* allow tighter height */
    min-height: 0 !important;
    line-height: 1 !important;
  }

}