/* LuLLAY Publications. Book typography: Libre Caslon Text (headings) + EB Garamond (text), self-hosted, SIL OFL. */
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/libre-caslon-text.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/libre-caslon-text-italic.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/eb-garamond.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 800;font-display:swap;src:url(fonts/eb-garamond-italic.woff2) format("woff2")}
:root{
  --navy:#1E2D50; --navy-2:#2b3d66; --gold:#C9A24A; --gold-ink:#8a6a22;
  --paper:#FBF8F1; --paper-2:#F3EEE2; --ink:#22262f; --muted:#5f6370; --rule:#d9d1bf; --rule-dark:#1E2D50;
  --display:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --text:"EB Garamond",Garamond,Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:1.1875rem;line-height:1.55;font-variant-numeric:lining-nums proportional-nums;font-kerning:normal;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
[hidden]{display:none!important}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--gold)}
a:hover{text-decoration-color:var(--navy)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--navy);line-height:1.15;margin:0 0 .4em;letter-spacing:-.005em}
h2{font-size:clamp(1.75rem,5.4vw,2.35rem)}
h3{font-size:1.35rem}
p{margin:0 0 .9em}
i,em{font-style:italic}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}
.measure{max-width:640px}
.label{font-family:var(--text);font-variant-caps:all-small-caps;letter-spacing:.11em;font-size:1.02rem;color:var(--gold-ink);margin:0 0 .35em;line-height:1.3;font-variant-numeric:lining-nums}
.muted{color:var(--muted)}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);padding:8px 14px;z-index:50}
.skip:focus{left:8px}
[id]{scroll-margin-top:16px}

/* masthead */
.masthead{border-bottom:1px solid var(--rule-dark);padding:20px 0 0}
.masthead .wrap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
.wordmark{display:inline-flex;align-items:baseline;gap:.45em;text-decoration:none;color:var(--navy);line-height:1}
.wm{font-family:var(--display);font-size:1.75rem;letter-spacing:.01em}
.wm2{font-family:var(--text);font-variant-caps:all-small-caps;letter-spacing:.16em;font-size:1.2rem;color:var(--gold-ink)}
.nav{list-style:none;margin:0;padding:10px 0 12px;display:flex;flex-wrap:wrap;gap:2px 0}
.nav li{display:flex;align-items:center}
.nav li+li::before{content:"·";color:var(--gold);padding:0 .42em}
.nav a{text-decoration:none;color:var(--ink);font-size:1rem;padding:4px 0}
.nav a:hover{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold)}

/* opening: what is on the site */
.opening{padding:22px 0 30px;border-bottom:1px solid var(--rule)}
.intro{font-size:1.28rem;line-height:1.4;max-width:34em;margin-bottom:18px}
.index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.index a{display:block;text-decoration:none;color:var(--ink);border-top:2px solid var(--navy);padding-top:8px}
.ix-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2);border:1px solid var(--rule)}
.ix-thumb img{width:100%;height:100%;object-fit:cover}
.ix-text{display:block;padding-top:7px}
.ix-label{display:block;font-family:var(--display);font-size:1.12rem;color:var(--navy);line-height:1.2}
.ix-sub{display:block;font-size:.98rem;color:var(--muted);font-style:italic;line-height:1.3}
.index a:hover .ix-label{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.18em}

/* sections */
.section{padding:44px 0 46px;border-bottom:1px solid var(--rule)}
.section-head{max-width:640px;margin-bottom:26px}
.lead{font-size:1.2rem;line-height:1.5}
.note{color:var(--muted);font-style:italic;margin:22px 0 0}

/* buttons: plain, square */
.btn{display:inline-block;font-family:var(--text);font-size:1.05rem;line-height:1.2;letter-spacing:.02em;text-decoration:none;text-align:center;padding:11px 18px;border:1px solid var(--navy);border-radius:0;cursor:pointer;background:transparent;color:var(--navy)}
.btn-solid{background:var(--navy);color:var(--paper)}
.btn-solid:hover{background:var(--navy-2)}
.btn-line:hover{background:var(--paper-2)}
.btn-wide{display:block;width:100%}
.btn.is-soon,.btn.is-pending{border-color:var(--rule);color:var(--muted);background:transparent;cursor:default}
.pending-note{display:block;font-size:.95rem;color:var(--muted);font-style:italic;margin-top:6px}

