/* Approved preview: continuous ribbon, perimeter light and gentle foreground. */
:root { --frame-glow: 246 0 94; }
[data-theme="dark"] { --frame-glow: 255 255 255; }
body, .site-header, .site-footer, .footer-bottom, .ticker, .main-nav,
.adv-card, .order-block, .cta-block, .filters, .product-card, .showcase-card,
.theme-toggle, .float-card, .sc-body {
  transition: background-color .9s ease, color .9s ease, border-color .9s ease;
}
.hero-cards { height: 620px; isolation: isolate; }
.hero-cards .float-card {
  width: 62%; max-width: 330px; animation: none; translate: none;
  overflow: visible; border: 1px solid transparent;
  transform: rotate(var(--card-angle));
  transition: transform 780ms cubic-bezier(.22,.75,.2,1), box-shadow .7s ease,
              background-color .9s, color .9s, border-color .7s;
  will-change: transform;
}
.hero-cards .float-card img { aspect-ratio:1; object-fit:contain; background:#fff; }
.hero-cards .float-card[data-slot="0"] { top:20px;left:0;right:auto;bottom:auto;--card-angle:-6deg; }
.hero-cards .float-card[data-slot="1"] { top:135px;right:0;left:auto;bottom:auto;--card-angle:5deg; }
.hero-cards .float-card[data-slot="2"] { top:265px;left:22%;right:auto;bottom:auto;--card-angle:-3deg; }
.hero-cards .float-card.is-front {
  transform:translateY(-12px) rotate(0) scale(1.055);
  border-color:rgb(var(--frame-glow)/.35);
  box-shadow:var(--shadow),0 0 23px 2px rgb(var(--frame-glow)/.16),0 0 50px 5px rgb(var(--frame-glow)/.07);
}
.hero-cards .float-card.hero-card-ghost {
  pointer-events:none;opacity:0;z-index:20;
  transition:transform 780ms cubic-bezier(.22,.75,.2,1),opacity .52s ease,box-shadow .7s ease;
}
.hero-cards .hero-card-ghost.is-visible { opacity:1; }
.collection-window { overflow:hidden;padding:25px 0 55px;border-radius:0; }
.collection-track { padding:0;will-change:transform; }
.collection-item { position:relative;isolation:isolate;flex:0 0 clamp(280px,34vw,460px);width:clamp(280px,34vw,460px); }
.collection-item[data-stagger] { margin-top:28px;margin-bottom:-28px; }
.collection-item::before {
  content:"";position:absolute;inset:0;border-radius:var(--radius-card);pointer-events:none;z-index:3;
  box-shadow:0 0 0 1px rgb(var(--frame-glow)/.8),0 0 16px 3px rgb(var(--frame-glow)/.32),0 0 34px 7px rgb(var(--frame-glow)/.18);
  opacity:0;transition:opacity 1.2s cubic-bezier(.22,.61,.36,1);
}
.collection-item:hover::before,.collection-item:has(:focus-visible)::before { opacity:1;transition-duration:.6s; }
.collection-track .collection-item .showcase-card {
  width:100%;margin:0;transform:none;animation:none;backdrop-filter:none;
  background:var(--card);box-shadow:var(--shadow);
}
.collection-track .collection-item .sc-bg { display:none; }
.collection-track .collection-item .sc-body { background:var(--card);backdrop-filter:none; }
.collection-track .collection-item .sc-photo-wrap { aspect-ratio:1;background:#fff; }
.collection-track .collection-item .sc-photo-wrap img { transform:none;object-fit:contain; }
@media(max-width:799px) {
  .hero-cards { height:470px; }
  .hero-cards .float-card { width:66%;max-width:330px;padding:9px 9px 12px; }
  .hero-cards .float-card[data-slot="0"] { top:18px; }
  .hero-cards .float-card[data-slot="1"] { top:112px; }
  .hero-cards .float-card[data-slot="2"] { top:224px;left:15%; }
  .hero-cards .float-card.is-front { transform:translateY(-8px) rotate(0) scale(1.035); }
  .collection-item { flex-basis:min(76vw,330px);width:min(76vw,330px); }
  .collection-item[data-stagger] { margin-top:16px;margin-bottom:-16px; }
  .collection-window { padding:24px 0 42px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-cards .float-card,.collection-item::before,body,.site-header,.site-footer,
  .adv-card,.order-block,.cta-block,.theme-toggle,.sc-body { transition:none; }
  .collection-window { overflow-x:auto; }
}