:root{--blue:#36c3e8;--dark:#3e3e3e;--muted:#777;--light:#f7f7f7;--form:#adadad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Helvetica Neue',Arial,sans-serif;color:#555;background:#fff;font-size:16px;line-height:1.55}.container{width:min(1120px,calc(100% - 44px));margin:0 auto}.topbar{height:70px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 8px rgba(0,0,0,.08)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo img{height:38px;display:block}.menu{display:flex;gap:58px;align-items:center}.menu a{text-transform:uppercase;text-decoration:none;color:#777;font-size:14px;letter-spacing:.08em;font-weight:600}.menu a:hover{color:var(--blue)}.hamb{display:none;background:none;border:0;font-size:26px;color:#444}.hero{position:relative;min-height:455px;clip-path:polygon(0 0,100% 0,100% 87%,0 100%);overflow:hidden;background:#111;color:#fff}.hero.service-hero{min-height:350px}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 18%;filter:grayscale(10%) saturate(1.08) sepia(.07) brightness(.92);opacity:.84}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.60),rgba(0,0,0,.24),rgba(0,0,0,.06));}.hero .container{position:relative;z-index:1;padding-top:135px}.hero h1{font-size:56px;line-height:1.04;margin:0 0 26px;font-weight:800;letter-spacing:.01em}.hero p{max-width:640px;font-size:18px;line-height:1.55;margin:0;color:#fff;font-weight:600}.badge{display:inline-block;margin-bottom:18px;font-weight:700;font-size:14px}.btns{display:flex;gap:14px;margin-top:28px}.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border:0;border-radius:0;padding:13px 24px;font-weight:700;font-size:13px;cursor:pointer}.btn.alt{background:transparent;box-shadow:inset 0 0 0 1px #fff}.section-title{color:var(--blue);font-size:40px;line-height:1.1;font-weight:300;margin:0 0 40px}.home-section{padding:82px 0 72px}.services-grid{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 26px}.service-card{aspect-ratio:1/1;height:auto;position:relative;display:block;overflow:hidden;background:#222;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.13)}.service-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) saturate(1.08) brightness(1.03);opacity:.92;transition:.3s}.service-card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08);transition:.25s}.service-card:hover img{filter:grayscale(0) saturate(1.16) brightness(1.05);opacity:1;transform:scale(1.05)}.service-card:hover::after{background:rgba(255,255,255,.08)}.service-card span{position:absolute;left:0;right:0;bottom:24px;text-align:center;z-index:1;color:#fff;font-size:17px;line-height:1.08;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.55)}.about{position:relative;min-height:310px;padding:65px 0 80px}.about-text{max-width:720px}.about-text p{margin:0 0 16px}.lineart{position:absolute;right:12%;top:46px;width:190px;opacity:.95}.lineart.second{right:8%;top:260px;width:150px}.stats{background:var(--blue);color:#fff;padding:78px 0;clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);margin-top:-20px}.stats{position:relative;overflow:hidden} .stats-saw{position:absolute;top:-62px;left:0;width:150px;opacity:.95;z-index:2;pointer-events:none;transition:transform .08s linear}.stats-row{display:flex;justify-content:center;gap:160px;text-align:center}.stat strong{display:block;font-size:36px;letter-spacing:.06em;color:#fff}.stat span{font-size:15px;opacity:.92}
.pilana-authorized{padding:64px 0 22px;text-align:center;position:relative;background:#fff}
.pilana-authorized img{display:block;margin:0 auto 10px;max-width:190px;filter:grayscale(100%);opacity:.62}
.pilana-authorized p{margin:0;color:#777;font-size:14px;line-height:1.35}
.logos{padding:34px 0 52px;overflow:hidden;position:relative}.logos .carousel{width:min(850px,100%);margin:auto;overflow:hidden}.carousel-track{display:flex;align-items:center;gap:62px;animation:slide 48s linear infinite;width:max-content}.carousel-track img{max-height:37px;max-width:120px;filter:grayscale(100%);opacity:.66}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.contact{padding:52px 0 50px;position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:860px;font-size:17px}.person{display:flex;gap:18px;align-items:center}.person img{width:72px;height:72px;border-radius:50%;object-fit:cover;filter:grayscale(100%)}.map iframe{width:100%;height:310px;border:0;display:block;filter:saturate(.75)}footer{background:var(--blue);color:#fff;text-align:center;padding:18px 20px;font-size:16px}.to-top{position:fixed;right:22px;bottom:19px;width:28px;height:28px;border:1px solid #fff;color:#fff;background:rgba(54,195,232,.82);text-align:center;line-height:26px;text-decoration:none;z-index:50}.service-main{position:relative;padding:72px 0 78px;min-height:535px}.service-main .container{position:relative;z-index:2}.service-layout{max-width:760px;font-size:17px}.service-layout p{max-width:650px;margin-top:0;font-size:17px;line-height:1.6}.bullets{list-style:none;margin:20px 0 0;padding:0}.bullets li{margin:7px 0;font-size:17px}.bullets li::before{content:"• ";color:var(--blue);font-weight:bold}.service-icon{position:absolute;right:7%;top:95px;width:170px;opacity:.9}.service-icon.vrtak{width:145px;right:8%;top:70px}.service-icon.freza{width:170px}.service-icon.noze{width:165px;top:115px}.service-icon.ostatni{width:150px}.service-icon.brouseni{width:210px;top:75px}.gallery{margin:72px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:720px}.gallery a{height:166px;display:block;border:3px solid #999;background:#fff;overflow:hidden;text-decoration:none;position:relative}.gallery img{width:100%;height:100%;object-fit:cover;filter:grayscale(25%);transition:.25s}.gallery a:hover img{transform:scale(1.05);filter:grayscale(0)}.formband{background:var(--form);padding:38px 0 42px;color:#111}.formbox{width:min(420px,calc(100% - 44px));margin:auto}.formbox h2{text-align:center;font-size:32px;line-height:1;margin:0 0 36px;font-weight:400}.formbox input,.formbox textarea{width:100%;margin:0 0 11px;border:0;background:rgba(255,255,255,.65);padding:14px 15px;font-size:17px;color:#222}.formbox textarea{height:116px;resize:vertical}.formbox .btn{width:100%;margin-top:6px;background:#222}.page-footer{margin-top:0}.red-note{color:#df3744;font-weight:700;font-size:12px;text-align:center;margin:18px 0 -40px;display:none}
@media(max-width:820px){.container{width:min(100% - 28px,1120px)}.hamb{display:block}.menu{position:absolute;right:14px;top:70px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:18px 24px;display:none;flex-direction:column;gap:18px;align-items:flex-start}.menu.open{display:flex}.hero{min-height:360px}.hero .container{padding-top:74px}.hero h1{font-size:42px}.services-grid{grid-template-columns:1fr 1fr;gap:18px}.service-card{height:130px}.section-title{font-size:31px}.lineart,.lineart.second,.service-icon{opacity:.18;right:0;top:80px}.stats-row{gap:34px;flex-wrap:wrap}.stat{min-width:130px}.contact-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;gap:18px;margin-top:45px}.gallery a{height:210px}.service-main{padding-top:55px}.hero.service-hero{min-height:260px}.formbox h2{font-size:25px}}@media(max-width:520px){.services-grid{grid-template-columns:1fr}.topbar{height:64px}.nav{height:64px}.hero{clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}.stats{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);padding:50px 0}.stats-row{display:block}.stat{margin:0 0 25px}.home-section{padding:55px 0}.hero h1{font-size:34px}.hero p{font-size:15px}.service-card span{font-size:15px}}

/* Úpravy podle poznámek 13.6. */
.hero .badge,.hero .btns{display:none}
@media(max-width:820px){.hero-bg{background-position:center 18%}.hero .container{padding-top:92px}.service-card{aspect-ratio:1/1}}

/* Úpravy velikosti textů 13.6. */
@media(min-width:1200px){.hero h1{font-size:62px}.hero .container{padding-top:120px}.hero.service-hero h1{font-size:58px}}
@media(max-width:820px){.hero p{font-size:16px}.section-title{font-size:36px}}

/* FINALNI UPRAVY V9 */
body{
  font-family:"Century Gothic", CenturyGothic, AppleGothic, Arial, sans-serif;
}
.hero h1,
.hero p{
  font-family:"Kinetika", "Century Gothic", Arial, sans-serif;
}
.hero{
  min-height:500px;
}
.hero.service-hero{
  min-height:375px;
}
.hero .container{
  padding-top:142px;
}
.hero h1{
  font-size:50px;
  line-height:1.03;
  margin-bottom:22px;
}
.hero p{
  font-size:17px;
  line-height:1.5;
  max-width:610px;
}
.hero-bg{
  background-position:center 15%;
  filter:grayscale(8%) saturate(1.06) sepia(.06) brightness(.90);
  opacity:.86;
}
.hero::after{
  background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.30),rgba(0,0,0,.08));
}
@media(min-width:1200px){
  .hero{min-height:520px}
  .hero .container{padding-top:148px}
  .hero h1{font-size:54px}
  .hero.service-hero h1{font-size:50px}
}
@media(max-width:820px){
  .hero{min-height:400px}
  .hero .container{padding-top:105px}
  .hero h1{font-size:38px}
  .hero p{font-size:16px}
}
@media(max-width:520px){
  .hero{min-height:360px}
  .hero h1{font-size:32px}
  .hero p{font-size:15px}
}

