/** Shopify CDN: Minification failed

Line 139:0 Expected ")" to go with "("

**/
/* rental.js – ▸ VIRGIL-GPE-Rental Whole File Custom
   ================================================= */

/* ★ rental header row
   ------------------------------------------------- */
.rental-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:.4rem;
  gap:.35rem;                 /* a hair more spacing       */
  font-size:.85rem;           /* row base size bumped up   */
}
/* ① Mark the header as a container */
.rental-card-header{
  container-type:inline-size;          /* only the header’s own width matters */
}

/* ② Hide badge when header gets < 220 px */
@container (max-width: 210px){
  .rental-badge{display:none;}
}

/* SKU – bigger & vertically centred */
.rental-sku{
  font-weight:600;
  flex:1 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.92rem;           /* ↑ slightly larger         */
  display:flex;               /* enables vertical centring */
  align-items:center;
  line-height:1;              /* kill extra line spacing   */
}

/* Availability badge */
.rental-badge{
  font-size:.72rem;
  padding:.15rem .55rem;
  border-radius:9999px;
  white-space:nowrap;
}
.rental-badge.available{background:#e6f7e9;color:#137333;}
.rental-badge.call{background:#fffbe6;color:#8a6d3b;}
  @media (max-width:1000px){
  .rental-badge{display:none;}
}
/* ➕ button (unchanged) */
.rental-plus{
  flex:0 0 28px;
  height:28px;
  border:none;
  border-radius:50%;
  background:#ff6a00;
  color:#fff;
  font:700 1.3rem/1 Arial,sans-serif;
  cursor:pointer;
}

/* Badge + ➕ live inside .rental-controls */
.rental-controls{
  display:inline-flex;
  align-items:center;
  gap:.25rem;                 /* badge → plus spacing      */
}

/* ★ pricing bar
   ------------------------------------------------- */
.rate-strip{
  display:flex;
  gap:0;
  border:1px solid var(--color-border,#e5e5e5);
  border-radius:12px;
  margin-top:.5rem;
  overflow:hidden;
  font-size:.78rem;
}
.rate-strip__cell{flex:1 1 0;text-align:center;padding:.65rem .4rem;}
.rate-strip__cell+ .rate-strip__cell{border-left:1px solid var(--color-border,#e5e5e5);}
.rate-strip__price{display:block;font-weight:700;line-height:1.1;}
.rate-strip__label{opacity:.72;text-transform:capitalize;font-size:.75em;white-space:nowrap;}

@media(max-width:480px){
  .rate-strip__price{font-size:.85rem;}
  .rate-strip__label{font-size:.65rem;}
}

/* ── mini toast ─────────────────────────────────── */
#rental-toast{
  position:fixed;
  left:50%; bottom:1.25rem;
  transform:translateX(-50%) translateY(100%);
  background:#222; color:#fff;
  font:600 .85rem/1.3 system-ui,sans-serif;
  padding:.55rem 1rem; border-radius:6px;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  opacity:0; pointer-events:none;
  transition:transform .28s ease,opacity .28s ease;
  z-index:10000;
}
#rental-toast.show{
  transform:translateX(-50%) translateY(0);
  opacity:1; pointer-events:auto;
}

/* ➕ neutral / hover / added states */
.rental-add{
  width:28px; height:28px;
  display:inline-flex; justify-content:center; align-items:center;
  border:1.5px solid #9a9a9a;
  border-radius:50%;
  background:#fff;
  color:#333;
  font:700 1rem/1 Arial,sans-serif;
  padding:0;
  cursor:pointer;
  transition:background .2s, border .2s;
}
.rental-add:hover{background:#f2f2f2;}
.rental-add.is-added{background:#4caf50;border-color:#4caf50;color:#fff;}
.rental-add.is-added::before{content:none}

/* ---------- floating rental-cart button ---------- */
#rental-fab{
  position:fixed;right:1.25rem;bottom:1.25rem;z-index:10010;
  width:54px;height:54px;border-radius:50%;border:0;
  background:#4caf50;color:#fff;font:600 0.9rem/1.1 Arial,sans-serif;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(0,0,0,.3);
  cursor:pointer;opacity:0;transform:scale(.