/* BioMascota · shared product-card presentation for smart shelves.
   The markup is ALWAYS commerce.home25.product-card. This file makes
   the current Wellness/Home25 card visually identical on PDP and home. */
@font-face{
  font-family:BioSans;
  src:url('/build/assets/instrument-sans-400-normal-DRC__1Mx.woff2') format('woff2');
  font-style:normal;font-weight:400;font-display:swap;
}
@font-face{
  font-family:BioSans;
  src:url('/build/assets/instrument-sans-600-normal-B7fBEWYG.woff2') format('woff2');
  font-style:normal;font-weight:600 900;font-display:swap;
}
.bm-smart-zone{
  --bio-border:#e0e9e8;
  --bio-green:#007b5d;
  width:100%;
  max-width:1800px;
  margin:18px auto 38px;
  padding:0;
  font-family:BioSans,Arial,sans-serif;
  color:#082542;
}
.bm-smart-zone.bm-smart-pdp{
  /* Match the entire PDP page-shell: same max width and responsive gutters. */
  width:100%;
  max-width:1820px;
  margin:35px auto 42px;
  padding-inline:clamp(16px,2.15vw,42px);
}
.bm-smart-zone .bm-smart-shelf{margin:25px 0 36px}
.bm-smart-zone .bio-section-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 8px;
}
.bm-smart-zone .bio-section-heading h2{
  margin:3px 0 0;font-size:clamp(22px,2.4vw,32px);
  color:#052c48;line-height:1.2;font-weight:850;letter-spacing:-.035em;
}
.bm-smart-zone .bio-section-heading a{
  color:#007d71;font-size:13px;text-decoration:none;white-space:nowrap;font-weight:700;
}
.bm-smart-eyebrow{
  display:block;color:#067e6a;font-size:10px;font-weight:800;letter-spacing:.11em;
}
.bm-smart-zone .bm-smart-description{
  font-size:14px;line-height:1.6;color:#59777a;margin:7px 0 17px;
}
.bm-smart-zone .bm-smart-grid.bio-product-grid.h25-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px;
  align-items:stretch;
}

/* Exact Wellness + Home25 card treatments, scoped to smart shelves.
   Do not create or maintain a second Blade card; reuse the original. */
.bm-smart-zone .bm-smart-grid > .bio-product-card.h25-card{
  background:#fff;
  border:1px solid #e0e9e8;
  border-radius:8px;
  padding:12px!important;
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  height:100%;
  box-shadow:none;
  color:#082542;
}
.bm-smart-zone .bio-product-card .bio-product-image{
  width:100%;
  height:150px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:4px;
  text-decoration:none;
}
.bm-smart-zone .bio-product-card .bio-product-image img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}
.bm-smart-zone .bio-product-card .bio-product-brand{
  display:block;
  font-size:10px;
  font-weight:400;
  color:#64817a;
  margin:3px 0 6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bm-smart-zone .bio-product-card .bio-product-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  min-height:32px;
  color:#1a375e;
  text-decoration:none;
  margin:0;
}
.bm-smart-zone .bio-product-card .bio-product-title:hover{color:#007b5d}
.bm-smart-zone .bio-product-card .h25-format{
  display:block;
  min-height:15px;
  margin-top:6px;
  font-size:10px;
  font-weight:400;
  line-height:1.5;
  color:#6e837a;
}
.bm-smart-zone .bio-product-card .h25-stock{
  display:block;
  font-size:9px;
  line-height:1.5;
  margin:7px 0;
  font-weight:650;
}
.bm-smart-zone .bio-product-card .bio-product-rating{
  display:block;font-size:10px;margin-top:3px;color:#24416b;
}
.bm-smart-zone .bio-product-card .bio-product-bottom{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:5px;margin-top:auto;padding-top:10px;
}
.bm-smart-zone .bio-product-card .h25-price-area strong{
  display:inline-block;
  font-size:21px;
  line-height:1.1;
  font-weight:850;
  color:#092c55;
  letter-spacing:-.35px;
}
.bm-smart-zone .bio-product-card .h25-price-area del{
  font-size:12px;color:#8591a7;margin-left:6px;
}
.bm-smart-zone .bio-product-card .h25-price-area .bio-price-pending{
  font-size:12px;
}
.bm-smart-zone .bio-product-card form[data-bm-quick-add]{
  display:block;margin:0;width:100%;
}
.bm-smart-zone .bio-product-card .h25-card-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:43px!important;
  height:auto!important;
  margin-top:11px!important;
  padding:11px 9px!important;
  border:1px solid #a8d8c4!important;
  border-radius:6px!important;
  background:#e7f5ef!important;
  color:#006b56!important;
  font-family:BioSans,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none;
  cursor:pointer;
}
.bm-smart-zone .bio-product-card .h25-card-action:hover:not(:disabled){
  background:#d5eddf!important;
  border-color:#58ab89!important;
}
.bm-smart-zone .bio-product-card .h25-card-action:focus-visible{
  outline:3px solid #07836a!important;outline-offset:3px;
}
.bm-smart-zone .bio-product-card .h25-card-action:disabled{
  opacity:.62;cursor:not-allowed;
}
.bm-smart-zone .bio-product-card .h25-prescription-note{
  display:block;
  color:#6b6f63;
  font-size:11px;
  line-height:1.35;
  margin-top:7px;
}
.bm-smart-zone .bio-product-card .bio-discount{
  position:absolute;left:6px;top:6px;z-index:2;
  padding:4px 5px;
  border-radius:4px;
  background:#e60039;
  color:#fff;
  font-size:10px;
  font-weight:750;
}

