/**
 * T1–T50 commerce refinement law.
 * Default = editorial product presentation (not SaaS tiles).
 * Opt-in bordered / shadowed chrome only where intentional.
 * Loaded late, after batch surfaces, before contrast nuke.
 */

:root {
  --radius-card: 0;
  --radius-media: var(--radius, 0);
}

/* , ,  Products: borderless by default , ,  */
body.atelier .an-product,
body.atelier .an-product--niche,
body.atelier .an-product--desire {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: var(--radius-card) !important;
  border: 0;
  backdrop-filter: none !important;
}
body.atelier .an-product__media {
  border-radius: var(--radius-media) !important;
  overflow: hidden;
  aspect-ratio: 4 / 5;
}
body.atelier .an-product__meta {
  padding: 0.85rem 0 0.55rem !important;
  background: transparent !important;
  backdrop-filter: none !important;
}
body.atelier .an-product:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Opt-in structured frames (commerce / catalog / convert) */
body.atelier:is(
  .chrome-card-promo-bold,
  .chrome-card-compact,
  .chrome-card-info-rich,
  .chrome-card-convert-card,
  .chrome-card-func-card,
  .chrome-card-drop-card,
  .chrome-card-display-stage,
  .chrome-card-cat-entry,
  .chrome-card-meta-card,
  .chrome-card-teach-card,
  .chrome-card-set-card,
  .chrome-card-reorder-card,
  .chrome-card-smart-card,
  .chrome-card-staged-card,
  .chrome-card-discover-card,
  .chrome-card-spec,
  .chrome-card-industrial,
  .chrome-card-config-card,
  .chrome-card-grid-cell
) .an-product {
  border: 1px solid var(--line) !important;
  background: var(--bg) !important;
}
body.atelier:is(
  .chrome-card-promo-bold,
  .chrome-card-convert-card,
  .chrome-card-display-stage,
  .chrome-card-drop-card,
  .chrome-card-cat-entry,
  .chrome-card-set-card,
  .chrome-card-staged-card
) .an-product {
  border-color: var(--ink) !important;
  border-width: 1.5px !important;
}

/* Soft radius only for media on softer brands, not card shells */
body.theme-t2,
body.theme-t6,
body.theme-t7,
body.theme-t15,
body.theme-t26 {
  --radius-media: 10px;
  --radius-card: 0;
}
body.theme-t20,
body.theme-t30,
body.theme-t40 {
  --radius-media: 6px;
}

