.hero-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.hero-badges span {
  background: var(--soft);
  border-left: 3px solid var(--orange);
  padding: 9px 12px;
  color: var(--muted);
  font-size: .9rem;
}
.hero-badges strong { color: var(--ink); font-size: 1.15rem; }
.hero-image { aspect-ratio: 16 / 9; object-fit: cover; }
.product-gallery.single { display: block; }
.product-gallery.single img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  background: var(--soft);
}
.value-pack {
  margin: 55px 0 30px;
  background: #171717;
  color: #fff;
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 48px;
  padding: 48px;
  align-items: center;
}
.value-pack h2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.05;
  margin: 0 0 18px;
}
.value-pack > div > p:not(.eyebrow) { color: #bbb; }
.pail-visual { position: relative; background: #fff; padding: 20px; }
.pail-visual img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.count-badge {
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: var(--orange);
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}
.count-badge strong { font-size: 1.8rem; line-height: 1; }
.value-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 28px;
}
.value-list article { border-top: 2px solid var(--orange); padding: 14px 0; }
.value-list strong, .value-list span { display: block; }
.value-list span { color: #bbb; font-size: .9rem; margin-top: 5px; }
.how-it-works { padding: 75px 0 20px; }
.offer-card { border-left: 4px solid var(--orange); background: var(--soft); padding: 16px 18px; margin: 0 0 24px; }
.offer-card strong,.offer-card span { display:block; }
.offer-card strong { font-size:1.35rem; }
.offer-card span { color:var(--muted); font-size:.9rem; margin-top:3px; }
.technical-note { background:#fff8ed; border:1px solid #f2d4ac; padding:18px 20px; margin:22px 0 0; color:#4d4033; }
.other-products { border-top:1px solid var(--line); }
.other-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:26px; }
.other-product-grid article { border:1px solid var(--line); background:var(--paper); }
.other-product-grid img { width:100%; aspect-ratio:1 / 1; object-fit:cover; background:var(--soft); }
.other-product-grid article>div { padding:18px; }
.other-product-grid h3 { margin:0 0 8px; font-size:1.25rem; }
.other-product-grid p { color:var(--muted); margin:0; }
@media (max-width: 850px) {
  .value-pack { grid-template-columns: 1fr; padding: 28px; }
  .value-list { grid-template-columns: 1fr; }
  .other-product-grid { grid-template-columns:1fr; }
}
@media (max-width: 560px) { .hero-badges { flex-direction: column; } }
.delivery-panel { margin-top:28px; padding:28px; background:var(--soft); border-left:4px solid var(--orange); }
.delivery-panel h3 { margin-top:0; font-size:1.45rem; }
.delivery-panel li { margin:8px 0; }
.delivery-panel p { color:var(--muted); margin-bottom:0; }
.faq { margin-top:65px; max-width:850px; }
.faq h2 { font-size:clamp(2rem,4vw,3rem); }
.faq details { border-top:1px solid var(--line); padding:18px 0; }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; font-weight:800; font-size:1.05rem; }
.faq details p { color:var(--muted); margin-bottom:0; }