/* Batch 02 · cards + cart presentation forks */

/* Cards */
body.chrome-card-editorial-min .an-product--editorial-min { display: grid; gap: 0.85rem; }
@media (min-width: 700px) {
  body.chrome-card-editorial-min .an-product--editorial-min { grid-template-columns: 1.15fr 1fr; align-items: center; }
}
body.chrome-card-editorial-min .an-product__media { aspect-ratio: 5/4; border-radius: 0; }
body.chrome-card-editorial-min .b02-card-kicker { font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin: 0; }

body.chrome-card-compact .an-product--compact .an-product__media { aspect-ratio: 1; }
body.chrome-card-compact .an-product--compact h3 { font-size: 0.88rem; margin: 0.25rem 0; }
body.chrome-card-compact .an-product--compact .an-product__meta { padding: 0.35rem 0; }

body.chrome-card-cardless .an-product--cardless { box-shadow: none; border: 0; background: transparent; }
body.chrome-card-cardless .an-product--cardless .an-product__media { aspect-ratio: 3/4; }
body.chrome-card-cardless .an-product--cardless .an-product__badge,
body.chrome-card-cardless .an-product--cardless .an-product__quick { display: none; }
body.chrome-card-cardless .an-product__meta--air h3 { font-family: var(--font-display, Georgia, serif); font-weight: 500; font-size: 1.15rem; }

body.chrome-card-promo-bold .an-product--promo-bold { border: 3px solid var(--ink); }
body.chrome-card-promo-bold .an-product--promo-bold h3 { text-transform: uppercase; font-weight: 900; letter-spacing: 0.02em; }
body.chrome-card-promo-bold .an-price { font-size: 1.2rem; font-weight: 900; }
body.chrome-card-promo-bold .b02-card-drop { margin: 0.25rem 0 0; font-weight: 800; letter-spacing: 0.08em; font-size: 0.72rem; }

body.chrome-card-lifestyle .an-product--lifestyle .an-product__media {
  border-radius: 8px; overflow: hidden;
  border: 0;
}
body.chrome-card-lifestyle .b02-card-care { margin: 0.2rem 0; font-size: 0.8rem; color: var(--muted); }

body.chrome-card-spec .an-product--spec { border: 1px solid var(--line); }
body.chrome-card-spec .an-product__meta--spec { font-family: ui-monospace, "IBM Plex Mono", monospace; }
body.chrome-card-spec .b02-card-sku { margin: 0; font-size: 0.65rem; letter-spacing: 0.08em; color: var(--muted); }
body.chrome-card-spec .b02-card-specs { list-style: none; padding: 0; margin: 0.35rem 0; display: flex; gap: 0.5rem; flex-wrap: wrap; font-size: 0.68rem; }
body.chrome-card-spec .b02-card-specs li { border: 1px solid var(--line); padding: 0.1rem 0.35rem; }

body.chrome-card-magazine .an-product--magazine { display: grid; gap: 0.75rem; border-top: 1px solid var(--ink); padding-top: 0.75rem; }
@media (min-width: 700px) {
  body.chrome-card-magazine .an-product--magazine { grid-template-columns: 1fr 1fr; }
}
body.chrome-card-magazine .b02-card-dek { margin: 0.2rem 0 0.5rem; color: var(--muted); font-size: 0.9rem; }

body.chrome-card-industrial .an-product--industrial { border: 2px solid var(--ink); border-radius: 0; }
body.chrome-card-industrial .b02-card-lot { margin: 0; font-family: ui-monospace, monospace; font-size: 0.68rem; letter-spacing: 0.08em; }
body.chrome-card-industrial .an-product__media { aspect-ratio: 4/5; }

body.chrome-card-craft .an-product--craft .an-product__media { border-radius: 0.35rem; }
body.chrome-card-craft .b02-card-care { font-style: italic; color: var(--muted); font-size: 0.85rem; }

body.chrome-card-interactive .an-product--interactive .an-product__media {
  border: 1px solid color-mix(in srgb, var(--moss) 35%, transparent);
  border-radius: 4px; overflow: hidden; transition: border-color 0.2s ease;
}
body.chrome-card-interactive .an-product--interactive:hover .an-product__media { transform: none; }
body.chrome-card-interactive .b02-card-pulse { margin: 0.25rem 0 0; font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--moss); }