/* FINÁLNÍ DETAIL HERO FONTŮ */
.hero h1{
  font-family:"Kinetika", "Century Gothic", Arial, sans-serif;
  font-weight:600;
}
.hero p{
  font-family:"Kinetika", "Century Gothic", Arial, sans-serif;
  font-weight:400;
}

/* V11: animace podle polohy stránky – bez zásahu do ostatního designu */
.about{overflow:hidden}
.about-gear{position:absolute;right:8%;top:35px;width:clamp(150px,20vw,280px);height:auto;opacity:.75;pointer-events:none;transform-origin:50% 50%;will-change:transform}
.stats-saw{transform-origin:50% 50%;transition:none;will-change:transform}
@media(max-width:820px){.about-gear{right:-35px;top:65px;width:175px;opacity:.25}.stats-saw{width:105px;top:-34px}}
@media(prefers-reduced-motion:reduce){.about-gear,.stats-saw{will-change:auto}}

/* V12: viditelná pila uvnitř modrého pruhu a výraznější titulky karet */
.stats .stats-saw{top:50%;left:12px;width:clamp(105px,12vw,160px);height:auto;opacity:.8;filter:brightness(0) invert(1);z-index:3;transform-origin:center center;pointer-events:none}
.stats .stats-row{position:relative;z-index:4;pointer-events:none}
.services-grid .service-card span{font-size:clamp(19px,1.9vw,23px);line-height:1.15}
@media(max-width:820px){.stats .stats-saw{width:95px;opacity:.38}.services-grid .service-card span{font-size:20px}}
@media(max-width:520px){.stats .stats-saw{width:75px;opacity:.28}.services-grid .service-card span{font-size:20px}}

