.webcam-page-hero{padding:54px 0 58px}
.webcam-page-hero p{max-width:760px}
.webcam-section{padding:48px 0 82px;background:#f7f9f8}
.webcam-layout{display:grid;grid-template-columns:160px minmax(0,640px) 160px;grid-template-areas:"top top top" "left camera right" "bottom bottom bottom";justify-content:center;align-items:start;gap:24px}
.webcam-area-top{grid-area:top}.webcam-area-left{grid-area:left}.webcam-camera{grid-area:camera}.webcam-area-right{grid-area:right}.webcam-area-bottom{grid-area:bottom}
.webcam-side-stack{display:flex;flex-direction:column;gap:24px}
.webcam-ad-banner{width:min(640px,100%);margin-inline:auto}.webcam-ad-tower{width:160px;max-width:100%}
.webcam-ad-frame{overflow:hidden;background:#fff;border:1px solid #d8dfdf;border-radius:12px;box-shadow:0 6px 19px #172b3709}
.webcam-ad-frame.is-empty{border:2px dashed #c4cfd2;background:repeating-linear-gradient(135deg,#fff,#fff 12px,#fafbfa 12px,#fafbfa 24px)}
.webcam-ad-banner .webcam-ad-frame{height:90px}.webcam-area-bottom .webcam-ad-frame{height:150px}.webcam-ad-tower .webcam-ad-frame{height:250px}
.webcam-ad-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;color:#596e79}
.webcam-ad-placeholder>span{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.1em;color:#a7540c}
.webcam-ad-placeholder strong{display:block;color:#172b37;font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:4px 0}
.webcam-ad-placeholder small{font-size:11px}.webcam-ad-tower .webcam-ad-placeholder{padding:14px}.webcam-ad-tower .webcam-ad-placeholder strong{font-size:18px}
.webcam-ad-widget,.webcam-ad-widget a{display:block;width:100%;height:100%}.webcam-ad-widget figure,.webcam-ad-widget p{margin:0}.webcam-ad-widget img{display:block;width:100%;height:100%;object-fit:contain}
.webcam-camera{align-self:start;background:#fff;border:1px solid #dfe5e5;border-radius:17px;overflow:hidden;box-shadow:0 12px 35px #172b3712}
.webcam-camera-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#172b37;color:#fff;padding:13px 16px;font-size:13px;line-height:1.3}
.webcam-camera-heading>div{display:flex;align-items:center;gap:8px}.webcam-camera-heading>span{color:#cad7db}.webcam-refresh-note{margin-left:auto;text-align:right}
.webcam-live-dot{width:8px;height:8px;border-radius:50%;background:#f49a38;box-shadow:0 0 0 4px #f49a3838}
.webcam-content .aligncenter{margin:0;text-align:center}.webcam-content img.image_autorefresh{display:block;width:100%!important;height:auto!important;max-width:640px;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.webcam-content p{margin:0;padding:13px 16px;text-align:center;color:#667780;font-size:13px!important;background:#fff}.webcam-content p:empty{display:none}
.webcam-ad-info{display:flex;justify-content:space-between;align-items:center;gap:35px;background:#fff;border:1px solid #e4e7e3;border-radius:21px;padding:34px 40px;margin:55px auto 0;max-width:1000px;box-shadow:0 8px 26px #172b3709}
.webcam-ad-info h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;line-height:1.2;margin:5px 0 9px}.webcam-ad-info p{color:#5b6b73;margin:0;max-width:650px}.webcam-ad-info .button{flex:none}
@media(max-width:1060px){.webcam-layout{grid-template-columns:140px minmax(0,640px) 140px}.webcam-ad-tower{width:140px}}
@media(max-width:850px){.webcam-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"top top" "camera camera" "left right" "bottom bottom";max-width:680px;margin:auto}.webcam-ad-tower{width:160px;margin:auto}.webcam-camera{max-width:640px;width:100%;margin:auto}.webcam-ad-info{max-width:680px}}
@media(max-width:650px){.webcam-page-hero{padding:44px 0 48px}.webcam-section{padding:34px 0 60px}.webcam-ad-banner .webcam-ad-frame{height:100px}.webcam-area-bottom .webcam-ad-frame{height:150px}.webcam-ad-tower{width:min(160px,100%)}.webcam-ad-tower .webcam-ad-frame{height:auto;aspect-ratio:160/250}.webcam-ad-tower .webcam-ad-placeholder strong{font-size:clamp(14px,4vw,18px)}.webcam-camera-heading{flex-wrap:wrap}.webcam-ad-info{display:block;margin-top:40px;padding:26px}.webcam-ad-info .button{margin-top:20px}}
