:root{--navy:#102a43;--blue:#0878c9;--blue2:#005b9f;--orange:#f28c00;--ink:#1f2937;--muted:#607080;--paper:#fff;--soft:#f3f7fa;--line:#dce5ec;--ok:#147a46;--shadow:0 12px 35px rgba(16,42,67,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--blue2)}.wrap{width:min(1140px,calc(100% - 36px));margin:auto}.top{background:var(--navy);color:#fff;font-size:.92rem}.top .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.top a{color:#fff;text-decoration:none}.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.head-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0}.brand{font-size:1.55rem;font-weight:800;color:var(--navy);text-decoration:none}.brand span{color:var(--orange)}nav{display:flex;gap:20px;align-items:center}nav a{text-decoration:none;color:var(--navy);font-weight:700}.nav-cta,.button{display:inline-block;border-radius:8px;padding:11px 18px;background:var(--orange);color:#fff!important;text-decoration:none;font-weight:800;border:0;box-shadow:0 5px 14px rgba(242,140,0,.2)}.button.secondary{background:var(--blue)}.hero{background:linear-gradient(120deg,#eef7fd 0%,#fff 60%,#fff4e4 100%);padding:70px 0;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px}.eyebrow{color:var(--blue2);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.12;color:var(--navy);margin:.3em 0}h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;color:var(--navy);margin-top:0}h3{color:var(--navy);line-height:1.3}.lead{font-size:1.18rem;color:#405466}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trust div{display:flex;flex-direction:column;justify-content:center;min-height:132px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);text-align:center}.trust strong{display:block;color:var(--navy);font-size:1.05rem}.section{padding:62px 0}.section.soft{background:var(--soft)}.center{text-align:center;max-width:800px;margin:0 auto 32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 8px 25px rgba(16,42,67,.07);text-align:center}.card h2,.card h3{margin-left:auto;margin-right:auto}.card p:last-child{margin-bottom:0}.card ul{display:inline-block;text-align:left}.card .icon{font-size:1.9rem}.notice{border-left:5px solid var(--orange);background:#fff7e8;padding:18px 20px;border-radius:8px}.stock{background:#eaf8f0;border:1px solid #bfe5cf;color:#0e6138;padding:18px 20px;border-radius:10px;font-weight:700}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.fact{text-align:center;background:var(--navy);color:#fff;padding:22px 12px;border-radius:10px}.fact strong{display:block;font-size:1.45rem}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-list a.card{text-decoration:none;color:inherit;transition:.2s}.article-list a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article{max-width:820px;margin:auto}.article h2{margin-top:2em}.article img{max-width:100%}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:25px}.contact-box{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--navy);color:#fff;border-radius:14px;padding:30px;text-align:center}.contact-box h2,.contact-box a{color:#fff}.contact-box h2{margin-bottom:12px}.contact-box p{max-width:560px;margin-left:auto;margin-right:auto}.map-link{display:block;position:relative;overflow:hidden;height:278px;border:2px dashed #9ab4c7;border-radius:12px;background:#f4f9fc;text-decoration:none}.map-link img{display:block;width:100%;height:100%;object-fit:cover}.map-link span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 30px);padding:10px 16px;border-radius:8px;background:rgba(255,255,255,.9);color:var(--blue2);font-weight:800;text-align:center}.map-link:hover span{background:#fff;color:var(--orange)}.footer{background:#0a2032;color:#dce8f1;padding:40px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer a{color:#fff}.copyright{border-top:1px solid #355064;margin-top:30px;padding-top:18px;font-size:.9rem;color:#b8c9d6}.small{font-size:.92rem;color:var(--muted)}@media(max-width:850px){.hero-grid,.grid-3,.grid-2,.article-list,.footer-grid{grid-template-columns:1fr}.facts{grid-template-columns:repeat(2,1fr)}nav{display:none}.hero{padding:48px 0}.top .wrap{display:block;text-align:center}.trust{grid-template-columns:1fr 1fr}}@media(max-width:520px){.card{padding:22px 18px}.payment-list>div{flex-direction:column;gap:7px;text-align:center}.payment-icon{flex-basis:38px}.map-link span{width:calc(100% - 28px);white-space:normal}.wrap{width:min(100% - 24px,1140px)}.trust,.facts{grid-template-columns:1fr}.actions .button{width:100%;text-align:center}.hero{padding:38px 0}.section{padding:42px 0}}.card .icon{display:none!important}.payment-list{display:grid;gap:14px;margin:18px 0 24px}.payment-list>div{display:flex;align-items:center;justify-content:center;gap:13px;text-align:left}.payment-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;font-size:1.65rem;font-weight:900;line-height:1}.payment-ok{color:#08783f;background:#e5f7ed;border:2px solid #87d5aa}.payment-no{color:#c62828;background:#fdeaea;border:2px solid #efaaaa}

@media(max-width:520px){.card{padding:22px 18px}.payment-list>div{flex-direction:column;gap:7px;text-align:center}.payment-icon{flex-basis:38px}.contact-box{padding:26px 20px}.map-link span{width:calc(100% - 28px);white-space:normal}}

/* Logo Autoeshop.eu vedle názvu webu */
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand .brand-name{color:var(--navy)}
.brand .brand-name>span{color:var(--orange)}
.brand-mark{position:relative;display:block;flex:0 0 104px;width:104px;height:52px;overflow:hidden;border-radius:7px;background:#eeeeef}
.brand-mark img{position:absolute;display:block;width:142px;height:142px;max-width:none;top:-40px;left:-19px}
@media(max-width:520px){.brand{gap:7px;font-size:1.24rem}.brand-mark{flex-basis:76px;width:76px;height:40px}.brand-mark img{width:104px;height:104px;top:-29px;left:-14px}}

.footer .brand{display:block}.offer-section .offers .card{text-decoration:none;color:inherit;align-items:flex-start;text-align:left;transition:transform .2s,box-shadow .2s}.offer-section .offers .card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.offer-section .offers .card h3{margin:0 0 8px}.offer-section .offers .card p{margin:0}.personal-card{background:#eef7fd;border-color:#b6d9ee!important}

.wiper-story{background:linear-gradient(135deg,#eff7fc,#fff)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.story-grid p{font-size:1.05rem}.wiper-figure{margin:0}.wiper-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.wiper-figure figcaption{font-size:.88rem;color:var(--muted);margin-top:9px}.article-figure{margin:26px 0}.tip-panel{padding:30px;border-radius:14px;background:#fff;border:1px solid var(--line)}.tip-panel li{margin:6px 0}.text-link{font-weight:800}.wiper-story .text-link{display:inline-block;margin-top:5px}@media(max-width:850px){.story-grid{grid-template-columns:1fr}.story-grid .wiper-figure{order:-1}}

/* Diagram musí být zobrazený celý, včetně popisků. */
.wiper-diagram img{aspect-ratio:auto;height:auto;object-fit:contain;border:1px solid var(--line);box-shadow:none}
.wiper-story .story-grid{grid-template-columns:1fr;max-width:980px}.wiper-story .story-grid>div{max-width:820px}.wiper-story .story-grid .wiper-figure{order:0}

.hero-help{margin-top:24px;padding:16px 20px;border:2px solid var(--orange);border-radius:12px;background:#fff0d6;color:var(--navy);font-weight:700;line-height:1.5}
.footer-cookies { margin-top: 24px; padding-top: 18px; border-top: 1px solid #355064; }
.footer-cookies h2 { margin: 0 0 6px; color: #fff; font-size: 1.1rem; }
.footer-cookies p { margin: 0; max-width: 850px; }

/* Mobilní navigace: původní pravidlo nav{display:none} ji schovávalo. */
@media(max-width:850px){
  .site-head .head-row{flex-direction:column;align-items:stretch;gap:12px}
  .site-head nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;width:100%}
  .site-head nav a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:520px){
  .site-head nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-head nav a{justify-content:center;text-align:center;padding:8px 4px;border:1px solid var(--line);border-radius:8px;font-size:.86rem;line-height:1.25}
  .site-head nav .nav-cta{grid-column:1/-1;padding:10px 12px;border:0}
}