/* An unpopulated browsing history should not occupy a giant grid slot. */
.bm-smart-zone .bm-smart-empty{
  padding:16px 19px;
  border:1px solid #d7e7df;
  border-radius:11px;
  background:#f2f9f5;
  color:#244c55;
}
.bm-smart-zone .bm-smart-empty strong{
  display:block;
  font-size:14px;
  font-weight:800;
  margin-bottom:5px;
}
.bm-smart-zone .bm-smart-empty p{
  font-size:12px;line-height:1.5;margin:0;color:#55706e;
}
.bm-smart-zone .bm-smart-empty a{
  color:#007f64;
  font-weight:750;
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:3px;
}
.bm-smart-zone .bm-smart-empty--recent{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:74px;
}
.bm-smart-zone .bm-smart-empty--recent .bm-smart-empty-copy{
  flex:1;
  min-width:0;
}
.bm-smart-zone .bm-smart-empty--recent .bm-smart-empty-action{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:35px;
  padding:8px 12px;
  border:1px solid #bddbcd;
  border-radius:8px;
  background:#fff;
  white-space:nowrap;
  text-decoration:none;
}
.bm-smart-zone .bm-smart-disclaimer{
  font-size:12px;line-height:1.65;color:#557372;margin:13px 0 0;
}

@media(max-width:1190px){
  .bm-smart-zone .bm-smart-grid.bio-product-grid.h25-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .bm-smart-zone .bio-product-card .bio-product-image{height:125px}
}
@media(max-width:760px){
  .bm-smart-zone .bm-smart-grid.bio-product-grid.h25-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px;
  }
  .bm-smart-zone .bm-smart-grid > .bio-product-card.h25-card{padding:10px!important}
  .bm-smart-zone .bio-product-card .bio-product-image{height:120px}
  .bm-smart-zone .bio-product-card .bio-product-title{font-size:11px}
  .bm-smart-zone .bio-product-card .h25-price-area strong{font-size:20px}
  .bm-smart-zone .bio-section-heading{align-items:flex-start}
  .bm-smart-zone .bio-section-heading h2{font-size:22px}
  .bm-smart-zone.bm-smart-pdp{padding-inline:clamp(16px,2.15vw,42px)}
}
@media(max-width:600px){
  .bm-smart-zone .bm-smart-empty--recent{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}
@media(max-width:390px){
  .bm-smart-zone .bio-section-heading{
    flex-direction:column;
    gap:5px;
  }
  .bm-smart-zone .bio-section-heading a{white-space:normal}
  .bm-smart-zone .bio-product-card .bio-product-image{height:120px}
  .bm-smart-zone .bio-product-card .h25-price-area strong{font-size:18px}
}