/* Barcode Labels Bangalore V14 — consistent material layouts and marketplace filters.
   Loaded after ALL previous stylesheets, including V13. */
:root { --v14-ink:#15364d; --v14-accent:#216784; --v14-edge:#dce8ee; --v14-muted:#668496; --v14-canvas:#f6fafc; }

/* A real grid at EVERY breakpoint: prior versions gave this region both flex and grid properties. */
#material-shortcuts.material-shortcuts,
#material-shortcuts.material-directory-grid,
#homepage-materials.material-directory-grid,
#cms-material-directory.material-directory-grid,
.material-directory-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  grid-auto-flow:row!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 24px!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  scroll-snap-type:none!important;
}
#material-shortcuts .material-directory-card,
#homepage-materials .material-directory-card,
#cms-material-directory .material-directory-card,
.material-shortcuts .material-directory-card {
  display:flex!important; flex-direction:column!important;
  position:relative!important; width:100%!important;
  max-width:none!important; min-width:0!important;
  min-height:0!important; height:auto!important;
  flex:initial!important;
  scroll-snap-align:none!important;
  overflow:hidden!important;
  border:1px solid var(--v14-edge)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(21,54,77,.045)!important;
  text-decoration:none!important;
}
#material-shortcuts .v7-material-image,
#homepage-materials .v7-material-image,
#cms-material-directory .v7-material-image,
.material-directory-card .v7-material-image {
  display:flex!important; width:100%!important;
  height:auto!important; aspect-ratio:5 / 4!important;
  min-height:145px!important;
  flex:0 0 auto!important;
  align-items:center!important; justify-content:center!important;
  padding:10px!important;
  background:radial-gradient(ellipse at 50% 45%,#fff 38%,#f7fafc 100%)!important;
  overflow:hidden!important;
}
#material-shortcuts .v7-material-image img,
#homepage-materials .v7-material-image img,
#cms-material-directory .v7-material-image img {
  display:block!important; width:100%!important; height:100%!important;
  max-width:none!important; max-height:none!important;
  object-fit:contain!important; object-position:center!important;
  transform:scale(1.08); filter:none!important;
}
#material-shortcuts .material-card-copy,
#homepage-materials .material-card-copy,
#cms-material-directory .material-card-copy,
.material-directory-card .material-card-copy {
  display:flex!important; flex-direction:column!important;
  width:100%!important; min-width:0!important;
  padding:12px 22px 20px 14px!important;
  gap:5px!important;
  flex:1 1 auto!important;
  align-items:flex-start!important;
}
#material-shortcuts .material-card-copy strong,
#homepage-materials .material-card-copy strong,
#cms-material-directory .material-card-copy strong,
.material-directory-card .material-card-copy strong {
  display:block!important;
  width:100%!important; min-width:0!important;
  font-size:14px!important; font-weight:800!important;
  letter-spacing:-.2px!important; line-height:1.4!important;
  text-align:left!important; color:var(--v14-ink)!important;
  white-space:normal!important; word-break:normal!important;
  overflow-wrap:break-word!important; hyphens:manual!important;
  writing-mode:horizontal-tb!important;
}
#material-shortcuts .material-card-copy small,
#homepage-materials .material-card-copy small,
#cms-material-directory .material-card-copy small,
.material-directory-card .material-card-copy small {
  width:100%!important; min-width:0!important;
  font-size:11px!important; line-height:1.45!important;
  color:var(--v14-muted)!important; text-align:left!important;
  white-space:normal!important; word-break:normal!important;
  overflow-wrap:break-word!important; writing-mode:horizontal-tb!important;
}
.material-directory-card .material-arrow{font-size:15px!important;right:9px!important;bottom:12px!important;color:#337b93!important}
.material-directory-card:hover{border-color:#a9cad7!important;box-shadow:0 12px 30px rgba(21,54,77,.10)!important}
.material-directory-card:hover .v7-material-image img{transform:scale(1.13)!important}

/* More legible catalogue headings */
.shop-by-material-head, .directory-heading {align-items:flex-start!important; gap:10px!important;}
.shop-by-material-head h2,.directory-heading h2{font-size:24px!important;line-height:1.25!important}

/* Desktop marketplace sidebar */
.v7-shop-sidebar { border:1px solid var(--v14-edge)!important; border-radius:17px!important; box-shadow:0 7px 28px rgba(18,53,74,.06)!important;}
.v7-sidebar-top{position:relative; padding:17px 18px!important; background:linear-gradient(180deg,#f6fafc,#fff)!important}
.v7-sidebar-top strong{font-size:16px!important;font-weight:800!important;color:var(--v14-ink)!important}
.v7-clear{border:1px solid #c9dee9!important;border-radius:999px!important;padding:7px 12px!important;color:var(--v14-accent)!important;background:white!important}
.v7-sidebar-scroll{padding:0 16px 25px!important}
.v7-facet{border-bottom:1px solid #e6eef2!important; padding:12px 0!important;}
.v7-facet summary{font-weight:800!important;color:#23495f!important;font-size:12.5px!important;cursor:pointer;}
.v7-checkbox-row{border-radius:9px!important;min-height:37px!important;padding:5px 8px!important;gap:9px!important;}
.v7-checkbox-row:hover{background:#f2f8fa!important;}
.v7-checkbox-row input{accent-color:#176b88!important;}
.v7-checkbox-row input:checked + span{font-weight:800!important;color:#164e6d!important;}
.v7-checkbox-row em{background:#eaf2f6!important;color:#51788c!important;border-radius:8px!important;min-width:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.v7-facet-search,.v7-search-box input,.v7-price-fields input,.v7-compat-label input{background:#fafcfd!important;border-radius:10px!important;border-color:#d8e6ee!important;}
.v7-facet-options{scrollbar-width:thin;scrollbar-color:#b1c9d6 transparent;}
.v7-active-chip{border:1px solid #bddbe6!important;border-radius:100px!important;color:#1b5f79!important;background:#eff9fc!important;}
.v7-sidebar-footer{border-top:1px solid #dce8ef!important;background:white!important;}
.v7-sidebar-footer button{border-radius:12px!important;font-size:13px!important;font-weight:800!important;}
/* Number of available products is always visible on the apply action. */
.v14-filter-intro{margin:9px 0 2px;font-size:10.5px;color:#7991a0;line-height:1.45}
.v14-empty-facet{font-size:10.5px;color:#7b92a0;margin:6px 0 0}
.v14-selected-counter{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;min-width:20px;border-radius:999px;background:#e5f3f8;color:#1d637e;font-size:10px;font-weight:800}

@media (max-width:1040px) and (min-width:701px){
 #material-shortcuts.material-shortcuts,
 #material-shortcuts.material-directory-grid,
 #homepage-materials.material-directory-grid,
 #cms-material-directory.material-directory-grid,
 .material-directory-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:700px){
 #material-shortcuts.material-shortcuts,
 #material-shortcuts.material-directory-grid,
 #homepage-materials.material-directory-grid,
 #cms-material-directory.material-directory-grid,
 .material-directory-grid {
  display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important; width:100%!important; min-width:0!important; overflow:visible!important;
  margin-bottom:18px!important;
 }
 #material-shortcuts .material-directory-card,
 #homepage-materials .material-directory-card,
 #cms-material-directory .material-directory-card {min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;}
 #material-shortcuts .v7-material-image,
 #homepage-materials .v7-material-image,
 #cms-material-directory .v7-material-image {
  aspect-ratio:1.12!important; min-height:135px!important; padding:5px!important;
 }
 #material-shortcuts .v7-material-image img,
 #homepage-materials .v7-material-image img,
 #cms-material-directory .v7-material-image img {transform:scale(1.12)!important;}
 #material-shortcuts .material-card-copy,
 #homepage-materials .material-card-copy,
 #cms-material-directory .material-card-copy {padding:10px 15px 16px 11px!important;}
 #material-shortcuts .material-card-copy strong,
 #homepage-materials .material-card-copy strong,
 #cms-material-directory .material-card-copy strong {font-size:12px!important;line-height:1.4!important;word-break:normal!important;white-space:normal!important;overflow-wrap:break-word!important;}
 #material-shortcuts .material-card-copy small,
 #homepage-materials .material-card-copy small,
 #cms-material-directory .material-card-copy small {font-size:10px!important;line-height:1.4!important;}
 .shop-by-material-head,.directory-heading{flex-direction:column!important;gap:8px!important}
 .shop-by-material-head h2,.directory-heading h2{font-size:21px!important}
 .shop-by-material-head p,.directory-heading p{font-size:11px!important;line-height:1.55!important}
 .v7-shop-sidebar.v7-filter-visible{width:min(370px,92vw)!important;max-width:92vw!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;border-radius:0 22px 22px 0!important;z-index:5000!important}
 .v7-sidebar-top{position:sticky!important;top:0!important;z-index:2!important;padding:18px!important}
 .v7-sidebar-top strong{font-size:18px!important}
 .v7-panel-close{display:flex!important;width:39px!important;height:39px!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:#f1f7fa!important}
 .v7-sidebar-scroll{padding:3px 16px 15px!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .v7-checkbox-row{min-height:40px!important;}
 .v7-facet-options{max-height:255px!important;overflow-y:auto!important;}
 .v7-sidebar-footer{position:sticky!important;bottom:0!important;z-index:2!important;padding:12px 15px calc(12px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -3px 12px rgba(16,45,65,.06)!important}
 .v7-sidebar-footer button{min-height:46px!important;font-size:14px!important}
 .v7-active-chips{gap:7px!important}
 .v7-mobile-open{border-radius:10px!important;font-weight:800!important}
 body.v7-filter-open{overflow:hidden!important}
}
@media (max-width:360px){
 #material-shortcuts .material-card-copy strong,
 #homepage-materials .material-card-copy strong,
 #cms-material-directory .material-card-copy strong {font-size:11px!important}
 .v7-sidebar-top strong{font-size:16px!important}
}
/* Unavailable options are collapsed by default but remain discoverable. */
.v7-facet [data-unavailable="true"]{display:none!important;}
.v7-facet[data-show-unavailable="true"] [data-unavailable="true"]{display:flex!important;}
.v7-facet [data-unavailable="true"][hidden]{display:none!important;}
.v14-show-unavailable{display:block;width:100%;border:0;background:none;color:#477b92;font-weight:750;font-size:10.5px;padding:10px 6px 5px;text-align:left;cursor:pointer;}
.v14-show-unavailable:hover{text-decoration:underline}
.v7-facet [data-unavailable="true"] span{color:#8197a4!important;}
.v7-facet .v7-checkbox-row[hidden]{display:none!important;}
.v14-material-more{margin:-8px 0 22px;text-align:right;font-size:12px;font-weight:800;}
.v14-material-more a{color:#267b93;text-decoration:none}
.v14-material-more a:hover{text-decoration:underline}
@media(max-width:700px){.v14-material-more{text-align:left;margin:-4px 0 20px;font-size:12px;}}
@media(max-width:700px){
  /* The filter drawer must sit ABOVE its dark scrim. */
  #v7-drawer-mask{z-index:16000!important}
  .v7-shop-sidebar.v7-filter-visible{z-index:16002!important}
}