/* books */
.book-series{font-size:1.02rem;color:var(--muted);margin:0 0 14px}
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--rule);padding-top:18px;align-items:stretch}
.book{display:flex;flex-direction:column;min-width:0;text-align:center}
.book-cover{display:block;margin:0 0 10px}
.book-cover img{width:100%;border:1px solid var(--rule)}
.book h3{font-size:1.06rem;line-height:1.15;margin:0 0 .15em}
.book-for{font-size:.9rem;line-height:1.25;color:var(--muted);font-style:italic;margin:0 0 10px}
.book-blurb{display:none}
.book-actions{display:flex;flex-direction:column;gap:6px;margin:auto 0 0}
.book-actions .btn{display:block;width:100%;font-size:.92rem;padding:7px 4px;letter-spacing:.01em}
.wide-only{display:none}
.book-row-label{font-variant-caps:all-small-caps;letter-spacing:.11em;font-size:1rem;color:var(--gold-ink);margin:22px 0 8px;display:flex;align-items:center;gap:10px}
.book-row-label::after{content:"";flex:1;border-top:1px solid #d6c7a6}
.book-row-label + .books{border-top:0;padding-top:4px}
.book-soon{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:600/776;background:var(--navy);color:var(--gold);padding:10px;outline:1px solid var(--gold);outline-offset:-6px;border:1px solid var(--mat,#d6c7a6);text-align:center}
.bs-series{font-family:var(--display);font-style:italic;font-size:.78rem;line-height:1.2;color:#e9dcb8}
.bs-rule{width:28px;border-top:1px solid var(--gold)}
.bs-word{font-variant-caps:all-small-caps;letter-spacing:.14em;font-size:.95rem;line-height:1.1}
.book.is-soon .book-actions{display:none}
.book-notes{margin:18px 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.book-notes summary{cursor:pointer;padding:12px 0;font-family:var(--display);color:var(--navy);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
.book-notes summary::-webkit-details-marker{display:none}
.book-notes summary::after{content:"+";color:var(--gold-ink);font-size:1.3rem;line-height:1}
.book-notes[open] summary::after{content:"\2013"}
.book-notes dl{margin:0 0 14px}
.book-notes dt{font-family:var(--display);color:var(--navy);font-size:.98rem;margin-top:8px}
.book-notes dd{margin:0;font-size:1.02rem;line-height:1.45}

/* posters */
.poster{display:grid;gap:24px}
.poster-media{margin:0}
.poster-img img{width:100%;max-width:460px;border:1px solid var(--rule);background:#fff}
.poster-img.placeholder{aspect-ratio:529/700;max-width:460px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;border:1px solid var(--rule);background:var(--paper-2);color:var(--muted);font-style:italic}
.copyright{font-size:.92rem;color:var(--muted);margin-top:8px;max-width:460px;line-height:1.35}
.versions{border:0;margin:6px 0 18px;padding:0}
.versions legend{padding:0;margin-bottom:6px}
.vopt{display:block;cursor:pointer;margin:0 0 4px}
.vopt input{accent-color:var(--navy);width:17px;height:17px;margin:0 9px 0 0;vertical-align:-2px}
.vopt em{color:var(--muted)}
.prices{width:100%;border-collapse:collapse;margin:4px 0 10px;caption-side:top;text-align:left}
.prices caption{text-align:left}
.prices th,.prices td{border-top:1px solid var(--rule);padding:9px 0;vertical-align:top;text-align:left;font-weight:400}
.prices tr:last-child th,.prices tr:last-child td{border-bottom:1px solid var(--rule)}
.prices th{font-family:var(--display);color:var(--navy);width:42%;font-size:1.05rem}
.prices .pay{margin-left:10px}
.specs{font-size:1rem;color:var(--muted);margin:0 0 16px}
.soon-note{font-style:italic}

/* music */
.album{display:grid;gap:26px}
.album-cover img{width:min(100%,320px);border:1px solid var(--rule)}
.album-title{margin:12px 0 14px;font-size:1.15rem;line-height:1.35}
.tracks{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.tracks li{display:grid;grid-template-columns:1.8em 1fr;column-gap:8px;padding:8px 0;border-bottom:1px solid var(--rule)}
.tracks .num{grid-row:span 2;color:var(--gold-ink);font-variant-numeric:oldstyle-nums tabular-nums}
.tracks .dots{display:none}
.tracks .p{font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--muted);font-size:.98rem;line-height:1.2}

/* videos */
.videos{display:grid;gap:18px;max-width:720px}
.video{display:block;position:relative;aspect-ratio:16/9;border:1px solid var(--rule);background:var(--navy);overflow:hidden;text-decoration:none}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.still img{width:100%;height:100%;object-fit:cover}
.video .play{position:absolute;left:0;bottom:0;background:var(--navy);color:var(--paper);padding:9px 14px;font-size:1.02rem}
.video .play span{color:var(--gold);font-size:.8em;margin-right:4px}
.video.placeholder{display:flex;align-items:center;justify-content:center;color:var(--paper);text-align:center}
.yt .btn{width:100%}

/* about, contact */
.about-photo{width:160px;margin-bottom:18px}
.contact-line{border-top:1px solid var(--rule);padding-top:10px;margin-bottom:12px}
.contact-line .label{display:block;margin:0 0 2px}
.contact-line a{overflow-wrap:anywhere}

/* footer */
.foot{padding:32px 0 44px;font-size:1rem;color:var(--muted)}
.foot-mark{margin-bottom:10px;color:var(--navy)}
.foot-mark .wm{font-size:1.35rem}
.foot-mark .wm2{font-size:1rem}
.foot p{margin-bottom:6px;max-width:40em}

/* dialogs */
dialog{border:1px solid var(--navy);border-radius:0;padding:0;width:min(560px,100% - 24px);max-height:calc(100% - 24px);background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(22,30,52,.55)}
#order-form{padding:20px 20px 24px;display:grid;gap:12px}
.dlg-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--rule);padding-bottom:10px}
.dlg-head h2{margin:0;font-size:1.5rem}
.x{font:inherit;font-size:1.7rem;line-height:1;background:none;border:0;color:var(--navy);cursor:pointer;padding:4px 8px}
.dlg-note{font-size:1rem;margin:0;color:var(--muted)}
#order-form label{display:grid;gap:4px;font-variant-caps:all-small-caps;letter-spacing:.08em;color:var(--gold-ink);font-size:1.02rem}
#order-form input,#order-form select,#order-form textarea{font:inherit;font-size:1.05rem;color:var(--ink);background:#fff;border:1px solid #bdb39d;border-radius:0;padding:9px 10px;font-variant-caps:normal;letter-spacing:0;width:100%}
.total{margin:0;font-family:var(--display);color:var(--navy)}
.err{color:#8b1e1e;margin:0}
.dlg-alt{font-size:1rem;margin:0;text-align:center}
.look{width:min(720px,100% - 16px);height:min(92vh,980px);display:none;flex-direction:column}
.look[open]{display:flex}
.look-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--rule)}
.look-head h2{font-size:1.2rem;margin:0}
.look-head .label{margin:0}
.look-track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--paper-2);scrollbar-width:none;outline:none;min-height:0}
.look-track::-webkit-scrollbar{display:none}
.look-track figure{flex:0 0 100%;scroll-snap-align:center;margin:0;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0}
.look-track img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border:1px solid var(--rule);background:#fff}
.look-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--rule)}
.look-nav{font:inherit;font-size:1.6rem;line-height:1;width:44px;height:44px;border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;border-radius:0}
.look-cap{margin:0;text-align:center;font-size:1rem}
.look-cap small{color:var(--muted)}