/* V14: kotouč sleduje horní šikmou hranu, není oříznutý modrým pruhem. */
.stats{clip-path:none;overflow:visible;background:transparent;isolation:isolate}
.stats::before{content:"";position:absolute;inset:0;background:var(--blue);clip-path:polygon(0 15%,100% 0,100% 85%,0 100%);z-index:0;pointer-events:none}
.stats .stats-saw{z-index:3}
@media(max-width:520px){.stats::before{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}}

/* V15: pilový kotouč má oříznuté prázdné okraje SVG, takže rotuje kolem skutečného středu. */
.stats .stats-saw{transform-origin:50% 50%;}

/* V16: o něco menší pilový kotouč, zachována šikmá dráha a rotace. */
.stats .stats-saw{width:clamp(88px,10vw,132px)}
@media(max-width:820px){.stats .stats-saw{width:80px}}
@media(max-width:520px){.stats .stats-saw{width:62px}}

/* V17: modry pruh o cca 5 % vyssi; stred pily zustava na horni hrane diky JS vypoctu. */
.stats{padding-top:82px;padding-bottom:82px}
@media(max-width:520px){.stats{padding-top:53px;padding-bottom:53px}}

/* V19 – podstránka Pilové kotouče: 15 % větší lineart, 1/3 za pravým okrajem */
.service-main.saw-page{overflow:hidden;}
.service-main.saw-page .service-icon.pila{width:225px;right:-75px;}
@media(max-width:820px){.service-main.saw-page .service-icon.pila{width:225px;right:-75px;opacity:.18;}}

