/* =========================================================
   MALIK SHOP — formulario de compra, página del pedido (/pedido/…) y páginas legales (6-oct-2026).
   Mismo lenguaje de la web: fondo blanco con puntos, marcos negros finos, cromo plateado, Michroma.
   ========================================================= */
:root{--mk-ink:#0a0a0a;--mk-dim:#6f757d;--mk-line:#d9dcdf;--mk-font:'Michroma','Eurostile','Helvetica Neue',Arial,sans-serif;--mk-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mk-rim:linear-gradient(180deg,#ffffff 0%,#9aa0a8 48%,#3b4047 52%,#d6dade 100%);
  --mk-chrome:linear-gradient(180deg,#2b2f36 0%,#0b0c0e 48%,#000 52%,#1b1e23 100%)}

/* ---------- ventana de compra ---------- */
body.mk-abierto{overflow:hidden}
.mk-modal{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end;opacity:0;transition:opacity .2s}
.mk-modal.on{opacity:1}
.mk-back{position:absolute;inset:0;background:rgba(240,241,243,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mk-box{position:relative;width:min(480px,100%);height:100%;display:flex;flex-direction:column;background:#fff;border-left:1.5px solid var(--mk-ink);
  box-shadow:-10px 0 40px rgba(10,12,16,.12);transform:translateX(24px);transition:transform .28s cubic-bezier(.2,.9,.2,1);font-family:var(--mk-body);color:var(--mk-ink)}
.mk-modal.on .mk-box{transform:none}
.mk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1.5px solid var(--mk-ink)}
.mk-t{font-family:var(--mk-font);font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;align-items:baseline;min-width:0}
.mk-t b{font-weight:400;color:var(--mk-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-x{width:36px;height:36px;display:grid;place-items:center;border:1.5px solid var(--mk-ink);background:#fff;cursor:pointer;flex:0 0 auto}
.mk-x svg{width:16px;height:16px}
.mk-body{flex:1;overflow:auto;padding:16px 18px 20px;-webkit-overflow-scrolling:touch}
.mk-lab{font-family:var(--mk-font);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 10px;color:var(--mk-ink)}
.mk-lab:first-child{margin-top:0}
.mk-pzs{list-style:none;display:grid;gap:10px;margin:0;padding:0}
.mk-pz{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:10px;border:1.5px solid var(--mk-line)}
.mk-pz img{width:62px;height:62px;object-fit:contain;background:#fafafa}
.mk-pn{font-size:14px;line-height:1.3;margin:0 0 6px;font-weight:600}
.mk-sz{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--mk-dim);text-transform:uppercase;letter-spacing:.06em}
.mk-sz select{font:inherit;font-size:14px;letter-spacing:0;text-transform:none;color:var(--mk-ink);padding:6px 8px;border:1.5px solid var(--mk-ink);background:#fff;border-radius:0;min-width:96px}
.mk-pr{font-family:var(--mk-font);font-weight:400;font-size:13px}
.mk-tot{margin:14px 0 0;padding:12px 14px;background:#f6f7f8;border:1.5px solid var(--mk-line);display:grid;gap:6px;min-height:46px}
.mk-tot p{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:0}
.mk-tot p span{color:var(--mk-dim)}
.mk-tot p b{font-weight:600}
.mk-tot .mk-big{border-top:1.5px solid var(--mk-ink);padding-top:8px;margin-top:4px}
.mk-tot .mk-big span{color:var(--mk-ink);font-family:var(--mk-font);font-size:11px;letter-spacing:.1em;text-transform:uppercase;align-self:center}
.mk-tot .mk-big b{font-family:var(--mk-font);font-weight:400;font-size:18px}
.mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk-f{display:grid;gap:5px;min-width:0}
.mk-f span{font-size:12px;color:var(--mk-dim)}
.mk-f input,.mk-f select,.mk-f textarea{font:inherit;font-size:16px;padding:10px 11px;border:1.5px solid #b9bfc6;background:#fff;color:var(--mk-ink);border-radius:0;width:100%;min-width:0}
.mk-f input:focus,.mk-f select:focus,.mk-f textarea:focus,.mk-sz select:focus{outline:none;border-color:var(--mk-ink);box-shadow:0 0 0 3px rgba(10,10,10,.08)}
.mk-f textarea{resize:vertical}
.mk-full{grid-column:1/-1}
.mk-bad{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}
.mk-nota{font-size:12.5px;line-height:1.45;color:var(--mk-dim);margin:0}
.mk-mal{color:#b42318}
.mk-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.mk-chk{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font-size:13.5px;line-height:1.45;cursor:pointer}
.mk-chk input{width:18px;height:18px;margin-top:1px;accent-color:#0a0a0a;flex:0 0 auto}
.mk-chk a{text-decoration:underline;text-underline-offset:2px}
.mk-ts{margin-top:12px;min-height:0}
.mk-err{margin:0;padding:10px 12px;font-weight:600;background:#fef3f2;color:#b42318;font-size:13.5px;border:1.5px solid #f4c7c3}
.mk-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1.5px solid var(--mk-ink);background:#fff;display:grid;gap:8px}
.mk-go{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 16px;width:100%;color:#fff;cursor:pointer;
  font-family:var(--mk-font);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;
  background:var(--mk-chrome) padding-box,var(--mk-rim) border-box;border:2px solid transparent;box-shadow:0 12px 26px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.mk-go:disabled{opacity:.45;cursor:not-allowed}
.mk-go:not(:disabled):hover{filter:brightness(1.22)}
.mk-sec{min-height:44px;border:1.5px solid var(--mk-ink);background:#fff;font-family:var(--mk-font);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.mk-legal{text-align:center}
.mk-ok{display:grid;justify-items:center;text-align:center;gap:10px;padding:30px 6px}
.mk-ok svg{width:46px;height:46px;padding:10px;border:1.5px solid var(--mk-ink);box-sizing:content-box}
.mk-ok h2{font-family:var(--mk-font);font-weight:400;font-size:16px;letter-spacing:.08em;text-transform:uppercase}
.mk-ok p{font-size:14.5px;line-height:1.55;color:#33373d;max-width:34ch}
.mk-num b{display:block;font-family:var(--mk-font);font-weight:400;font-size:18px;color:var(--mk-ink);margin-top:4px}
@media (max-width:520px){
  .mk-box{width:100%;border-left:0}
  .mk-grid{grid-template-columns:1fr}
  .mk-pz{grid-template-columns:54px 1fr;}
  .mk-pz img{width:54px;height:54px}
  .mk-pr{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.mk-modal,.mk-box{transition:none}}

/* ---------- tallas agotadas y prendas sin stock en la web ---------- */
.sz.soldout{opacity:.42;text-decoration:line-through;cursor:not-allowed;background:linear-gradient(180deg,#f4f5f6,#e9ebee) padding-box,linear-gradient(180deg,#e2e4e7,#c8ccd1) border-box!important}
.tray-list .po.out,.order.out,.tray-total .order-fit.out{pointer-events:none;opacity:.5}
.tray-list .sold{font-family:var(--mk-font);font-size:8.5px;letter-spacing:.1em;color:#6f757d;text-transform:uppercase}

/* ---------- página del pedido (/pedido/…) ---------- */
body.pg *,body.pg *::before,body.pg *::after{box-sizing:border-box}   /* 15-oct: en 390 px la caja y los campos se salían 8 px */
body.pg .pg-btn + .pg-msg{margin-top:14px}   /* botón «Rastrear» antes del aviso del recibo */
body.pg{margin:0;min-height:100vh;background:#fff radial-gradient(rgba(40,46,54,.07) 1px,transparent 1.2px) 0 0/16px 16px;font-family:var(--mk-body);color:var(--mk-ink);display:grid;place-items:start center;padding:28px 16px}
.pg-box{width:min(560px,100%);background:#fff;border:1.5px solid var(--mk-ink);box-shadow:6px 6px 0 rgba(10,10,10,.08);padding:26px 22px}
.pg-brand{display:inline-block;font-family:var(--mk-font);font-size:15px;letter-spacing:.24em;color:var(--mk-ink);text-decoration:none;margin-bottom:18px}
.pg-box h1{font-family:var(--mk-font);font-weight:400;font-size:clamp(17px,4vw,22px);letter-spacing:.04em;line-height:1.3;margin:0 0 14px;text-transform:uppercase}
.pg-sub{font-size:14.5px;line-height:1.55;color:#33373d}
.pg-num{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-dim);margin:0 0 14px}
.pg-num b{display:block;font-family:var(--mk-font);font-weight:400;font-size:20px;letter-spacing:.04em;color:var(--mk-ink);text-transform:none;margin-top:4px}
.pg-msg{padding:12px 14px;font-size:14.5px;line-height:1.5;margin:0 0 16px;border:1.5px solid}
.pg-msg.ok{background:#f6f7f8;border-color:var(--mk-line)}
.pg-msg.avi{background:#fef3f2;border-color:#f4c7c3;color:#912018}
.pg-rec{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 18px}
.pg-rec th{text-align:left;font-family:var(--mk-font);font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 0;border-bottom:1.5px solid var(--mk-ink)}
.pg-rec th span{color:var(--mk-dim);margin-left:6px}
.pg-rec td{padding:8px 0;border-bottom:1px solid var(--mk-line);vertical-align:top}
.pg-rec td+td{text-align:right;padding-left:12px;white-space:nowrap}
.pg-rec .tot td{border-bottom:0;font-weight:700;font-size:16px;padding-top:12px}
.pg-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;color:#fff;font-family:var(--mk-font);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  background:var(--mk-chrome) padding-box,var(--mk-rim) border-box;border:2px solid transparent}
.pg-btn.sec{background:#fff;color:var(--mk-ink);border:1.5px solid var(--mk-ink);min-height:46px}
.pg-box form{margin:0 0 10px}
.pg-pie{font-size:12.5px;line-height:1.6;color:var(--mk-dim);margin:22px 0 0;border-top:1px solid var(--mk-line);padding-top:14px}
.pg-pie a{color:var(--mk-ink)}

/* ---------- páginas legales (/terms, /privacy) ---------- */
body.legal{margin:0;background:#fff;font-family:var(--mk-body);color:#1d2025;font-size:16px;line-height:1.65}
.lg-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,48px);border-bottom:1.5px solid var(--mk-ink)}
.lg-brand{font-family:var(--mk-font);font-size:15px;letter-spacing:.24em;color:var(--mk-ink);text-decoration:none}
.lg-back{font-family:var(--mk-font);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mk-ink)}
.lg-main{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,64px) 16px 60px}
.lg-main h1{font-family:var(--mk-font);font-weight:400;font-size:clamp(22px,5vw,32px);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px}
.lg-main h2{font-size:18px;margin:30px 0 8px}
.lg-main p,.lg-main li{overflow-wrap:anywhere}
.lg-main p+p{margin-top:10px}
.lg-main ul{margin:8px 0 0 20px;padding:0}
.lg-main a{color:var(--mk-ink)}
.lg-upd,.lg-jump{font-size:13px;color:var(--mk-dim)}
.lg-jump{margin:0 0 26px}
.lg-main .box{background:#f6f7f8;border-left:3px solid var(--mk-ink);padding:14px 16px;margin-top:12px}
.lg-es{border-top:1.5px solid var(--mk-line);margin-top:56px;padding-top:42px}
.lg-foot{border-top:1px solid var(--mk-line);padding:20px clamp(16px,4vw,48px);font-size:12px;color:var(--mk-dim);display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
.lg-foot a{color:var(--mk-dim)}

/* ---------- métodos de envío en el formulario (6-oct-2026, noche) ---------- */
.mk-envs{display:grid;gap:8px}
.mk-env{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1.5px solid var(--mk-line);cursor:pointer;background:#fff}
.mk-env input{width:18px;height:18px;accent-color:#0a0a0a;margin:0}
.mk-env.on{border-color:var(--mk-ink);box-shadow:inset 0 0 0 1px var(--mk-ink)}
.mk-env.no{opacity:.5;cursor:not-allowed}
.mk-env-t b{display:block;font-size:14.5px;font-weight:600}
.mk-env-t small{display:block;font-size:12.5px;color:var(--mk-dim);line-height:1.35;margin-top:2px}
.mk-env-t em{display:block;font-style:normal;color:#b42318;margin-top:2px}
.mk-env-p{font-family:var(--mk-font);font-weight:400;font-size:12.5px;white-space:nowrap}
.mk-recoger{margin-top:10px}
.mk-mt{margin-top:10px}
.pg-rec small{color:var(--mk-dim);font-size:12px}
.mk-tot .mk-cj b{color:var(--mk-ink)} .mk-tot .mk-cj small{font-size:11px}

/* 15-oct-2026 · código de descuento */
.mk-cod{display:flex;gap:8px;align-items:flex-end;margin:4px 0 2px}
.mk-cod .mk-f{flex:1;margin:0}
.mk-cod input{text-transform:uppercase;letter-spacing:.06em}
.mk-cod .mk-sec{height:42px;padding:0 16px;white-space:nowrap}
.mk-cod-e{margin:2px 0 10px;color:#1f6f43}
.mk-cod-e.mk-mal{color:#b42318}
.mk-tot .mk-desc b{color:#1f6f43}
/* 15-oct-2026 · página de devoluciones (/returns) */
.dv-pol{display:grid;gap:4px;margin:0 0 6px}
.dv-pol .pg-sub{font-size:13.5px;line-height:1.55}
.dv{margin-top:14px;border-top:1.5px solid var(--mk-ink);padding-top:18px}
.dv-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px}
.dv-head h2{font-family:var(--mk-font);font-weight:400;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0}
.dv-lang{font:inherit;font-size:12px;border:1.5px solid var(--mk-ink);background:#fff;padding:6px 10px;cursor:pointer}
.dv-f{display:grid;gap:12px}
.dv-f .mk-chk{margin:0}
.dv-ls{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dv-err{color:#b42318;font-size:13.5px;margin:0}
.dv-f .pg-btn{width:100%;margin-top:4px}
.mk-guia{text-decoration:underline;text-underline-offset:2px;text-transform:none;letter-spacing:0;font-family:inherit;font-size:12px}
.lg-brand,.lg-back{white-space:nowrap}
@media (max-width:420px){.lg-top{gap:8px;padding-left:12px;padding-right:12px}.lg-brand{font-size:12px;letter-spacing:.16em}.lg-back{font-size:9px;letter-spacing:.06em}}

/* 19-oct-2026: la ubicación solo se ve si Malik la hizo pública (la rellena ubicacion.js) */
[data-ubic][hidden]{display:none!important}

/* 23-oct: botón para salir del pago a añadir más productos (la bolsa y lo escrito se conservan) */
.mk-mas{display:block;width:100%;margin:10px 0 4px;padding:0 14px}