/* Cart shells */
.b02-cart--drawer,
.b02-cart--overlay,
.b02-cart--soft-drawer,
.b02-cart--func-drawer,
.b02-cart--edit-drawer,
.b02-cart--float-panel {
  position: relative; min-height: 70vh;
}
.b02-cart__backdrop {
  position: absolute; inset: 0;
  background:
    linear-gradient(color-mix(in srgb, var(--ink) 45%, transparent), color-mix(in srgb, var(--ink) 45%, transparent)),
    url("/media/lifestyle-street.jpg") center/cover;
}
.b02-cart__panel {
  position: relative; margin-left: auto; width: min(34rem, 100%);
  min-height: 70vh; background: var(--bg); color: var(--ink);
  border-left: 1px solid var(--line); padding: 1rem 0 2rem; z-index: 2;
}
.b02-cart__head { display: flex; justify-content: space-between; align-items: baseline; padding: 0 1.25rem 1rem; border-bottom: 1px solid var(--line); }
.b02-cart__head h1 { margin: 0; font-size: 1.35rem; }
.b02-cart__head a { color: var(--ink); font-size: 0.85rem; }
.b02-cart__body .an-checkout-stage__veil { display: none; }
.b02-cart__body .an-checkout-stage__grid { grid-template-columns: 1fr; }
.b02-cart__body .an-checkout-summary { position: static; }

body.chrome-cart-overlay .b02-cart__panel { width: min(28rem, 100%); border: 0; box-shadow: -20px 0 60px color-mix(in srgb, var(--ink) 20%, transparent); }
body.chrome-cart-soft-drawer .b02-cart__panel { border-radius: 1.5rem 0 0 1.5rem; border: 0; }
body.chrome-cart-func-drawer .b02-cart__panel { font-family: ui-monospace, monospace; border-left: 2px solid var(--ink); }
body.chrome-cart-edit-drawer .b02-cart__panel { border-left: 1px solid var(--ink); }
body.chrome-cart-float-panel .b02-cart__backdrop { background: color-mix(in srgb, var(--bg) 40%, #020617); }
body.chrome-cart-float-panel .b02-cart__panel {
  margin: 2rem auto; width: min(36rem, calc(100% - 2rem));
  border: 1.5px solid var(--ink);
  border-radius: 4px; backdrop-filter: none;
  background: var(--bg);
}

.b02-cart--page,
.b02-cart--page-premium,
.b02-cart--utility,
.b02-cart--fullscreen,
.b02-cart--page {
  width: 90vw;
  max-width: 90vw;
  margin-inline: auto;
  padding: 0;
  min-height: 0;
}

body.chrome-cart-fullscreen .b02-cart--fullscreen .an-checkout-stage { min-height: 100vh; }
body.chrome-cart-fullscreen .an-checkout-stage__veil { opacity: 0.85; }
body.chrome-cart-utility .an-checkout-line { border: 2px solid var(--ink); border-radius: 0; }
body.chrome-cart-page-premium .an-checkout-summary__card { border: 1px solid var(--line); padding: 1.25rem; }
body.chrome-cart-page .an-checkout-stage,
body.atelier:not(.chrome-nav-classic) .an-checkout-stage,
body.atelier:not(.chrome-nav-classic) .an-checkout-stage__in {
  width: 90vw;
  max-width: 90vw;
  margin-inline: auto;
  box-sizing: border-box;
}

/* Buttons / borders per space personality */
body.chrome-space-loud .an-btn--solid { border-radius: 0; border: 2px solid var(--ink); text-transform: uppercase; font-weight: 900; }
body.chrome-space-luxury .an-btn--solid { border-radius: 0; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.78rem; }
body.chrome-space-organic .an-btn--solid { border-radius: 999px; }
body.chrome-space-utility .an-btn--solid { border-radius: 0; border: 2px solid var(--ink); }
body.chrome-space-future .an-btn--solid { border-radius: 14px; border: 1px solid color-mix(in srgb, var(--moss) 50%, transparent); }
body.chrome-space-editorial .an-btn--solid { border-radius: 0; }
body.chrome-space-magazine .an-btn--solid { border-radius: 0; border-bottom: 2px solid var(--ink); }

@media (max-width: 699px) {
  body.chrome-card-editorial-min .an-product--editorial-min,
  body.chrome-card-magazine .an-product--magazine { grid-template-columns: 1fr; }
  .b02-cart__panel { width: 100%; }
}