@import "./story.css";

/* Shared layout and interaction primitives; adapters supply content and media. */
.commerce-standard-theme { box-sizing: border-box; min-height: 100%; color: var(--commerce-ink); background: var(--commerce-page); font-family: var(--commerce-font-ui); }
.commerce-standard-theme *, .commerce-standard-theme *::before, .commerce-standard-theme *::after { box-sizing: inherit; }
.commerce-standard-theme :where(a,button,input,select,textarea):focus-visible { outline: 0; box-shadow: var(--commerce-focus-ring); }
.commerce-standard-theme .commerce-shell { width: min(var(--commerce-content-max), calc(100% - 56px)); margin-inline: auto; }
.commerce-standard-theme .commerce-announcement-bar { min-height: 30px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 6px 18px; color: #fff; background: var(--commerce-accent-gradient); font-size: .75rem; font-weight: 700; }
.commerce-standard-theme .commerce-global-header { position: sticky; top: 0; z-index: 20; min-height: 76px; display: flex; align-items: center; border-bottom: 1px solid rgba(219,228,239,.8); background: var(--commerce-surface); backdrop-filter: blur(16px); }
.commerce-standard-theme .commerce-global-header__inner { width: min(var(--commerce-content-max), calc(100% - 56px)); margin-inline: auto; display: flex; align-items: center; gap: 24px; }
.commerce-standard-theme .commerce-global-header__brand { margin-right: auto; font-weight: 800; letter-spacing: -.04em; }
.commerce-standard-theme .commerce-global-header__links { display: flex; align-items: center; gap: 22px; color: var(--commerce-muted); font-size: .9rem; }
.commerce-standard-theme .commerce-primary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border-radius: var(--commerce-radius-pill); font-weight: 800; color: #fff; background: var(--commerce-accent-gradient); }
.commerce-standard-theme .commerce-home-hero { min-height: var(--commerce-hero-min-height); display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr); align-items: center; gap: 48px; padding-block: var(--commerce-space-section); }
.commerce-standard-theme .commerce-home-hero__copy { max-width: 680px; }
.commerce-standard-theme .commerce-home-hero__title { margin: 16px 0 22px; font-size: clamp(3.2rem, 7vw, 6.5rem); line-height: .93; letter-spacing: -.075em; }
.commerce-standard-theme .commerce-home-hero__lede { max-width: 520px; color: var(--commerce-muted); font-size: 1.08rem; }
.commerce-standard-theme .commerce-home-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.commerce-standard-theme .commerce-personalization-studio { padding: 28px; border: 1px solid var(--commerce-border); border-radius: var(--commerce-radius-card); background: #fff; box-shadow: var(--commerce-shadow-card); }
.commerce-standard-theme .commerce-personalization-studio__steps { display: flex; justify-content: space-between; gap: 8px; color: var(--commerce-muted); font-size: .75rem; }
.commerce-standard-theme .commerce-personalization-studio__step[data-active="true"] { color: var(--commerce-accent-ink); font-weight: 800; }
.commerce-standard-theme .commerce-personalization-studio__preview { min-height: 300px; display: grid; place-items: center; margin: 22px 0; border-radius: var(--commerce-radius-control); background: var(--commerce-accent-soft); }
.commerce-standard-theme .commerce-personalization-studio__controls { display: grid; gap: 12px; }
.commerce-standard-theme .commerce-category-rail, .commerce-standard-theme .commerce-featured-products, .commerce-standard-theme .commerce-storefront-shelf, .commerce-standard-theme .commerce-customer-gallery { padding-block: var(--commerce-space-section); }
.commerce-standard-theme .commerce-category-rail__grid, .commerce-standard-theme .commerce-featured-products__grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px; }
.commerce-standard-theme .commerce-category-rail__item { overflow: hidden; border: 1px solid var(--commerce-border); border-radius: var(--commerce-radius-card); background: #fff; }
.commerce-standard-theme .commerce-category-rail__image { aspect-ratio: 1; background: var(--commerce-accent-soft); }
.commerce-standard-theme .commerce-category-rail__copy { padding: 14px 16px 18px; font-weight: 800; }
.commerce-standard-theme .commerce-product-card { overflow: hidden; border: 1px solid var(--commerce-border); border-radius: var(--commerce-radius-card); background: #fff; transition: transform .2s, box-shadow .2s; }
.commerce-standard-theme .commerce-product-card:hover { transform: translateY(-3px); box-shadow: var(--commerce-shadow-hover); }
.commerce-standard-theme .commerce-product-card__image { aspect-ratio: 1 / 1.08; background: var(--commerce-accent-soft); }
.commerce-standard-theme .commerce-product-card__body { padding: 16px; }
.commerce-standard-theme .commerce-product-card__price { display: flex; align-items: baseline; gap: 8px; margin-top: 12px; font-weight: 850; }
.commerce-standard-theme .commerce-trust-strip { display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid var(--commerce-border); background: #fff; }
.commerce-standard-theme .commerce-trust-strip__item { padding: 20px 24px; border-right: 1px solid var(--commerce-border); }
.commerce-standard-theme .commerce-trust-strip__item:last-child { border-right: 0; }
.commerce-standard-theme .commerce-trust-strip__item small { display: block; margin-top: 4px; color: var(--commerce-muted); }
.commerce-standard-theme .commerce-how-it-works { padding-block: var(--commerce-space-section); background: var(--commerce-accent-soft); }
.commerce-standard-theme .commerce-how-it-works__steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.commerce-standard-theme .commerce-how-it-works__step { border-top: 1px solid var(--commerce-border); padding-top: 18px; }
.commerce-standard-theme .commerce-how-it-works__number { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #fff; background: var(--commerce-accent-gradient); font-weight: 800; }
.commerce-standard-theme .commerce-customer-gallery__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.commerce-standard-theme .commerce-customer-gallery__item { overflow: hidden; aspect-ratio: 1; border-radius: var(--commerce-radius-control); background: var(--commerce-accent-soft); }
.commerce-standard-theme .commerce-customer-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.commerce-standard-theme .commerce-editorial-cta { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; padding-block: var(--commerce-space-section); }
.commerce-standard-theme .commerce-editorial-cta__media { min-height: 360px; border-radius: var(--commerce-radius-card); background: var(--commerce-accent-soft); overflow: hidden; }
.commerce-standard-theme .commerce-editorial-cta__media img { width: 100%; height: 100%; object-fit: cover; }
.commerce-standard-theme .commerce-chat-widget { position: fixed; right: 24px; bottom: 24px; z-index: 30; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--commerce-accent-gradient); box-shadow: var(--commerce-shadow-hover); }
@media (max-width: 840px) {
  .commerce-standard-theme .commerce-shell, .commerce-standard-theme .commerce-global-header__inner { width: min(100% - 36px, var(--commerce-content-max)); }
  .commerce-standard-theme .commerce-home-hero { grid-template-columns: 1fr; gap: 28px; }
  .commerce-standard-theme .commerce-category-rail__grid, .commerce-standard-theme .commerce-featured-products__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .commerce-standard-theme .commerce-trust-strip { grid-template-columns: repeat(2,1fr); }
  .commerce-standard-theme .commerce-trust-strip__item:nth-child(2) { border-right: 0; }
  .commerce-standard-theme .commerce-how-it-works__steps { grid-template-columns: repeat(2,1fr); }
  .commerce-standard-theme .commerce-editorial-cta { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .commerce-standard-theme .commerce-global-header__links { display: none; }
  .commerce-standard-theme .commerce-home-hero__title { font-size: clamp(3rem, 15vw, 5rem); }
  .commerce-standard-theme .commerce-category-rail__grid, .commerce-standard-theme .commerce-featured-products__grid, .commerce-standard-theme .commerce-customer-gallery__grid, .commerce-standard-theme .commerce-how-it-works__steps { grid-template-columns: 1fr; }
  .commerce-standard-theme .commerce-trust-strip { grid-template-columns: 1fr; }
  .commerce-standard-theme .commerce-trust-strip__item { border-right: 0; border-bottom: 1px solid var(--commerce-border); }
  .commerce-standard-theme .commerce-trust-strip__item:last-child { border-bottom: 0; }
}