/* Kill heavy product shadows from batch surfaces */
body.atelier:is(
  .chrome-card-life-card,
  .chrome-card-compose-card,
  .chrome-card-proof-card,
  .chrome-card-social-card,
  .chrome-card-canvas-card,
  .chrome-card-interactive,
  .chrome-card-lifestyle
) .an-product {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* , ,  CTA clutter: hide by default; theme/chrome re-enables , ,  */
body.atelier .an-product__cue,
body.atelier .an-product__social,
body.atelier .an-product__invite {
  display: none !important;
}
body.atelier .an-product__quick {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
body.atelier .an-product:hover .an-product__quick,
body.atelier .an-product:focus-within .an-product__quick {
  opacity: 1;
  pointer-events: auto;
}
/* Commerce themes: show one urgency cue, not the full stack */
body.atelier:is(
  .chrome-card-promo-bold,
  .chrome-card-convert-card,
  .chrome-card-drop-card,
  .chrome-card-info-rich,
  .chrome-card-proof-card,
  .chrome-card-social-card,
  .theme-t4,
  .theme-t12,
  .theme-t14,
  .theme-t33,
  .theme-t41,
  .theme-t48
) .an-product__cue {
  display: block !important;
}
body.atelier:is(
  .chrome-card-proof-card,
  .chrome-card-social-card,
  .chrome-card-convert-card,
  .theme-t3,
  .theme-t26,
  .theme-t42
) .an-product__social {
  display: block !important;
  margin: 0.15rem 0 0;
  font-size: 0.72rem;
  font-weight: 650;
  color: var(--muted);
}

/* Editorial chromes: never overlay ATC */
body.atelier:is(
  .chrome-card-cardless,
  .chrome-card-editorial-min,
  .chrome-card-editorial-comp,
  .chrome-card-magazine,
  .chrome-card-story-in,
  .chrome-card-in-story,
  .chrome-card-image-min,
  .chrome-card-photo-first,
  .chrome-card-select-card,
  .chrome-card-craft,
  .chrome-card-archive-card,
  .chrome-card-showroom,
  .chrome-card-staged-card,
  .theme-t1,
  .theme-t9,
  .theme-t13,
  .theme-t32,
  .theme-t36,
  .theme-t44
) .an-product__quick {
  display: none !important;
}

/* , ,  Stop SaaS “feature card” overuse , ,  */
body.atelier .an-pain__levers li,
body.atelier .an-trust-convert__row li,
body.atelier .an-complete__item,
body.atelier .an-feature,
body.atelier .an-benefits li {
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.atelier .an-review {
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: var(--radius-media, 0) !important;
  background: transparent !important;
  border: 1px solid var(--line) !important;
}
body.atelier .an-cats__tile {
  box-shadow: none !important;
  border-radius: var(--radius-media, 0) !important;
}
/* T2 rail-as-card → plain commerce band */
body.theme-t2 .an-rail-block {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}
body.theme-t2 .an-product,
body.theme-t6 .an-product {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
}
body.theme-t2 .an-product__media,
body.theme-t6 .an-product__media {
  border-radius: var(--radius-media) !important;
}
body.theme-t2 .an-review,
body.theme-t6 .an-review {
  border-radius: var(--radius-media) !important;
  box-shadow: none !important;
}
body.theme-t3 .an-product {
  box-shadow: none !important;
}

/* , ,  Glass / frosted panels: rare , ,  */
body.atelier .hx__canvas-float,
body.atelier .hx__spatial-float {
  backdrop-filter: none !important;
  background: var(--bg) !important;
  border: 1.5px solid var(--ink) !important;
  box-shadow: none !important;
}
body.atelier .b02-cart__panel {
  backdrop-filter: none !important;
}
body.atelier .an-cta-band,
body.atelier .an-news {
  box-shadow: none !important;
}
body.theme-t2 .an-cta-band,
body.theme-t2 .an-dest__panel,
body.theme-t6 .an-cta-band,
body.theme-t6 .an-dest__panel {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* , ,  Section rhythm: one consistent pad (no nth-child sparseness) , ,  */
body.atelier .an-section,
body.atelier .an-rail-block,
body.atelier .an-block {
  padding-block: 1.15rem !important;
}
body.atelier .an-section--tight {
  padding-block: 0.85rem !important;
}
body.atelier .an-wrap {
  width: 90vw;
  max-width: 90vw;
}
body.atelier .an-section[data-align="left"] .an-h2,
body.atelier .an-section[data-align="left"] .an-lead,
body.atelier .an-rail__copy {
  text-align: left;
  margin-inline: 0;
}
body.atelier .an-rail__head {
  align-items: end;
}
body.atelier .an-rail__copy .an-h2 {
  text-wrap: balance;
}

/* Primary CTA weight vs secondary */
body.atelier .an-btn--solid {
  font-weight: 800;
}
body.atelier .an-btn--ghost,
body.atelier .an-btn--outline {
  font-weight: 650;
  opacity: 0.92;
}

/* Consistent merchandising ratios in grids */
body.atelier .an-grid .an-product__media,
body.atelier .an-rail__slide .an-product__media {
  aspect-ratio: 4 / 5;
}
body.atelier.chrome-grid-index-rows .an-product__media,
body.atelier.chrome-card-catalog-row .an-product__media {
  aspect-ratio: 1 / 1;
}

@media (max-width: 699px) {
  body.atelier .an-product__quick { display: none !important; }
  body.atelier .an-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem 0.65rem !important;
  }
  /* Catalog index must stay as ledger rows, never 2-up tile grid */
  body.atelier.chrome-grid-index-rows .an-grid,
  body.atelier.theme-t22 .an-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  body.atelier .an-product__meta {
    padding: 0.75rem 0 0.45rem !important;
  }
  body.atelier.chrome-card-catalog-row .an-product__meta,
  body.atelier.chrome-card-catalog-row .an-product__meta--row {
    padding: 0 !important;
  }
  body.atelier .an-product__meta h3 {
    font-size: 0.82rem !important;
  }
  body.atelier.chrome-card-catalog-row .an-product__meta h3 {
    font-size: 0.92rem !important;
  }
}

/* Hard lock: every Ready theme merchandising shell is 90vw */
body.atelier {
  --max: 90vw !important;
  --wrap: 90vw !important;
}
body.atelier .an-wrap,
body.atelier .an-dest,
body.atelier .an-topbar__in,
body.atelier .an-checkout-stage__in,
body.atelier .hx__frame,
body.atelier .b04-cart--set-cart,
body.atelier .b03-cart--split-cart {
  width: 90vw !important;
  max-width: 90vw !important;
  margin-inline: auto;
  box-sizing: border-box;
}
/* Full-bleed stages when no fixed side nav is eating width */
body.atelier:not(.chrome-nav-sidebar):not(.chrome-nav-rail) .b02-stage,
body.atelier:not(.chrome-nav-sidebar):not(.chrome-nav-rail):not(.chrome-nav-drawer) .b03-stage,
body.atelier:not(.chrome-nav-sidebar):not(.chrome-nav-rail):not(.chrome-nav-drawer) .b04-stage {
  width: 90vw !important;
  max-width: 90vw !important;
  margin-inline: auto;
  box-sizing: border-box;
}