/* V22: mírně světlejší hero pouze na stránce Pilové kotouče */
.hero.service-hero.saw-hero .hero-bg{filter:grayscale(8%) saturate(1.06) sepia(.06) brightness(.98);opacity:.91}
.hero.service-hero.saw-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.57),rgba(0,0,0,.25),rgba(0,0,0,.06))}

/* V24 – Vrtáky: výřez fotografie se špičkou a zvětšený dekorativní vrták */
.hero.service-hero.drill-hero .hero-bg{background-position:center 75%;}
.service-main.drill-page{overflow:hidden;}
.service-main.drill-page .service-icon.vrtak{width:260px;right:-85px;top:75px;max-width:none;pointer-events:none;}
@media(max-width:820px){
  .hero.service-hero.drill-hero .hero-bg{background-position:52% 68%;}
  .service-main.drill-page .service-icon.vrtak{width:215px;right:-80px;top:90px;opacity:.18;}
}

/* V25: dvojice dekorativních vrtáků (větší je o 15 % větší).
   Oproti V24: základ 260px × 1.20 = 312px, druhý 312px × 1.15 = 358.8px. */
.service-main.drill-page{overflow:hidden;}
.service-main.drill-page .service-icon.vrtak-upper{width:359px;right:-124px;top:45px;opacity:.9;max-width:none;pointer-events:none;}
.service-main.drill-page .service-icon.vrtak-lower{width:312px;right:-107px;top:395px;opacity:.9;max-width:none;pointer-events:none;}
.hero.service-hero.drill-hero .hero-bg{background-position:center center;background-size:cover;}
@media(max-width:820px){
 .service-main.drill-page .service-icon.vrtak-upper{width:245px;right:-115px;top:55px;opacity:.16;}
 .service-main.drill-page .service-icon.vrtak-lower{width:213px;right:-98px;top:340px;opacity:.16;}
}

/* V26 – Vrtáky: dekorativní vrtáky blíž k sobě, jemně světlejší hero */
.service-main.drill-page .service-icon.vrtak-lower{top:310px;}
.hero.service-hero.drill-hero .hero-bg{filter:grayscale(8%) saturate(1.06) sepia(.06) brightness(1.02);opacity:.94;}
.hero.service-hero.drill-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.20),rgba(0,0,0,.04));}
@media(max-width:820px){.service-main.drill-page .service-icon.vrtak-lower{top:275px;}}

/* V27 – drill pair tighter and photographic hero */
.service-main.drill-page .service-icon.vrtak-lower{top:235px;}
.hero.service-hero.drill-hero .hero-bg{filter:none;opacity:1;background-position:center center;}
.hero.service-hero.drill-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.05),transparent);}
@media(max-width:820px){.service-main.drill-page .service-icon.vrtak-lower{top:205px;}}

/* V28: navrat fotografie z V25, dekorativni dvojice zachovana z V27. */
.hero.service-hero.drill-hero .hero-bg{background-position:center center;filter:grayscale(8%) saturate(1.06) sepia(.06) brightness(1.02);opacity:.94;}
.hero.service-hero.drill-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.20),rgba(0,0,0,.04));}

/* V30: original drill vector placement as shown in v26 screenshot */
.service-main.drill-page .service-icon.vrtak-lower{top:310px;}
@media(max-width:820px){.service-main.drill-page .service-icon.vrtak-lower{top:275px;}}

/* v31: horizontally oriented cyan line-art drills, matching the supplied screenshot */
.service-main.drill-page{position:relative;overflow:hidden;}
.service-main.drill-page .service-icon.vrtak-upper,
.service-main.drill-page .service-icon.vrtak-lower{position:absolute;max-width:none;height:auto;opacity:1;pointer-events:none;transform:none;filter:none;}
.service-main.drill-page .service-icon.vrtak-upper{width:490px;right:-132px;top:40px;}
.service-main.drill-page .service-icon.vrtak-lower{width:440px;right:-112px;top:190px;}
@media(max-width:820px){
.service-main.drill-page .service-icon.vrtak-upper{width:315px;right:-150px;top:80px;}
.service-main.drill-page .service-icon.vrtak-lower{width:280px;right:-135px;top:175px;}
}

