/** Shopify CDN: Minification failed

Line 6:0 Unexpected "`"

**/
```css
/* =========================
   TBBC RENT PAGE (Dawn)
   Final CSS (premium + responsive)
   Save as: assets/rent-page.css
   ========================= */

/* Root + tokens */
.tbbc-rent-root{
  --tbbc-bg:#0b0f0c;
  --tbbc-card:#111614;
  --tbbc-card2:#0f1412;
  --tbbc-line:rgba(255,255,255,.10);
  --tbbc-line2:rgba(255,255,255,.14);
  --tbbc-text:#eaeaea;
  --tbbc-muted:rgba(255,255,255,.72);
  --tbbc-muted2:rgba(255,255,255,.58);
  --tbbc-accent:#2A531A;
  --tbbc-accent2:#A28B5C;
  --tbbc-radius:16px;
  --tbbc-radius2:22px;
  --tbbc-shadow: 0 18px 50px rgba(0,0,0,.45);
  color: var(--tbbc-text);
}

/* Contain Dawn .rte defaults */
.tbbc-rent-root .rte,
.tbbc-rent-root p,
.tbbc-rent-root h1,
.tbbc-rent-root h2,
.tbbc-rent-root h3{
  color: inherit;
}

.tbbc-shell{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

.tbbc-muted{ color: var(--tbbc-muted); }

/* Links */
.tbbc-rent-root a{ text-decoration: none; }
.tbbc-rent-root a:hover{ opacity: .95; }

/* HERO */
.tbbc-hero{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(42,83,26,.35), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(162,139,92,.22), transparent 55%),
    linear-gradient(180deg, #0b0f0c 0%, #070a08 100%);
  border-bottom: 1px solid var(--tbbc-line);
  padding: 44px 0 28px;
}

.tbbc-hero h1{
  margin: 0 0 10px 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #fff;
}

.tbbc-hero .subhead{
  margin: 0 0 14px 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--tbbc-muted);
}

.tbbc-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom: 16px;
}

.tbbc-dot{ opacity:.55; }

.rentPills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 0 0 18px 0;
}

.pill{
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--tbbc-line);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1;
  backdrop-filter: blur(6px);
}

.tbbc-hero-top{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: start;
}

.tbbc-hero-ctas{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  margin: 10px 0 10px;
}

/* CTA buttons */
.tbbc-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(42,83,26,.95), rgba(28,60,18,.95));
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.tbbc-cta-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0,0,0,.45);
}

.tbbc-cta-btn.secondary{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--tbbc-line2);
  color: rgba(255,255,255,.92) !important;
  box-shadow: none;
}

/* Vibe bridge pills */
.vibe-bridge{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 14px;
}

.vibe-pill{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--tbbc-line);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
  font-size: 13px;
}

/* Hero visual cards */
.rent-hero-visual{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.bongWrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 14px 12px;
  border-radius: var(--tbbc-radius2);
  border: 1px solid var(--tbbc-line);
  background: rgba(255,255,255,.04);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.bongWrap:before{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 30% 20%, rgba(162,139,92,.20), transparent 55%),
              radial-gradient(circle at 70% 60%, rgba(42,83,26,.22), transparent 55%);
  transform: rotate(10deg);
  pointer-events:none;
}

.bongLabel{
  position: relative;
  z-index: 1;
  font-weight: 900;
  font-size: 13px;
  color: rgba(255,255,255,.92);
  margin-bottom: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.25);
}

.bongTap{
  position: relative;
  z-index: 1;
  margin-top: 10px;
  font-weight: 800;
  font-size: 13px;
  color: rgba(255,255,255,.88);
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

/* If you already have bong CSS elsewhere, keep it.
   This just ensures it doesn't break layout. */
.bong{
  position: relative;
  z-index: 1;
  transform: scale(.95);
}

/* PAGE BODY */
.tbbc-rent-page{
  background: linear-gradient(180deg, #070a08 0%, #0b0f0c 100%);
  padding: 26px 0 70px;
}

.tbbc-section{
  margin: 22px 0;
  padding: 18px 16px;
  border-radius: var(--tbbc-radius2);
  border: 1px solid var(--tbbc-line);
  background: rgba(255,255,255,.03);
}

.tbbc-section h2{
  margin: 0 0 14px 0;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: #fff;
}

.tbbc-section h3{
  margin: 0 0 8px 0;
  font-size: 16px;
  color: rgba(255,255,255,.92);
}

.tbbc-section p{
  margin: 0;
  color: var(--tbbc-muted);
  line-height: 1.55;
}

.tbbc-section-head{
  margin-bottom: 12px;
}

.tbbc-section-head p{
  margin-top: 6px;
  color: var(--tbbc-muted2);
}

/* Steps */
.steps-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.step-card{
  padding: 14px 14px;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

.step-num{
  width: 36px;
  height: 36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
  border: 1px solid var(--tbbc-line);
  background: rgba(42,83,26,.22);
  margin-bottom: 10px;
}

/* Pricing cards */
.pricing-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.price-card{
  padding: 16px 14px;
  border-radius: var(--tbbc-radius2);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
  position: relative;
  overflow: hidden;
}

.price-card.featured{
  border-color: rgba(162,139,92,.45);
  box-shadow: 0 18px 50px rgba(0,0,0,.40);
}

.price-card.party{
  border-color: rgba(42,83,26,.45);
}

.size-label{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 900;
  font-size: 14px;
  color: rgba(255,255,255,.95);
  margin-bottom: 10px;
}

.day-rate{
  font-size: 28px;
  font-weight: 950;
  color: #fff;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.day-rate span{
  font-size: 13px;
  font-weight: 800;
  color: var(--tbbc-muted);
  margin-left: 6px;
}

.deposit{
  color: var(--tbbc-muted);
  font-size: 13px;
  margin-bottom: 10px;
}

.best-for{
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* Session kits */
.session-kits-section{
  margin: 22px 0;
  padding: 18px 16px;
  border-radius: var(--tbbc-radius2);
  border: 1px solid var(--tbbc-line);
  background: rgba(255,255,255,.03);
}

.session-kits-section h2{
  margin: 0 0 10px 0;
  color: #fff;
}

.sk-sub{
  margin: 0 0 14px 0;
  color: var(--tbbc-muted);
  text-align: left;
}

.kits-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.kit-item{
  padding: 12px 12px;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

.kit-icon{
  font-size: 18px;
  margin-bottom: 8px;
}

.kit-name{
  font-weight: 900;
  font-size: 13px;
  color: rgba(255,255,255,.92);
  margin-bottom: 4px;
}

.kit-desc{
  font-size: 12px;
  color: var(--tbbc-muted);
  line-height: 1.35;
}

/* Refund table */
.refund-table-wrap{
  overflow: auto;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}
.refund-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}

.refund-table th,
.refund-table td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: left;
  color: rgba(255,255,255,.90);
  font-size: 13px;
}

.refund-table th{
  font-weight: 900;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.04);
}

.refund-note{
  margin-top: 12px !important;
  color: var(--tbbc-muted2);
  font-size: 12.5px;
  text-align: center;
}

/* Eligibility */
.eligibility-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.elig-item{
  padding: 12px 12px;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

.elig-item strong{
  display:block;
  margin-bottom: 6px;
  color: rgba(255,255,255,.92);
}

.elig-item p{
  color: var(--tbbc-muted);
  font-size: 13px;
  line-height: 1.45;
}

.hygiene-card{
  border-color: rgba(162,139,92,.35);
}

/* FAQ */
.faq-list{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.faq-item{
  padding: 12px 12px;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

.faq-item h3{
  margin: 0 0 6px 0;
  font-size: 14px;
  font-weight: 900;
}

.faq-item p{
  font-size: 13px;
  color: var(--tbbc-muted);
}

/* Loyalty + final CTA */
.loyalty-callout,
.final-cta{
  margin: 22px 0;
  padding: 18px 16px;
  border-radius: var(--tbbc-radius2);
  border: 1px solid var(--tbbc-line);
  background: linear-gradient(180deg, rgba(162,139,92,.10), rgba(255,255,255,.03));
}

.final-cta{
  background: linear-gradient(180deg, rgba(42,83,26,.14), rgba(255,255,255,.03));
}

.loyalty-callout h2,
.final-cta h2{
  margin: 0 0 10px 0;
  color: #fff;
}

.loyalty-callout p,
.final-cta p{
  margin: 0 0 14px 0;
  color: var(--tbbc-muted);
}

.cta-group{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}

/* Internal links */
.internal-links{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: var(--tbbc-radius);
  border: 1px solid var(--tbbc-line);
  background: rgba(0,0,0,.18);
}

.internal-links p{
  margin: 0;
  color: var(--tbbc-muted);
  font-size: 13px;
}

.internal-links a{
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Sticky mobile CTA */
.tbbc-sticky-cta{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 12px;
  background: rgba(11,15,12,.88);
  border-top: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  display: none;
  z-index: 9999;
}

.tbbc-sticky-cta a{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  font-weight: 950;
  background: linear-gradient(180deg, rgba(42,83,26,.95), rgba(28,60,18,.95));
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
}

/* Responsive */
@media (max-width: 990px){
  .tbbc-hero-top{ grid-template-columns: 1fr; }
  .rent-hero-visual{ grid-template-columns: 1fr 1fr; }
  .steps-grid{ grid-template-columns: 1fr; }
  .pricing-grid{ grid-template-columns: 1fr; }
  .kits-grid{ grid-template-columns: 1fr 1fr; }
  .eligibility-grid{ grid-template-columns: 1fr 1fr; }
  .faq-list{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .tbbc-hero{ padding: 34px 0 18px; }
  .tbbc-shell{ padding: 0 14px; }
  .tbbc-hero .subhead{ font-size: 15px; }

  .rentPills{ gap: 8px; }
  .pill{ font-size: 12px; padding: 8px 10px; }

  .rent-hero-visual{ grid-template-columns: 1fr; }
  .bongWrap{ min-height: 200px; }

  .tbbc-section,
  .session-kits-section,
  .loyalty-callout,
  .final-cta{
    padding: 16px 14px;
    border-radius: 18px;
  }

  .day-rate{ font-size: 26px; }

  .refund-table{ min-width: 460px; }

  /* Show sticky CTA on mobile */
  .tbbc-sticky-cta{ display: block; }

  /* Give page bottom space so sticky CTA doesn't cover content */
  .tbbc-rent-page{ padding-bottom: 110px; }
}

/* Ultra-small devices */
@media (max-width: 380px){
  .tbbc-hero h1{ font-size: 28px; }
  .tbbc-cta-btn{ width: 100%; }
  .tbbc-hero-ctas{ flex-direction: column; }
}
/* =========================
   VISIBILITY FIX (Dawn override)
   Put at END of rent-page.css
   ========================= */
.tbbc-rent-root{
  color: #eaeaea;
}

.tbbc-rent-root p,
.tbbc-rent-root h1,
.tbbc-rent-root h2,
.tbbc-rent-root h3,
.tbbc-rent-root a,
.tbbc-rent-root span,
.tbbc-rent-root li,
.tbbc-rent-root td,
.tbbc-rent-root th{
  color: inherit !important;
}

/* If Dawn forces link colors */
.tbbc-rent-root a{ color: #ffffff !important; }
.tbbc-rent-root .tbbc-muted{ color: rgba(255,255,255,.72) !important; }
@media (max-width: 640px){
  .price-card .tbbc-cta-btn{ width: 100%; }
  .day-rate{ font-size: 28px; }
  .best-for{ font-size: 13.5px; }
}
@media (max-width: 640px){
  .faq-item{ padding: 14px 14px; }
  .faq-item h3{ font-size: 14.5px; }
  .faq-item p{ font-size: 13.5px; }
}
/* Refund table readability */
.refund-table th,
.refund-table td{
  white-space: nowrap;
}

.refund-table td:last-child,
.refund-table th:last-child{
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.refund-table td strong,
.refund-table th strong{
  color: #fff;
}

.refund-table tbody tr:last-child td{
  background: rgba(255,255,255,.04);
}

@media (max-width: 640px){
  .refund-table{ min-width: 520px; } /* prevents squishing */
  .refund-note{ text-align: left; padding: 0 2px; }
}
/* Pricing card richness */
.tbbc-card-bullets{
  margin: 10px 0 14px;
  padding-left: 18px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.45;
}
.tbbc-card-bullets li{ margin: 6px 0; }
/* =========================
   FINAL POLISH (TBBC RENT)
   ========================= */

/* Refund table: align amounts + highlight total */
.refund-table td:last-child,
.refund-table th:last-child{
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.refund-table tbody tr:nth-last-child(2) td{
  color: rgba(255,255,255,.92);
}

.refund-table tbody tr:last-child td{
  background: rgba(255,255,255,.04);
}

/* Pricing card bullets: slightly richer */
.tbbc-card-bullets{
  margin: 10px 0 14px;
  padding-left: 18px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.45;
}
.tbbc-card-bullets li{ margin: 6px 0; }

/* Mobile: make CTAs full width inside cards */
@media (max-width: 640px){
  .price-card .tbbc-cta-btn{ width: 100%; }
  .best-for{ font-size: 13.5px; }
  .refund-note{ text-align: left; }
}
/* Hero card overlay: higher contrast + button feel */

.bongCta{
  position: relative;
  z-index: 2;
  margin-top: 10px;
  font-weight: 950;
  font-size: 13px;
  color: #fff;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(42,83,26,.95), rgba(28,60,18,.95));
  box-shadow: 0 14px 28px rgba(0,0,0,.45);
  transition: transform .15s ease, box-shadow .15s ease;
}

.bongWrap:hover .bongCta{
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0,0,0,.55);
}
/* Hero card: extra contrast + premium pop */
.bongWrap{
  background: rgba(255,255,255,.035);
}

.bongLabel{
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

.bongCta{
  text-transform: none;
  letter-spacing: .2px;
}