﻿.cctv-page .cctv-hero{background:radial-gradient(ellipse at 78% 45%,#4a347b 0%,transparent 39%),linear-gradient(115deg,#1f1738,#3d2867)}.cctv-page .dstv-hero .eyebrow,.cctv-page .cctv-booking .eyebrow{color:#f2aed7}.cctv-page .dstv-intro-heading .eyebrow,.cctv-page .dstv-gallery-heading .eyebrow{color:#7436c8}.cctv-hero-visual{height:330px;position:relative;display:grid;place-items:center;overflow:hidden}.cctv-signal{position:absolute;left:50%;top:42%;width:255px;height:160px;border:1px solid #ffffff28;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg)}.signal-two{width:325px;height:220px;border-style:dashed;opacity:.7}.cctv-camera{position:relative;z-index:1;width:190px;height:105px;border-radius:20px 45px 45px 20px;background:linear-gradient(145deg,#fff,#d9d1e7);box-shadow:0 25px 55px #10092370;transform:rotate(-10deg)}.cctv-camera:before{content:"";position:absolute;left:-40px;top:20px;width:62px;height:65px;border-radius:12px 0 0 12px;background:linear-gradient(130deg,#e8e2f0,#bcb0ce)}.cctv-camera:after{content:"";position:absolute;right:-26px;top:23px;width:40px;height:58px;border:8px solid #47375d;border-radius:50%;background:radial-gradient(circle at 40% 40%,#bb9eff 0 9%,#24183a 38%,#111 70%);box-shadow:0 0 20px #a56bff77}.camera-lens{position:absolute;z-index:2;left:36px;top:43px;width:14px;height:14px;border-radius:50%;background:#7436c8;box-shadow:0 0 14px #7436c8}.camera-mount{position:absolute;left:64px;bottom:-47px;width:18px;height:57px;border-radius:5px;background:#a89bb8;transform:rotate(10deg)}.cctv-visual-label{position:absolute;bottom:18px;display:flex;flex-direction:column;align-items:center}.cctv-visual-label b{font:800 19px Manrope,sans-serif}.cctv-visual-label small{font-size:8px;letter-spacing:.18em;color:#d7c9e5}.cctv-page .dstv-gallery-thumbs{grid-template-columns:repeat(8,minmax(0,1fr))}.cctv-page .dstv-gallery-main{background:#e7e8ec}.cctv-page .dstv-gallery-main:after{display:none}.cctv-page .dstv-gallery-main>img{object-fit:contain;object-position:center;background:#e7e8ec}.cctv-page .gallery-caption{left:16px;bottom:16px;padding:11px 14px;border-radius:10px;background:#1b2538dc;backdrop-filter:blur(5px)}.cctv-page .cctv-booking{background:linear-gradient(115deg,#1f1738,#3d2867)}
@media(max-width:760px){.cctv-hero-visual{height:260px}.cctv-page .cctv-camera{transform:scale(.85) rotate(-10deg)}.cctv-page .dstv-gallery-thumbs{grid-template-columns:repeat(8,minmax(58px,1fr))}}

.cctv-hero-visual .cctv-camera{display:none}.cctv-camera-svg{position:relative;z-index:1;width:min(82%,355px);height:auto;filter:drop-shadow(0 24px 34px #10092355)}.cctv-orbit-track{position:absolute;left:50%;top:44%;display:block;border:1px solid #ffffff32;border-radius:50%;transform:translate(-50%,-50%);animation:cctv-orbit-spin 16s linear infinite}.cctv-orbit-track i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 16px currentColor}.cctv-orbit-orange{width:250px;height:250px;color:#ff9638;animation-duration:8s}.cctv-orbit-violet{width:305px;height:305px;color:#a56bff;animation-duration:12s;animation-direction:reverse}.cctv-orbit-purple{width:360px;height:360px;color:#7436c8;animation-duration:17s}.cctv-orbit-orange i{background:#ff9638}.cctv-orbit-violet i{background:#a56bff}.cctv-orbit-purple i{background:#7436c8}@keyframes cctv-orbit-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:760px){.cctv-camera-svg{width:min(78%,310px)}.cctv-orbit-orange{width:205px;height:205px}.cctv-orbit-violet{width:250px;height:250px}.cctv-orbit-purple{width:290px;height:290px}}@media(prefers-reduced-motion:reduce){.cctv-orbit-track{animation:none}.cctv-orbit-orange i{left:90%;top:50%}.cctv-orbit-violet i{left:10%;top:50%}.cctv-orbit-purple i{left:50%;top:0}}

.cctv-hero-visual .cctv-camera{display:block}



@media(max-width:560px){.dstv-page .gallery-caption{left:9px;bottom:9px;max-width:76%;padding:6px 8px;border-radius:7px}.dstv-page .gallery-caption span{font-size:6px;letter-spacing:.08em}.dstv-page .gallery-caption p{font-size:10px;line-height:1.3;margin-top:2px}}
