@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#202a2b;--muted:#657071;--paper:#f5f3ed;--white:#fffefa;--teal:#8fb8ad;--line:#deded6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.topline{padding:10px;text-align:center;background:#263637;color:#e8eee9;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.header{min-height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font:800 18px Manrope,sans-serif;letter-spacing:.12em}.mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px 10px 10px 3px;background:#9ebdb3;font-size:17px}.header nav{display:flex;gap:30px}.header nav a,.cart-link,footer>a:not(.brand){font-size:12px;text-decoration:none;color:#495455}.header nav a:hover,.header nav .active{color:#789d91}.cart-link{border:1px solid #d6ded7;padding:10px 13px}.cart-link b{display:inline-grid;place-items:center;background:#293a3a;color:white;border-radius:50%;width:19px;height:19px;margin-left:5px;font-size:10px}.hero{min-height:560px;padding:70px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#72847e;text-transform:uppercase}.hero h1,.page-intro h1,.cart-wrap h1,.contact-wrap h1{font:800 clamp(45px,6vw,76px)/1.02 Manrope,sans-serif;letter-spacing:-.06em;margin:22px 0}.hero h1 em,.page-intro h1 em,.cart-wrap h1 em{font-style:normal;color:#789d91}.lead{max-width:480px;color:#5e6969;font-size:15px;line-height:1.85}.btn{display:inline-flex;align-items:center;gap:28px;margin-top:24px;padding:15px 20px;background:#263637;border:0;border-radius:3px;color:white;text-decoration:none;font:600 12px 'DM Sans',sans-serif;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.light{background:#e6eee8;color:#293a3a}.micro{font-size:10px;color:#7c8582;margin-top:16px}.hero-visual{height:360px;position:relative;display:flex;align-items:center;justify-content:center}.visual-a,.visual-b{position:absolute;width:205px;height:245px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 55px #27373518}.visual-a{background:#dce6df;left:13%;top:10%;transform:rotate(-8deg)}.visual-a small{font-size:9px;letter-spacing:.18em}.visual-a strong{font:700 25px/1.25 Manrope}.visual-b{background:#fffefa;right:12%;bottom:2%;height:260px;transform:rotate(7deg)}.visual-b span{font:800 100px Manrope;color:#89aa9e}.visual-b small{font-size:11px}.orbit{position:absolute;width:360px;height:300px;border:1px solid #cbd6cf;border-radius:50%;transform:rotate(-25deg)}.statement{background:#e9eee8;padding:25px 9%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#65736d}.statement strong{color:#334542}.section{padding:90px 9%}.section h2,.catalog h2{font:700 clamp(35px,4vw,52px)/1.08 Manrope;letter-spacing:-.05em;margin:14px 0 38px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tiles a{min-height:220px;padding:25px;background:#dce6df;text-decoration:none}.tiles a:nth-child(2){background:#e6e0eb}.tiles a:nth-child(3){background:#e9e0d2}.tiles small{font-size:9px;letter-spacing:.17em;color:#71847d}.tiles h3{font:700 22px Manrope;margin:45px 0 10px}.tiles p{font-size:12px;line-height:1.7;color:#65716c}.banner{margin:0 9% 80px;padding:42px 48px;background:#293a3a;color:#f5f3ed;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{font:700 37px/1.08 Manrope;margin:12px 0}.banner p:not(.eyebrow){font-size:12px;color:#c4d0ca}.page-intro{padding:75px 9% 55px;background:#e9eee8}.page-intro h1{font-size:clamp(48px,6vw,76px)}.page-intro>p:not(.eyebrow){max-width:550px;font-size:14px;line-height:1.8;color:#5e6969}.notice{display:inline-block;margin-top:15px;padding:13px 16px;background:#f8f7f1;color:#68746e;font-size:11px}.catalog{padding:70px 9% 100px}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.catalog-head h2{margin-bottom:0}.catalog-head input{width:290px;padding:12px 4px;border:0;border-bottom:1px solid #aeb9b1;background:transparent;font:12px 'DM Sans';outline:0}.filters{display:flex;gap:8px;margin:32px 0 24px;flex-wrap:wrap}.filter{border:1px solid #d6dcd5;background:transparent;padding:10px 17px;color:#586661;font:11px 'DM Sans';cursor:pointer}.filter.active,.filter:hover{background:#293a3a;color:white;border-color:#293a3a}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#fffefa;border:1px solid #e5e3db}.product-art,.detail-art{height:190px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-decoration:none}.product-art span,.detail-art span{font-size:9px;letter-spacing:.17em;color:#63736d}.product-art b,.detail-art b{font:700 23px/1.15 Manrope;max-width:80%}.product-art i{position:absolute;right:18px;bottom:8px;font-size:90px;font-style:normal;opacity:.25}.art-hry{background:#dce6df}.art-aplikacie{background:#e6e0eb}.art-programy{background:#e9e0d2}.product-body{padding:22px}.product-body h3{font:700 18px Manrope;margin:0 0 10px}.product-body h3 a{text-decoration:none}.product-body p{font-size:12px;line-height:1.7;color:#68736f;min-height:60px}.product-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3e5de;padding-top:14px}.status{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#82958a}.product-foot a{font-size:11px;text-decoration:none}.empty{padding:25px;background:#e9eee8;font-size:13px}.detail-wrap{padding:45px 9% 100px}.back{font-size:12px;text-decoration:none;color:#65736d}.detail-wrap #product-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start;margin-top:35px}.detail-art{height:420px;padding:35px}.detail-art b{font-size:34px}.detail-copy h1{font:800 clamp(36px,4vw,52px)/1.05 Manrope;letter-spacing:-.05em;margin:14px 0}.detail-copy p{font-size:13px;line-height:1.8;color:#626f69}.detail-copy .detail-lead{font-size:16px;color:#394745}.detail-copy dl{border-top:1px solid var(--line);margin-top:28px}.detail-copy dl div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.detail-copy dt{color:#78847e}.detail-copy dd{margin:0;text-align:right}.price{font:700 22px Manrope;margin-top:25px}.cart-wrap,.contact-wrap{padding:75px 9% 100px;min-height:55vh}.cart-wrap h1{font-size:60px}.empty-cart{padding:35px;background:#e9eee8;max-width:600px}.empty-cart p{font-size:14px}.cart-wrap>.notice{display:block;max-width:650px;line-height:1.7}.contact-wrap p:not(.eyebrow){max-width:520px;color:#65716c;line-height:1.8}footer{padding:25px 6%;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px}footer span{font-size:10px;color:#78827e;margin-right:auto}footer .brand{font-size:14px}footer .mark{width:25px;height:25px;font-size:14px}@media(max-width:760px){.header{padding:16px 6%;flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:space-between;gap:12px}.header nav a{font-size:10px}.hero{padding:50px 7%;grid-template-columns:1fr}.hero-visual{height:300px}.visual-a,.visual-b{width:165px;height:205px}.visual-b{height:220px}.visual-a strong{font-size:20px}.visual-b span{font-size:80px}.statement{padding:22px 7%;display:block;line-height:1.8}.section,.catalog{padding:60px 7%}.tiles,.product-grid{grid-template-columns:1fr}.banner{margin:0 7% 55px;padding:30px 25px;display:block}.banner .btn{margin-top:12px}.page-intro{padding:55px 7%}.catalog-head{display:block}.catalog-head input{width:100%;margin-top:25px}.detail-wrap{padding:35px 7% 70px}.detail-wrap #product-detail{grid-template-columns:1fr;gap:28px}.detail-art{height:250px}.cart-wrap,.contact-wrap{padding:55px 7% 80px}footer{padding:22px 7%;flex-wrap:wrap}footer span{width:100%;order:3;margin:0}}
/* EDUVIO – farebná identita zladená s oficiálnym logom */
:root{--ink:#12345a;--muted:#536b83;--paper:#f5faff;--white:#ffffff;--teal:#12a6d5;--line:#dce8f2;--blue:#087fb7;--yellow:#ffc629;--pink:#ed4b91;--green:#72b83e;--purple:#8750c8}
body{background:var(--paper);color:var(--ink)}
.topline{background:#075b91;color:#fff;letter-spacing:.16em}
.header{background:#fff;border-bottom:1px solid #dce8f2;box-shadow:0 3px 16px #12446b0b}
.brand{color:#075b91;letter-spacing:.09em;gap:10px}
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}
.header nav a,.cart-link,footer>a:not(.brand){color:#315674}
.header nav a:hover,.header nav .active{color:var(--pink)}
.cart-link{border:1px solid #c9ddeb;border-radius:9px;background:#f7fbff}
.cart-link b{background:var(--blue)}
.hero{background:linear-gradient(115deg,#f5fbff 0%,#fff 54%,#f0f9ff 100%);min-height:540px}
.eyebrow{color:#087fb7}
.hero h1 em,.page-intro h1 em,.cart-wrap h1 em{color:var(--pink)}
.lead{color:#45647f}
.btn{background:#087fb7;border-radius:9px;box-shadow:0 5px 14px #087fb726}
.btn:hover{background:#075b91}
.btn.light{background:#fff;color:#075b91;border:1px solid #b8d7e8}
.hero-visual{height:auto;min-height:280px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 14px 38px #0c47701a;border:1px solid #e1edf5}
.hero-visual img{display:block;width:100%;height:auto;object-fit:contain}
.statement{background:#e8f5fb;color:#315674}
.statement strong{color:#075b91}
.section{background:#fff}
.tiles a{border-radius:14px;min-height:230px;transition:transform .2s,box-shadow .2s}
.tiles a:hover{transform:translateY(-4px);box-shadow:0 12px 28px #174e7717}
.tiles a:nth-child(1){background:#e2f4fc}
.tiles a:nth-child(2){background:#fce8f1}
.tiles a:nth-child(3){background:#fff3d4}
.tiles a:nth-child(1) small{color:#087fb7}.tiles a:nth-child(2) small{color:#c83c7c}.tiles a:nth-child(3) small{color:#a87900}
.tiles h3{color:#12345a}
.tiles p{color:#536b83}
.banner{background:linear-gradient(110deg,#075b91,#087fb7);border-radius:16px;color:#fff}
.banner .eyebrow{color:#bceaff}.banner p:not(.eyebrow){color:#e2f5ff}
.page-intro{background:linear-gradient(120deg,#e4f5fc,#f8f4ff 58%,#fff4e0)}
.notice{background:#fff;border-left:4px solid var(--yellow);border-radius:5px;color:#536b83}
.filter{border-color:#cbdde9;border-radius:8px;background:#fff;color:#315674}
.filter.active,.filter:hover{background:#087fb7;border-color:#087fb7;color:#fff}
.product-card{border:1px solid #dfebf3;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #16466b0a}
.art-hry{background:#e2f4fc}.art-aplikacie{background:#fce8f1}.art-programy{background:#fff1d0}
.product-body h3{color:#12345a}.product-body p{color:#536b83}
.status{color:#087fb7}
.empty,.empty-cart{background:#e8f5fb;border-radius:10px;color:#315674}
.detail-art{border-radius:14px}.detail-copy .detail-lead{color:#315674}
footer{background:#fff;border-color:#dce8f2}
footer .brand{color:#075b91}
@media(max-width:760px){.brand-logo{width:40px;height:40px}.hero-visual{min-height:0}.hero{gap:25px}}

/* EDUVIO – finálne doladenie slovenskej identity */
.brand-logo{width:58px;height:58px}
.hero{grid-template-columns:.92fr 1.08fr;gap:4%;}
.hero-visual{width:100%;min-height:320px;transform:scale(1.035);}
.hero-visual img{width:100%;}
.hero .eyebrow{color:#087fb7}
@media(max-width:760px){.brand-logo{width:46px;height:46px}.hero{grid-template-columns:1fr}.hero-visual{transform:none;min-height:0}}

/* EDUVIO v8 – one consistent round brand mark in header, footer and browser tab */
.brand-logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;flex:0 0 48px}
footer .brand-logo{width:42px;height:42px;flex-basis:42px}
@media(max-width:600px){.brand-logo{width:42px;height:42px;flex-basis:42px}}