/* EME PARFUMS · estilos de compra en línea (usa las variables de diseño de la V9) */
.testbar{background:repeating-linear-gradient(45deg,#b9761f,#b9761f 12px,#c98b30 12px,#c98b30 24px);color:#17130b;text-align:center;font:700 12px/1 var(--f-sans);letter-spacing:.12em;padding:8px 12px}

/* --- tarjetas de tamaño: Recomendado y atomizaciones --- */
.szt,.size{position:relative}
.rec{position:absolute;top:10px;left:10px;z-index:2;background:#2e7d32;color:#fff;font:700 10.5px/1 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.28)}
.atm{display:block;color:var(--mut);font:500 12px/1.3 var(--f-sans);margin-top:4px}
.size .atm{margin:2px 0 6px}
@media(max-width:600px){.size .rec{top:6px;left:6px;font-size:9.5px;padding:4px 8px}}
.vid{text-align:center;margin:14px 0 0}.vid button{background:none;border:0;cursor:pointer}
.vmod{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.8);display:grid;place-items:center;padding:16px}
.vmod>div{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:min(520px,100%)}.vmod video{width:100%;max-height:75vh;border-radius:16px;background:#000}

/* --- carrito --- */
#drawer .ck-wa{display:block;text-align:center;color:var(--gold);font:500 14px var(--f-sans);padding:10px 0 2px;text-decoration:none}
#drawer .ck-wa:hover{text-decoration:underline}
#goPay{width:100%}

/* --- página de pago --- */
#v-pay,#v-legal{max-width:1080px;margin:0 auto;padding:var(--sp-5,24px) 16px 64px}
.ck-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--mut);font:500 13px var(--f-sans);margin:0 0 18px}
.ck-steps span.on{color:var(--ink);font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:3px}.ck-steps span.ok{color:var(--gold)}.ck-steps i{font-style:normal;opacity:.6}
.ck{display:grid;gap:18px}
.ck-sum{order:-1}body.ck-on .bar{display:none!important}
@media(min-width:900px){.ck{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.ck-sum{order:0}.ck-sum{position:sticky;top:calc(var(--hh,0px) + 64px)}}
.ck-main fieldset{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px 16px 6px;margin:0 0 14px}
.ck-main legend{font:600 20px var(--f-serif);padding:0 6px}
.fl{display:block;margin:0 0 12px}.fl>span{display:block;font:500 13px var(--f-sans);color:var(--mut);margin:0 0 5px}
.fl input,.fl select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:12px 14px;font:16px var(--f-sans);min-height:48px}
.fl input:focus,.fl select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.fl small{display:block;color:var(--mut);font-size:12px;margin-top:4px}
.two,.three{display:grid;gap:0 12px}@media(min-width:600px){.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr 1fr 1fr}}
.pm{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:14px;margin:0 0 10px;cursor:pointer;background:var(--bg);transition:border-color .18s}
.pm.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.pm input{margin-top:4px;accent-color:#c98b30;width:18px;height:18px;flex:none}
.pm b{display:block}.pm small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.acc{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 2px 14px;cursor:pointer}.acc input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:#c98b30}.acc a{color:var(--gold)}
.ck-go{width:100%;min-height:54px;font-size:16px}
.ck-err{background:#c8321e14;border:1px solid #c8321e66;color:#c8321e;border-radius:12px;padding:10px 12px;font-size:14px;margin:0 0 12px}
:root[data-theme=dark] .ck-err{color:#ff8a78}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ck-err{color:#ff8a78}}
.ck-help{text-align:center;color:var(--mut);font-size:14px;margin:14px 0 0}.ck-help a{color:var(--gold)}
.ck-mut{color:var(--mut);font-size:14px}
.ck-sum,.ck-box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.ck-sum h3,.ck-box h3{font:600 20px var(--f-serif);margin:0}
.ck-det summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:600}.ck-det summary::-webkit-details-marker{display:none}
.ck-det summary span::after{content:' ▾';color:var(--gold)}.ck-det[open] summary span::after{content:' ▴'}
.ck-lines{list-style:none;margin:10px 0 4px;padding:0;max-height:340px;overflow:auto}
.ck-lines li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.ck-lines li small{display:block;color:var(--mut);font-size:12px}.ck-lines li>span:last-child{white-space:nowrap}
.ck-tot>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}.ck-tot small{display:block;color:var(--mut);font-size:12px}
.ck-tot .dsc{color:var(--gold);font-weight:600}.ck-tot .grand{font:600 20px var(--f-sans);border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.free{color:#2e7d32}:root[data-theme=dark] .free{color:#7fd38a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .free{color:#7fd38a}}
.ck-free{background:var(--soft);border-radius:10px;padding:8px 10px;font-size:13px;margin:10px 0 0}.ck-free.ok{color:#2e7d32}
.ck-gift{font-size:13px;color:var(--gold);margin:8px 0 0}
.pe{min-height:120px;margin:12px 0 14px}.ck-load{color:var(--mut);font-size:14px;padding:30px 0;text-align:center}
.ck-empty{text-align:center;padding:48px 16px}.ck-empty h2{font-size:clamp(28px,6vw,40px);margin:0 0 8px}.ck-empty p{color:var(--mut)}.ck-empty .btn{display:inline-flex}

/* --- resultado --- */
.ck-one{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.ck-res{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 18px}
.ck-res h2{font-size:clamp(28px,6vw,38px);line-height:1.1;margin:6px 0 8px}
.ck-res .ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto;font:700 28px var(--f-sans);color:#fff;background:var(--mut)}
.ck-res.ok{border-color:#2e7d32}.ck-res.ok .ic{background:#2e7d32}.ck-res.err .ic{background:#c8321e}.ck-res.wait .ic{background:#b9761f}
.folio{font:700 clamp(22px,6vw,30px)/1.1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--gold);margin:4px 0 10px}
.spin{width:42px;height:42px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--gold);margin:0 auto 6px;animation:ckspin .9s linear infinite}
@keyframes ckspin{to{transform:rotate(360deg)}}
.bank .bk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.bank .bk span{color:var(--mut);font-size:13px;min-width:96px}.bank .bk b{flex:1}.bank .bk .back{padding:4px 0;min-height:0}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.bank .btn{display:flex;margin-top:10px}

/* --- textos legales --- */
#v-legal{max-width:760px}#v-legal h2{font-size:clamp(30px,6vw,44px);line-height:1.1;margin:0 0 4px}
#v-legal h3{font:600 22px var(--f-serif);margin:22px 0 6px;color:var(--gold)}
#v-legal p,#v-legal li{line-height:1.6}#v-legal a{color:var(--gold)}.lg{padding-left:20px}
.flinks{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:0 0 10px;font-size:13px}

/* --- formas de entrega --- */
.dm{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:14px;margin:0 0 10px;cursor:pointer;background:var(--bg);transition:border-color .18s,box-shadow .18s}
.dm.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.dm input{margin-top:4px;accent-color:#c98b30;width:18px;height:18px;flex:none}
.dm .ic{font-size:22px;line-height:1;flex:none;margin-top:1px}
.dm b{display:block}.dm small{display:block;color:var(--mut);font-size:13px;margin-top:2px;line-height:1.4}
.ckpts{display:grid;gap:8px;margin:-2px 0 12px 30px}
.ckpt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:var(--card)}
.ckpt.on{border-color:var(--gold);background:var(--soft)}
.ckpt input{accent-color:#c98b30;width:17px;height:17px;flex:none}
.ckpt b{display:block;font-size:15px}.ckpt a{color:var(--gold);font-size:12.5px;text-decoration:none}.ckpt a:hover{text-decoration:underline}
@media(max-width:600px){.ckpts{margin-left:0}}

/* --- formas de pago: transferencia estilo Nu (morado) y efectivo (verde) --- */
.pm{align-items:center}
.pm .pm-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 18px var(--f-sans);flex:none;background:var(--soft);color:var(--ink)}
.pm-nu{border-color:#820ad1}
.pm-nu .pm-ic{background:#820ad1;color:#fff}
.pm-nu b{color:#820ad1}
.pm-nu.on{border-color:#820ad1;box-shadow:0 0 0 1px #820ad1;background:rgba(130,10,209,.07)}
.pm-nu input{accent-color:#820ad1}
.pm-cash{border-color:#1f8f4e}
.pm-cash .pm-ic{background:#1f8f4e;color:#fff}
.pm-cash b{color:#1f8f4e}
.pm-cash.on{border-color:#1f8f4e;box-shadow:0 0 0 1px #1f8f4e;background:rgba(31,143,78,.08)}
.pm-cash input{accent-color:#1f8f4e}
.pm.off{opacity:.5;cursor:not-allowed}
:root[data-theme=dark] .pm-nu b{color:#c58cf2}:root[data-theme=dark] .pm-cash b{color:#5fd08f}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pm-nu b{color:#c58cf2}:root:not([data-theme=light]) .pm-cash b{color:#5fd08f}}

/* --- datos de transferencia estilo Nu --- */
.bank{border:1.5px solid #820ad1;background:linear-gradient(180deg,rgba(130,10,209,.08),transparent 60%),var(--card)}
.bank h3{color:#820ad1}
:root[data-theme=dark] .bank h3{color:#c58cf2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bank h3{color:#c58cf2}}
.ck-res.cash{border-color:#1f8f4e}.ck-res.cash .ic{background:#1f8f4e}
.pkp b{font-size:17px}
.grand small{display:block;font:400 12px var(--f-sans);color:var(--mut)}

/* --- video de las 185 atomizaciones --- */
.vid{max-width:760px;margin:16px auto 0;padding:0 2px}
.vcard{display:flex;align-items:center;gap:14px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md,16px);padding:10px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .2s,transform .2s}
.vcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.vthumb{position:relative;flex:none;width:64px;height:86px;border-radius:10px;background:#14120f center/cover no-repeat;display:grid;place-items:center}
.vthumb i{font-style:normal;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:14px;padding-left:2px;border:1px solid rgba(255,255,255,.7)}
.vcard b{display:block;font:600 17px var(--f-serif)}.vcard small{display:block;color:var(--gold);font-size:13px;margin-top:2px}
.vlink{color:var(--gold);font-weight:600;cursor:pointer;text-decoration:underline;white-space:nowrap}
.vmod .vt{color:#f4efe4;text-align:center;margin:0;font-size:15px}.vmod .vt b{color:#e8cf9a}
.vmod video{width:auto;max-width:100%;max-height:72vh;aspect-ratio:9/16;object-fit:contain}
.vmod .btn.o{color:#e8cf9a;border-color:#e8cf9a}
/* "Recomendado" centrado sobre el borde de la tarjeta (no se sale en celulares chicos) */
.szt .rec{left:50%;top:-10px;transform:translateX(-50%);white-space:nowrap;font-size:9.5px;letter-spacing:.04em;padding:5px 9px}
@media(max-width:360px){.szt .rec{font-size:8.5px;letter-spacing:.02em;padding:4px 7px}}