/*
 * CNFigures Collector Reference Layout 7.1
 * Loaded after the legacy widget stylesheet. The reference rules are scoped to
 * data-reference-exact="yes" so other CNFigures Elementor widgets are untouched.
 */
.cnf-cl[data-reference-exact="yes"]{
  --cnf-ref-bg:#24262f;
  --cnf-ref-surface:#323540;
  --cnf-ref-surface-2:#3a3d49;
  --cnf-ref-border:#464a57;
  --cnf-ref-text:#fff;
  --cnf-ref-muted:#aeb4c2;
  --cnf-ref-purple:#965df5;
  --cnf-ref-cyan:#55d8ea;
  --cnf-ref-shadow:0 14px 32px rgba(0,0,0,.16);
  width:min(var(--cnf-ref-max,1880px),calc(100vw - 24px))!important;
  max-width:none!important;
  margin:0 0 0 50%!important;
  transform:translateX(-50%)!important;
  padding:38px 0 36px!important;
  color:var(--cnf-cl-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  overflow:visible!important;
}
.cnf-cl[data-reference-exact="yes"][data-reference-dark="yes"]{
  --cnf-cl-bg:var(--cnf-ref-bg);
  --cnf-cl-surface:var(--cnf-ref-surface);
  --cnf-cl-surface-2:var(--cnf-ref-surface-2);
  --cnf-cl-soft:var(--cnf-ref-surface-2);
  --cnf-cl-text:var(--cnf-ref-text);
  --cnf-cl-muted:var(--cnf-ref-muted);
  --cnf-cl-border:var(--cnf-ref-border);
  --cnf-cl-accent:var(--cnf-ref-purple);
  background:var(--cnf-ref-bg)!important;
  color:var(--cnf-ref-text)!important;
}
.cnf-cl[data-reference-exact="yes"] *{box-sizing:border-box}
.cnf-cl[data-reference-exact="yes"] :where(button,input,select,textarea,a,h1,h2,h3,h4,h5,h6,p,span,strong){font-family:inherit}

/* DESKTOP SHELL ------------------------------------------------------------ */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__body{
  display:grid!important;
  grid-template-columns:var(--cnf-ref-rail,58px) var(--cnf-ref-sidebar,292px) minmax(0,1fr)!important;
  gap:var(--cnf-ref-gap,16px)!important;
  align-items:start!important;
  width:100%!important;
}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__main{display:grid!important;gap:20px!important;min-width:0!important}

/* slim icon rail */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__rail{
  position:sticky!important;top:112px!important;z-index:6!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;
  padding:8px 6px!important;border:1px solid var(--cnf-ref-border)!important;
  border-radius:14px!important;background:#2c2f39!important;box-shadow:none!important;
}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__rail a{
  width:100%!important;aspect-ratio:1!important;display:grid!important;place-items:center!important;
  border-radius:9px!important;color:#89909f!important;font-size:19px!important;transition:.16s ease!important;
}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__rail a:first-child,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__rail a:hover{background:linear-gradient(145deg,#9c68ff,#7447df)!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__rail svg{width:21px!important;height:21px!important}

/* category sidebar */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__sidebar{position:sticky!important;top:112px!important;min-width:0!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important;padding:0 4px!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-head strong{font-size:20px!important;line-height:1.2!important;font-weight:850!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-head span{font-size:18px!important;color:#e6e8ee!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-groups{display:grid!important;gap:10px!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-group{overflow:hidden!important;border:0!important;border-radius:9px!important;background:#30333d!important;box-shadow:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-title{display:flex!important;align-items:center!important;gap:9px!important;padding:12px 14px!important;color:#fff!important;background:transparent!important;font-size:16px!important;line-height:1.15!important;font-weight:850!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-title:before{content:'›'!important;color:var(--cnf-ref-cyan)!important;font-size:20px!important;line-height:1!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-items{display:grid!important;background:#282b34!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-items a,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-items span{padding:9px 14px 9px 28px!important;border-top:0!important;color:#fff!important;background:transparent!important;font-size:14px!important;line-height:1.2!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__side-items a:hover{background:#393c47!important;color:#fff!important}

/* hero + right visual */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-row{display:grid!important;grid-template-columns:minmax(0,1fr) var(--cnf-cl-feature-w,360px)!important;gap:var(--cnf-ref-gap,16px)!important;width:100%!important;align-items:stretch!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__feature-tile{height:var(--cnf-ref-hero-h,365px)!important;min-height:0!important;border-radius:12px!important;background:#30333d!important;box-shadow:none!important;overflow:hidden!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__slide picture,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__slide picture img{width:100%!important;height:100%!important;display:block!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__slide picture img{object-fit:cover!important;object-position:center!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__slide:after{background:linear-gradient(90deg,rgba(21,22,28,.34),rgba(21,22,28,.08) 56%,transparent 78%)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-copy{left:32px!important;top:48%!important;max-width:58%!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-eyebrow{font-size:10px!important;letter-spacing:.075em!important;font-weight:750!important;color:rgba(255,255,255,.73)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-title{margin:8px 0 14px!important;font-size:var(--cnf-cl-ref-hero-title,54px)!important;line-height:.98!important;letter-spacing:-.035em!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.18)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-button{min-height:38px!important;padding:9px 17px!important;border-radius:999px!important;background:#14151a!important;color:#fff!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-chips{left:7px!important;right:7px!important;bottom:0!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-chip{padding:10px 15px!important;border:0!important;border-radius:10px 10px 0 0!important;background:rgba(43,46,56,.94)!important;color:#fff!important;font-size:17px!important;line-height:1.1!important;font-weight:900!important;box-shadow:0 -6px 18px rgba(0,0,0,.13)!important;backdrop-filter:blur(12px)!important}
/* Search stays fully functional in Elementor but the exact reference uses the header search. */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-search{display:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dots{left:50%!important;bottom:-39px!important;gap:7px!important;transform:translateX(-50%)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dot{width:8px!important;height:8px!important;background:#626774!important;opacity:1!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dot.is-active{width:8px!important;background:#9da3af!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__feature-tile img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__feature-label{left:10px!important;right:10px!important;bottom:9px!important;padding:10px 12px!important;border-radius:9px!important;background:rgba(45,48,59,.94)!important;color:#fff!important;font-size:clamp(24px,2vw,32px)!important;line-height:1!important;font-weight:900!important;text-align:center!important;backdrop-filter:blur(12px)!important}

/* desktop quick categories are represented by the sidebar/reference hero chips */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__quick{display:none!important}

/* Best Sellers + compact right column */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__content-row{display:grid!important;grid-template-columns:minmax(0,1fr) var(--cnf-cl-new-panel-w,360px)!important;gap:var(--cnf-ref-gap,16px)!important;align-items:start!important;margin-top:var(--cnf-ref-row-gap,78px)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__content-row--single{grid-template-columns:minmax(0,1fr)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__left-stack{display:grid!important;gap:20px!important;min-width:0!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__section-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__section-title{margin:0!important;color:#fff!important;font-size:var(--cnf-cl-section-title-size,34px)!important;line-height:1!important;letter-spacing:-.035em!important;font-weight:900!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__explore{color:#a2a8b5!important;font-size:12px!important;font-weight:650!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail{display:grid!important;grid-template-columns:repeat(var(--cnf-cl-best-cols,5),minmax(0,1fr))!important;gap:var(--cnf-cl-product-gap,14px)!important;margin-top:14px!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product{overflow:hidden!important;border:1px solid #4a4e5a!important;border-radius:12px!important;background:#3a3d47!important;color:#fff!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product:hover{transform:translateY(-2px)!important;box-shadow:0 12px 25px rgba(0,0,0,.17)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product-media{aspect-ratio:1/1.03!important;overflow:hidden!important;background:#d4d5d9!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product-media img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product-title{padding:9px 10px 3px!important;color:#fff!important;font-size:12px!important;line-height:1.22!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__product-excerpt{display:-webkit-box!important;padding:0 10px 10px!important;color:#9ea5b3!important;font-size:9px!important;line-height:1.25!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__new-panel{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__new-panel>.cnf-cl__section-title{margin:0 0 18px!important;font-size:32px!important}
/* The supplied desktop reference uses the right area for Blind Box brand/pick cards. */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__new-feature{display:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__brand-title{margin:0 0 11px!important;padding:10px 12px!important;border-radius:8px!important;background:#343741!important;color:#fff!important;font-size:15px!important;line-height:1.15!important;font-weight:850!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__brands{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__brand{position:relative!important;overflow:hidden!important;aspect-ratio:1!important;border:1px solid #484c58!important;border-radius:8px!important;background:#383b45!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__brand img{width:100%!important;height:100%!important;object-fit:cover!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__brand-badge{right:4px!important;bottom:4px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:var(--cnf-ref-cyan)!important;color:#1a202a!important;font-size:9px!important;font-weight:900!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-tabs,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid{display:none!important}

/* Full-width catalog below the reference first viewport. */
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog-wide-wrap{width:100%!important;max-width:none!important;margin:28px 0 0!important;clear:both!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog{width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;border:1px solid #464a57!important;border-radius:14px!important;background:#30333c!important;overflow:hidden!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog-clearance{display:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog-head h2{color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog-head .cnf-section-summary{color:#aeb4c2!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__result-count{border-color:#4a4e59!important;background:#393c46!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__search,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__sort-control{border-color:#4a4e59!important;background:#262932!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__search input,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__sort-control select{color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__toolbar{border-color:#474b57!important;background:#292c35!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__pills a{border-color:#4a4e59!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__pills a.is-active{border-color:var(--cnf-ref-purple)!important;background:var(--cnf-ref-purple)!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card,
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-cl__product{border-color:#484c58!important;background:#3a3d47!important;color:#fff!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__grid{display:grid!important;grid-template-columns:repeat(var(--cnf-cl-catalog-cols,5),minmax(0,1fr))!important;gap:var(--cnf-cl-catalog-gap,18px)!important;align-items:stretch!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card{display:flex!important;flex:initial!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #484c58!important;border-radius:12px!important;background:#3a3d47!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__media{display:flex!important;width:100%!important;aspect-ratio:1/1!important;padding:8px!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#d6d7dc!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__media img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__body{display:flex!important;flex:1!important;flex-direction:column!important;padding:10px!important;background:#3a3d47!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__badge{align-self:flex-start!important;margin:0 0 6px!important;padding:4px 7px!important;border-radius:999px!important;background:#4a4e5b!important;color:#c9ced9!important;font-size:9px!important;font-weight:800!important;line-height:1!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card h3{display:-webkit-box!important;min-height:2.4em!important;margin:0 0 9px!important;overflow:hidden!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__button{display:flex!important;min-height:36px!important;margin-top:auto!important;padding:8px 10px!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#282b34!important;color:#fff!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}
.cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card__button:hover{background:var(--cnf-ref-purple)!important}

/* TABLET ------------------------------------------------------------------- */
@media (max-width:1180px) and (min-width:1025px){
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__body{grid-template-columns:var(--cnf-ref-sidebar,230px) minmax(0,1fr)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__rail{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-row{grid-template-columns:minmax(0,1fr) minmax(240px,30%)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__content-row{grid-template-columns:minmax(0,1fr) minmax(260px,30%)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product:nth-child(n+5){display:none!important}
}

/* MOBILE REFERENCE --------------------------------------------------------- */
@media (max-width:1024px){
  .cnf-cl[data-reference-exact="yes"]{
    width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;
    padding:14px var(--cnf-cl-mobile-pad,14px) calc(84px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;background:var(--cnf-ref-bg)!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__body{display:block!important;width:100%!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__rail,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__sidebar,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__feature-tile,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__new-panel{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__main{display:flex!important;flex-direction:column!important;gap:22px!important;width:100%!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-row{display:block!important;order:1!important;width:100%!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero{
    width:100%!important;height:auto!important;aspect-ratio:2.28/1!important;min-height:0!important;
    border-radius:18px!important;background:#30333d!important;box-shadow:none!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__slide:after{background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 58%)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__slide picture img{object-fit:cover!important;object-position:center!important}
  /* Mobile reference art carries its own title/text; avoid a second overlay. */
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-copy,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-button,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-chips,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-search{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dots{bottom:-18px!important;gap:6px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dot{width:6px!important;height:6px!important;background:#747987!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dot.is-active{width:6px!important;background:#c4c8d0!important}

  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick{
    order:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:var(--cnf-cl-mobile-quick-gap,10px)!important;width:100%!important;margin:15px 0 1px!important;overflow:visible!important;
  }
  .cnf-cl[data-reference-exact="yes"][data-mobile-quick="no"] .cnf-cl__quick{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-item{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:center!important;color:#fff!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-icon{
    width:min(var(--cnf-cl-quick-size,70px),19vw)!important;height:min(var(--cnf-cl-quick-size,70px),19vw)!important;
    display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;
    background:linear-gradient(145deg,#a66dff,#8657f2)!important;color:#202532!important;box-shadow:none!important;overflow:hidden!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-item:nth-child(2) .cnf-cl__quick-icon{background:linear-gradient(145deg,#86c1ff,#76a9ff)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-item:nth-child(3) .cnf-cl__quick-icon{background:linear-gradient(145deg,#db83ef,#bb69e5)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-item:nth-child(4) .cnf-cl__quick-icon{background:linear-gradient(145deg,#63e7ec,#4fd3dd)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-icon svg{width:34px!important;height:34px!important;stroke:#202532!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-title{max-width:100%!important;color:#fff!important;font-size:var(--cnf-cl-mobile-quick-title,14px)!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .cnf-cl[data-reference-exact="yes"] .cnf-cl__content-row{display:contents!important;margin:0!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__left-stack{display:contents!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__best{order:3!important;width:100%!important;margin-top:3px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__section-title-row{align-items:center!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__section-title{font-size:var(--cnf-cl-mobile-heading,30px)!important;color:#fff!important;line-height:1!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__explore{color:#7f8592!important;font-size:11px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail{
    display:flex!important;width:calc(100% + var(--cnf-cl-mobile-pad,14px))!important;max-width:none!important;
    gap:var(--cnf-cl-mobile-product-gap,10px)!important;overflow-x:auto!important;overflow-y:hidden!important;
    margin:12px calc(var(--cnf-cl-mobile-pad,14px) * -1) 0 0!important;padding:0 var(--cnf-cl-mobile-pad,14px) 4px 0!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail::-webkit-scrollbar{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product{
    display:flex!important;flex:0 0 var(--cnf-cl-mobile-card-w,31.5%)!important;width:var(--cnf-cl-mobile-card-w,31.5%)!important;
    min-width:103px!important;max-width:190px!important;border:0!important;border-radius:15px!important;background:transparent!important;scroll-snap-align:start!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product-media{width:100%!important;height:auto!important;aspect-ratio:2/1!important;border-radius:15px!important;background:#d7d8dc!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product-media img{object-fit:cover!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product-title,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product-excerpt{display:none!important}

  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-tabs{
    order:4!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;
    min-height:var(--cnf-cl-mobile-tab-h,58px)!important;margin:3px 0 0!important;padding:5px!important;
    border:0!important;border-radius:18px!important;background:#353842!important;
  }
  .cnf-cl[data-reference-exact="yes"][data-mobile-tabs="no"] .cnf-cl__mobile-tabs,
  .cnf-cl[data-reference-exact="yes"][data-mobile-tabs="no"] .cnf-cl__mobile-grid{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__tab{position:relative!important;min-height:48px!important;padding:10px 8px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#fff!important;font-size:clamp(14px,3.7vw,18px)!important;font-weight:850!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__tab.is-active{background:#2b2e37!important;box-shadow:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__tab.is-active:after{content:''!important;position:absolute!important;left:38%!important;right:38%!important;bottom:4px!important;height:3px!important;border-radius:4px!important;background:linear-gradient(90deg,#7b5aff,#5cdde8)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid{order:5!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--cnf-cl-mobile-grid-gap,12px)!important;width:100%!important;margin:0!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid[hidden]{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid .cnf-cl__product{border:0!important;border-radius:17px!important;background:transparent!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid .cnf-cl__product-media{aspect-ratio:1/1.02!important;border-radius:17px!important;background:#d7d8dc!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid .cnf-cl__product-media img{object-fit:cover!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid .cnf-cl__product-title,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-grid .cnf-cl__product-excerpt{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__mobile-brand-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}

  .cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog-wide-wrap{order:6!important;width:100%!important;margin-top:4px!important}
  .cnf-cl[data-reference-exact="yes"][data-mobile-catalog="no"] .cnf-cl__catalog-wide-wrap{display:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog{padding:14px 0 5px!important;border:0!important;border-radius:0!important;background:transparent!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-catalog__grid{grid-template-columns:repeat(var(--cnf-cl-catalog-cols,2),minmax(0,1fr))!important;gap:12px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-product-card,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__catalog .cnf-cl__product{border-color:#444854!important;background:#30333d!important;color:#fff!important}

  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-nav{
    position:fixed!important;z-index:99995!important;left:0!important;right:0!important;bottom:0!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;margin:0!important;
    padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    border-top:1px solid #3f424d!important;background:rgba(32,34,42,.97)!important;backdrop-filter:blur(18px)!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item{display:flex!important;min-height:57px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#9298a6!important;font-size:var(--cnf-cl-mobile-nav-label,12px)!important;font-weight:800!important;line-height:1.1!important;text-align:center!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item svg{width:var(--cnf-cl-mobile-nav-icon,24px)!important;height:var(--cnf-cl-mobile-nav-icon,24px)!important;stroke:currentColor!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item.is-active{color:#58dbe8!important}
}

@media(max-width:520px){
  .cnf-cl[data-reference-exact="yes"]{padding-left:var(--cnf-cl-mobile-pad,12px)!important;padding-right:var(--cnf-cl-mobile-pad,12px)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero{aspect-ratio:2.2/1!important;border-radius:16px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick{gap:var(--cnf-cl-mobile-quick-gap,7px)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-icon{width:min(var(--cnf-cl-quick-size,66px),19vw)!important;height:min(var(--cnf-cl-quick-size,66px),19vw)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-title{font-size:min(var(--cnf-cl-mobile-quick-title,13px),3.5vw)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__section-title{font-size:min(var(--cnf-cl-mobile-heading,29px),7.8vw)!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__product-rail .cnf-cl__product{flex-basis:var(--cnf-cl-mobile-card-w,32.2%)!important;width:var(--cnf-cl-mobile-card-w,32.2%)!important;min-width:96px!important}
}

/* Elementor header image-search action. */
body.cnf-reference-home .cnf-e-header__inline-search{position:relative}
body.cnf-reference-home .cnf-e-header__image-search{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;color:#fff!important;text-decoration:none!important;transition:background-color .18s ease,transform .18s ease}
body.cnf-reference-home .cnf-e-header__image-search:hover{background:#3b3f4c!important;transform:translateY(-1px)}
body.cnf-reference-home .cnf-e-header__image-search svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
@media(max-width:520px){body.cnf-reference-home .cnf-e-header__image-search{width:29px;height:29px;flex-basis:29px}}

/* --------------------------------------------------------------------------
   7.2 header colour synchronization
   Keep the Collector header in the same dark surface as the landing shell.
   This intentionally targets both the Elementor header widget and the native
   fallback header so the colour does not change between templates/query URLs.
   -------------------------------------------------------------------------- */
.cnf-e-header--collector,
.elementor-location-header .cnf-e-header--collector,
.cnf-site-header--collector{
  background:#24262f!important;
  background-color:#24262f!important;
  color:#fff!important;
  border-bottom-color:#383b47!important;
}
.cnf-e-header--collector.is-scrolled,
.cnf-site-header--collector.is-sticky{
  background:rgba(36,38,47,.97)!important;
  background-color:rgba(36,38,47,.97)!important;
}
.cnf-e-header--collector nav a,
.cnf-e-header--collector .cnf-e-header__logo--text,
.cnf-site-header--collector .cnf-nav a,
.cnf-site-header--collector .cnf-text-logo{
  color:#fff!important;
}
.cnf-e-header--collector .cnf-e-header__inline-search,
.cnf-site-header--collector .cnf-header-search{
  background:#2d303a!important;
  border-color:#474b58!important;
  color:#fff!important;
}
.cnf-e-header--collector .cnf-e-header__inline-search input,
.cnf-site-header--collector .cnf-header-search input{
  color:#fff!important;
  background:transparent!important;
}
.cnf-e-header--collector .cnf-e-header__inline-search input::placeholder,
.cnf-site-header--collector .cnf-header-search input::placeholder{
  color:#9298a6!important;
}
.cnf-e-header--collector .cnf-e-header__inline-search-icon,
.cnf-e-header--collector .cnf-e-header__image-search,
.cnf-site-header--collector .cnf-header-image-search{
  color:#c7ccd7!important;
}
.cnf-e-header--collector .cnf-e-header__desktop .sub-menu,
.cnf-site-header--collector .cnf-nav .sub-menu{
  background:#2d303a!important;
  border-color:#474b58!important;
  color:#fff!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
.cnf-e-header--collector .cnf-e-header__desktop .sub-menu a,
.cnf-site-header--collector .cnf-nav .sub-menu a{
  color:#fff!important;
}
.cnf-e-header--collector .cnf-e-header__desktop .sub-menu a:hover,
.cnf-e-header--collector .cnf-e-header__desktop .sub-menu .current-menu-item>a,
.cnf-site-header--collector .cnf-nav .sub-menu a:hover,
.cnf-site-header--collector .cnf-nav .sub-menu .current-menu-item>a{
  background:#3a3d48!important;
  color:#fff!important;
}
.cnf-e-header--collector .cnf-e-header__action,
.cnf-site-header--collector .cnf-pill{
  color:#fff!important;
  border-color:#474b58!important;
  background:#2d303a!important;
}
.cnf-e-header--collector .cnf-e-header__action:hover,
.cnf-site-header--collector .cnf-pill:hover{
  color:#fff!important;
  border-color:#5b6070!important;
  background:#3a3d48!important;
}
.cnf-e-header--collector .cnf-e-header__account,
.cnf-site-header--collector .cnf-account-pill{
  background:#fff!important;
  border-color:#fff!important;
  color:#24262f!important;
}
@media(max-width:1024px){
  .cnf-e-header--collector,
  .elementor-location-header .cnf-e-header--collector,
  .cnf-site-header--collector{background:#24262f!important}
  .cnf-e-header--collector .cnf-e-header__cart,
  .cnf-site-header--collector .cnf-cart-pill{background:transparent!important;border-color:transparent!important;color:#fff!important}
}


/* ==========================================================================\n   7.3 — sitewide surface consistency + dependable mobile actions\n   ========================================================================== */
body.cnf-sitewide-collector-palette .cnf-e-footer,
body.cnf-sitewide-collector-palette .cnf-e-footer__inner,
body.cnf-sitewide-collector-palette .cnf-e-footer__bottom{
  background:#20222a!important;
  color:#aeb4c2!important;
  border-color:#393d48!important;
}
body.cnf-sitewide-collector-palette .cnf-e-footer__col-title,
body.cnf-sitewide-collector-palette .cnf-e-footer__brand strong{color:#fff!important}
body.cnf-sitewide-collector-palette .cnf-e-footer a{color:#c5cad5!important}
body.cnf-sitewide-collector-palette .cnf-e-footer a:hover{color:#55d8ea!important}

@media(max-width:1024px){
  .cnf-cl[data-reference-exact="yes"] :where(.cnf-cl__quick-item,.cnf-cl__bottom-item,.cnf-cl__explore,.cnf-cl__hero-button,.cnf-cl__hero-chip,.cnf-cl__product,.cnf-cl__brand,.cnf-catalog__pills a,.cnf-catalog__pagination a,.cnf-catalog__search button,.cnf-cl__tab){
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    position:relative;
    z-index:3;
  }
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-copy,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-search,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-chips,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__hero-dots{pointer-events:auto!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__slide:after{pointer-events:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-nav{pointer-events:auto!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item{min-width:0!important;min-height:58px!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-item{min-width:0!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-icon{pointer-events:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__quick-title,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item span,
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__bottom-item svg{pointer-events:none!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-cl__tab{min-height:48px!important;cursor:pointer!important}
  .cnf-cl[data-reference-exact="yes"] .cnf-catalog__search button{min-height:44px!important;cursor:pointer!important}
}