/* v32 – Frezy: large partially clipped cyan vector illustration */
.service-main.milling-page{overflow:hidden;}
.service-main.milling-page .service-icon.freza{width:350px;max-width:none;right:-110px;top:80px;opacity:.9;pointer-events:none;}
@media(max-width:820px){.service-main.milling-page .service-icon.freza{width:280px;right:-145px;top:110px;opacity:.17;}}

/* v33 – Frézy: slightly brighter hero, show lower part of photo. */
.hero.service-hero.milling-hero .hero-bg {
  background-position: center 68%;
  filter: grayscale(8%) saturate(1.06) sepia(.06) brightness(1.03);
  opacity: .94;
}
.hero.service-hero.milling-hero::after {
  background: linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.18), rgba(0,0,0,.03));
}
@media (max-width:820px) {
  .hero.service-hero.milling-hero .hero-bg { background-position: center 64%; }
}

/* v35: keep the entire visible milling cutter within the hero crop */
.hero.service-hero.milling-hero .hero-bg { background-position: center 31%; }
@media (max-width:820px) { .hero.service-hero.milling-hero .hero-bg { background-position: center 40%; } }

/* v36 – Průmyslové nože: dekorativní lineart částečně za pravým okrajem */
.service-main.knives-page{overflow:hidden;}
.service-main.knives-page .service-icon.noze{width:370px;max-width:none;right:-125px;top:75px;opacity:.9;pointer-events:none;}
.hero.service-hero.knives-hero .hero-bg{background-position:center 48%;filter:grayscale(8%) saturate(1.06) sepia(.06) brightness(1.04);opacity:.95;}
.hero.service-hero.knives-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.18),rgba(0,0,0,.03));}
@media(max-width:820px){
 .service-main.knives-page .service-icon.noze{width:280px;right:-145px;top:105px;opacity:.17;}
 .hero.service-hero.knives-hero .hero-bg{background-position:center 50%;}
}

/* v37 – wider photographic composition reveals more industrial knives */
.hero.service-hero.knives-hero .hero-bg{background-position:center center;background-size:cover;}

/* v38: navrat k puvodnimu vyrezu hero fotografie nozu */
.knives-hero .hero-bg{background-position:center center;background-size:cover;}

/* v39: expanded industrial knife line-art */
.service-main.knives-page .service-icon.noze{width:455px;right:-165px;top:65px;}
@media(max-width:820px){.service-main.knives-page .service-icon.noze{width:325px;right:-180px;top:110px;opacity:.17;}}

/* v41 – Ostatni nastroje: larger edge-clipped line illustration, brighter hero */
.service-hero.other-hero .hero-bg{background-position:center 35%;filter:grayscale(10%) saturate(1.08) sepia(.07) brightness(1.09);opacity:.94;}
.service-hero.other-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.05),transparent);}
.service-main.other-page{position:relative;overflow:hidden;}
.service-main.other-page .service-icon.ostatni{position:absolute;width:420px;max-width:none;height:auto;right:-145px;top:60px;opacity:.9;pointer-events:none;}
@media(max-width:820px){.service-main.other-page .service-icon.ostatni{width:300px;right:-165px;top:95px;opacity:.16;}}

/* v42 – Broušení: upravené hero a velký modrý vektor u pravého okraje */
.hero.service-hero.grinding-hero .hero-bg{background-position:center 45%;filter:grayscale(8%) saturate(1.07) sepia(.05) brightness(1.08);opacity:.95;}
.hero.service-hero.grinding-hero::after{background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.07),transparent);}
.service-main.grinding-page{position:relative;overflow:hidden;}
.service-main.grinding-page .service-icon.brouseni{position:absolute;width:510px;max-width:none;height:auto;right:-180px;top:30px;opacity:.9;pointer-events:none;}
@media(max-width:820px){.hero.service-hero.grinding-hero .hero-bg{background-position:center 50%;}.service-main.grinding-page .service-icon.brouseni{width:350px;right:-190px;top:90px;opacity:.17;}}

