.live-product-page { padding-bottom: 70px; }
.live-product-page--focused { width: min(760px, calc(100% - 40px)); padding-bottom: 70px; }
.live-product-page--focused .breadcrumbs { margin-bottom: 18px; }
.live-product-page--focused .live-product-hero,
.live-product-page--focused .live-product-body--main > .live-product-panel:first-child,
.live-product-page--focused .live-product-body--details { display: none; }
.live-product-page--focused .live-product-body--main { display: block; margin-top: 0; }
.live-product-hero { border: 1px solid rgba(245,185,66,.18); border-radius: 18px; overflow: hidden; background: #0d110f; box-shadow: 0 24px 80px rgba(0,0,0,.28); }
.live-product-cover { min-height: 390px; position: relative; display: grid; align-items: end; padding: 34px; overflow: hidden; }
.live-product-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; filter: saturate(.88) contrast(1.05) brightness(.62); }
.live-product-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.55) 48%, rgba(0,0,0,.18)), linear-gradient(0deg, rgba(0,0,0,.82), transparent 52%); }
.live-product-copy { width: min(680px, 100%); position: relative; z-index: 1; }
.live-product-copy .eyebrow { color: var(--gold); }
.live-product-copy h1 { margin: 9px 0 12px; font: 800 clamp(34px,5vw,62px)/.98 Manrope, sans-serif; letter-spacing: 0; }
.live-product-copy p { margin: 0; max-width: 590px; color: #e4dfd4; font-size: 14px; line-height: 1.7; }
.live-product-meta { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px; }
.live-product-meta span { min-height: 34px; padding: 0 12px; display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; color: #f3eedf; background: rgba(255,255,255,.06); font-size: 10px; font-weight: 800; }
.live-product-body { display: grid; grid-template-columns: minmax(0, .9fr) minmax(380px, .74fr); gap: 20px; margin-top: 20px; }
.live-product-panel { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); padding: 24px; }
.live-product-compact-cover { min-height: 220px; position: relative; display: grid; align-items: end; margin: -24px -24px 22px; padding: 24px; overflow: hidden; border-radius: 14px 14px 0 0; background: #0d110f; }
.live-product-compact-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; filter: saturate(.88) contrast(1.04) brightness(.56); }
.live-product-compact-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.84), rgba(0,0,0,.55) 58%, rgba(0,0,0,.22)), linear-gradient(0deg, rgba(0,0,0,.78), transparent 55%); }
.live-product-compact-cover > div { position: relative; z-index: 1; width: min(560px,100%); }
.live-product-compact-cover h1 { margin: 7px 0 9px; font: 800 clamp(26px,4.4vw,42px)/1.04 Manrope, sans-serif; letter-spacing: 0; }
.live-product-compact-cover p { margin: 0; color: #e4dfd4; font-size: 13px; line-height: 1.55; }
.live-product-panel h2 { margin: 6px 0 12px; font-size: 22px; }
.live-product-panel p, .live-product-panel li { color: var(--muted); font-size: 12px; line-height: 1.65; }
.live-product-panel ul { margin: 0; padding-left: 18px; }
.live-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.live-product-grid span { padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; color: #e7e2d7; background: rgba(255,255,255,.035); font-size: 11px; font-weight: 800; }
.live-product-form { display: grid; gap: 12px; margin-top: 17px; }
.live-product-panel .date-options { display: grid; gap: 9px; margin-top: 12px; }
.live-product-panel .date-option { width: 100%; min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: var(--surface-2); text-align: left; cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.live-product-panel .date-option:hover { border-color: rgba(245,185,66,.42); background: rgba(245,185,66,.08); transform: translateY(-1px); }
.live-product-panel .date-option.active { border-color: var(--gold); background: rgba(245,185,66,.12); box-shadow: inset 0 0 0 1px rgba(245,185,66,.2); }
.live-product-panel .date-option strong { color: #fff6dd; font-size: 12px; line-height: 1.2; }
.live-product-panel .date-option span { color: var(--muted); font-size: 10px; line-height: 1.25; white-space: nowrap; }
.live-product-form label { display: grid; gap: 6px; color: #ddd9cf; font-size: 11px; font-weight: 800; }
.live-product-form input, .live-product-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; outline: 0; padding: 12px; color: var(--text); background: #0b0f0d; font: 12px/1.5 "DM Sans", sans-serif; }
.live-product-form textarea { min-height: 92px; resize: vertical; }
.live-product-form input:focus, .live-product-form textarea:focus { border-color: rgba(245,185,66,.55); box-shadow: 0 0 0 3px rgba(245,185,66,.08); }
.live-product-access { margin-top: 16px; padding: 16px; border: 1px solid rgba(77,240,140,.24); border-radius: 11px; background: rgba(77,240,140,.07); }
.live-product-access[hidden] { display: none; }
.live-product-access h3 { margin: 7px 0; font: 800 16px Manrope, sans-serif; }
.live-product-access p { margin: 0 0 13px; color: #c7d8cd; font-size: 11px; line-height: 1.6; }
.live-product-note { margin-top: 12px; padding: 13px; border: 1px solid rgba(245,185,66,.16); border-radius: 10px; color: #d8cda8; background: rgba(245,185,66,.06); font-size: 11px; line-height: 1.6; }
.live-product-toast { position: fixed; left: 50%; bottom: 24px; z-index: 50; padding: 12px 18px; border: 1px solid rgba(77,240,140,.22); border-radius: 9px; color: #d9ffe6; background: #122018; font-size: 12px; transform: translate(-50%, 100px); opacity: 0; transition: .28s ease; box-shadow: 0 20px 60px rgba(0,0,0,.42); }
.live-product-toast.show { transform: translate(-50%, 0); opacity: 1; }
@media(max-width:980px){
  .live-product-body { grid-template-columns: 1fr; }
}
@media(max-width:620px){
  .live-product-page--focused { width: min(100% - 24px, 760px); }
  .live-product-cover { min-height: 470px; padding: 24px 20px; }
  .live-product-compact-cover { min-height: 260px; padding: 20px; margin: -20px -20px 20px; }
  .live-product-meta { gap: 7px; }
  .live-product-meta span { font-size: 9px; }
  .live-product-body { margin-inline: 0; }
  .live-product-panel { padding: 20px; }
  .live-product-panel .date-option { align-items: flex-start; flex-direction: column; gap: 5px; }
  .live-product-panel .date-option span { white-space: normal; }
  .live-product-grid { grid-template-columns: 1fr; }
}