

:root{--paper:#f1f0ed;--white:#fbfbfa;--ink:#0b0c0c;--muted:#646566;--orange:#b82025;--orange-dark:#86171b;--steel:#aeb0b1;--soft:#dedfdf;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}main{overflow:hidden}.topline{height:44px;padding:0 max(32px,calc((100vw - 1420px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;font-size:13px;font-weight:700}.topline span:first-child:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(226,74,42,.18)}.site-header{max-width:1420px;height:110px;margin:auto;padding:0 30px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:54px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:78px;height:62px;object-fit:contain}.brand span{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--muted)}nav{display:flex;gap:34px;font-size:14px;font-weight:800}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--orange);transition:right .2s}nav a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 26px;border-radius:14px;background:var(--orange);color:#fff;font-weight:800;box-shadow:0 12px 25px rgba(187,50,24,.17);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--orange-dark)}.button-small{min-height:50px;padding:0 22px}.button-small span{margin-left:5px}.hero{max-width:1420px;margin:0 auto;padding:58px 30px 76px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--orange-dark);font-size:13px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:3px;background:currentColor}h1,h2{margin:0;font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em;line-height:.98}h1{max-width:730px;font-size:clamp(55px,5.2vw,82px)}h1 em,h2 em{color:var(--orange);font-style:normal}.lead{max-width:690px;margin:28px 0 30px;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:26px}.promise{font-size:13px;font-weight:700;line-height:1.45}.promise b{float:left;display:grid;place-items:center;width:38px;height:38px;margin-right:10px;border:1px solid var(--steel);border-radius:50%;color:var(--orange);font-size:20px}.hero-art{position:relative;min-height:525px;border-radius:70px 26px 70px 26px;background:var(--ink);overflow:hidden;box-shadow:0 32px 60px rgba(23,24,22,.13)}.hero-art:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.14);border-radius:52px 16px 52px 16px}.gate{position:absolute;left:10%;top:17%;width:52%;height:48%;padding:14px 18px;border:10px solid var(--white);border-radius:24px;transform:rotate(-6deg)}.gate:before,.gate:after,.gate i{content:"";position:absolute;top:12px;bottom:12px;width:4px;background:var(--orange)}.gate:before{left:25%}.gate i:nth-child(1){left:50%}.gate i:nth-child(2){left:75%}.gate:after{left:12px;right:12px;top:50%;width:auto;height:4px}.tyre{position:absolute;right:-4%;top:-8%;width:270px;height:270px;padding:38px;border:48px solid var(--orange);border-radius:50%;transform:rotate(8deg)}.tyre div{width:100%;height:100%;border:8px solid var(--paper);border-radius:50%}.hero-art p{position:absolute;left:7%;bottom:7%;margin:0;padding:20px 24px;border-radius:18px;background:var(--white);font-family:Georgia,serif;font-size:20px}.hero-art p span{display:block;margin-top:6px;color:var(--muted);font-family:Arial,sans-serif;font-size:12px}.spark{position:absolute;width:12px;height:12px;background:var(--orange);transform:rotate(45deg)}.spark.one{right:29%;top:19%}.spark.two{right:23%;top:29%;width:8px;height:8px}.spark.three{right:33%;top:36%;width:6px;height:6px}.intro-strip{max-width:1420px;margin:0 auto 30px;padding:0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.intro-strip p{margin:0;padding:24px 28px;background:var(--soft);font-size:13px;line-height:1.5}.intro-strip p:first-child{border-radius:18px 0 0 18px}.intro-strip p:last-child{border-radius:0 18px 18px 0}.intro-strip strong{margin-right:17px;color:var(--orange)}.intro-strip span{display:block;margin-left:37px;font-family:Georgia,serif;font-size:18px;font-weight:700}.section{max-width:1420px;margin:auto;padding:100px 30px}.section-heading{display:grid;grid-template-columns:1.6fr .7fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading h2,.contact h2{font-size:clamp(46px,5vw,75px)}.section-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{display:grid;grid-template-columns:46% 1fr;min-height:270px;border-radius:var(--radius);background:var(--white);overflow:hidden;transition:transform .2s}.service-card:hover{transform:translateY(-4px)}.service-image img{width:100%;height:100%;object-fit:cover}.service-body{padding:30px}.service-body>span{color:var(--orange);font-size:12px;font-weight:900}.service-body h3{margin:54px 0 13px;font-family:Georgia,serif;font-size:28px}.service-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.extra-service{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:24px;padding:24px 30px;border:1px solid var(--steel);border-radius:20px}.extra-service>span{font-size:38px;color:var(--orange)}.extra-service h3,.extra-service p{margin:0}.extra-service h3{font-family:Georgia,serif;font-size:22px}.extra-service p{margin-top:5px;color:var(--muted);font-size:13px}.extra-service a{font-weight:800}.tyres{display:grid;grid-template-columns:.9fr 1.1fr;min-height:760px;background:var(--ink);color:#fff}.tyre-visual{display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#2b2c29,#111210)}.big-tyre{display:grid;place-items:center;width:min(31vw,430px);height:min(31vw,430px);border:74px solid #090a09;border-radius:50%;box-shadow:inset 0 0 0 4px #3f403c,0 0 0 20px #22231f}.big-tyre:before,.big-tyre:after{content:"";position:absolute;width:270px;height:18px;background:var(--orange);transform:rotate(45deg)}.big-tyre:after{transform:rotate(-45deg)}.big-tyre span{position:relative;z-index:2;display:grid;place-items:center;width:140px;height:140px;border-radius:50%;background:var(--paper);color:var(--ink);font:900 28px Arial}.tyre-copy{padding:105px max(40px,8vw)}.eyebrow.light{color:#ff8167}.tyre-copy h2{font-size:clamp(50px,5vw,80px)}.tyre-copy>p:not(.eyebrow){max-width:570px;color:#c9c7c0;line-height:1.65}.tyre-copy ul{margin:40px 0;padding:0;list-style:none}.tyre-copy li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:17px 0;border-top:1px solid #3e3f3a;font-size:17px;font-weight:700}.tyre-copy li:last-child{border-bottom:1px solid #3e3f3a}.tyre-copy li span{color:#ff8167;font-size:11px}.tyre-copy li b{color:var(--orange)}.button-light{background:var(--white);color:var(--ink);box-shadow:none}.contact{max-width:1420px;margin:auto;padding:110px 30px 80px}.contact-title{max-width:880px}.contact-details{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:65px;padding-top:28px;border-top:1px solid var(--steel)}.contact-details span{display:block;margin-bottom:16px;color:var(--orange-dark);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.contact-details a,.contact-details p{margin:0;font-family:Georgia,serif;font-size:20px;line-height:1.5}.map-link{display:flex;justify-content:space-between;margin-top:48px;padding:25px 0;border-top:1px solid var(--steel);border-bottom:1px solid var(--steel);font-weight:900}.map-link b{color:var(--orange);font-size:20px}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px max(30px,calc((100vw - 1360px)/2));background:var(--ink);color:#fff;font-size:12px}footer img{width:58px;height:48px;object-fit:contain;filter:invert(1)}footer p:nth-child(2){color:#b6b5af}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:44px}.hero-art{min-height:500px}.section-heading{grid-template-columns:1fr;gap:24px}.contact-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topline{padding:0 18px;font-size:11px}.topline span:first-child{display:none}.site-header{height:88px;padding:0 18px;gap:12px}.brand img{width:58px}.brand span,.button-small span{display:none}.button-small{min-height:44px;padding:0 16px}.hero{padding:38px 18px 58px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:410px;border-radius:40px 18px}.tyre{width:190px;height:190px;border-width:34px}.gate{top:24%;width:65%}.intro-strip{grid-template-columns:1fr;padding:0 18px}.intro-strip p,.intro-strip p:first-child,.intro-strip p:last-child{border-radius:0}.section{padding:78px 18px}.service-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.service-image{height:220px}.service-body h3{margin-top:28px}.extra-service{grid-template-columns:auto 1fr}.extra-service a{grid-column:2}.tyres{grid-template-columns:1fr}.tyre-visual{min-height:440px}.big-tyre{width:280px;height:280px;border-width:50px}.tyre-copy{padding:70px 18px}.contact{padding:78px 18px}.contact-details{grid-template-columns:1fr}footer{grid-template-columns:auto 1fr}footer p:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.topline span:first-child:before{box-shadow:0 0 0 5px rgba(184,32,37,.18)}
.brand img{width:118px;height:92px}
.tyre-logo{width:min(320px,80%);height:auto;margin:0 0 42px;border-radius:16px}
.button{box-shadow:0 12px 25px rgba(134,23,27,.2)}
.hero-art{background:linear-gradient(145deg,#18191a 0%,#080909 72%);box-shadow:0 32px 60px rgba(11,12,12,.2)}
.tyre-visual{background:linear-gradient(135deg,#242526,#080909)}
.eyebrow.light,.tyre-copy li span{color:#e25a5e}
@media(max-width:720px){.brand img{width:76px;height:62px}.tyre-logo{width:min(280px,88%);margin-bottom:30px}}

/* Klidnější hero: jedna poctivá fotografie místo několika soutěžících motivů. */
.hero-photo{background:#0b0c0c}
.hero-photo:before{inset:0;z-index:1;border:0;background:linear-gradient(180deg,rgba(5,5,5,.04) 38%,rgba(5,5,5,.76) 100%)}
.hero-photo:after{content:"";position:absolute;inset:0 auto 0 0;z-index:2;width:5px;background:var(--orange)}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7) contrast(1.06) brightness(.74)}
.hero-photo p{z-index:3;background:rgba(251,251,250,.94)}

/* Pneuservis: reálná práce místo dekorativní ilustrace. */
.tyre-visual{overflow:hidden;place-items:stretch}
.tyre-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04) brightness(.78)}
.tyre-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(8,9,9,.7) 100%);pointer-events:none}
.tyre-logo{border-radius:0}
.tyre-copy li .tyre-service-name{display:flex;align-items:center;gap:12px;color:#fff;font-size:17px}
.tyre-service-name small{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:var(--orange);color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em}

/* Skutečné realizace z původního webu, sjednocené do klidné redakční galerie. */
.realizations{padding-top:70px}.realization-heading{margin-bottom:38px}.realization-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:330px 250px;gap:18px}.realization-card{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#161716}.realization-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.realization-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(5,5,5,.82));pointer-events:none}.realization-card:hover img{transform:scale(1.025);filter:saturate(.92)}.realization-card figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.realization-card figcaption span{display:block;margin-bottom:6px;color:#ef777a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.realization-card figcaption strong{font:700 21px Georgia,serif}.realization-1{grid-row:1/3}.realization-4{grid-column:2/4}.realization-5,.realization-6{display:none}@media(max-width:900px){.realization-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 260px}.realization-1{grid-row:auto}.realization-4{grid-column:auto}}@media(max-width:620px){.realization-grid{grid-template-columns:1fr;grid-template-rows:none}.realization-card{height:280px}.realization-1,.realization-4{grid-column:auto;grid-row:auto}}

/* Úvodní vizuál: dvě služby, jedna značka. */
.hero-split{display:grid;grid-template-columns:1fr 1fr}
.hero-split:before{z-index:2;background:linear-gradient(180deg,transparent 48%,rgba(5,5,5,.68) 100%)}
.hero-split:after{inset:0 auto 0 50%;z-index:4;width:4px;transform:translateX(-2px);background:var(--orange)}
.hero-half{position:relative;min-width:0;overflow:hidden}
.hero-half img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(.72)}
.hero-half:first-child img{object-position:56% center}
.hero-half:last-child img{object-position:58% center}
.hero-half span{position:absolute;z-index:3;left:24px;bottom:24px;padding:9px 12px;border-radius:999px;background:rgba(8,9,9,.76);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}
@media(max-width:560px){.hero-half span{left:12px;bottom:14px;padding:8px 9px;font-size:8px}.hero-split:after{width:3px}}

/* Nepravidelný diagonální řez – abstraktní červený tah místo technické linky. */
.hero-split{display:block}
.hero-split .hero-half{position:absolute;inset:0}
.hero-split .hero-half:first-child{z-index:2;clip-path:polygon(0 0,60% 0,46% 100%,0 100%)}
.hero-split .hero-half:last-child{z-index:1}
.hero-split .hero-half:last-child span{left:auto;right:24px}
.hero-split:before{z-index:3}
.hero-split:after{top:-8%;bottom:auto;left:52.8%;width:17px;height:116%;transform:rotate(7.7deg);transform-origin:center;background:var(--orange);clip-path:polygon(35% 0,75% 7%,48% 15%,82% 25%,52% 36%,88% 48%,55% 59%,80% 70%,45% 82%,70% 91%,42% 100%,12% 100%,35% 90%,8% 81%,33% 69%,5% 58%,30% 47%,4% 35%,28% 24%,7% 14%,30% 6%)}
@media(max-width:560px){.hero-split .hero-half:first-child{clip-path:polygon(0 0,64% 0,42% 100%,0 100%)}.hero-split:after{left:52.5%;width:13px;transform:rotate(11.8deg)}.hero-split .hero-half:last-child span{right:12px}}

/* Finální směr: abstraktní řez vede napříč celou fotografií od okraje k okraji. */
.hero-split .hero-half:first-child{clip-path:polygon(0 0,100% 0,100% 34%,86% 38%,70% 43%,54% 49%,37% 55%,18% 62%,0 68%)}
.hero-split:after{top:49%;left:-8%;width:116%;height:20px;transform:rotate(-14.5deg);transform-origin:center;background:var(--orange);clip-path:polygon(0 30%,8% 18%,17% 36%,27% 21%,38% 39%,49% 17%,60% 34%,72% 14%,84% 33%,93% 19%,100% 31%,100% 70%,91% 82%,82% 65%,71% 86%,60% 67%,49% 84%,38% 63%,27% 80%,17% 61%,8% 78%,0 66%)}
.hero-split .hero-half:first-child span{top:24px;bottom:auto}
.hero-split .hero-half:last-child span{right:24px;bottom:24px}
@media(max-width:560px){.hero-split .hero-half:first-child{clip-path:polygon(0 0,100% 0,100% 31%,82% 38%,64% 46%,44% 55%,23% 64%,0 73%)}.hero-split:after{top:51%;left:-10%;width:120%;height:15px;transform:rotate(-20deg)}.hero-split .hero-half:first-child span{top:14px}.hero-split .hero-half:last-child span{right:12px;bottom:14px}}

/* Skutečně z rohu do rohu: levý dolní → pravý horní, s ručně nepravidelnou hranou. */
.hero-split .hero-half:first-child{clip-path:polygon(0 0,100% 0,91% 8%,82% 18%,73% 26%,64% 37%,55% 45%,46% 56%,37% 64%,28% 75%,19% 83%,10% 93%,0 100%)}
.hero-split:after{inset:0;z-index:4;width:100%;height:100%;transform:none;background:var(--orange);clip-path:polygon(0 96.5%,9% 87%,18% 79%,27% 68%,36% 60%,45% 49%,54% 41%,63% 30%,72% 22%,81% 12%,90% 5%,100% 0,100% 3.5%,91% 10%,82% 20%,73% 28%,64% 39%,55% 47%,46% 58%,37% 66%,28% 77%,19% 85%,10% 95%,0 100%)}
@media(max-width:560px){.hero-split .hero-half:first-child{clip-path:polygon(0 0,100% 0,90% 9%,80% 19%,70% 29%,60% 39%,50% 49%,40% 59%,30% 69%,20% 79%,10% 90%,0 100%)}.hero-split:after{inset:0;width:100%;height:100%;transform:none;clip-path:polygon(0 96%,10% 87%,20% 77%,30% 67%,40% 57%,50% 47%,60% 37%,70% 27%,80% 17%,90% 7%,100% 0,100% 4%,90% 12%,80% 22%,70% 32%,60% 42%,50% 52%,40% 62%,30% 72%,20% 82%,10% 93%,0 100%)}}

/* Prémiová verze: jemná organická diagonála, nikoli zubatý efekt. */
.hero-split .hero-half:first-child{clip-path:polygon(0 0,100% 0,92% 7%,84% 15%,76% 24%,68% 31%,60% 40%,52% 48%,44% 57%,36% 64%,28% 73%,20% 81%,12% 89%,5% 97%,0 100%)}
.hero-split:after{inset:0;width:100%;height:100%;transform:none;background:#c51f27;filter:drop-shadow(0 0 5px rgba(197,31,39,.2));clip-path:polygon(0 98.7%,5% 95.7%,12% 87.7%,20% 79.7%,28% 71.7%,36% 62.7%,44% 55.7%,52% 46.7%,60% 38.7%,68% 29.7%,76% 22.7%,84% 13.7%,92% 5.7%,100% 0,100% 1.2%,92% 8.1%,84% 16.3%,76% 25.4%,68% 32.6%,60% 41.5%,52% 49.6%,44% 58.5%,36% 65.5%,28% 74.5%,20% 82.5%,12% 90.5%,5% 98.5%,0 100%)}

/* Vyvážené výřezy: hlavní výrobek zůstává čitelný v obou polovinách. */
.hero-split .hero-half:first-child img{object-position:48% 40%}
.hero-split .hero-half:last-child img{object-position:43% 68%}
@media(max-width:560px){.hero-split .hero-half:first-child img{object-position:50% 38%}.hero-split .hero-half:last-child img{object-position:46% 72%}}

/* Finální profesionálně komponovaný hero obraz – oba výrobky jsou celé v záběru. */
.hero-composite{background:#0b0c0c}
.hero-composite:before{content:"";position:absolute;inset:0;z-index:1;border:0;background:linear-gradient(180deg,rgba(5,5,5,.02) 58%,rgba(5,5,5,.28) 100%)}
.hero-composite:after{display:none}
.hero-composite>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.03) brightness(.86)}
.hero-label{position:absolute;z-index:3;bottom:24px;padding:9px 12px;border-radius:999px;background:rgba(8,9,9,.76);color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(6px)}
.hero-label-metal{left:24px;top:24px;bottom:auto}.hero-label-tyre{right:24px}
@media(max-width:560px){.hero-composite>img{object-position:center}.hero-label{bottom:14px;padding:8px 9px;font-size:8px}.hero-label-metal{left:12px;top:14px;bottom:auto}.hero-label-tyre{right:12px}}

/* Navigace zůstává při rolování dostupná, ale vizuálně neruší obsah. */
.site-header{position:sticky;top:0;z-index:100;width:100%;max-width:none;margin:0;padding-left:max(30px,calc((100vw - 1360px)/2));padding-right:max(30px,calc((100vw - 1360px)/2));background:rgba(251,251,250,.92);border-bottom:1px solid rgba(26,27,25,.08);box-shadow:0 10px 30px rgba(20,21,19,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
section[id]{scroll-margin-top:120px}
.hero-composite .hero-label{color:#fff!important;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.28)}
@media(max-width:720px){.site-header{padding-left:18px;padding-right:18px}section[id]{scroll-margin-top:96px}}

/* Výhody: tmavší kovová paleta a jemná profesionální odezva na najetí. */
.intro-strip{gap:8px}
.intro-strip p{position:relative;overflow:hidden;background:#171817;color:#bfc0bc;border:1px solid rgba(255,255,255,.06);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.intro-strip p:nth-child(2){background:#20211f}.intro-strip p:nth-child(3){background:#292a27}
.intro-strip p:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--orange);transition:right .3s ease}
.intro-strip p:hover{z-index:2;transform:translateY(-4px);background:#20211f;border-color:rgba(197,31,39,.55);box-shadow:0 16px 30px rgba(20,21,19,.13)}
.intro-strip p:hover:after{right:0}
.intro-strip span{color:#fff}.intro-strip strong{color:#e34b50}
.intro-strip p:first-child,.intro-strip p:last-child{border-radius:18px}
.contact-subtitle{margin:16px 0 0;color:var(--orange);font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.035em}
.contact-note{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
@media(max-width:720px){.intro-strip{gap:7px}.intro-strip p,.intro-strip p:first-child,.intro-strip p:last-child{border-radius:14px}.intro-strip p:hover{transform:translateY(-2px)}}

/* Technické dotažení: funkční sticky navigace, klávesnice a mobilní menu. */
main{overflow-x:clip;overflow-y:visible}
.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:12px 16px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f15b60;outline-offset:4px;border-radius:6px}
.mobile-menu{display:none;position:relative}
.mobile-menu-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(11,12,12,.16);border-radius:12px;background:#fff;color:var(--ink);font:700 24px/1 Arial;cursor:pointer}
.mobile-menu nav{position:absolute;z-index:120;top:56px;right:0;min-width:220px;padding:10px;flex-direction:column;gap:2px;border:1px solid rgba(11,12,12,.1);border-radius:16px;background:rgba(251,251,250,.98);box-shadow:0 20px 45px rgba(11,12,12,.18);backdrop-filter:blur(16px)}
.mobile-menu nav[hidden]{display:none!important}
.mobile-menu nav a{padding:13px 14px;border-radius:10px}
.mobile-menu nav a:hover{background:#ebe9e5;color:var(--orange-dark)}
.mobile-menu nav a:after{display:none}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto auto;gap:16px}.site-header>nav{display:none}.mobile-menu{display:block}.mobile-menu nav{display:flex!important}}
@media(max-width:720px){h1{font-size:clamp(46px,14vw,55px)}.site-header{grid-template-columns:1fr auto auto}.mobile-menu-button{width:44px;height:44px}.mobile-menu nav{position:fixed;top:140px;left:18px;right:18px;min-width:0}.tyre-copy li b{font-size:0}.tyre-copy li b:after{content:"";display:block;width:24px;height:1px;background:var(--orange)}}

/* Nadpis kovovýroby a jeho popis tvoří jeden klidný, levý textový blok. */
.metal-heading{display:block}
.metal-heading h2{white-space:nowrap;font-size:clamp(46px,4.45vw,68px)}
.metal-heading-copy{max-width:760px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
@media(max-width:1050px){.metal-heading h2{white-space:normal;font-size:clamp(46px,6.6vw,68px)}}
@media(max-width:720px){.metal-heading-copy{margin-top:20px}}