/* V43 – Broušení: rovná ilustrace bez rotace, o 25 % menší */
.service-main.grinding-page .service-icon.brouseni{width:382.5px;transform:none;}
@media(max-width:820px){.service-main.grinding-page .service-icon.brouseni{width:262.5px;transform:none;}}

/* v48: noze +20 %, zachovano castecne orezeni a jedine ostri na kazdem nozi */
.service-main.knives-page .service-icon.noze{width:546px;right:-198px;}
@media(max-width:820px){.service-main.knives-page .service-icon.noze{width:390px;right:-216px;}}


/* ============================================================
   TRIMAX – RESPONSIVE MOBILE LAYER (desktop design untouched)
   ============================================================ */
@media (max-width: 820px) {
  html { scroll-padding-top: 76px; }
  body { overflow-x: clip; -webkit-text-size-adjust: 100%; }
  .container { width: calc(100% - 36px); max-width: 680px; }
  .topbar, .nav { height: 66px; }
  .logo img { height: 34px; max-width: 190px; }
  .hamb { display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; padding: 0; cursor: pointer; font-size: 26px;
    -webkit-tap-highlight-color: transparent; }
  .hamb:focus-visible, .menu a:focus-visible, .service-card:focus-visible {
    outline: 2px solid var(--blue); outline-offset: 3px; }
  .menu { position: absolute; top: 66px; left: 0; right: 0; display: none;
    padding: 12px 18px 18px; background: #fff; box-shadow: 0 12px 20px rgba(0,0,0,.12);
    gap: 0; align-items: stretch; z-index: 30; }
  .menu.open { display: flex; }
  .menu a { display: block; padding: 13px 8px; font-size: 15px; }
  .hero { min-height: 430px; }
  .hero .container { padding-top: 115px; padding-bottom: 65px; }
  .hero h1 { font-size: clamp(34px, 6.2vw, 46px); line-height: 1.1; margin-bottom: 18px; }
  .hero p { font-size: 16px; line-height: 1.55; max-width: 530px; }
  .hero-bg { background-position: 53% 25%; }
  .hero.service-hero { min-height: 270px; }
  .home-section { padding: 62px 0; }
  .section-title { font-size: clamp(30px, 5.4vw, 38px); margin-bottom: 28px; }
  .services-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
  .service-card { height: auto; aspect-ratio: 1/1; }
  .services-grid .service-card span { font-size: clamp(15px,2.5vw,20px); bottom: 15px; padding: 0 5px; }
  .about { min-height: 0; padding: 50px 0 66px; }
  .about-text { position: relative; z-index: 2; }
  .about-gear { right: -55px; top: 42px; width: 180px; opacity: .12; }
  .stats { margin-top: 0; padding: 76px 0 72px; }
  .stats-row { gap: 28px 40px; justify-content: space-around; }
  .stat { min-width: 140px; }
  .stat strong { font-size: 33px; }
  .stats .stats-saw { opacity: .22; }
  .pilana-authorized { padding: 46px 0 18px; }
  .logos { padding: 25px 0 40px; }
  .contact { padding: 45px 0; }
  .contact-grid { gap: 14px; grid-template-columns: 1fr; font-size: 16px; }
  .contact .lineart { opacity: .1; right: -35px; width: 160px; }
  .map iframe { height: 290px; }
  .service-main { padding: 52px 0 65px; min-height: 0; overflow: hidden; }
  .service-layout { max-width: 100%; font-size: 16px; }
  .service-layout p, .bullets li { font-size: 16px; line-height: 1.65; }
  .service-main .service-icon { opacity: .12 !important; pointer-events: none; }
  .service-main .container { position: relative; z-index: 2; }
  .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 42px; }
  .gallery a { height: auto; aspect-ratio: 4/3; border-width: 2px; }
  .page-footer { font-size: 13px; line-height: 1.6; padding: 18px 22px; }
  .to-top { width: 36px; height: 36px; line-height: 34px; right: 14px; bottom: 14px; }
  .service-main.saw-page .service-icon.pila { width: 190px; right: -108px; top: 80px; }
  .service-main.drill-page .service-icon.vrtak-upper { width: 280px; right: -170px; top: 85px; }
  .service-main.drill-page .service-icon.vrtak-lower { width: 250px; right: -155px; top: 170px; }
  .service-main.milling-page .service-icon.freza { width: 250px; right: -150px; top: 95px; }
  .service-main.knives-page .service-icon.noze { width: 335px; right: -215px; top: 95px; }
  .service-main.other-page .service-icon.ostatni { width: 285px; right: -175px; top: 85px; }
  .service-main.grinding-page .service-icon.brouseni { width: 250px; right: -150px; top: 90px; transform: none !important; }
}
@media (max-width: 520px) {
  html { scroll-padding-top: 62px; }
  .container { width: calc(100% - 32px); }
  .topbar, .nav { height: 62px; }
  .logo img { height: 30px; }
  .menu { top: 62px; }
  .hero { min-height: 410px; clip-path: polygon(0 0,100% 0,100% 94%,0 100%); }
  .hero .container { padding-top: 106px; padding-bottom: 72px; }
  .hero h1 { font-size: clamp(30px, 8vw, 38px); margin-bottom: 16px; }
  .hero p { font-size: 15px; line-height: 1.55; }
  .hero-bg { background-position: 56% 25%; }
  .hero.service-hero { min-height: 205px; clip-path: polygon(0 0,100% 0,100% 92%,0 100%); }
  .hero.service-hero .hero-bg { background-position: center center; }
  .hero.service-hero.milling-hero .hero-bg { background-position: center 38%; }
  .hero.service-hero.knives-hero .hero-bg { background-position: center 48%; }
  .home-section { padding: 48px 0 55px; }
  .section-title { font-size: 31px; margin-bottom: 25px; }
  .services-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
  .services-grid .service-card span { font-size: clamp(12px,3.5vw,17px); letter-spacing: .035em; bottom: 12px; }
  .about { padding: 38px 0 58px; }
  .about-text p { font-size: 15px; line-height: 1.7; }
  .about-gear { right: -65px; width: 155px; opacity: .1; }
  .stats { padding: 65px 0 58px; }
  .stats::before { clip-path: polygon(0 4%,100% 0,100% 96%,0 100%); }
  .stats-row { display: flex; flex-direction: column; align-items: center; gap: 21px; }
  .stat { margin: 0; }
  .stat strong { font-size: 34px; line-height: 1.2; }
  .stat span { font-size: 14px; }
  .stats .stats-saw { width: 58px; opacity: .17; }
  .pilana-authorized { padding-top: 35px; }
  .pilana-authorized img { max-width: 155px; }
  .contact { padding: 40px 0; }
  .person { align-items: flex-start; gap: 12px; }
  .person img { width: 64px; height: 64px; flex: 0 0 64px; }
  .contact-grid p { overflow-wrap: anywhere; }
  .map iframe { height: 245px; }
  .service-main { padding: 39px 0 55px; }
  .service-layout p, .bullets li { font-size: 15px; line-height: 1.7; }
  .bullets { margin-top: 17px; }
  .bullets li { margin: 8px 0; }
  .gallery { grid-template-columns: 1fr; gap: 14px; margin-top: 34px; max-width: 370px; }
  .gallery a { aspect-ratio: 16/10; }
  .service-main.saw-page .service-icon.pila { width: 170px; right: -115px; top: 80px; }
  .service-main.drill-page .service-icon.vrtak-upper { width: 225px; right: -155px; top: 95px; }
  .service-main.drill-page .service-icon.vrtak-lower { width: 195px; right: -140px; top: 160px; }
  .service-main.milling-page .service-icon.freza { width: 205px; right: -145px; top: 105px; }
  .service-main.knives-page .service-icon.noze { width: 270px; right: -190px; top: 115px; }
  .service-main.other-page .service-icon.ostatni { width: 225px; right: -155px; top: 100px; }
  .service-main.grinding-page .service-icon.brouseni { width: 205px; right: -145px; top: 105px; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 29px; }
  .hero { min-height: 435px; }
  .services-grid .service-card span { font-size: 12px; }
  .section-title { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .carousel-track { animation: none; }
  .service-card img { transition: none; }
}