/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


.header-top .form-search-control:focus {box-shadow: rgba(0,0,0,.2) 0 0 0 1px,rgba(0,0,0,.2) 0 2px 4px !important;background:#fcfcfc;}

#header-user-btn {display:none;}
.col-mobile-btn-account {display:none;}
#desktop_logo {max-width:140px;}
.col-mobile-logo .logo {max-width:150px;}
#desktop-header {background:#333;}
.sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu  {background:#e5d7cc;}
.header-top .form-search-control {min-width:300px;border: none 1px #e3e3e3;
  border-radius: 30px !important;
  background: #fAFAFA;}
.sticky-desktop-wrapper {height:75px!important;}
#wrapper .breadcrumb {margin-bottom:0rem;}
.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {border-radius:10px;}
.cookielawbutton {float:right;min-width:200px;margin-right:5px;background:#333}

#mobile-header .col-mobile-logo a, .ps-shoppingcart.header-cart-btn-w .cart-products-count-btn {;}
#mobile-header .col-mobile-logo {margin-left:40px;}
.stuck-header .header-top {padding-bottom:0rem;}

.feather {width: 30px;
height: 30px;
stroke: #000000;
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
fill: #000;
vertical-align: middle;
color:#000;}
.feather:hover {stroke:#dcbebe;fill:#dcbebe;}
.feather:focus {stroke:#dcbebe;fill:#dcbebe;}

.headbg1 {background:#414141!important;border-radius:50%;}
.headbg2 {background:#fdeadb!important;border-radius:10px;}
@media (max-width: 575.98px) {
#mobile-header .m-nav-btn > i {font-size:2rem;}
}
.mright5 {margin-right:5px;}
#mobile-header .dropdown-mobile {background:#e5d7cc;}
#search-widget-mobile .form-search-control {border-radius:25px;font-size:1.9rem;}
#search-widget-mobile .form-control:focus {box-shadow:none;}
@media (max-width: 990px) { 
#index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper {padding-top:0rem;padding-bottom:0rem;}
}

.pe-7s-shopbag {color:#fff;}

/* homepage*/

.elementor-element.elementor-element-ji3eo2v .elementor-button {border-radius:10px;font-size:1.1rem}
.elementor-element.elementor-element-pq1idx8 .elementor-button {border-radius:10px;font-size:1.1rem}



/* body */
#index #main-page-content {background:#f1f1f1;}
#index #footer-container-first {background:#ddd;}
#indexx #footer-container-mainx {background:#dec7bb;}
#index #footer-container-main {background:#dcbebe;}
#index #wrapper {background:#f1f1f1;}
#indexx #wrapperx {background:#e5d7cc;}

#index .product-miniature-default .product-thumbnail img {border-radius:10px;}
#index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper {padding-top:0rem;padding-bottom:0rem;}
#index #inner-wrapper {padding-left:0px;padding-right:0px;}
#index .desktop-header-style-8 {box-shadow: 0 4px 3px -2px #a89e99!important}
.hpboxshadow {box-shadow:0 6px 12px -4px rgba(80, 81, 80, 0.65)}
.elementor-element.elementor-element-7r1uzo5 .elementor-button {border-radius:10px;}
.clippy-bottom {clip-path:ellipse(90% 100% at 50% 0);}
.elementor-element-7r1uzo5 .elementor-iqit-banner-img {clip-path:ellipse(95% 100% at 50% 0);}
.homee {clip-path:ellipse(90% 100% at 50% 0);}

@media (max-width: 700px) {
.elementor-widget-banner .elementor-iqit-banner-img {clip-path:ellipse(95% 100% at 50% 0);}
}

.topbarbanold {text-align:center;background:#333;color:#fff;padding:5px;}
.topbarban {text-align:center;background:#dcbebe;color:#432b2b;padding:5px;display:none}


.topbarban3 {text-align:center;background: rgb(198,130,129);
background: linear-gradient(90deg, rgba(198,130,129,1) 0%, rgba(237,170,169,1) 100%);
color:#fff;padding:5px;}

.topbarban2 {text-align:center; background: rgb(207,148,161);
background: linear-gradient(90deg, rgba(207,148,161,1) 0%, rgba(222,178,195,1) 100%);color:#fff;padding:5px;}
.searchicon1 {font-size:1.3rem;} 

/* product page */

#product .ps_checkout.payment-method-logo-block.left {display:none;}

.rchart {background:#fff;border:1px solid #cdcdcd;border-radius:5px}
.rchart:hover,
.rchart:focus {
  background-color: #dcbebe;color:#333;}
.badge-warning {background-color:#dcbebe!important;}

@media (max-width:750px)
{
.rchart {width:100%}
}

#product .ns-box {border-radius:8px;}

#product .discount {background:#f1cace; color: #5d383c;}
.rprodcat {margin-bottom:5px;}
.dealio {background:#000;padding:5px;color:#fff;display:none;}
.backspan {background-color: #fff;
  opacity: 0.8;
  padding: 6px;
  border-radius: 5px;
border:1px solid #dcbebe;

}
@media (min-width: 776px) {
#product .add-to-cart {width:300px;}
.rprodcat {display:none;}
}
@media (max-width:575px) {
 
}

@media (max-width:750px)
{
#category #wrapper {padding-top:0rem;}
#wrapper .breadcrumb {display:none;}
 #product .product-tabs .nav-tabs {
    flex-direction: row!important;
    overflow: hidden;
    justify-content: center;}
.product-tabs .nav-tabs .nav-item {padding:5px 8px;}
#product .nav-tabs .nav-link {font-size:1rem;}
}

#product-details-tab-nav {display:none;}

#product .add-to-cart {border-radius:10px;xbox-shadow:0 6px 12px -4px #edaaa9 ;background:#000;font-size:1.2rem}
#product .add-to-cart:hover {box-shadow:
0 6px 12px -4px rgba(61,72,50,.8),0 4px 24px -3px #c68281;transform:translateY(-1px);}
#product .tax-shipping-delivery-label {display:none;}
.rcrumb {background: #fff;
    padding: 5px 10px;
    font-size: 0.9rem;
    border-radius: 5px}
.reviewzdiv {text-align:center;}
.reviewz {font-size:0.7rem;}
.pricex
{color: #00aa5b; margin-top: .2rem;font-size:1.2rem;padding-top:0.5rem;padding-bottom:0.5rem;
border:1px solid #00aa5b;
background:#d3f7e6;
border-radius:10px;
}
.product-variants .input-radio, .product-variants .radio-label {border-radius:10px;}
.product-variants .input-color:checked + span, .product-variants .input-color:hover + span, .product-variants .input-radio:checked + span, .product-variants .input-radio:hover + span {background:#f4e6e6;border:2px solid #dcbebe;}


@media (max-width: 767px) {
#product .col-product-image {background:#fff;}
#product #wrapper {padding-top:0rem;}
  #main-product-wrapper .product-add-to-cart {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.product-variants .input-radio, .product-variants .radio-label {background:#fff;}

/* category */


.category-description, .category-image {margin-bottom:1rem;}
#content-wrapper .page-title {margin-bottom:0.3rem;}
#category .breadcrumb {display:none;}
.category-description, .category-image {text-align:center;}

.category-image {clip-path:ellipse(95% 100% at 50% 0);}
.facet-title-dropdown {border: 1px solid #dcbebe !important;
  border-radius: 5px;
  background: #fff;
  font-size: 1.1rem;}

#category #content-wrapper {padding-left:0px;padding-right:0px;}
#category .price-countdown-wrapper {display:none;}
.product-flags .discount, .product-flags .on-sale {font-size:1.2rem;border-radius:10px;}
.products-selection .products-sort-nb-dropdown {display:none;}
#category .products-selection {display:none;}
.rad5 {border-radius:5px;}
#iqitmegamenu-mobile .text-reset {color:#663333!important;}

@media (max-width: 767px) {
#content-wrapper .page-title {margin-top:10px;}


#category #wrapper .container, .container-fluid {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }

#category #products {
    padding-left: 5px!important;
    padding-right: 5px!important;
  }



}

/*cart */

.greenbutton {background:#00aa5b;font-size:1.1rem;box-shadow:0 6px 12px -4px rgba(75,126,64,.65);border-radius:10px}
.greenbutton:hover {background:#52b03d!important;}
.greenbutton:active {background:#52b03d2!important;}
#blockcart-content .cart-totals {border-top:2px solid #dcbebe;}
#content-wrapper .product_header_container .page-title {font-size:1.9rem;margin-top:0.8rem;}

@media (max-width: 767px) {
.product_header_container {text-align:center;}
}

/* footer */


#footer .footer-style-3 .block-newsletter > h5 {font-size:1.2rem;}
#footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group {border-radius:10px;}
#footerx {clip-path:ellipse(180% 100% at 50% 100%);}
#footer .block-links ul > li a::before {content:"";}
#footer .block-links ul > li a {padding-left:0px;}
#footer-container-main > .container {padding-top:60px!important;}

@media (max-width: 767px) {
#footer .block-toggle > .block-title {font-size:1.5rem;text-align:center;}
#footer .block-links ul > li a {font-size:1.2rem;}
#footer .block-links ul > li {text-align:center;}
}

/* checkout */
#header, #checkout-header {background:#333;}
#checkout .logo {max-height:30px;}
.paymentlogo24 {max-width:150px;}
.h1co {font-size:1.5rem;text-align:center}
body#checkout section.checkout-step {border-radius:10px;}
body#checkout section.checkout-step .delivery-option > label > .row > div:first-child img {max-width:50px;}

/* cms */

#cms #content-wrapper .page-title {margin-bottom:0.4rem;margin-top:0.5rem}
@media (max-width: 767px) {
#cms #wrapper {padding-top:1.5rem;}
}
.contact-page-info {display:none!important;}
#cms #content-wrapper .page-title {text-align:center;}

/* contact */
.text-mid {text-align:center;}

.bluxcolor {color:#dcbebe;}
.text-mid {text-align:center;}
.richcontact21 {margin-top:20px;background:#fafafa;padding:10px;color:#666666;}

/* cookies */
.cookiesplus-more-information {display:none;}
.cookiecus {display:none;}
#cookiesplus-modal.cookiesplus-bottom {opacity:0.99;}
#cookiesplus-modal button.cookiesplus-reject {color:#333;}

/* footer */

.fa-instagram {font-size:2rem;color:#000;}
#footer .social-links._footer, #checkout-footer .social-links._footer {font-size:2rem;color:#000;}
.fa-facebook-f::before, .fa-facebook::before {color:#000;}

#blockcart-content hr {
  border: 0;
  height: 0;
}


/* black friday */
.bfpromo1 {padding: 10px;
  background: #dcbebe;
  color: #333;
  margin-bottom: 10px;
text-align:center;
font-size:0.9rem;
border-radius:10px;}

#blockcart-content .cart-title hr, #order-items table, #pagenotfound .page-not-found .search-widget input, #products .page-not-found .search-widget input, .mobile-menu__tab-row-break {margin:0.5rem;}

.pagination .page-list li {border-radius:50%;background:#fff;}
.pagination .page-list li.current {border-radius:50%;background:#fff;}


/* general classes */

/* Show only on small screens (mobile-first) */
.show-mobile-only {
  display: block; /* default */
}

@media (min-width: 768px) {
  .show-mobile-only {
    display: none !important;
  }
}



/* mobile menu */

.richmobmenulogo {
background-image: url(/img/cms/bhlux-logo-black.svg);
  background-size: contain;
  background-position: center;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
}

.mobile-menu__footer {margin-bottom:100px;}

.shipping-table {
  width: 100%;
  max-width: 600px;
  margin: 2rem auto;
  border-collapse: collapse;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #333;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.shipping-table caption {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 1rem;
  background: #f8f8f8;
  color: #444;
  text-align: center;
}

.shipping-table thead {
  background-color: #e8e4dc; /* soft beige tone */
  color: #333;
}

.shipping-table th, 
.shipping-table td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.shipping-table th {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.9rem;
}

.shipping-table tbody tr:hover {
  background-color: #fafafa;
}

.shipping-note {
  max-width: 600px;
  margin: 1rem auto;
  font-size: 0.9rem;
  color: #666;
  text-align: center;
  font-style: italic;
}



.contact-form .form-control {
  /* your custom styles */
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 12px;
  font-size: 15px;
background:#fff;
}

/* Apply only on the Contact page */
body#contact .contact-form .btn-primary {
  /* Default desktop styling stays as is */
}

/* Mobile view adjustments */
@media (max-width: 768px) {
  body#contact .contact-form .btn-primary {
    width: 100%;
    background-color: #333;
    color: #fff;
    border: none;
  }
}

/* WK consent */

.rconsentaccept {width:65%;background:#34C759!important;}
.rconsentreject {}
.wkdcbr{opacity:0.95;}

@media (max-width: 768px) {
.rconsentaccept {width:100%;}
}


/* Reassurance Bar (desktop only) */
.rb { display:none; }

@media (min-width:1025px) {
  .rb {
    display:block;
    border-top:0px solid #e6e6e6;
    border-bottom:0px solid #e6e6e6;
    
    font-size:0.9rem;
    line-height:1.3;
  }
  .rb__wrap {
  max-width:1200px;
  margin:0 auto;
  padding:2px 16px;
  display:grid;
  grid-template-columns:repeat(3, 1fr); /* was 4 */
  gap:12px;
}  .rb__item {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:10px 8px;
    text-align:center;
    color:#333;
    white-space:nowrap;
  }
  .rb__icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .rb__item svg { width:20px; height:20px; }
  .rb__text { letter-spacing:.2px; }
  .rb__item:hover { background:#dfc6c6; border-radius:8px; }
}

/* Optional: make links inside match text style if you ever wrap them */
.rb a { color:inherit; text-decoration:none; }
.rb a:hover { text-decoration:underline; }


/* Hide by default */
.rb-mobile { display: none; }

@media (max-width:1024px) {
  .rb-mobile {
    display: block;
    background-color: #dcbebe;
    color: #333;
    font-size: 11px;
box-shadow: inset 0 10px 15px -12px rgba(0,0,0,0.45);
  }

  .rbm__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
  }

  .rbm__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 6px;
    border-right: 1px solid #cca7a7;
  }

  .rbm__item:last-child {
    border-right: none;
  }

  .rbm__icon svg {
    fill: currentColor;
    width: 20px;
    height: 20px;
  }

  .rbm__text {
    line-height: 1.2;
  }
}


@media (min-width:1025px) {
  .rb__item:nth-child(2) {
    border-left: 1px solid #c9a9a9;
    border-right: 1px solid #c9a9a9;
  }
}

.inshad {box-shadow: inset 0 10px 15px -12px rgba(0,0,0,0.45);}

#index .simpleblog__listing__post__wrapper__content__headline {text-align:center;}
#index .simpleblog__listing__post__wrapper__content__headline {border-bottom:0px;font-size:1.5rem;}
.simpleblog__listing__post__wrapper__content__readmore span {color: #000;
  font-weight: bold;}

.simpleblog__listing__post__wrapper__content__headline {font-size:1.5rem;}

#module-ph_simpleblog-single #main {background:#fff;padding:10px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.02);}

.simpleblog__listing__post__wrapper {border:1px solid #ececec!important;background:#fff!important;padding:15px;border-radius:5px;font-weight:300;}
#index .simpleblog__listing__post__wrapper {border:1px solid #ececec!important;padding:10px;border-radius:8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);min-height:550px;margin:10px;}
#index .elementor-blog-post-miniature {background:none;border:none;font-size:1.1rem}




/* Blog Hero Section */
.sb-hero {
  padding: 40px 30px;
  background: #f7f7f7;
  border-radius: 6px;
  margin-bottom: 40px;
  text-align: left;
}

.sb-hero--home {
  background: #fff; /* subtle grey */
border:1px solid #ececec !important;
}

/* Headline */
.sb-hero .h1,
.sb-hero h1 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #333;
}

/* Subtext */
.sb-hero p.lead {
  font-size: 17px;
  color: #555;
  margin-bottom: 18px;
text-align:center;
  
}

/* Button */
.sb-hero .btn {
  padding: 10px 22px;
  border-radius: 4px;
  font-size: 15px;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .sb-hero {
    padding: 25px 20px;
  }

  .sb-hero .h1,
  .sb-hero h1 {
    font-size: 26px;
  }

  .sb-hero p.lead {
    font-size: 16px;
  }
}

#category .iqitreviews-simple {display:none;}


/* === BHLUX home category slider (MOBILE ONLY) === */

/* Show section by default (mobile) */
.bhlux-cat-slider {
  text-align: center;
  padding: 30px 0 10px;
}

/* Hide the whole slider on tablet & desktop */
@media (min-width: 768px) {
  .bhlux-cat-slider {
    display: none;
  }
}

.bhlux-cat-title {
  margin: 0 0 20px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* Horizontal scroll row – mobile */
.bhlux-cat-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 0 10px 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Hide scrollbar on mobile */
.bhlux-cat-row::-webkit-scrollbar {
  display: none;
}
.bhlux-cat-row {
  scrollbar-width: none;
}

/* Individual item */
.bhlux-cat-item {
  flex: 0 0 33.333%;          /* 3 visible on mobile */
  max-width: 80%;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;      /* image on top, text below */
  align-items: center;
  box-sizing: border-box;
}

/* Image */
.bhlux-cat-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px!important;
  overflow: hidden;
}

/* Text */
.bhlux-cat-eyebrow {
  margin-top: 8px;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.12em;
}

.bhlux-cat-label {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  font-weight: 500;
}

.bhlux-cat-label.highlight {
  color: #f25a3c;
}

/* === BHLUX Desktop/Tablet Category Grid === */

/* Hide grid on mobile */
@media (max-width: 767px) {
  .bhlux-cat-grid {
    display: none;
  }
}

/* Grid visible on tablet + desktop */
.bhlux-cat-grid {
  padding: 40px 0;
}

.bhlux-cat-grid-inner {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr); /* 4 items on desktop */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.bhlux-grid-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.bhlux-grid-item img {
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.bhlux-grid-label {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
}


/* Tablet (768px–1023px): show 2 items per row (2×2 grid) */
@media (min-width: 768px) and (max-width: 1023px) {
  .bhlux-cat-grid-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop/Tablet Title */
.bhlux-cat-grid-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 0 0 25px;
}

/* Hide title on mobile (mobile slider already has its own title) */
@media (max-width: 767px) {
  .bhlux-cat-grid-title {
    display: none;
  }
}

/*homepage slider */

.bf-hero {
  position: relative;
  width: 100%;
  min-height: 600px;
  overflow: hidden;
}
.bf-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.bf-slide-active {
  opacity: 1;
}

.bf-hero-inner {
  display: flex;
  height: 100%;
}

/* Same styles as Version A */
.bf-hero-left {
  background: #1e1e1e;
  color: #ffffff;
  padding: 60px 6vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 0 0 45%;
}

.bf-kicker { font-size: 48px; font-weight: 800; margin: 0; text-transform: uppercase; }
.bf-kicker-sub { background:#dc9a9a; padding:6px 12px; display:inline-block; margin:10px 0 20px; font-size:26px; font-weight:800; }
.bf-discount { font-size:40px; font-weight:700; text-transform:uppercase; margin:0 0 16px; }
.bf-discount span { font-size:56px; display:block; font-weight:800; }
.bf-btn { background:#dc9a9a; color:#fff; padding:14px 32px; border-radius:999px; text-decoration:none; font-weight:700; }
.bf-btn:hover { background:#c62828; }
.bf-hero-right { flex:1; background-size:cover; background-position:center; }
.bf-hero-left {
  text-align: center;
  align-items: center;
}


/* Mobile */
@media (max-width:900px){
  .bf-hero-inner { flex-direction:column; }
  .bf-hero-right { height:300px; }
}


.bf-hero-right-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

/* Prevent overlap in the discount block */
.bf-discount {
  line-height: 1.1;      /* a bit more breathing room */
}

.bf-discount span {
  display: block;        /* forces 80% OFF onto its own line */
  line-height: 1;        /* keeps the big number tight but not squashed */
  margin-top: 6px;       /* small gap between "UP TO" and "80% OFF" */
}

/* Optional: make all hero headings a bit more relaxed */
.bf-kicker,
.bf-kicker-sub,
.bf-subtext {
  line-height: 1.2;
}


.herobtn1 {max-width:200px;}


/* MOBILE HERO – container */
/* MOBILE HERO – hidden on desktop by default */
.mob-hero {
  position: relative;
  overflow: hidden;
}

.mob-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease-in-out;
}

.mob-slide-active {
  opacity: 1;
  pointer-events: auto;
}

/* your existing styling for image/text */
.mob-image img { width: 100%; display: block; }
.mob-content { padding: 24px 18px 32px; text-align: center; }

@media (max-width: 900px) {
  .mob-hero { display: block!important; }
  .bf-hero { display: none; }
}


/* MOBX */
/* hidden by default on larger screens */
.ck-mobile-hero {
    display: none;
}

/* MOBILE-ONLY LAYOUT */
@media (max-width: 768px) {

    .ck-mobile-hero {
        display: block;
    }

    /* top slideshow */
    .ck-mobile-slideshow {
        position: relative;
        width: 100%;
        height: 260px;
        overflow: hidden;
    }

    .ck-slide {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        animation: ckMobileFade 10s infinite;
    }

    .ck-slide.slide-1 {
       background-image: url('https://bhlux.de/img/cms/heroxox.jpg'); /* Black Friday */
        animation-delay: 0s;
    }

    .ck-slide.slide-2 {
        background-image: url('https://bhlux.de/img/cms/hero2.jpg'); /* Cyber Week */
        animation-delay: 5s;
    }

    /* fade animation */
    @keyframes ckMobileFade {
        0%   { opacity: 0; }
        10%  { opacity: 1; }
        45%  { opacity: 1; }
        55%  { opacity: 0; }
        100% { opacity: 0; }
    }

    /* mobile card container only (texts/buttons use the shared classes) */
    .ck-hero-mobile-card {
        position: relative;
        margin: -30px 16px 24px;
        padding: 24px 20px 26px;
        background: #ffffff;
        border-radius: 18px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        overflow: hidden;
    }
}

/* hidden by default on larger screens */
.bx-mobile-hero {
    display: none;
}

/* MOBILE-ONLY LAYOUT */
@media (max-width: 768px) {

    .bx-mobile-hero {
        display: block;
    }

    /* top slideshow */
    .bx-mobile-slideshow {
        position: relative;
        width: 100%;
        height: 450px;
        overflow: hidden;
    }

    .bx-slide {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        animation: bxMobileFade 18s infinite;
    }

    /* 3 slides, 6 seconds each */
    .bx-slide.slide-1 {
        background-image: url('https://bhlux.de/img/cms/mobhero1.jpg'); /* Black Friday */
        animation-delay: 0s;
    }

    .bx-slide.slide-2 {
        background-image: url('https://bhlux.de/img/cms/mobhero2.jpg'); /* Cyber Week */
        animation-delay: 6s;
    }

    .bx-slide.slide-3 {
        background-image: url('https://bhlux.de/img/cms/mobhero3.jpg'); /* 3 for 2 */
        animation-delay: 12s;
    }

    /* fade animation */
    @keyframes bxMobileFade {
        0%   { opacity: 0; }
        6%   { opacity: 1; }
        28%  { opacity: 1; }
        34%  { opacity: 0; }
        100% { opacity: 0; }
    }

    /* mobile card container only */
    .bx-hero-mobile-card {
        position: relative;
        padding: 24px 20px 26px;
        background: #333333;
        color: #ffffff;
        text-align: center;
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }

    .bx-hero-badge {
        display: inline-block;
        background: #dc9a9a;
        padding: 4px 10px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 999px;
        margin-bottom: 10px;
        letter-spacing: 1px;
    }

    .bx-hero-title {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .bx-hero-text {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .bx-btn-primary {
        display: inline-block;
        padding: 12px 26px;
        border-radius: 999px;
        background: #dc9a9a;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

    .bx-btn-primary:hover {
        background: #c62828;
    }

    /* optionally hide the desktop hero slider on mobile */
    .bf-hero {
        display: none !important;
    }
}