/* 45 · the store (store.html, module.store): fat white horizontal rows, one per product (the user, 2026-10-13). The
   product takes the left four fifths: its drawing, name, hook, pitch and what is inside; its checkout takes the right
   fifth, set apart by a rule: the price, then its doors. The cart is the same row at the top. On a phone the checkout
   drops under the product and stays full width. House tokens only (settings 4). */

.rw-store-page .rw-bar{position:sticky;top:0;z-index:5}
.rw-store{display:flex;flex-direction:column;gap:18px;padding:24px 0 48px}
.rw-store__head{display:flex;flex-direction:column;gap:6px}
.rw-store__title{margin:0;font-family:var(--f-display);font-size:clamp(28px,4vw,44px);line-height:1.08;color:var(--rw-title-ink)}
.rw-store__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}

/* the row: four fifths and one fifth */
.rw-row{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(170px,1fr);min-height:220px;border-radius:18px;overflow:hidden;
  background:var(--rw-item-bg);border:1px solid color-mix(in srgb,var(--rw-item-edge) 30%,var(--rw-plate-edge));
  box-shadow:0 10px 30px -18px var(--rw-card-shadow);
  /* the drawing's pen, as on the cards, tinted by the product's own hue */
  --c-ink:var(--rw-title-ink);--c-fill:var(--rw-item-bg);--c-window:var(--rw-item-bg);--c-paper:var(--rw-item-bg);
  --c-accent:oklch(.56 calc(.17 * var(--card-k,1)) var(--card-h,0));--c-deep:color-mix(in oklab,var(--c-accent) 40%,#1A0B14);
  --c-glow:color-mix(in oklab,var(--c-accent) 35%,transparent);--c-sub:var(--rw-caption-ink)}
.rw-row.is-lit{border-color:var(--c-accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--c-accent) 40%,transparent),0 14px 34px -18px var(--rw-card-shadow)}

.rw-row__main{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:24px;align-items:center;padding:22px 26px}
.rw-row__art{width:100%;height:auto;aspect-ratio:140/110;display:block}
.rw-row__copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.rw-row__name{margin:0;font-family:var(--f-display);font-size:clamp(22px,2.4vw,30px);line-height:1.1;color:var(--rw-title-ink)}
.rw-row__hook{margin:0;font-size:16px;line-height:1.4;color:var(--rw-item-text)}
.rw-row__pitch{margin:0;font-size:14px;line-height:1.45;color:var(--rw-caption-ink)}
.rw-row__points{margin:2px 0 0;padding-left:18px;font-size:13.5px;line-height:1.5;color:var(--rw-item-text)}

/* the checkout fifth */
.rw-row__buy{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:22px 20px;
  border-left:1px solid color-mix(in srgb,var(--rw-item-edge) 22%,var(--rw-plate-edge));
  background:color-mix(in srgb,var(--rw-item-edge) 5%,var(--rw-item-bg))}
.rw-row__price{margin:0;font-family:var(--f-data);font-weight:700;font-size:28px;line-height:1;color:var(--rw-price-ink);text-align:center}
.rw-row__door{width:100%;justify-content:center;text-align:center;white-space:normal}

/* the cart row */
.rw-row--cart{min-height:0}
.rw-row--cart[data-count="0"] .rw-row__buy{opacity:.7}
.rw-cart__main{grid-template-columns:1fr;gap:8px}
.rw-cart__empty{margin:0;color:var(--rw-caption-ink)}
.rw-cart__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rw-cart__item{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--rw-plate-edge);padding:6px 0}
.rw-cart__name{flex:1;min-width:0;color:var(--rw-title-ink)}
.rw-cart__price{font-family:var(--f-data);color:var(--rw-price-ink)}

/* the checkout dialog */
.rw-checkout{width:min(460px,calc(100vw - 32px));border:1px solid var(--rw-plate-edge);border-radius:18px;padding:26px 24px;
  background:var(--rw-item-bg);color:var(--rw-item-text);box-shadow:0 30px 80px -30px var(--rw-card-shadow)}
.rw-checkout::backdrop{background:color-mix(in srgb,#1A0B14 45%,transparent)}
.rw-checkout__close{position:absolute;top:10px;right:10px}
.rw-checkout__title{margin:4px 0 14px;font-family:var(--f-display);font-size:24px;color:var(--rw-title-ink)}
.rw-checkout__body{display:flex;flex-direction:column;gap:12px}
.rw-checkout__note{margin:0;font-size:14px;line-height:1.45}
.rw-checkout__small{margin:0;font-size:12.5px;color:var(--rw-caption-ink)}
.rw-checkout__or{margin:0;text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rw-caption-ink)}
.rw-checkout__magic{display:flex;flex-direction:column;gap:8px}
.rw-checkout__door{width:100%;justify-content:center;text-align:center;white-space:normal}

/* narrow: the checkout fifth drops under the product, full width */
@media (max-width:720px){
  .rw-row{grid-template-columns:1fr}
  .rw-row__main{grid-template-columns:1fr;gap:14px;padding:18px}
  .rw-row__art{max-width:260px;margin:0 auto}
  .rw-row__buy{border-left:0;border-top:1px solid color-mix(in srgb,var(--rw-item-edge) 22%,var(--rw-plate-edge));padding:16px 18px}
}