/* Clawora — Bundles. Uses the theme's own tokens (colours, radius, fonts) so it follows the customizer. */
.bnd .bnd__track{ grid-auto-columns:calc((100% - var(--gap)) / 1.12); }
@media (min-width:750px){ .bnd .bnd__track{ grid-auto-columns:calc((100% - var(--gap)) / 2.05); } }
@media (min-width:1000px){ .bnd .bnd__track{ grid-auto-columns:100%; } }
.bnd__card{ display:block; position:relative; border-radius:var(--radius-lg); overflow:hidden; background:var(--bg2); aspect-ratio:4/5; text-decoration:none; transform:translateZ(0); }
@media (min-width:1000px){ .bnd__card{ aspect-ratio:5/2; } }
.bnd__card picture,.bnd__card img{ display:block; width:100%; height:100%; }
.bnd__card img{ object-fit:contain; transition:transform 1.1s var(--ease-out); }
@media (hover:hover){ .bnd__card:hover img{ transform:scale(1.015); } }
.bnd-hero{ border-radius:var(--radius-lg); overflow:hidden; background:var(--bg2); margin:0 0 26px; aspect-ratio:4/5; }
@media (min-width:1000px){ .bnd-hero{ aspect-ratio:5/2; } }
.bnd-hero picture,.bnd-hero img{ display:block; width:100%; height:100%; object-fit:contain; }

/* "What's inside" on a bundle's product page */
.bnd-in{ margin:18px 0 20px; border:1px solid var(--border); border-radius:var(--radius); padding:14px 14px 4px; background:var(--bg); }
.bnd-in__t{ font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; margin:0 0 6px; }
.bnd-in__t span{ color:var(--muted); font-weight:500; }
.bnd-in__list{ list-style:none; margin:0; padding:0; }
.bnd-in__list li{ display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--border); }
.bnd-in__list li:first-child{ border-top:0; }
.bnd-in__img{ width:58px; height:58px; flex:none; border-radius:8px; overflow:hidden; background:var(--bg2); display:block; }
.bnd-in__img img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.bnd-in__info{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.bnd-in__step{ font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.bnd-in__name{ font-size:14px; line-height:1.3; text-decoration:none; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.bnd-in__name:hover{ text-decoration:underline; }
.bnd-in__sold{ font-size:12px; color:var(--muted); }
.bnd-in__price{ font-size:13.5px; white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--muted); }
.bnd-in__sum{ margin:0 -14px; padding:10px 14px 8px; border-top:1px solid var(--border); }
.bnd-in__sum div{ display:flex; justify-content:space-between; gap:12px; padding:3px 0; font-size:14px; }
.bnd-in__sum dt{ color:var(--muted); } .bnd-in__sum dd{ margin:0; font-variant-numeric:tabular-nums; }
.bnd-in__sum .is-save dt,.bnd-in__sum .is-save dd{ color:var(--text); font-weight:600; }