/* Premium bundle card + shared countdown — Phase 13.6 (visual polish).
   Aligned to the Premium White system: the card uses the same surface/hairline/
   soft-shadow PANEL pattern as .rui-product-purchase__inner, the same 3:4 media,
   eyebrow, and outline-gold CTA as .rui-pcard — distinct from the plain product
   card only through the bundle cues (thumbnails, savings, countdown). All tokens. */

/* ---------- Shared countdown (cards + bundle details) — compact, low-noise ---------- */
.rui-countdown{display:inline-flex;align-items:flex-end;gap:.55rem}
.rui-countdown__seg{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.rui-countdown__seg b{font-size:.95rem;font-weight:700;color:var(--rui-text);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.rui-countdown__seg i{margin-block-start:.2rem;font-style:normal;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--rui-text-subtle)}
.rui-countdown--accent .rui-countdown__seg b{color:var(--rui-accent-strong)}
.rui-cd{display:flex;align-items:center;gap:.5rem;color:var(--rui-text-muted)}
.rui-cd__icon{display:inline-flex;color:var(--rui-text-subtle)}
.rui-cd__lead{font-size:.625rem;font-weight:600;letter-spacing:.06em;color:var(--rui-text-subtle)}

/* ---------- Grid ---------- */
.bnd-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

/* ---------- Card (panel pattern) ---------- */
.bnd-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:var(--rui-surface);border:1px solid var(--rui-border);border-radius:var(--rui-radius-xl);
  box-shadow:var(--rui-shadow-sm);
  transition:transform var(--rui-duration-base) var(--rui-ease-luxury),box-shadow var(--rui-duration-base) var(--rui-ease-standard);
  animation:bndUp .5s var(--rui-ease-soft) both}
.bnd-card:hover{transform:translateY(-4px);box-shadow:var(--rui-shadow-lg)}
@keyframes bndUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.bnd-card{animation:none}.bnd-card:hover{transform:none}}

/* Media — 3:4 like the product card */
.bnd-card__media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--rui-surface-sunken)}
.bnd-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--rui-ease-luxury)}
.bnd-card:hover .bnd-card__media img{transform:scale(1.045)}
.bnd-card__empty{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--rui-text-muted)}

/* Small clean savings badge (top-start) — backdrop blur like .rui-pcard .rui-badge */
.bnd-card__badge{position:absolute;z-index:2;inset-block-start:.7rem;inset-inline-start:.7rem;
  display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .6rem;border-radius:var(--rui-radius-pill);
  font-size:.65rem;font-weight:800;letter-spacing:.02em;color:var(--rui-on-accent);
  background:var(--rui-accent);box-shadow:0 2px 8px rgba(176,141,46,.28)}

/* Wishlist (top-end) — reveals on hover, persistent on touch, like .rui-pcard__wish */
.bnd-card__wish{position:absolute;z-index:2;inset-block-start:.7rem;inset-inline-end:.7rem;
  display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--rui-radius-pill);
  background:color-mix(in srgb,var(--rui-bg) 80%,transparent);color:var(--rui-text-muted);backdrop-filter:blur(6px);
  cursor:pointer;opacity:0;transform:scale(.9);
  transition:opacity var(--rui-duration-base) var(--rui-ease-standard),transform var(--rui-duration-base) var(--rui-ease-luxury),color var(--rui-duration-fast)}
.bnd-card:hover .bnd-card__wish,.bnd-card__wish:focus-visible{opacity:1;transform:none}
.bnd-card__wish:hover{color:var(--rui-danger)}
.bnd-card__wish[aria-pressed="true"]{opacity:1;transform:none;color:var(--rui-danger)}
.bnd-card__wish[aria-pressed="true"] svg{fill:currentColor}
@media (hover:none){.bnd-card__wish{opacity:1;transform:none}}

/* Body */
.bnd-card__body{display:flex;flex:1;flex-direction:column;gap:.55rem;padding:1rem 1.05rem 1.15rem}
.bnd-card__eyebrow{display:inline-flex;align-items:center;gap:.3rem;font-size:.625rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rui-accent-strong)}
.bnd-card__eyebrow svg{color:var(--rui-accent)}
.bnd-card__title{font-size:1.05rem;font-weight:700;color:var(--rui-text);line-height:1.3;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--rui-duration-fast)}
.bnd-card__title:hover{color:var(--rui-accent)}

/* Included products — overlapping thumbnails + count (elegant bundle cue) */
.bnd-card__includes{display:flex;align-items:center;gap:.6rem}
.bnd-card__thumbs{display:inline-flex;align-items:center}
.bnd-card__thumbs span{width:2rem;height:2rem;border-radius:var(--rui-radius-pill);overflow:hidden;
  border:2px solid var(--rui-surface);background:var(--rui-surface-sunken);margin-inline-start:-.55rem;
  display:inline-flex;align-items:center;justify-content:center;color:var(--rui-text-subtle);box-shadow:var(--rui-shadow-sm)}
