/* UK phase 1 page. Builds on assets/v2.css (tokens, buttons, kicker, photo grain, cookie bar). */
.uk-top{display:flex;justify-content:space-between;align-items:center;gap:16px;height:64px;border-bottom:1px solid var(--line)}
.uk-brand{font:500 1.15rem/1 var(--sans);letter-spacing:-.03em}
.uk-soon{color:var(--muted)}
@media(max-width:520px){.uk-soon{display:none}}

.uk-main{padding-block:clamp(24px,5vw,72px)}
.uk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}


.uk-h1{font-size:clamp(2.2rem,4.6vw,3.9rem);margin:0 0 18px}
.uk-h1 span{display:block}
.uk-fact{font-size:1.12rem;max-width:34em}
.uk-claim{font-size:.92rem;color:var(--espresso);border-left:2px solid var(--signal);padding-left:12px;max-width:34em}

.uk-buy{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:28px 0 12px;padding-top:18px;border-top:1px solid var(--line-2)}
.uk-buy__name{font-weight:500;margin:0 0 4px}
.uk-buy__format{font-size:.78rem;letter-spacing:.04em;color:var(--muted);margin:0}
.uk-buy__price{font:500 1.6rem/1 var(--sans);letter-spacing:-.02em;margin:0;white-space:nowrap}

.uk-lines{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.uk-lines li{display:grid;grid-template-columns:7.5em 1fr;gap:12px;padding-top:10px;border-top:1px solid var(--line);font-size:.95rem}
.uk-lines b{font:500 .72rem/1.6 var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted)}

.uk-visual{margin:0;aspect-ratio:4/5;background:var(--paper-2);display:grid;place-items:center;overflow:hidden;position:relative}
.uk-visual.photo img{position:absolute;inset:0;filter:none}
.uk-visual svg{width:min(72%,340px);height:auto}
.uk-visual .uk-pack{max-height:82%;width:auto;filter:drop-shadow(0 24px 30px rgba(21,21,21,.18))}

.uk-foot{margin-top:clamp(32px,6vw,80px);padding:28px 0 90px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.uk-foot p{margin:0 0 8px;max-width:60em}

.uk-dlg{border:0;padding:clamp(22px,4vw,36px);max-width:440px;width:calc(100% - 32px);background:var(--paper);color:var(--ink)}
.uk-dlg::backdrop{background:rgba(21,21,21,.45)}
.uk-dlg__h{font-size:clamp(1.6rem,4vw,2.1rem);margin-bottom:12px}
.uk-dlg__close{position:absolute;top:6px;right:8px;margin:0}
.uk-x{border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;padding:6px}
.uk-dlg{position:fixed}
.uk-lbl{display:block;font:500 .72rem var(--mono);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.uk-in{width:100%;padding:.8em .9em;border:1px solid var(--line-2);border-radius:0;background:#fff;font:inherit;color:var(--ink)}
.uk-in:focus{outline:2px solid var(--signal);outline-offset:0}
#waitForm .btn{margin-top:18px}
.uk-small{font-size:.78rem;color:var(--muted);margin:12px 0 0}

/* phone: the hook and the basket button stay near the top */
@media(max-width:860px){
  .uk-hero{grid-template-columns:1fr;gap:20px}
  .uk-visual{order:-1;aspect-ratio:auto;width:100%;height:28svh;min-height:190px}
  .uk-visual svg{height:88%;width:auto}
  .uk-main{padding-top:16px}
  .uk-h1{font-size:2rem;margin-bottom:12px}
  .uk-fact{font-size:1rem}
  .uk-buy{margin-top:18px}
}