/* Веб-камеры (/kamery/): big screen + strip (variant B) */
#tema-portal .tcam-main{padding-bottom:64px}
#tema-portal .tcam-main *{box-sizing:border-box}
#tema-portal .tcam-main [hidden]{display:none!important}
#tema-portal .tcam-head{margin:20px 0 22px}
#tema-portal .tcam-head h1{margin:0 0 10px!important;font-size:50px!important;line-height:1.04!important;letter-spacing:-.04em!important;color:#252821!important}
#tema-portal .tcam-head h1 span{color:#e87b17!important}
#tema-portal .tcam-head p{margin:0!important;max-width:36em;font-size:18px!important;line-height:1.45!important;color:#3c3e37!important}

#tema-portal .tcam-col{min-width:0;width:100%}
#tema-portal .tcam-screen{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#1d1f1b}
#tema-portal .tcam-img{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* Their embed page has 13px of margin around the 16:9 video: make the iframe bigger and let .tcam-screen crop the margin and the cookie bar under the video. */
#tema-portal .tcam-screen iframe{position:absolute;left:-13px;top:-13px;width:calc(100% + 26px)!important;max-width:none!important;height:calc(100% + 80px)!important;max-height:none!important;border:0;display:block;opacity:0;transition:opacity .3s}
#tema-portal .tcam-screen.is-playing iframe{opacity:1}
#tema-portal .tcam-screen.is-playing .tcam-img{visibility:hidden}
#tema-portal .tcam-img{object-fit:cover;transition:opacity .25s}
#tema-portal .tcam-img[src=""]{opacity:0}
#tema-portal .tcam-badge{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:7px;padding:5px 10px 5px 9px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;letter-spacing:.06em;pointer-events:none}
#tema-portal .tcam-badge i{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 3px rgba(255,59,48,.28)}
#tema-portal .tcam-screen[data-kind=photo] .tcam-badge i{background:#9fd27b;box-shadow:none}
#tema-portal .tcam-screen.is-playing .tcam-badge{display:none}
#tema-portal .tcam-play{all:unset;position:absolute;inset:0;z-index:1;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}
#tema-portal .tcam-play span{display:flex;align-items:center;gap:10px;padding:14px 22px 14px 16px;border-radius:999px;background:#e87b17;color:#fff;font:700 16px/1 "Fira Sans",Arial,sans-serif;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .15s,filter .15s}
#tema-portal .tcam-play span:before{content:"";width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:6px}
#tema-portal .tcam-screen.is-loading .tcam-play{cursor:progress}
#tema-portal .tcam-screen.is-loading .tcam-play span:before{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;margin:0;animation:tcam-spin .8s linear infinite}
@keyframes tcam-spin{to{transform:rotate(360deg)}}
#tema-portal .tcam-play:focus-visible span{outline:3px solid #fff;outline-offset:3px}
#tema-portal .tcam-play:active span{transform:scale(.97)}
@media (hover:hover){#tema-portal .tcam-play:hover span{filter:brightness(1.1)}}
#tema-portal .tcam-screen[data-kind=photo] .tcam-play,#tema-portal .tcam-screen.is-playing .tcam-play{display:none}

#tema-portal .tcam-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:14px 0 16px}
#tema-portal .tcam-ttl h2{margin:0 0 4px!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#252821!important}
#tema-portal .tcam-ttl p{margin:0!important;font-size:15px!important;line-height:1.4!important;color:#5d5f57!important}
#tema-portal .tcam-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex:none}
#tema-portal .tcam-chip{display:inline-block;padding:6px 12px;border-radius:999px;background:#f1ece3;color:#5a4a35!important;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none!important}
#tema-portal .tcam-road{background:#e6efe3;color:#2f5a35!important}
#tema-portal .tcam-road.is-cold{background:#e3ecf6;color:#244a78!important}

#tema-portal .tcam-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#tema-portal .tcam-it{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:6px 6px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #dedfd7;transition:box-shadow .15s;-webkit-tap-highlight-color:transparent}
#tema-portal .tcam-it.is-on{box-shadow:inset 0 0 0 2px #e87b17}
#tema-portal .tcam-it:focus-visible{outline:2px solid #e87b17;outline-offset:2px}
@media (hover:hover){#tema-portal .tcam-it:not(.is-on):hover{box-shadow:inset 0 0 0 1px #b9b6aa}}
#tema-portal .tcam-th{position:relative;display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#e7e4dc;margin-bottom:8px}
#tema-portal .tcam-th img{width:100%;height:100%;object-fit:cover;display:block}
#tema-portal .tcam-dot{position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px rgba(0,0,0,.35)}
#tema-portal .tcam-it b{display:block;padding:0 4px;font-size:14px;line-height:1.25;color:#252821}
#tema-portal .tcam-it small{display:block;padding:2px 4px 0;font-size:12px;color:#76786f}

#tema-portal .tcam-src{margin:22px 0 0!important;font-size:13px!important;line-height:1.55!important;color:#76786f!important}
#tema-portal .tcam-src a{color:#3c3e37!important;text-decoration:underline!important;text-underline-offset:2px}
#tema-portal .tcam-src-live{display:block}

#tema-portal .tcam-h2{margin:40px 0 14px!important;font-size:28px!important;line-height:1.1!important;letter-spacing:-.03em!important;color:#252821!important}
#tema-portal .tcam-h2 span{color:#e87b17!important}
#tema-portal .tcam-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
#tema-portal .tcam-about .tcam-h2{grid-column:1/-1;margin-bottom:2px!important}
#tema-portal .tcam-ab h3{margin:0 0 4px!important;font-size:17px!important;line-height:1.3!important}
#tema-portal .tcam-ab h3 a{color:#252821!important;text-decoration:none!important}
#tema-portal .tcam-ab p{margin:0!important;font-size:15px!important;line-height:1.5!important;color:#4a4c45!important}
#tema-portal .tcam-faq details{border-top:1px solid #dedfd7;padding:14px 0}
#tema-portal .tcam-faq details:last-child{border-bottom:1px solid #dedfd7}
#tema-portal .tcam-faq summary{cursor:pointer;font-weight:700;font-size:16px;color:#252821;list-style:none;display:flex;justify-content:space-between;gap:12px}
#tema-portal .tcam-faq summary::-webkit-details-marker{display:none}
#tema-portal .tcam-faq summary:after{content:"+";color:#e87b17;font-size:22px;line-height:1}
#tema-portal .tcam-faq details[open] summary:after{content:"−"}
#tema-portal .tcam-faq p{margin:8px 0 0!important;font-size:15px!important;line-height:1.55!important;color:#4a4c45!important;max-width:44em}
#tema-portal .tcam-news{margin-top:40px}
#tema-portal .tcam-more{margin:28px 0 0!important;font-size:15px!important;color:#4a4c45!important}
#tema-portal .tcam-more a{color:#252821!important;text-decoration:underline!important;text-underline-offset:2px}
@media (max-width:680px){
  #tema-portal .tcam-about{grid-template-columns:1fr}
  #tema-portal .tcam-h2{font-size:24px!important;margin-top:32px!important}
  #tema-portal .tcam-head{margin:14px 0 16px}
  #tema-portal .tcam-head h1{font-size:34px!important}
  #tema-portal .tcam-head p{font-size:16px!important}
  #tema-portal .tcam-screen{border-radius:14px;margin:0 -4px}
  #tema-portal .tcam-play span{padding:12px 18px 12px 13px;font-size:15px}
  #tema-portal .tcam-info{flex-direction:column;gap:10px;margin:12px 0 14px}
  #tema-portal .tcam-chips{justify-content:flex-start}
  #tema-portal .tcam-ttl h2{font-size:19px!important}
  #tema-portal .tcam-strip{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin:0 -18px;padding:0 18px 4px;scroll-padding:0 18px;scroll-snap-type:x mandatory}
  #tema-portal .tcam-strip::-webkit-scrollbar{display:none}
  #tema-portal .tcam-it{flex:0 0 42%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){#tema-portal .tcam-img,#tema-portal .tcam-play span,#tema-portal .tcam-screen iframe{transition:none}}