.prices,#order-form,.total,.look-cap,.specs,.label{font-variant-numeric:lining-nums proportional-nums}

@media (min-width:720px){
  .masthead{padding-top:28px}
  .wm{font-size:2.1rem}
  .index{grid-template-columns:repeat(4,1fr);gap:20px}
  .books{gap:36px;padding-top:28px}
  .book-cover{width:100%;max-width:230px;margin:0 auto 16px}
  .book h3{font-size:1.35rem}
  .book-for{font-size:1rem}
  .book-blurb{display:block;font-size:1.05rem;line-height:1.5;margin:0 0 16px}
  .book-actions{flex-direction:row;justify-content:center;gap:10px}
  .book-actions .btn{width:auto;font-size:1rem;padding:9px 16px}
  .wide-only{display:inline}
  .book-notes{display:none}
  .book.is-soon .book-actions{display:flex}
  .book-row-label{margin:34px 0 10px}
  .bs-series{font-size:1.15rem}
  .bs-word{font-size:1.3rem}
  .bs-rule{width:48px}
  .poster{grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:40px;align-items:start}
  .album{grid-template-columns:280px 1fr;gap:44px;align-items:start}
  .yt .btn{width:auto}
  .section{padding:60px 0 64px}
  .tracks li{display:flex;align-items:baseline;gap:10px}
  .tracks .num{width:1.6em;flex:0 0 auto}
  .tracks .dots{display:block;flex:1 1 12px;border-bottom:1px dotted #b8ae98;transform:translateY(-4px);min-width:12px}
  .tracks .p{flex:0 0 auto;font-size:1.02rem}
  .nav a{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== Colour pass (Oct 11): navy masthead/footer, more gold, parchment + one rich section, a colour per category ===== */
:root{--parch:#F3EADB;--burgundy:#6B1F2A;--teal:#1F5C5A;--cream:#F6EFDF;--gold-soft:#dcc58c;--mat:#d8c89f}
.c-books{--cat:var(--navy);--cat-ink:var(--navy)}
.c-posters{--cat:var(--burgundy);--cat-ink:var(--burgundy)}
.c-music{--cat:var(--teal);--cat-ink:var(--teal)}
.c-videos{--cat:var(--gold);--cat-ink:var(--gold-ink)}

/* masthead band */
.masthead{background:var(--navy);border-bottom:3px solid var(--gold)}
.masthead .wrap{border-bottom:0}
.wordmark,.masthead .wm{color:var(--cream)}
.masthead .wm2{color:var(--gold)}
.nav a{color:#e9e1cf}
.nav a:hover{color:#fff;text-decoration-color:var(--gold)}
.nav li+li::before{color:var(--gold)}
:focus-visible{outline-color:var(--gold)}

/* first-screen tiles */
.opening{background:var(--paper);border-bottom:1px solid var(--mat)}
.index a{border-top:3px solid var(--cat,var(--navy));padding-top:9px}
.ix-thumb{border:1px solid var(--gold);padding:3px;background:#fff}
.ix-label{color:var(--cat-ink,var(--navy))}
.ix-sub{color:var(--gold-ink)}
.index a:hover .ix-thumb{border-color:var(--cat,var(--navy))}

/* section backgrounds */
.section{border-bottom:0}
.bg-parch{background:var(--parch)}
.section-head .label{color:var(--cat-ink,var(--gold-ink))}
.section-head .label::before{content:"";display:block;width:44px;height:3px;background:var(--cat,var(--gold));margin-bottom:12px}
.section-head h2{color:var(--cat-ink,var(--navy))}
.section-head h2::after{content:"";display:block;width:88px;height:1px;background:var(--gold);margin-top:14px}
.label{color:var(--gold-ink)}
.books,.book{border-color:var(--mat)}
.bg-parch .book{border-color:#d6c7a6}

/* images on a paper mat */
.book-cover img,.album-cover img,.poster-img img{background:#fff;padding:6px;border:1px solid var(--mat);border-bottom-color:#c4b083}
.poster-img img{padding:10px}
.poster-img.placeholder{border-color:var(--mat)}
.video{border:6px solid #fff;outline:1px solid var(--mat)}

/* buttons: solid navy primary, gold-outline secondary */
.btn{border-width:1px}
.btn-solid{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.btn-solid:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn-line{border-color:var(--gold);color:var(--navy);background:transparent}
.btn-line:hover{background:var(--gold);color:var(--navy)}
.btn.is-soon,.btn.is-pending{border-color:var(--mat);color:var(--muted);background:transparent}

/* posters: burgundy accents */
.c-posters .prices th{color:var(--burgundy)}
.prices th,.prices td{border-color:var(--mat)}
.prices tr:last-child th,.prices tr:last-child td{border-bottom-color:var(--mat)}
.vopt input{accent-color:var(--burgundy)}
.pay{color:var(--burgundy)}

/* the rich section: music on deep burgundy */
.bg-rich{background:var(--burgundy);color:var(--cream)}
.bg-rich .section-head .label,.bg-rich .label{color:var(--gold-soft)}
.bg-rich .section-head .label::before{background:var(--gold)}
.bg-rich .section-head h2,.bg-rich h2,.bg-rich h3{color:var(--cream)}
.bg-rich .lead,.bg-rich .album-title{color:#efe4cf}
.bg-rich .album-cover img{border-color:var(--gold);background:var(--cream)}
.bg-rich .tracks{border-top-color:rgba(201,162,74,.55)}
.bg-rich .tracks li{border-bottom-color:rgba(246,239,223,.18)}
.bg-rich .tracks .num{color:var(--gold)}
.bg-rich .tracks .p{color:#d9c9ae}
.bg-rich .tracks .dots{border-bottom-color:rgba(201,162,74,.5)}
.bg-rich .btn-line{border-color:var(--gold);color:var(--cream)}
.bg-rich .btn-line:hover{background:var(--gold);color:var(--burgundy)}
.bg-rich a{color:var(--cream)}

/* videos: gold accents */
.video .play{background:var(--gold);color:var(--navy)}
.video .play span{color:var(--navy)}

/* contact */
.contact-line{border-top-color:var(--mat)}

/* navy footer */
.foot{background:var(--navy);color:#cfd3dd;border-top:3px solid var(--gold)}
.foot-mark,.foot-mark .wm{color:var(--cream)}
.foot-mark .wm2{color:var(--gold)}
.foot .muted{color:#a9b0c2}
.foot a{color:var(--gold)}
.prices .ship-row th,.prices .ship-row td{color:var(--teal)}

/* Poster size dropdown (all builds) and the store-only blocks */
.store-only{display:none}
.buy{margin:14px 0 6px;border-top:1px solid var(--mat);padding-top:14px}
.buy-l{display:block;margin:0 0 6px}
.select{position:relative;display:block;max-width:100%}
.select::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);pointer-events:none}
.size-select{-webkit-appearance:none;appearance:none;display:block;width:100%;max-width:100%;font-family:var(--text);font-size:1.08rem;line-height:1.3;color:var(--navy);background:var(--parch,#F3EADB);border:1px solid var(--navy);border-radius:0;padding:12px 44px 12px 14px;margin:0;min-height:48px;cursor:pointer;text-overflow:ellipsis}
.size-select:hover{border-color:var(--gold)}
.size-select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.buy-price{margin:12px 0 2px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.bp-main{font-family:var(--display);font-size:1.9rem;color:var(--navy);font-variant-numeric:lining-nums}
.bp-note{font-family:var(--text);font-style:italic;color:var(--muted,#5f6370);font-size:1rem}
.buy-ship{margin:0 0 10px;color:var(--teal);font-family:var(--text)}
.buy-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:8px 0 4px}
.buy-row .btn{flex:1 1 160px;text-align:center}
.buy-qty{display:flex;flex-direction:column;gap:4px;flex:0 0 auto}
.buy-qty input{width:6.5em;font:inherit;font-size:1.08rem;color:var(--ink);background:#fff;border:1px solid #bdb39d;border-radius:0;padding:10px;min-height:48px}
.buy-qty input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.buy .pay{display:inline-block;margin-top:8px}

/* Poster finishing choices: hanging (grommets or not) always shown; vinyl, coating, wind flaps under More options */
.finish{margin:12px 0 0}
.finish .buy-l{margin-top:10px}
.finish > .buy-l:first-child{margin-top:0}
.more-opts{margin:10px 0 0;border-top:1px dotted var(--rule);padding-top:8px}
.more-opts summary{cursor:pointer;font-family:var(--text);color:var(--navy);font-size:1.02rem;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:6px 0;min-height:36px}
.more-opts summary::-webkit-details-marker{display:none}
.more-opts summary::before{content:"+";font-family:var(--display);color:var(--gold-ink);width:1em}
.more-opts[open] summary::before{content:"−"}
.more-opts summary span{font-style:italic;color:var(--muted);font-size:.95rem}
.opt-note{margin:8px 0 0;font-size:.95rem;font-style:italic;color:var(--muted)}
.buy-opt{margin:0 0 6px;font-family:var(--text);font-style:italic;color:var(--muted);font-size:1rem}
.buy-opt[hidden],.opt-note[hidden]{display:none}
#order-form .finish{display:grid;gap:12px;margin:0}
#order-form .dlg-more{margin:0;padding-top:4px;display:grid;gap:12px}
#order-form .dlg-more[open]{gap:12px}
#order-form .dlg-more label{margin-top:8px}
.cl-tier + .cl-tier{margin-top:0}