/** Shopify CDN: Minification failed

Line 297:0 Unexpected "/"

**/
/* ═══════════════════════════════════════════════════════
   SEFIRA COLLECTION BANNER CSS
   Order: menu → banner → title → crumbs → tabs → products
═══════════════════════════════════════════════════════ */

#sefira-collection-top {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ── Remove gap between header and banner ── */
.template-collection main.main-content,
.template-collection .js-page-collection.page-collection,
.template-collection .js-page-collection > .container,
.template-collection .page-collection__inner,
.template-collection .shopify-section:has(.js-page-collection) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.template-collection #sefira-collection-top {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Hide theme breadcrumb after JS extraction ── */
body.template-collection .shopify-section.sefira-breadcrumb-tabs-extracted,
body.template-collection .shopify-section:has(.wpbingo-breadcrumbs).sefira-breadcrumb-tabs-extracted {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.template-collection .wpbingo-breadcrumbs__inner {
  display: none !important;
}

body.template-collection
  .shopify-section:has(.wpbingo-breadcrumbs):not(.sefira-breadcrumb-tabs-extracted)
  .bwp_slider-carousel {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ══════════════════════════════════════════
   1. FULL-WIDTH BANNER
══════════════════════════════════════════ */
.sefira-collection-banner {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
  background: var(--sefira-banner-bg, #f5f5f5);
}

.sefira-collection-banner--sm { min-height: 140px; }
.sefira-collection-banner--md { min-height: 220px; }
.sefira-collection-banner--lg { min-height: 300px; }

.sefira-collection-banner__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.sefira-collection-banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--sefira-banner-image-position, center center);
  display: block;
}

.sefira-collection-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  
  opacity: var(--sefira-banner-overlay, 0.35);
  pointer-events: none;
}

/* ══════════════════════════════════════════
   2. TITLE + BREADCRUMBS
══════════════════════════════════════════ */
.sefira-collection-meta {
  text-align: center;
  padding: 18px 16px 4px;
  margin: 0;
  background: #ffffff;
}

.sefira-collection-meta__title {
  margin: 0 0 6px;
  padding: 0;
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 400;
  line-height: 1.2;
  color: #111111;
}

.sefira-collection-meta__crumbs {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #666666;
}

.sefira-collection-meta__crumbs a {
  color: #666666;
  text-decoration: none;
}

.sefira-collection-meta__crumbs a:hover {
  color: #111111;
  text-decoration: underline;
}

.sefira-collection-meta__current {
  color: #111111;
}

.sefira-collection-meta__sep {
  margin: 0 6px;
  color: #999999;
}
.sefira-collection-tab > a{
  font-size: 12px !important;
}
/* ══════════════════════════════════════════
   3. PILL TABS — WRAPPER
   KEY FIX: overflow visible on section,
   overflow-x auto only on scroll child
══════════════════════════════════════════ */
#sefira-collection-top #sefira-inline-collection-tabs,
#sefira-collection-top [data-sefira-tabs-from-breadcrumb],
#sefira-collection-top .sefira-collection-tabs-moved,
#sefira-collection-top .sefira-collection-tabs-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 6px 0 16px !important;
  background: transparent !important;
  overflow: visible !important; /* ← FIXED: was hidden, clipping tabs */
  min-height: 48px !important;
}

#sefira-collection-top .sefira-collection-tabs-section .page-width-tabs,
#sefira-collection-top .sefira-collection-tabs-moved.container {
  max-width: 100%;
  padding-left: 0;   /* ← scroll container handles its own padding */
  padding-right: 0;
  box-sizing: border-box;
  overflow: hidden;  /* clips scroll bar edge cleanly */
}

/* ── Scroll container — the ONLY element that scrolls ── */
.sefira-collection-tabs-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  gap: 8px;
  padding: 4px 16px 8px; /* side padding so first/last tab aren't flush */
  scrollbar-width: none; /* Firefox */
  box-sizing: border-box;
}

.sefira-collection-tabs-scroll::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}

/* ── Each tab pill — must not shrink ── */
.sefira-collection-tab {
  flex: 0 0 auto;
  scroll-snap-align: start;
}

/* ══════════════════════════════════════════
   4. PRODUCTS
══════════════════════════════════════════ */
.template-collection #JsCollectionProduct {
  margin-top: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .template-collection #JsCollectionProduct,
  .template-collection #JsCollectionProduct .js-collection-content-product,
  .template-collection #JsCollectionProduct #product-grid,
  .template-collection #JsCollectionProduct .products__layout {
    box-sizing: border-box;
  }
  body #sefira-inline-collection-tabs .sefira-collection-tabs-scroll {
        display: flex !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch!important;
        justify-content: flex-start !important;
    }
}

@media (min-width: 768px) {
  .template-collection #JsCollectionProduct,
  .template-collection #JsCollectionProduct .js-collection-content-product {
 
  }
}

.template-collection:has(#sefira-collection-top) .js-page-collection .page-collection__inner,
.template-collection:has(#sefira-collection-top) .collection-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}





/* ── FORCE FIX: tabs must never clip ── */
#sefira-collection-top,
#sefira-collection-top * {
  box-sizing: border-box;
}

#sefira-inline-collection-tabs {
  overflow: visible !important;
  width: 100% !important;
}

#sefira-inline-collection-tabs .page-width-tabs {
  overflow: hidden !important;
  width: 100% !important;
  padding: 0 !important;
}

#sefira-inline-collection-tabs .sefira-collection-tabs-scroll {
/*display: flex !important; */
    /* flex-wrap: nowrap; */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch!important;
    /* scrollbar-width: none !important; */
    /* width: 100% !important; */
     justify-content: center !important;
}

#sefira-inline-collection-tabs .sefira-collection-tabs-scroll::-webkit-scrollbar {
  display: none !important;
}

#sefira-inline-collection-tabs .sefira-collection-tab {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* ── Hide theme default breadcrumb ── */
.template-collection .wpbingo-breadcrumbs {
  display: none !important;
}
/* Product card border + hover effect */
.product-card {
  border: 1px solid #e0d5c5;
  border-radius: 4px;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.product-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}


/.sefira-badge-span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  background-color: #67353e;
  color: #F6E2E3;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  animation: badge-fade 0.4s ease-out forwards;
}

.sefira-badge-span::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: badge-shine 2.5s infinite;
  animation-delay: 0.4s;
}

@keyframes badge-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes badge-shine {
  0% { left: -100%; }
  50% { left: 150%; }
  100% { left: 150%; }
}