.bnd-card__thumbs span:first-child{margin-inline-start:0}
.bnd-card__thumbs img{width:100%;height:100%;object-fit:cover}
.bnd-card__thumbs-more{font-size:.6rem;font-weight:800;color:var(--rui-accent-strong)}
.bnd-card__includes-text{font-size:var(--rui-font-size-sm);color:var(--rui-text-muted)}
.bnd-card__includes-text b{color:var(--rui-text);font-weight:700}

/* Countdown (card) */
.bnd-card__countdown{margin-block-start:.1rem}

/* Pricing */
.bnd-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-block-start:auto;padding-block-start:.55rem}
.bnd-card__price-now{font-size:1.3rem;font-weight:800;color:var(--rui-text);letter-spacing:-.01em}
.bnd-card__price-cur{font-size:.7rem;font-weight:700;color:var(--rui-text-muted)}
.bnd-card__price-was{font-size:var(--rui-font-size-sm);color:var(--rui-text-subtle);text-decoration:line-through}
.bnd-card__save{font-size:var(--rui-font-size-xs);font-weight:700;color:var(--rui-success)}

/* CTA — outline gold pill that fills on hover (matches .rui-pcard__addbtn intent) */
.bnd-card__cta{margin-block-start:.35rem}
.bnd-card__addbtn{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;
  border:1px solid var(--rui-accent);border-radius:var(--rui-radius-pill);background:transparent;color:var(--rui-accent-strong);
  font-size:.85rem;font-weight:700;cursor:pointer;transition:background var(--rui-duration-fast),color var(--rui-duration-fast)}
.bnd-card__addbtn:hover{background:var(--rui-accent);color:var(--rui-on-accent)}
.bnd-card__addbtn:focus-visible{outline:2px solid var(--rui-ring);outline-offset:2px}

/* ---------- Bundle details ---------- */
/* Compact price hierarchy — mirrors .rui-product-purchase__price (single divided row) */
.bnd-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .85rem;
  padding-block-end:var(--rui-space-lg);border-block-end:1px solid var(--rui-border);margin-block-end:var(--rui-space-lg)}
.bnd-price__now{font-size:2rem;font-weight:700;color:var(--rui-text);letter-spacing:-.02em;line-height:1}
.bnd-price__was{font-size:var(--rui-font-size-lg);color:var(--rui-text-subtle);text-decoration:line-through}
.bnd-price__save{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--rui-font-size-sm);font-weight:700;
  color:var(--rui-success);background:var(--rui-success-bg);border-radius:var(--rui-radius-pill);padding:.25rem .65rem}
.bnd-price__save svg{width:14px;height:14px}
.bnd-cd-wrap{display:flex;align-items:center;gap:.6rem;margin-block-end:var(--rui-space-lg)}

/* "Why buy the bundle" benefits */
.bnd-why{margin-block-start:2.5rem}
.bnd-why__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-block-start:1.3rem}
.bnd-why__item{display:flex;gap:.85rem;padding:1.15rem;border:1px solid var(--rui-border);border-radius:var(--rui-radius-xl);background:var(--rui-surface);box-shadow:var(--rui-shadow-sm)}
.bnd-why__item svg{flex:0 0 auto;color:var(--rui-accent)}
.bnd-why__item h4{margin:0 0 .3rem;font-size:var(--rui-font-size-md);font-weight:700;color:var(--rui-text)}
.bnd-why__item p{margin:0;font-size:var(--rui-font-size-sm);color:var(--rui-text-muted);line-height:var(--rui-line-normal)}

/* Sticky mobile add-to-cart */
.bnd-sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:1020;display:none;align-items:center;gap:.75rem;
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--rui-surface);
  border-block-start:1px solid var(--rui-border);box-shadow:0 -8px 24px rgba(0,0,0,.08)}
.bnd-sticky__price{display:flex;flex-direction:column;line-height:1.15}
.bnd-sticky__price b{font-size:var(--rui-font-size-lg);font-weight:800;color:var(--rui-text)}
.bnd-sticky__price s{font-size:var(--rui-font-size-xs);color:var(--rui-text-subtle)}
.bnd-sticky__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:2.9rem;border:0;
  border-radius:var(--rui-radius-pill);background:var(--rui-accent);color:var(--rui-on-accent);font-weight:700;cursor:pointer;
  transition:background var(--rui-duration-fast)}
.bnd-sticky__btn:hover{background:var(--rui-accent-hover)}
@media (max-width:768px){.bnd-sticky{display:flex}}