/* extrahováno z bundlu — placeholder pro fotky, které klient teprve dodá */
  .img-slot{position:relative;display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(135deg,#e9e9e6 0 14px,#f2f2ef 14px 28px);
    color:#8a8d90;overflow:hidden;}
  .img-slot__ph{font:600 14px 'Barlow',sans-serif;letter-spacing:.5px;text-align:center;padding:0 14px;}
  [data-hbg] .img-slot{background:repeating-linear-gradient(135deg,#1a1c1e 0 14px,#202325 14px 28px);}
  [data-hbg] .img-slot__ph{color:#6d7075;}

  /* --- náhled galerie --- */
  .g-tile .img-slot{background:linear-gradient(150deg,#4b4e52,#292c2f);}
  .g-tile .img-slot__ph{color:#b9bcc0;}
  .g-tile{position:relative;overflow:hidden;display:block;}
  .g-tile .img-slot,.g-tile img{transition:transform .6s cubic-bezier(.22,.61,.36,1);}
  .g-tile:hover .img-slot,.g-tile:hover img{transform:scale(1.06);}
  .g-tile__badge{position:absolute;bottom:0;left:0;font:italic 800 19px 'Barlow Condensed',sans-serif;letter-spacing:2.5px;padding:8px 20px;color:#fff;z-index:2;}
  .g-tile__grad{position:absolute;inset:0;background:linear-gradient(rgba(11,12,13,0) 55%,rgba(11,12,13,.5));opacity:0;transition:opacity .35s ease;z-index:1;}
  .g-tile:hover .g-tile__grad{opacity:1;}
  .g-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:44px;background:#101113;color:#fff;margin-top:16px;padding:42px 48px;text-decoration:none;box-sizing:border-box;}
  .g-cta__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
  .g-cta__accent{position:absolute;top:0;right:0;bottom:0;width:320px;background:linear-gradient(#D2232E,#8f141c);transform:skewX(-18deg) translateX(90px);opacity:.16;pointer-events:none;}
  .g-cta__tex{position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 26px);pointer-events:none;}
  .g-cta__btn{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;background:#D2232E;color:#fff;padding:19px 40px;transform:skewX(-8deg);box-shadow:0 12px 30px rgba(210,35,46,.3);transition:background .25s ease,transform .25s ease,box-shadow .25s ease;white-space:nowrap;}
  .g-cta:hover .g-cta__btn{background:#b81c26;transform:skewX(-8deg) translateY(-3px);box-shadow:0 16px 38px rgba(210,35,46,.4);}
  .g-cta__btn>span{display:inline-flex;align-items:center;gap:14px;transform:skewX(8deg);font:italic 700 26px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px;}
  .g-cta__arrow{transition:transform .3s ease;}
  .g-cta:hover .g-cta__arrow{transform:translateX(7px);}
  /* .g-cta byla stavěná jen pro desktop šířky (na homepage ji pod 860px
     nahrazuje samostatný mobilní blok) — kde se použije přímo, jako na
     Antikoroze.dc.html, potřebuje vlastní zúžení, jinak přeteče do strany */
  @media (max-width:860px){
    .g-cta{flex-direction:column;align-items:stretch;gap:22px;padding:32px 22px;}
    .g-cta__btn{align-self:stretch;justify-content:center;padding:16px 20px;}
    .g-cta__btn>span{font-size:20px;justify-content:center;}
  }

  html,body{margin:0;padding:0;background:#fff;}
  body{font-family:'Barlow',sans-serif;}
  a{color:#1A1C1E;text-decoration:none;}
  a:hover{color:#D2232E;}
  details summary{list-style:none;cursor:pointer;}
  details summary::-webkit-details-marker{display:none;}
  image-slot{display:block;width:100%;height:100%;}
  [data-expand] [data-panel]{max-height:0;overflow:hidden;transition:max-height .5s ease;}
  [data-expand]:hover [data-panel]{max-height:320px;}
  [data-expand]:hover{background:#F7F7F5;}
  /* 4a — služby: akordeon s konstantní celkovou výškou */
  [data-svc]{position:relative;display:block;height:96px;overflow:hidden;border-bottom:1px solid #E4E4E1;transition:height .55s cubic-bezier(.65,0,.35,1),background .35s ease;color:#101113;}
  [data-svc]:hover{height:392px;background:#F7F7F5;}
  [data-svclist]:not(:hover) [data-svc]:first-child{height:392px;background:#F7F7F5;}
  [data-svc] [data-svcreveal]{opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;}
  [data-svc]:hover [data-svcreveal]{opacity:1;transform:none;transition:opacity .45s ease .15s,transform .45s ease .15s;}
  [data-svclist]:not(:hover) [data-svc]:first-child [data-svcreveal]{opacity:1;transform:none;}
  [data-svc] [data-svcnum]{color:#C9CBCE;transition:color .35s ease;}
  [data-svc]:hover [data-svcnum]{color:#D2232E;}
  [data-svclist]:not(:hover) [data-svc]:first-child [data-svcnum]{color:#D2232E;}
  /* 7a — výchozí stav zavřeno */
  [data-hsvclist][data-noopen]:not(:hover) [data-hsvc]:first-child{flex:1 1 0;}
  [data-hsvclist][data-noopen]:not(:hover) [data-hsvc]:first-child [data-hbg]{opacity:.22;filter:grayscale(65%);transform:scale(1.06);}
  [data-hsvclist][data-noopen]:not(:hover) [data-hsvc]:first-child [data-hcollapsed]{opacity:1;}
  [data-hsvclist][data-noopen]:not(:hover) [data-hsvc]:first-child [data-hreveal]{opacity:0;transform:translateY(14px);}
  /* 7a — scroll + entrance animace */
  @keyframes mgRevealUp{from{opacity:0;transform:translateY(56px);}to{opacity:1;transform:none;}}
  @keyframes mgRevealLeft{from{opacity:0;transform:translateX(-56px);}to{opacity:1;transform:none;}}
  @keyframes mgRevealRight{from{opacity:0;transform:translateX(56px);}to{opacity:1;transform:none;}}
  
  
  
  @keyframes mgHeroLine{from{opacity:0;transform:translateY(46px);}to{opacity:1;transform:none;}}
  
  @keyframes mgMarquee{to{transform:translateX(-50%);}}
  /* 7a — FAQ rozevírání */
  #faq-g details{interpolate-size:allow-keywords;}
  #faq-g details::details-content{opacity:0;block-size:0;transform:translateY(-8px);overflow:hidden;transition:opacity .38s cubic-bezier(.22,1,.36,1),block-size .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),content-visibility .42s allow-discrete;}
  #faq-g details[open]::details-content{opacity:1;block-size:auto;transform:none;}
  #faq-g summary span{display:inline-block;transition:transform .35s ease;}
  #faq-g details[open] summary span{transform:rotate(45deg);}
  @keyframes mgFaqIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:none;}}
  
  /* 6a — horizontální akordeon služeb */
  [data-hsvclist]{display:flex;height:82vh;min-height:660px;max-height:940px;border-top:2px solid #101113;border-bottom:2px solid #101113;}
  [data-hsvc]{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:#101113;color:#fff;transition:flex .65s cubic-bezier(.65,0,.35,1);}
  [data-hsvc]+[data-hsvc]{border-left:1px solid #26292c;}
  [data-hsvc] [data-hbg]{position:absolute;inset:0;opacity:.22;filter:grayscale(65%);transform:scale(1.06);transition:opacity .5s ease,filter .5s ease,transform .65s cubic-bezier(.65,0,.35,1);}
  @keyframes mgHbgKen{from{transform:scale(1.06);}to{transform:scale(1.18);}}
  [data-hsvc]:hover [data-hbg],[data-hsvclist]:not(:hover) [data-hsvc]:first-child [data-hbg]{opacity:1;filter:grayscale(0%);transform:scale(1);animation:mgHbgKen .7s cubic-bezier(.2,.7,.3,1) 0s forwards;}
  [data-hsvc] [data-hcollapsed]{transition:opacity .3s ease;}
  [data-hsvc]:hover [data-hcollapsed],[data-hsvclist]:not(:hover) [data-hsvc]:first-child [data-hcollapsed]{opacity:0;}
  [data-hsvc] [data-hreveal]{opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease;}
  [data-hsvc]:hover [data-hreveal],[data-hsvclist]:not(:hover) [data-hsvc]:first-child [data-hreveal]{opacity:1;transform:none;transition:opacity .5s ease .2s,transform .5s ease .2s;}
  [data-hsvc]:hover{flex:4.6 1 0;}
  [data-hsvclist]:not(:hover) [data-hsvc]:first-child{flex:4.6 1 0;}
  /* 5 — loading animace */
  @keyframes mgBar{0%,100%{transform:skewX(-28deg) scaleY(.4);opacity:.45;}50%{transform:skewX(-28deg) scaleY(1);opacity:1;}}
  @keyframes mgLogoIn{0%,6%{clip-path:inset(0 100% 0 0);}20%,96%{clip-path:inset(0 0 0 0);}100%{clip-path:inset(0 100% 0 0);}}
  @keyframes mgProg{0%,8%{width:0%;}34%{width:38%;}52%{width:47%;}70%,100%{width:100%;}}
  @keyframes mgSweep{0%,70%{left:-50%;}84%,100%{left:125%;}}
  @keyframes mgPage{0%,76%{opacity:0;}84%,94%{opacity:1;}100%{opacity:0;}}
  @keyframes mgLabel{0%,8%{opacity:0;transform:translateY(8px);}18%,96%{opacity:1;transform:none;}100%{opacity:0;}}
  /* mikrointerakce — reakce na každou akci */
  html{scroll-behavior:smooth;}
  /* kotvy zastaví pod lepkavým navem, ne pod ním */
  section[id]{scroll-margin-top:78px;}
  @media (max-width:860px){ section[id]{scroll-margin-top:70px;} }
  nav a{position:relative;transition:color .25s ease,background .25s ease;}
  nav a:not([href^="tel"])::after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:100%;background:#D2232E;transform:scaleX(0) skewX(-28deg);transform-origin:left;transition:transform .3s cubic-bezier(.65,0,.35,1);}
  nav a:not([href^="tel"]):hover::after{transform:scaleX(1) skewX(-28deg);}
  a[href^="tel"]{transition:background .25s ease,box-shadow .25s ease,transform .25s ease;}
  a:active,button:active,summary:active{filter:brightness(.82);}
  [data-info]{cursor:default;}
  [data-info] span:first-child{transition:color .25s ease,transform .3s cubic-bezier(.22,1,.36,1);display:inline-block;}
  [data-info]:hover span:first-child{color:#fff;transform:translateY(-2px);}
  [data-info][data-red]:hover span:first-child{color:#101113;}
  #faq-g summary{transition:color .25s ease;}
  #faq-g details[open] summary{color:#D2232E;}
  #faq-g summary:hover{color:#D2232E;}
  /* 8a — mobil */
  #faq-m summary span{display:inline-block;transition:transform .35s ease;}
  #faq-m details[open] summary span{transform:rotate(45deg);}
  #faq-m summary{transition:color .25s ease;}
  #faq-m details[open] summary,#faq-m summary:hover{color:#D2232E;}
  [data-mreviews]{scrollbar-width:none;}
  [data-mreviews]::-webkit-scrollbar{display:none;}

  /* zmenšení nav baru při scrollu — čistě CSS */
  @keyframes mgNavShrink{to{height:60px;box-shadow:0 8px 26px rgba(0,0,0,.10);}}
  @keyframes mgNavLogoShrink{to{height:116px;margin-bottom:-18px;}}
  @supports (animation-timeline: scroll()){
    [data-shrinknav]{animation:mgNavShrink linear both;animation-timeline:scroll();animation-range:0 300px;}
    [data-shrinknav] img{animation:mgNavLogoShrink linear both;animation-timeline:scroll();animation-range:0 300px;}
  }
  /* responsivní přepínání desktop / mobil */
  [data-mobile]{display:none;}
  @media (max-width:860px){
    [data-desktop]{display:none !important;}
    [data-mobile]{display:block !important;}
  }