/* Sub-pages (track, and later order/admin) - reuses tokens from style.css */
body.sub{min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
.sbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 0;max-width:1180px;width:100%;margin:0 auto}
.sr{display:flex;align-items:center;gap:16px}
.slink{font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);text-decoration:none;opacity:.85}
.slink:hover,.slink:focus-visible{color:var(--gold);outline:none}
.smain{flex:1;width:100%;max-width:760px;margin:0 auto;padding:clamp(56px,10vh,110px) 22px 90px}
.tk .ey{font:500 12px var(--tech);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.tk h1{font:500 clamp(2.4rem,8vw,4.4rem)/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin-top:22px}
.tk h1 em{display:block;color:var(--gold);font-style:italic;text-transform:none}
.tk .lp{font:400 15px/1.75 var(--sans);color:#BDB5A7;max-width:52ch;margin-top:24px}
.tform{margin-top:40px;display:flex;flex-direction:column}
.tform label{font:500 11px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:18px 0 8px}
.tform input{font:400 16px var(--sans);color:var(--ivory);background:rgba(239,232,214,.04);border:1px solid rgba(192,173,121,.35);border-radius:2px;padding:15px 16px;width:100%}
.tform input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,173,121,.18)}
.tform input::placeholder{color:rgba(239,232,214,.35)}
#tc{letter-spacing:.12em;text-transform:uppercase}
#tc::placeholder{text-transform:none;letter-spacing:.08em}
.tform .btn{margin-top:28px;max-width:320px}
.tform .btn[disabled]{opacity:.6;cursor:wait}
.tmsg{min-height:22px;margin-top:16px;font:500 13px/1.5 var(--sans);color:#d9a27a}
.tres{margin-top:48px;border-top:1px solid rgba(192,173,121,.3);padding-top:36px}
.tres .rc{font:600 13px var(--tech);letter-spacing:.2em;color:var(--gold)}
.tres h2{font:500 clamp(1.7rem,5vw,2.4rem)/1.15 var(--serif);margin:12px 0 0}
.tres .rt{font:400 15px/1.75 var(--sans);color:#BDB5A7;margin-top:14px;max-width:58ch}
.stp{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:0}
.stp li{position:relative;padding:0 0 22px 34px;font:500 13px/1.4 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:rgba(239,232,214,.4)}
.stp li::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(192,173,121,.5)}
.stp li::after{content:"";position:absolute;left:6.5px;top:18px;bottom:2px;width:1px;background:rgba(192,173,121,.25)}
.stp li:last-child::after{display:none}
.stp li.done{color:var(--ivory)}.stp li.done::before{background:var(--gold);border-color:var(--gold)}
.stp li.now{color:var(--gold)}.stp li.now::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(192,173,121,.2)}
.qbox{margin-top:30px;border:1px solid rgba(192,173,121,.35);padding:22px 22px 20px}
.qbox small{display:block;font:500 11px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.qbox .qp{font:500 clamp(2rem,7vw,3rem)/1.1 var(--serif);margin-top:10px}
.qbox .qn{white-space:pre-wrap;font:400 15px/1.7 var(--sans);color:#BDB5A7;margin-top:12px}
.rq{margin-top:34px}
.rq h3{font:500 11px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.rq ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rq li{font:400 15px/1.5 var(--sans);color:var(--ivory)}
.rq li span{color:#BDB5A7}
.rq .sd{margin-top:16px;font:400 13px var(--sans);color:#BDB5A7}
.tres .wal{display:inline-block;margin-top:26px;font:500 12px var(--tech);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(192,173,121,.4);padding-bottom:3px}
.sft{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:center;padding:26px 22px calc(env(safe-area-inset-bottom,0px) + 26px);border-top:1px solid rgba(192,173,121,.14);font:500 11px var(--tech);letter-spacing:.16em;text-transform:uppercase;color:rgba(239,232,214,.6)}
.sft a{color:inherit;text-decoration:none}.sft a:hover,.sft a:focus-visible{color:var(--gold);outline:none}
[dir=rtl] .stp li{padding:0 34px 22px 0}[dir=rtl] .stp li::before{left:auto;right:0}[dir=rtl] .stp li::after{left:auto;right:6.5px}
[dir=rtl] .tk h1,[dir=rtl] .tres h2{letter-spacing:0}
[data-theme="light"] body.sub{background:var(--lbg);color:var(--lfg)}
[data-theme="light"] .slink{color:var(--lfg)}
[data-theme="light"] :is(.tk .ey,.tk h1 em,.tform label,.tres .rc,.qbox small,.rq h3,.tres .wal,.stp li.now){color:var(--lgd)}
[data-theme="light"] :is(.tk .lp,.tres .rt,.qbox .qn,.rq li span,.rq .sd){color:#3C352E}
[data-theme="light"] :is(.rq li,.stp li.done){color:var(--lfg)}
[data-theme="light"] .stp li{color:rgba(27,22,19,.45)}
[data-theme="light"] .tform input{color:var(--lfg);background:rgba(27,22,19,.04);border-color:var(--lln)}
[data-theme="light"] :is(.tres,.qbox,.sft){border-color:var(--lln)}
[data-theme="light"] .sft{color:var(--lmu)}
[data-theme="light"] .stp li.done::before{background:var(--lgd);border-color:var(--lgd)}

/* ---- v14 step 3: order tracking, Pay now, state pages (paypal-return, 404) ---- */
.tform .btn,.ob .btn,.sstate .btn{border:0;cursor:pointer;display:inline-block;text-align:center;font-family:var(--tech)}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.btn.bs{padding:14px 24px}
.ob{margin-top:28px;border:1px solid rgba(192,173,121,.35);padding:22px 22px 24px}
.ob h3{font:500 11px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.ob .obp{font:400 15px/1.7 var(--sans);color:#BDB5A7;max-width:58ch;margin:0 0 18px}
.ob .obp.note{margin:14px 0 0;font-size:13px}
.ob.pay{border-color:var(--gold);background:rgba(192,173,121,.06)}
.ob.fin{border-color:rgba(162,166,106,.6);background:rgba(162,166,106,.07)}
.pmedia{position:relative;overflow:hidden;background:#000;margin:0 0 16px;border-radius:2px}
.pmedia video,.pmedia img{display:block;width:100%;max-height:70vh;object-fit:contain}
.pwm{position:absolute;inset:-30%;pointer-events:none;background-repeat:repeat;transform:rotate(-20deg)}
.ptot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;margin:0 0 20px;border-top:1px solid rgba(192,173,121,.25);border-bottom:1px solid rgba(192,173,121,.25)}
.ptot .ol{font:500 11px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:#BDB5A7}
.ptot .pamt{font:500 clamp(1.9rem,6vw,2.6rem)/1 var(--serif);color:var(--ivory)}
.pbtn{width:100%;max-width:360px}
.ob textarea{display:block;width:100%;min-height:110px;margin:0 0 14px;resize:vertical;font:400 15px/1.6 var(--sans);color:var(--ivory);background:rgba(239,232,214,.04);border:1px solid rgba(192,173,121,.35);border-radius:2px;padding:14px 16px}
.ob textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,173,121,.18)}
.ob textarea::placeholder{color:rgba(239,232,214,.35)}
.oerr{min-height:0;margin-top:12px;font:500 13px/1.5 var(--sans);color:#d9a27a}
.oerr:empty{display:none}
.ook{margin-top:6px;font:500 14px/1.6 var(--sans);color:var(--matcha)}
.odet{display:grid;gap:0}
.orow{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(192,173,121,.16);font:400 14px/1.5 var(--sans)}
.orow:last-child{border-bottom:0}
.orow .ol{color:#BDB5A7;flex:none}
.orow .ov{color:var(--ivory);text-align:right;overflow-wrap:anywhere;unicode-bidi:plaintext}
[dir=rtl] .orow .ov{text-align:left}
/* centred message pages */
.sstate{max-width:520px;margin:0 auto;text-align:center}
.sstate .si{width:68px;height:68px;margin:0 auto 26px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:500 26px var(--serif);color:var(--gold)}
.sstate .si.good{border-color:var(--matcha);color:var(--matcha)}
.sstate .si.bad{border-color:#d9a27a;color:#d9a27a}
.sstate .si.wait{animation:sp-pulse 1.4s ease-in-out infinite}
@keyframes sp-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.sstate .si.wait{animation:none}}
.sstate .ey{font:500 12px var(--tech);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.sstate h1{font:500 clamp(2rem,6.5vw,3.2rem)/1.1 var(--serif);margin:16px 0 0}
.sstate h1 em{display:block;color:var(--gold);font-style:italic}
.sstate p{font:400 15px/1.75 var(--sans);color:#BDB5A7;margin:18px auto 0;max-width:44ch}
.sstate .sa{margin-top:34px;display:flex;flex-wrap:wrap;gap:16px 26px;justify-content:center;align-items:center}
.sstate .wal{font:500 12px var(--tech);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(192,173,121,.4);padding-bottom:3px}
.sstate .big{font:500 clamp(5rem,22vw,9rem)/1 var(--serif);color:var(--gold);letter-spacing:.04em;opacity:.9}
[dir=rtl] .sstate h1{letter-spacing:0}
[data-theme="light"] :is(.ob h3,.sstate .ey,.sstate h1 em,.sstate .wal,.sstate .si,.sstate .big){color:var(--lgd)}
[data-theme="light"] .sstate .si{border-color:var(--lgd)}
[data-theme="light"] .sstate .si.good,[data-theme="light"] .ook{color:#566024;border-color:#566024}
[data-theme="light"] .sstate .si.bad,[data-theme="light"] .oerr{color:#9a4a1c;border-color:#9a4a1c}
[data-theme="light"] :is(.ob .obp,.ptot .ol,.orow .ol,.sstate p){color:#3C352E}
[data-theme="light"] :is(.orow .ov,.ptot .pamt,.sstate h1){color:var(--lfg)}
[data-theme="light"] :is(.ob,.ptot,.orow){border-color:var(--lln)}
[data-theme="light"] .ob.pay{border-color:var(--lgd);background:rgba(126,106,51,.07)}
[data-theme="light"] .ob.fin{border-color:rgba(86,96,36,.55);background:rgba(86,96,36,.07)}
[data-theme="light"] .ob textarea{background:rgba(27,22,19,.04);border-color:var(--lln);color:var(--lfg)}
/* light theme: sub-page header (brand, language button) */
[data-theme="light"] .sbar .brand b{color:var(--lfg)}
[data-theme="light"] .sbar .brand small{color:var(--lgd)}
[data-theme="light"] .sbar .brand img{mix-blend-mode:normal;background:var(--espresso)}
[data-theme="light"] .sbar .lng{color:var(--lfg);border-color:var(--lln)}