/* ROLTA / Výroba — standalone production story, v65 */
.production-page{--prod-red:#e12820;--prod-green:#244737;--prod-ink:#1c2420;background:#f5f5f0;color:var(--prod-ink)}
.production-page button{cursor:pointer}
.production-page button:focus-visible,.production-page a:focus-visible,.production-page .prod-map-scroll:focus-visible{outline:3px solid #8fc730;outline-offset:4px}
.production-page .topbar{background:#fff}
.production-page .topbar nav a[aria-current="page"]{color:#163c30}
.production-page .topbar nav a[aria-current="page"]::after{background:#a5d321}
.production-page main{max-width:none;padding:0}
.production-page main h1,.production-page main h2,.production-page main h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}
.prod-intro,.prod-map-section,.prod-story-section,.prod-video-section,.prod-finish{max-width:1500px;margin-left:auto;margin-right:auto}
.prod-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:80px 38px 64px}
.prod-intro>div:first-child{max-width:780px}
.prod-eyebrow,.prod-overline{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 17px;color:#657959}
.prod-line{display:inline-block;width:27px;height:2px;background:#a9c63f;margin-right:10px;vertical-align:middle}
.prod-intro h1{font-size:clamp(50px,6.2vw,92px);font-weight:800;line-height:1.04;margin:0 0 24px}
.prod-intro h1 span{font-weight:500;color:#7b887d}
.prod-intro>div:first-child>p:not(.prod-eyebrow){color:#69746b;font-size:17px;max-width:660px;margin:0;line-height:1.8}
.prod-intro-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;margin-top:27px;padding:13px 18px;background:#234a3b;color:#fff;border-radius:9px;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.prod-intro-link:hover{background:#102e23;transform:translateY(-2px)}
.prod-intro-aside{min-width:210px;display:flex;flex-direction:column;align-items:flex-start;padding:21px 0 12px 32px;border-left:1px solid #d5d9cf}
.prod-intro-aside strong{font:700 clamp(48px,5vw,74px)/1 Roboto Mono,monospace;color:#214b3a}
.prod-intro-aside span{font-size:13px;line-height:1.65;color:#5d6b60;font-weight:700;margin:9px 0 21px}
.prod-intro-dots{display:flex;gap:5px}.prod-intro-dots i{height:5px;width:23px;border-radius:5px;background:#b9d93b}
.prod-intro-dots i:nth-child(even){background:#365a47}
.prod-map-section,.prod-story-section{padding:0 38px 98px}
.prod-section-top{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}
.prod-section-top .prod-overline{margin-bottom:10px}
.prod-section-top h2{font-size:clamp(30px,3.1vw,44px);margin:0;line-height:1.15;font-weight:800}
.prod-section-top>p{max-width:385px;font-size:14px;line-height:1.8;color:#657167;margin:0 0 5px}
.prod-map-scroll{position:relative;overflow-x:auto;overflow-y:hidden;background:#181c19;border-radius:17px 17px 0 0;scrollbar-color:#77816e #292d2a;scrollbar-width:thin}
.prod-map{position:relative;min-width:760px;aspect-ratio:1648/928;isolation:isolate}
.prod-map>img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;pointer-events:none}
.prod-hotspot{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid transparent;border-radius:13px;background:transparent;transition:box-shadow .22s,background .22s,border-color .22s;display:block;touch-action:manipulation}
.prod-hotspot:hover,.prod-hotspot:focus-visible{border-color:#fff;background:rgba(225,40,32,.11);box-shadow:0 0 0 7px rgba(225,40,32,.2)}
.prod-hotspot.is-active{border-color:rgba(255,255,255,.82);box-shadow:0 0 0 4px rgba(225,40,32,.22)}
.prod-hotspot.is-active:hover{box-shadow:0 0 0 8px rgba(225,40,32,.3)}
.prod-map-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 22px 12px;background:#202723;color:#bac1b7;border-radius:0 0 14px 14px;font:600 11px/1.5 Manrope}
.prod-map-footer>span:first-child{color:#fff;font-weight:800}
.prod-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c7ef52;margin-right:7px;box-shadow:0 0 0 4px rgba(199,239,82,.14)}
.prod-swipe-hint{display:none}
.prod-quick-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}
.prod-quick-steps button{border:1px solid #dde1d8;border-radius:11px;background:#fff;min-height:68px;text-align:left;padding:13px 14px;display:flex;align-items:center;gap:12px;transition:background .2s,border-color .2s,transform .2s}
.prod-quick-steps button:hover{transform:translateY(-2px);border-color:#a6b7a6}
.prod-quick-steps button b{font:700 13px Roboto Mono,monospace;background:#ecefe6;color:#4f6857;border-radius:7px;padding:9px}
.prod-quick-steps button span{font-size:13px;font-weight:800}
.prod-quick-steps button.is-active{background:#234837;color:#fff;border-color:#234837}
.prod-quick-steps button.is-active b{background:#d82e25;color:#fff}
.prod-story-section{scroll-margin-top:160px}
.prod-story-heading{margin-bottom:28px}
.prod-story-grid{display:grid;grid-template-columns:minmax(280px,.39fr) minmax(0,1fr);gap:24px;align-items:stretch}
.prod-story-index{display:flex;flex-direction:column;gap:9px}
.prod-story-index>button{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:13px;align-items:center;width:100%;border:1px solid #dfe2d8;border-radius:12px;background:#fff;text-align:left;min-height:87px;padding:16px;transition:background .2s,border-color .2s}
.prod-story-index>button>span:first-child{font:700 16px Roboto Mono,monospace;color:#789078}
.prod-story-index>button>span:nth-child(2){font-size:14px;font-weight:800;color:#252d28;line-height:1.35}
.prod-story-index>button small{display:block;font-size:11px;font-weight:500;color:#819084;line-height:1.4;margin-top:5px}
.prod-index-arrow{font-size:18px;color:#87958b}
.prod-story-index>button:hover{background:#f5f8f1;border-color:#a7bba2}
.prod-story-index>button.is-active{background:#244939;border-color:#244939;box-shadow:0 14px 25px rgba(34,67,48,.1)}
.prod-story-index>button.is-active>span:first-child{color:#cbec62}
.prod-story-index>button.is-active>span:nth-child(2){color:#fff}
.prod-story-index>button.is-active small{color:#c6d4c9}
.prod-story-index>button.is-active .prod-index-arrow{color:#d5f27f}
.prod-side-note{margin-top:auto;padding:25px 22px 20px;background:#e8eddf;border-radius:12px;color:#34533e}
.prod-note-icon{font-size:26px;color:#69934c;display:block;margin-bottom:11px}
.prod-side-note strong{font-size:14px}.prod-side-note p{font-size:12px;line-height:1.7;color:#607462;margin:9px 0 0}
.prod-detail{background:#fff;border:1px solid #e2e6de;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:575px;box-shadow:0 18px 50px rgba(43,57,42,.05);scroll-margin-top:155px}
.prod-detail-photo{min-height:500px;position:relative;overflow:hidden;background:#9ba5a0}
.prod-detail-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .25s}
.prod-detail-photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(13,25,20,.48));pointer-events:none}
.prod-photo-chip{position:absolute;z-index:1;bottom:22px;left:21px;color:#fff;background:rgba(10,27,20,.7);border:1px solid rgba(255,255,255,.23);border-radius:6px;padding:9px 12px;font-size:11px;font-weight:700;backdrop-filter:blur(5px)}
.prod-detail-large-number{position:absolute;right:18px;top:7px;color:rgba(255,255,255,.8);font:700 70px Roboto Mono,monospace;text-shadow:0 1px 14px rgba(0,0,0,.25)}
.prod-detail-body{padding:35px 32px;display:flex;flex-direction:column}
.prod-detail-meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 22px;font:700 10px Roboto Mono,monospace;letter-spacing:.09em;color:#74916c}
.prod-detail-meta span:last-child{color:#8d9d91}
.prod-detail-body h3{font-size:clamp(28px,2.75vw,41px);line-height:1.14;margin:0 0 19px}
.prod-detail-text{color:#67736b;font-size:14px;line-height:1.9;margin:0}
.prod-detail-fact{display:flex;gap:14px;align-items:flex-start;background:#f1f5ea;border-radius:10px;padding:15px;margin:25px 0 20px}
.prod-detail-fact>span{color:#719934;font-size:18px}
.prod-detail-fact p{font-size:12px;line-height:1.7;color:#4d634e;margin:0}
.prod-detail-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #ecede8}
.prod-detail-controls button{border:1px solid #dbe0d6;border-radius:8px;background:#fff;font-size:11px;font-weight:800;padding:12px;white-space:nowrap;color:#325142}
.prod-detail-controls button:hover:not(:disabled){border-color:#6b8a65;background:#f6faf2}
.prod-detail-controls .prod-next{background:#244939;color:#fff;border-color:#244939}
.prod-detail-controls .prod-next:hover:not(:disabled){background:#18352a;color:#fff}
.prod-detail-controls button:disabled{opacity:.38;cursor:not-allowed}
.prod-progress{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:50px;color:#738573;font:700 10px Roboto Mono,monospace}
.prod-progress-track{width:64px;height:4px;border-radius:10px;background:#e3e8dd;overflow:hidden}
.prod-progress-track i{height:100%;display:block;background:#b6d340;transition:width .25s}
.prod-video-section{background:#203c2e;color:#fff;border-radius:18px;padding:50px;display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:56px;margin-bottom:90px}
.prod-video-section .prod-overline{color:#c1e879}
.prod-video-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.1;margin:0 0 22px}
.prod-video-copy h2 em{font-style:normal;color:#cbe778}
.prod-video-copy>p:not(.prod-overline){font-size:15px;line-height:1.85;color:#d1dbd3;max-width:450px}
.prod-video-point{margin-top:27px;border-top:1px solid rgba(255,255,255,.18);padding-top:19px;color:#d6e4d8;font-size:12px;font-weight:800}
.prod-video-point span{margin-right:8px;color:#a8e156}
.prod-video-frame{position:relative;min-width:0;border-radius:12px;overflow:hidden;background:#14271d;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.prod-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;max-height:470px}
.prod-video-label{position:absolute;top:13px;left:13px;padding:8px 12px;background:rgba(14,33,23,.7);border-radius:5px;color:#fff;font:700 10px Roboto Mono,monospace;pointer-events:none}
.prod-finish{background:#eaf0e3;border:1px solid #d9e4d0;border-radius:17px;padding:45px 50px;margin-bottom:85px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.prod-finish .prod-overline{margin-bottom:10px}
.prod-finish h2{font-size:clamp(31px,3.3vw,49px);line-height:1.15;margin:0 0 14px;max-width:690px}
.prod-finish h2 em{font-style:normal;color:#69845a}
.prod-finish p:not(.prod-overline){font-size:14px;color:#697a69;max-width:620px;line-height:1.8;margin:0}
.prod-finish-links{display:grid;gap:10px;min-width:225px}
.prod-finish-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:9px;padding:15px 18px;background:#fff;color:#254533;font-size:13px;font-weight:800;white-space:nowrap}
.prod-finish-links a:last-child{background:#244939;color:#fff}
.prod-finish-links a:hover{filter:brightness(.94)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
@media(max-width:1160px){
 .prod-story-grid{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:14px}
 .prod-detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .prod-detail-body{padding:27px 23px}
 .prod-detail-controls{flex-wrap:wrap}.prod-progress{order:-1;flex-basis:100%;flex-direction:row;justify-content:center}
 .prod-video-section{margin-left:20px;margin-right:20px}
 .prod-finish{margin-left:20px;margin-right:20px}
}
@media(max-width:850px){
 .production-page main{padding-top:0}
 .prod-intro{padding:64px 24px 46px}
 .prod-intro-aside{display:none}
 .prod-map-section,.prod-story-section{padding:0 20px 65px}
 .prod-section-top{display:block}.prod-section-top>p{margin:13px 0 0;max-width:640px}
 .prod-map{min-width:850px}
 .prod-swipe-hint{display:inline}
 .prod-map-footer>span:nth-child(2){display:none}
 .prod-quick-steps{gap:7px}
 .prod-quick-steps button{display:grid;justify-items:center;text-align:center;gap:6px;min-height:68px;padding:7px 3px}
 .prod-quick-steps button b{padding:4px 8px;font-size:12px}.prod-quick-steps button span{font-size:10px}
 .prod-story-grid{grid-template-columns:1fr}
 .prod-story-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
 .prod-story-index>button{display:flex;flex-direction:column;gap:5px;align-items:start;padding:10px;min-height:84px}
 .prod-story-index>button>span:nth-child(2){font-size:11px}.prod-story-index>button small{display:none}
 .prod-story-index>button .prod-index-arrow{display:none}
 .prod-side-note{display:none}
 .prod-detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:430px}
 .prod-detail-photo{min-height:430px}
 .prod-video-section{grid-template-columns:1fr;padding:32px;gap:22px;margin-bottom:65px}
 .prod-finish{padding:28px;align-items:stretch;flex-direction:column;margin-bottom:65px}
 .prod-finish-links{display:flex;flex-wrap:wrap}
}
@media(max-width:600px){
 .prod-intro{padding:80px 18px 34px}
 .prod-intro h1{font-size:clamp(42px,10vw,58px)}
 .prod-intro>div:first-child>p:not(.prod-eyebrow){font-size:14px;line-height:1.8}
 .prod-map-section,.prod-story-section{padding:0 13px 54px}
 .prod-section-top h2{font-size:30px}
 .prod-section-top>p{font-size:13px}
 .prod-map-scroll{border-radius:10px 10px 0 0}
 .prod-map{min-width:850px}
 .prod-map-footer{flex-wrap:wrap;padding:10px 14px;font-size:10px}
 .prod-quick-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .prod-quick-steps button{border-radius:8px;min-height:60px}.prod-quick-steps button span{font-size:9px}
 .prod-story-index{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .prod-story-index>button{padding:8px 5px;min-height:73px;border-radius:9px}
 .prod-story-index>button>span:first-child{font-size:12px}
 .prod-story-index>button>span:nth-child(2){font-size:10px;line-height:1.35}
 .prod-detail{display:flex;flex-direction:column}
 .prod-detail-photo{height:260px;min-height:260px}
 .prod-detail-large-number{font-size:54px}
 .prod-detail-body{padding:25px 18px}
 .prod-detail-body h3{font-size:29px}.prod-detail-text{font-size:13px}
 .prod-detail-fact{margin:19px 0}
 .prod-detail-controls{gap:7px}
 .prod-detail-controls button{font-size:10px;padding:12px 9px}
 .prod-video-section{margin-left:12px;margin-right:12px;padding:23px;gap:15px;border-radius:13px}
 .prod-video-copy h2{font-size:37px}.prod-video-copy>p:not(.prod-overline){font-size:13px}
 .prod-video-label{font-size:8px}
 .prod-finish{margin-left:12px;margin-right:12px;padding:24px;border-radius:12px}
 .prod-finish h2{font-size:33px}.prod-finish-links{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.production-page *, .production-page *:before,.production-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}