/* Customer page — minimal, Azin brand (store theme: primary #7e8588, dark #585f62, ink #0e0f0f) */
body.mini{
  --brand:#7e8588; --brand-d:#585f62; --brand-xl:#f1f3f4;
  --rose:var(--brand); --rose-d:var(--brand-d); --rose-l:#d9dcde; --rose-xl:var(--brand-xl);
  --ink:#0e0f0f; --ink-2:#3d4244; --muted:#7e8588; --line:#e5e7eb;
  background:#fff!important;background-image:none!important;color:var(--ink);font-size:15px;
}
body.mini::before,body.mini::after{display:none!important}
body.mini *{background-image:none}
body.mini .serif{font-family:"Thmanyah Sans",system-ui,sans-serif;font-weight:500;letter-spacing:0}
body.mini a{color:var(--brand-d)}
.mbar{position:sticky;top:0;z-index:20;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(16px,4vw,40px);box-shadow:0 1px 8px rgba(14,15,15,.06)}
.mlogo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)!important}
.mlogo img{height:28px;width:auto;display:block}
.mlogo span{font-size:.78rem;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:12px}
.mlinks{display:flex;align-items:center;gap:8px}
.langs{display:flex;gap:6px}
.langs button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:4px 12px;font:inherit;font-size:.78rem;cursor:pointer}
.langs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
body.mini .wrap{max-width:560px;padding:28px 18px 40px}
.entry{max-width:380px;margin:clamp(30px,9vh,90px) auto 0}
.entry-q{font-size:1rem;font-weight:500;margin:0 0 16px;text-align:start}
.entry-q .ast{color:#c0392b}
.entry form{display:grid;gap:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.phone{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.phone:focus-within{border-color:var(--brand)}
.phone .cc{display:flex;align-items:center;gap:6px;padding:0 12px;border-inline-end:1px solid var(--line);font-size:.9rem;color:var(--ink-2);background:#fafafa}
.phone .input{border:0!important;box-shadow:none!important;border-radius:0}
body.mini .input,body.mini .select,body.mini .textarea{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:none;padding:12px 14px}
body.mini .input:focus,body.mini .select:focus,body.mini .textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(126,133,136,.15)}
body.mini .btn{background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:none;border-radius:10px;font-weight:500}
body.mini .btn:hover{background:var(--brand-d);border-color:var(--brand-d)}
body.mini .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
body.mini .btn.ghost:hover{background:var(--brand-xl)}
body.mini .btn[disabled]{opacity:.45}
body.mini .card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:18px}
body.mini .hero{padding:10px 0 14px;text-align:start}
body.mini .hero h1{font-size:1.25rem;margin:0}
body.mini .hero p{margin:6px 0 0;font-size:.9rem;color:var(--muted)}
body.mini .eyebrow{color:var(--muted)}
body.mini .alert{border-radius:10px;box-shadow:none;background:#f7f8f8;border:1px solid var(--line);color:var(--ink-2)}
body.mini .alert.err{background:#fdf3f2;border-color:#f2d4d0;color:#9b2d20}
body.mini .alert.warn{background:#fbf8ef;border-color:#eee2c2;color:#6b5415}
body.mini .alert.ok{background:#f3f7f4;border-color:#d7e5da;color:#2e5b3a}
body.mini .item{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}
body.mini .item.sel{border-color:var(--ink);box-shadow:none;background:#fff}
body.mini .seg label{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}
body.mini .seg input:checked+label{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
body.mini .seg input:disabled+label{opacity:.45;cursor:not-allowed}
body.mini .sumgrid>div{background:#fff;border:1px solid var(--line)}
body.mini .refund{background:#fff;border:1px solid var(--line)}
body.mini .rl.ded{color:var(--ink-2)}
body.mini .rl.tot{border-top:1px solid var(--line)}
body.mini .shipbox{background:#f7f8f8}
body.mini .stepper li:not(:last-child)::after,body.mini .track7 .st:not(:last-child)::after{background:var(--line)}
body.mini .stepper li.done::after,body.mini .track7 .st.done::after{background:var(--brand)}
body.mini .stepper i,body.mini .track7 i{border-color:var(--line)}
body.mini .stepper li.cur i,body.mini .track7 .st.cur i{background:var(--ink);border-color:var(--ink);box-shadow:none}
body.mini .stepper li.done i,body.mini .track7 .st.done i{background:var(--brand-xl);border-color:var(--brand);color:var(--brand-d)}
body.mini .success-ico{background:var(--brand)}
body.mini .badge{border-radius:999px}
body.mini .chip{background:var(--brand-xl);color:var(--brand-d);border-color:var(--line)}
body.mini .code{background:#f4f5f5;color:var(--ink)}
body.mini .divider{background:var(--line)}
body.mini .foot{color:var(--muted);background:#fff;border-top:1px solid var(--line)}
@media (max-width:560px){.mlogo{flex-direction:column;align-items:flex-start;gap:3px}.mlogo span{border:0;padding:0;font-size:.7rem}.mlogo .capb{display:none}.mlogo img{height:24px}}
.mlogo .capb{font-weight:inherit}
body.mini .sumcard{padding:20px}
body.mini .sumhead{margin-bottom:16px}
body.mini .sumgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){body.mini .sumgrid{grid-template-columns:repeat(4,minmax(0,1fr))}body.mini .wrap{max-width:720px}}
body.mini .sumgrid>div{padding:10px 12px;border-radius:10px}
.sumdiv{height:1px;background:var(--line);margin:20px 0 16px}
.sumitems-h{font-size:.85rem;font-weight:500;color:var(--ink);margin-bottom:12px}
.sumitems-h span{color:var(--muted);font-weight:400}
body.mini .sumitems{display:grid;gap:12px}
.shipopts{display:grid;gap:8px}
.shipopts input{position:absolute;opacity:0;pointer-events:none}
.shipopt{display:grid!important;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;margin:0!important;transition:border-color .15s,box-shadow .15s}
.shipopt:hover{border-color:#cfd4d6}
.shipopts input:checked+.shipopt{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.shipopts input:focus-visible+.shipopt{box-shadow:0 0 0 3px rgba(126,133,136,.25)}
.slogo{height:34px;display:flex;align-items:center;justify-content:center}
.slogo img{max-height:26px;max-width:72px;object-fit:contain}
.sname{font-weight:500;font-size:.92rem;display:flex;flex-direction:column}
.sname small{font-weight:400;color:var(--muted);font-size:.76rem}
.sfee{display:flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}
.sfee .tag{font-style:normal;font-size:.7rem;font-weight:500;color:#1f7a4d;background:#e8f5ee;border-radius:999px;padding:2px 8px}
.rvship{display:flex;align-items:center;gap:8px}.rvship img{height:18px;max-width:56px;object-fit:contain}
.shipchosen{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:.88rem}
.shipchosen img{height:22px;max-width:64px;object-fit:contain}
.sname small.same{color:#3d5a80;font-size:.72rem}
.pknote{display:flex;gap:10px;align-items:flex-start;background:#f3f6f9;border:1px solid #e1e8ef;color:#3d4a57;border-radius:10px;padding:10px 12px;font-size:.84rem;line-height:1.7;margin:12px 0}
.pknote svg{flex:none;margin-top:2px;color:#6b7c8f}
.shipopt .slogo img{height:26px!important;width:72px!important;max-width:72px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:none!important}
.rvship img,.shipchosen img{height:18px!important;width:56px!important;object-fit:contain!important;border:0!important;border-radius:0!important}
.rp-row{display:grid;grid-template-columns:1fr;gap:0 14px}
@media (min-width:600px){.rp-row{grid-template-columns:1fr 1fr;align-items:start}}
.rp-photos .photos{gap:8px}
.rp-photos .ph,.rp-photos .ph-add{width:56px!important;height:56px!important}
.pknote.wb{background:#f6f7f8;border-color:#e6e8ea;color:#3d4244}
.pknote.wb svg{color:#7e8588}
/* ===== Airy v3 — flowing, uncluttered ===== */
body.mini{font-size:15.5px;line-height:1.75}
body.mini .wrap{max-width:520px;padding:36px 20px 120px}
@media (min-width:600px){body.mini .wrap{max-width:600px;padding-top:56px}}
body.mini .hero{padding:0 0 22px}
body.mini .hero h1{font-size:1.5rem;font-weight:500;letter-spacing:-.01em}
.quiet{margin:6px 0 0;font-size:.85rem;color:var(--muted)}.quiet i{font-style:normal;margin:0 8px;opacity:.5}.quiet .bad{color:#a8473a}
/* compact order summary */
.sumx{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;transition:border-color .2s}
.sumx[open]{border-color:#d6d9db}
.sumx summary{list-style:none;display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer}
.sumx summary::-webkit-details-marker{display:none}
.sx-th{display:flex;flex:none}.sx-th img,.sx-th i{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#f1f3f4;margin-inline-start:-12px;display:block}
.sx-th>*:first-child{margin-inline-start:0}
.sx-t{flex:1;display:flex;flex-direction:column;min-width:0}.sx-t b{font-weight:500;font-size:.95rem}.sx-t small{color:var(--muted);font-size:.8rem}
.sx-more{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--muted)}
.sx-more svg{transition:transform .2s}.sumx[open] .sx-more svg{transform:rotate(180deg)}
.sx-body{padding:4px 16px 18px;animation:fadeUp .25s ease}
body.mini .sx-body .sumgrid>div{border:0;background:#f7f8f8;padding:10px 12px}
body.mini .sx-body .sumgrid span{font-size:.72rem;color:var(--muted)}body.mini .sx-body .sumgrid b{font-weight:500;font-size:.85rem}
/* flow */
#flow{margin-top:34px}
body.mini .stepper{margin:0 0 30px}
body.mini .stepper i{width:24px;height:24px;font-size:.75rem;border-width:1px}
body.mini .stepper li:not(:last-child)::after{top:12px;height:1px;inset-inline-start:calc(50% + 16px);width:calc(100% - 32px)}
body.mini .stepper span{font-size:.75rem}
body.mini .step-title{font-size:.95rem;font-weight:500;margin:30px 0 14px;gap:0}
body.mini .step-title i{display:none}
body.mini .step-title:first-child{margin-top:0}
#stepBody.enter{animation:fadeUp .32s cubic-bezier(.2,.7,.2,1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.mini .item{border-color:transparent;background:#fafafa;padding:14px;transition:background .15s,border-color .15s}
body.mini .item:hover{background:#f5f6f6}
body.mini .item.sel{background:#fff;border-color:var(--ink)}
body.mini .items{gap:10px}
body.mini .seg{gap:10px}
body.mini .seg label{padding:14px}
body.mini .field{margin-bottom:20px}
body.mini label{font-size:.85rem;font-weight:500}
body.mini .hint{font-size:.78rem}
.shipopts{gap:10px}
.shipopt{padding:14px 16px!important;border-color:transparent!important;background:#fafafa!important}
.shipopt:hover{background:#f5f6f6!important}
.shipopts input:checked+.shipopt{background:#fff!important;border-color:var(--ink)!important;box-shadow:none!important}
body.mini .refund{border:0;background:#fafafa;border-radius:14px;padding:16px 18px}
/* merged notices */
.notes{margin:18px 0;font-size:.84rem;color:var(--ink-2)}
.notes summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);padding:6px 0}
.notes summary::-webkit-details-marker{display:none}
.notes summary svg{flex:none;color:var(--brand)}.notes .chev{margin-inline-start:auto;transition:transform .2s}
.notes[open] .chev{transform:rotate(180deg)}
.notes p{display:flex;gap:10px;margin:8px 0 0;line-height:1.8;animation:fadeUp .25s ease}.notes p svg{flex:none;margin-top:3px;color:var(--brand)}
/* sticky action bar on mobile */
.actbar{margin-top:28px}
@media (max-width:599px){
  .actbar{position:sticky;bottom:0;z-index:15;margin:28px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
  body.mini .btnrow.actbar{display:grid;grid-template-columns:1fr 2fr;gap:10px}
}
body.mini .btn{min-height:48px;transition:background .15s,transform .1s}body.mini .btn:active{transform:scale(.99)}
body.mini .card{border-color:#eceeef;padding:22px}
.entry{margin-top:clamp(40px,12vh,120px)}
.entry form{gap:14px}
.rmopts .shipopt{grid-template-columns:56px 1fr 0!important}.rmopts .slogo img{width:48px!important;height:30px!important}

.bankform,.bankdone{border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0;background:#fff}
.bankform:not(.saved){border-color:var(--ink)}
.bf-h{display:flex;gap:12px;align-items:flex-start}.bf-h svg{flex:none;color:var(--brand-d);margin-top:3px}
.bf-h>div{flex:1;display:flex;flex-direction:column}.bf-h small{color:var(--muted);font-size:.8rem;line-height:1.7}
.bf-f{margin-top:14px}.bf-edit{flex:none}
.bankdone{display:flex;gap:10px;align-items:center;background:#f7f8f8;border:0}

/* compact courier grid */
.shipgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.shipgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.shipc{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:12px 8px!important;margin:0!important;border:1px solid transparent;border-radius:12px;background:#fafafa;cursor:pointer;transition:background .15s,border-color .15s}
.shipc:hover{background:#f4f5f5}
.shipgrid input:checked+.shipc{background:#fff;border-color:var(--ink)}
.shipgrid input:focus-visible+.shipc{box-shadow:0 0 0 3px rgba(126,133,136,.25)}
.shipc .slogo{height:26px}.shipc .slogo img{height:24px!important;width:auto!important;max-width:84px!important;object-fit:contain!important;border:0!important;background:none!important}
.shipc .cap{font-size:.74rem;color:var(--ink-2);line-height:1.3;text-align:center}
.shipc .sfee{font-size:.88rem;font-weight:500}
.shipc .tag{position:absolute;top:6px;inset-inline-start:6px;font-style:normal;font-size:.64rem;color:#1f7a4d;background:#e8f5ee;border-radius:999px;padding:1px 7px}
.shipnote{font-size:.8rem;color:var(--muted);min-height:1.4em;margin-top:8px}.shipnote .same{color:#3d5a80}.shipnote>span:first-child{color:var(--ink);font-weight:500}

.otp .linkbtn,.linkbtn{background:none;border:0;padding:0;font:inherit;font-size:.85rem;color:var(--brand-d);cursor:pointer}
.linkbtn[disabled]{color:var(--muted);cursor:default}
.otp .entry-q{margin-top:18px}
.otpboxes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 18px}
.otpboxes .ob{text-align:center;font-size:1.5rem;height:62px;padding:0!important;letter-spacing:0}

/* Customer flow: creation and follow-up live on separate, uncluttered pages. */
.customer-nav-link,.customer-text-link,.customer-back a{font-size:.82rem;color:var(--ink-2);text-decoration:none;text-underline-offset:4px}
.customer-nav-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 4px;white-space:nowrap}
.customer-nav-link[aria-current="page"]{color:var(--ink);font-weight:700}
.customer-nav-link:hover,.customer-text-link:hover,.customer-back a:hover{text-decoration:underline}
.customer-nav-link:focus-visible,.customer-text-link:focus-visible,.customer-back a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
.mlinks{min-width:0;flex-wrap:wrap;justify-content:flex-end}
body.mini .new-request-heading .new-purpose{font-size:.8rem;margin:0 0 5px;color:var(--muted)}
.open-request-notice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;margin:0 0 18px;border-radius:10px;background:#f6f7f8;font-size:.82rem;color:var(--ink-2)}
.open-request-notice a{font-weight:500;color:var(--ink);text-underline-offset:3px}.open-request-notice .code{font-size:.78rem;padding:1px 4px}
body.mini .my-heading{align-items:flex-start;gap:14px}.my-heading .customer-text-link{max-width:47%;text-align:end;line-height:1.7;padding:4px 0}
.customer-back{margin:0 0 14px}.customer-back a{display:inline-block;min-height:36px;padding:5px 0}
body.mini .request-page>.reqcard{padding:0;margin:0;border:0;background:none}
body.mini .success-page{margin:10px auto 0}.success-page .btnrow{margin-bottom:0}
.entry-switch .entry-mode-link{padding:10px 4px;min-height:44px}
@media(max-width:380px){.mbar{gap:8px;padding-inline:12px}.mlinks{gap:6px}.mlinks .chip{padding:4px 7px;font-size:.68rem}.mlogo img{max-width:74px;height:auto}.my-heading .customer-text-link{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){#stepBody.enter{animation:none}html{scroll-behavior:auto}}

.open-request-notice[hidden]{display:none}body.mini .my-heading h1{font-size:1.6rem;line-height:1.3}body.mini a.btn{text-decoration:none}

/* The tracking link changes the visible purpose, never just a hidden destination. */
.entry-heading{margin-bottom:16px}.entry-heading .entry-q{margin-bottom:0}.entry-heading .entry-help{margin:10px 0 0;font-size:.88rem;line-height:1.9}.entry-heading [hidden]{display:none}.entry[data-entry-mode="track"] .entry-q{font-size:1.25rem;font-weight:600;line-height:1.5}

/* In-page receipt preview: a persistent close action, not a mobile browser tab. */
.receipt-preview{position:fixed;inset:0;width:min(960px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;margin:auto;padding:0;border:0;background:#f3f3f3;color:#111;overflow:hidden}.receipt-preview[open]{display:flex;flex-direction:column}.receipt-preview::backdrop{background:rgb(0 0 0 / .35)}.receipt-preview-bar{flex:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid #ddd}.receipt-preview-bar strong{font-size:.85rem;overflow-wrap:anywhere}.receipt-preview-bar>div{display:flex;gap:8px;flex-wrap:wrap}.receipt-preview iframe{display:block;flex:1;min-height:0;width:100%;border:0;background:#fff}.receipt-preview-bar .btn{min-height:44px}@media(max-width:600px){.receipt-preview-bar strong{width:100%}.receipt-preview-bar>div{width:100%;justify-content:space-between}}

/* step 2: shipping unlocks after required photos */
.ship-lock{display:flex;gap:8px;align-items:center;padding:12px 14px;margin:6px 0 14px;border:1px dashed #d6cbb8;border-radius:12px;background:#faf7f2;color:#6b5d48;font-size:14px}
.ship-fee-note{margin-top:8px;padding:10px 12px;border-radius:10px;background:#fbf6ec;border:1px solid #efe2c8;color:#6b5428;font-size:13px;line-height:1.7}