:root{--paper:#fff;--sum-muted:#aab0bb;--display:Oswald,"Arial Narrow",Arial,sans-serif;--body:Rubik,Arial,sans-serif}
/* Quick Print Giveaways page. Builds on order.css (tokens, header, buttons). */
.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan-dk);margin-bottom:8px}
.s-hero{padding-block:44px 34px;background:radial-gradient(900px 420px at 100% -10%,rgba(224,0,122,.14),transparent 60%),radial-gradient(700px 380px at -10% 110%,rgba(10,165,200,.14),transparent 60%)}
.s-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}
.s-hero h1{font-size:clamp(36px,5.6vw,60px);text-transform:uppercase;line-height:1}
.s-hero h1 em{font-style:normal;color:var(--magenta)}
.s-hero .lead{color:var(--muted);font-size:18px;max-width:520px;margin-top:14px}
@media(max-width:820px){.s-hero .wrap{grid-template-columns:1fr}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.badges{border-block:1px solid var(--line);background:#fff}
.badges ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.badges li{display:flex;align-items:center;gap:10px;padding-block:14px;font-weight:600;font-size:14.5px;min-width:0}
.badges li i{font-style:normal;font-size:20px}
@media(max-width:820px){.badges ul{grid-template-columns:1fr 1fr}}
.block{padding-block:56px}
.block.soft{background:var(--soft)}
.head{max-width:680px;margin-bottom:26px}
.head h2{font-size:clamp(28px,4vw,40px);text-transform:uppercase}
.head p{color:var(--muted);font-size:17px;margin-top:8px}
.builder{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
@media(max-width:900px){.builder{grid-template-columns:1fr}}
.card{min-width:0;padding:26px}
@media(max-width:600px){.card{padding:20px 16px}}
.opt{margin-bottom:24px}
.opt:last-child{margin-bottom:0}
.lbl{display:flex;align-items:center;gap:10px;font:600 18px var(--display);text-transform:uppercase;margin-bottom:12px}
.lbl i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 14px var(--body);background:var(--magenta);flex:none}
.chip span{gap:8px}
.chip span span{display:inline;padding:0;border:0;background:none;color:inherit;border-radius:0;box-shadow:none;font:inherit}
.chip span span[data-es]{display:none}
html[lang=es] .chip span span[data-en]{display:none}
html[lang=es] .chip span span[data-es]{display:inline}
.dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(22,24,29,.25);flex:none}
.font-chip span{font-size:16px}
.lines{display:grid;gap:10px;margin-top:12px}
.lines label{display:grid;gap:4px;font-size:13.5px;font-weight:600}
.lines label small{font-weight:400;color:var(--muted)}
.custom{display:none;gap:10px;align-items:center;margin-top:10px}
.custom.on{display:flex}.custom input{width:130px}
.custom small{color:var(--muted)}
.drop .ico{font-size:26px}
.artbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:14px;background:#eef9fc;color:var(--cyan-dk);border-radius:10px;padding:8px 12px}
.artbar button{border:0;background:none;color:var(--muted);cursor:pointer;font:600 13px var(--body)}
.msg{color:var(--muted);font-size:13.5px;margin-top:8px}
.warn{margin-top:10px;font-size:13.5px;line-height:1.4;color:#8a5a00;background:#fff6d6;border:1px solid #f2dc8a;border-radius:10px;padding:8px 12px}
.sub{font-size:12.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}
.sub:first-of-type{margin-top:0}
.lnstyle{font-weight:400;color:var(--cyan-dk);font-size:12.5px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal figure{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;margin:0}
.gal img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.gal img.fit{object-fit:contain;background:#fff;padding:8px}
@media(max-width:820px){.gal{grid-template-columns:1fr 1fr}}
.gal-note{display:flex;gap:12px;align-items:flex-start;background:#eef9fc;border:1px solid #bfe6f0;color:#0b4f60;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.45;margin-top:18px;max-width:760px}
.gal-note b{color:#073c49}
.emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}
.emojis label{position:relative;cursor:pointer}
.emojis input{position:absolute;opacity:0;pointer-events:none}
.emojis span{display:grid;place-items:center;height:48px;border:1.5px solid #d5d9df;border-radius:12px;background:#fff;font-size:26px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;transition:border-color .12s}
.emojis span:hover{border-color:var(--cyan)}
.emojis input:checked+span{border-color:var(--magenta);background:#fff5fa;box-shadow:0 0 0 3px rgba(224,0,122,.14)}
.emojis input:focus-visible+span{box-shadow:0 0 0 4px rgba(10,165,200,.25)}
.erow{display:grid;grid-template-columns:140px 1fr;gap:10px;margin-top:12px}
.erow label{display:grid;gap:4px;font-size:13.5px;font-weight:600;min-width:0}
@media(max-width:480px){.erow{grid-template-columns:1fr}}
[hidden]{display:none!important}
.design-note{display:flex;gap:12px;align-items:flex-start;background:#fff0f7;border:1px solid #f6c2dc;color:#7a0a45;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.45;margin-top:4px}
.design-note b{color:#a3005a}
.design-note a.mail{color:#a3005a;font-weight:700}
.design-note small{display:block;margin-top:4px;font-size:12.5px;color:#8a3a63}
.summary{position:sticky;top:96px;background:var(--ink);color:#fff;border-radius:20px;padding:22px;box-shadow:0 18px 40px rgba(22,24,29,.18);min-width:0}
.summary h3{font-size:22px;text-transform:uppercase;margin-bottom:12px}
.pv{background:linear-gradient(180deg,#f3f4f6,#e4e6ea);border-radius:14px;padding:18px 14px 12px}
.pv svg{width:100%;height:auto;display:block}
.zoom{margin-top:12px;background:#fff;border-radius:10px;padding:10px;color:var(--ink)}
.zoom .zl{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.zoom svg{width:100%;height:auto;display:block;border-radius:4px}
.summary dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:14.5px;margin-top:16px}
.summary dt{color:var(--sum-muted)}.summary dd{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.price{margin:16px 0 4px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.25);display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.price b{font:600 26px var(--display);color:var(--yellow);text-align:right}
.price small{color:var(--sum-muted)}
.tiny{color:var(--sum-muted);font-size:13px;margin-bottom:14px}
.summary .btn{width:100%}
#go[disabled]{opacity:.6;cursor:wait}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0}
.flow li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.flow b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--cyan);margin-bottom:10px}
.flow li:nth-child(2) b{background:var(--magenta)}.flow li:nth-child(3) b{background:#e0b100}.flow li:nth-child(4) b{background:var(--ink)}
.flow h3{font-size:18px;text-transform:uppercase;margin-bottom:4px}
.flow p{color:var(--muted);font-size:14.5px}
@media(max-width:820px){.flow{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.flow{grid-template-columns:1fr}}
.prods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.prods{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.prods{grid-template-columns:1fr}}
.prod{position:relative;overflow:hidden;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px 16px;text-align:center;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s,border-color .12s,box-shadow .12s;min-width:0}
.prod:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 12px 28px rgba(22,24,29,.08)}
.prod[aria-pressed=true]{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(224,0,122,.14)}
.prod .ic{height:96px;width:100%;display:grid;place-items:center}
.prod .ic svg{max-height:96px;max-width:100%;width:100%;height:auto}
.prod h3{font-size:19px;text-transform:uppercase}
.prod .band{position:absolute;top:26px;right:-46px;width:170px;transform:rotate(45deg);background:var(--magenta);color:#fff;font:700 11px/1 var(--body);letter-spacing:1.2px;text-transform:uppercase;text-align:center;padding:6px 0;box-shadow:0 3px 8px rgba(224,0,122,.3)}
.prod p{color:var(--muted);font-size:13.5px}
.prod .from{font:600 16px var(--display);color:var(--magenta)}
.hero-photo{min-width:0}
.hero-photo img{width:100%;height:auto;display:block;border-radius:18px}
.pv.mirror{padding:16px 22%}
.pv.ball{padding:18px 26%}
.pv.lip{padding:16px 10px 8px;display:grid;justify-items:center;gap:8px}
.pv.lip svg{height:270px;width:auto}
.turn{display:flex;align-items:center;gap:10px;width:100%;font-size:12.5px;font-weight:600;color:var(--muted)}
.turn input{flex:1;accent-color:var(--magenta)}
.zoom.flat svg{max-width:230px;margin:0 auto}
.zoom.round svg{max-width:150px;margin:0 auto}
.final{background:var(--magenta);color:#fff;text-align:center;padding:56px 0}
.final h2{font-size:clamp(30px,4.6vw,48px);text-transform:uppercase}
.final p{font-size:17px;opacity:.92;margin:8px auto 22px;max-width:560px}
.final .btn-light{background:#fff;color:var(--ink)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}