/* ERIOS storefront (eshop.geteri.com) — značková téma. */
:root{
  --crimson:#C8003C;--magenta:#98154B;--plum:#6C2448;--teal:#0C5448;--teal-ink:#0B201D;
  --paper:#FAF8F3;--ink:#0E211C;--ink2:#3C5048;--ink3:#647A71;--teal-light:#7FD9C9;
  --grad:linear-gradient(100deg,var(--crimson) 0%,var(--magenta) 32%,var(--plum) 55%,var(--teal) 100%);
  --r:16px;--mono:ui-monospace,Menlo,Consolas,monospace;
}
/* Resinos — vlastná identita (modrá + amber), oddelená od ERIOS */
body.store-resinos{
  --crimson:#2563eb;--magenta:#1d4ed8;--plum:#1e3a8a;--teal:#0ea5e9;--teal-ink:#0b1220;--teal-light:#7dd3fc;
  --grad:linear-gradient(100deg,#f59e0b 0%,#fb923c 32%,#2563eb 100%);
}
.store-resinos .logo{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em}
.store-resinos .hero{background:radial-gradient(120% 130% at 85% 0%,#1e3a8a 0%,#0b1220 58%,#060912 100%)}
.store-resinos .hero .grad{background:linear-gradient(100deg,#fbbf24,#fb923c 45%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}

*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#F4F2EC;line-height:1.55}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:24px}
.muted{color:var(--ink3)}

/* hlavička */
.hd{background:var(--teal-ink);color:var(--paper);position:sticky;top:0;z-index:20}
.hd-in{display:flex;align-items:center;gap:1.4rem;height:64px}
.logo{font-weight:800;font-size:1.5rem;letter-spacing:.02em;color:#fff}
.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cats{display:flex;gap:.2rem;flex:1;flex-wrap:wrap;overflow:hidden}
.cats a{padding:.4em .8em;border-radius:999px;font-size:.9rem;color:#cfe0db;font-weight:600}
.cats a:hover{color:#fff;background:rgba(127,217,201,.12)}
.cats a.on{background:var(--teal-light);color:var(--teal-ink)}
.hd-right{display:flex;align-items:center;gap:1rem}
.lang{display:flex;gap:.1rem}
.lang a{padding:.25em .5em;border-radius:7px;font-size:.78rem;font-weight:700;color:#9fb4ae}
.lang a.on{background:rgba(255,255,255,.14);color:#fff}
.hsearch{margin:0}
.hsearch input{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:.45em .95em;font:inherit;font-size:.85rem;width:170px}
.hsearch input::placeholder{color:#9fb4ae}
.hsearch input:focus{outline:0;border-color:var(--teal-light);background:rgba(255,255,255,.14)}
.avail-note{margin-top:.6rem;font-size:.85rem}
.cartbtn{display:inline-flex;align-items:center;gap:.45em;background:var(--grad);background-size:160% 100%;color:#fff;padding:.5em 1em;border-radius:999px;font-weight:700;font-size:.9rem}
.cartbtn .cc{background:rgba(0,0,0,.25);border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:.74rem;padding:0 5px}

.main{padding-block:1.8rem 3rem;min-height:60vh}

/* hero */
.hero{background:radial-gradient(120% 130% at 85% 0%,#15463c,var(--teal-ink) 60%,#060d0b);color:var(--paper);border-radius:var(--r);padding:clamp(1.6rem,4vw,2.6rem);margin-bottom:1.8rem}
.hero .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-light)}
.hero h1{font-size:clamp(1.6rem,3.6vw,2.6rem);margin:.4rem 0 .3rem;line-height:1.1}
.hero .grad{background:linear-gradient(100deg,#FF6A8E,#FFB4CC 45%,#86E0CF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#c6d6d1;margin:0}
.sec{font-size:1.2rem;margin:0 0 1.1rem}.sec small{color:var(--ink3);font-weight:400}

/* mriežka */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}
.card{background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(11,32,29,.4)}
.card-img{aspect-ratio:4/3;display:grid;place-items:center;background:#fff;padding:.8rem}
.card-img img{max-width:100%;max-height:100%;object-fit:contain}
.card-img .noimg{font-weight:800;color:#d8d0c0;letter-spacing:.1em}
.card-b{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;flex:1}
.card-b h3{font-size:1rem;margin:0 0 .4rem;line-height:1.25}
.av{font-size:.72rem;font-weight:600;align-self:flex-start;padding:.18em .55em;border-radius:999px;margin-bottom:.6rem}
.av-ok{background:#ecfdf5;color:#059669}.av-no{background:#fef2f2;color:#dc2626}.av-na{background:#f1f5f9;color:#64748b}
.price{margin-top:auto}.price b{font-size:1.2rem}.price small{color:var(--ink3);font-size:.74rem}
.price .muted{font-size:.8rem}
.add{margin-top:.8rem;background:var(--grad);background-size:160% 100%;color:#fff;border:0;border-radius:10px;padding:.6em;font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.add:hover{background-position:100% 0}
.add.added{background:var(--teal)}
.empty{color:var(--ink3);padding:2.5rem;text-align:center}

/* detail */
.back{display:inline-block;margin-bottom:1rem;font-weight:600;color:var(--ink2)}
.pdf{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.pdf-media{background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);padding:1.5rem;display:grid;place-items:center;aspect-ratio:1}
.pdf-media img{max-width:100%;max-height:100%;object-fit:contain}.pdf-media .noimg{font-weight:800;color:#d8d0c0;font-size:2rem}
.pdf-info h1{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .6rem}
.pdf-price{margin:1rem 0}.pdf-price b{font-size:1.8rem}.pdf-price small{color:var(--ink3)}.pdf-price .muted{margin-left:.6rem}
.add.big{font-size:1.05rem;padding:.8em 1.6em;width:auto}
.pdf-desc{margin-top:1.4rem;color:#334155;border-top:1px solid #e7e1d6;padding-top:1.2rem}
.pdf-desc img{max-width:100%}

/* košík */
.cart-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:1.8rem;align-items:start}
.citem{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid #e7e1d6;border-radius:12px;padding:.8rem;margin-bottom:.7rem}
.citem img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px}
.citem .ci-noimg{width:64px;height:64px;display:grid;place-items:center;background:#f4f2ec;border-radius:8px;color:#c8c0b0;font-weight:800;font-size:.7rem}
.citem .nm{font-weight:600}
.qty{display:inline-flex;border:1px solid #d8d0c0;border-radius:9px;overflow:hidden;margin-top:.4rem}
.qty button{width:28px;height:28px;border:0;background:#fff;cursor:pointer;font-size:1rem}.qty span{min-width:30px;text-align:center;font-family:var(--mono);line-height:28px}
.citem .lp{font-weight:800;white-space:nowrap}
.citem .rm{display:block;margin-top:.3rem;font-size:.7rem;color:var(--ink3);background:0;border:0;cursor:pointer}
.checkout{background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);padding:1.2rem;position:sticky;top:84px}
.sumrow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}.sumrow b{font-size:1.05rem}
.checkout form{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}
.checkout input,.checkout textarea{border:1px solid #d8d0c0;border-radius:9px;padding:.6em .8em;font:inherit;width:100%;background:#fbfaf6}
.checkout .row2{display:flex;gap:.6rem}
.checkout .cons{font-size:.82rem;color:var(--ink2);display:flex;gap:.5rem;align-items:flex-start}
.btn{background:var(--grad);background-size:160% 100%;color:#fff;border:0;border-radius:10px;padding:.7em 1.3em;font:inherit;font-weight:700;cursor:pointer;display:inline-block}
.btn.full{width:100%}
.note{font-size:.78rem;color:var(--ink3);margin:.4rem 0 0}
.err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;padding:.7rem 1rem;margin-bottom:1rem}
.thanks{background:#fff;border:1px solid #e7e1d6;border-radius:var(--r);padding:2.5rem;text-align:center;max-width:560px;margin:1rem auto}
.thanks h1{margin:0 0 .6rem}

.ft{background:var(--teal-ink);color:#9fb4ae;padding:1.6rem 0;font-size:.85rem;text-align:center}
@media(max-width:760px){
  .pdf,.cart-grid{grid-template-columns:1fr}.checkout{position:static}
  .hd-in{flex-wrap:wrap;height:auto;padding-block:.6rem;gap:.6rem}
  .cats{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}
  .hsearch{display:none}
}