#b24-video-kits *{box-sizing:border-box}
#b24-video-kits{margin:0;background:#fff;color:#18364c;font:16px/1.65 Arial,Helvetica,sans-serif}
#b24-video-kits a{color:#007caf;text-underline-offset:3px}
#b24-video-kits button{font:inherit;cursor:pointer}
#b24-video-kits img{max-width:100%}
#b24-video-kits [hidden]{display:none!important}
#b24-video-kits .vk-wrap{width:min(1280px,calc(100% - 80px));margin:auto}
#b24-video-kits .vk-preview{padding:9px 20px;text-align:center;background:#eaf5fa;border-bottom:1px solid #cce4ef;color:#315a70;font-size:13px}
#b24-video-kits .vk-preview a{margin:0 8px}
#b24-video-kits .vk-title{background:#f5f8fa;border-block:1px solid #e5edf1;padding:25px 0 27px}
#b24-video-kits .vk-title a{font-size:13px;text-decoration:none}
#b24-video-kits .vk-title h1{margin:7px 0 0;font-size:30px;line-height:1.3;font-weight:500}
#b24-video-kits .vk-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:34px;padding-top:36px;padding-bottom:65px}
#b24-video-kits .vk-side{align-self:start;border:1px solid #d9e5ec;border-radius:10px;overflow:hidden;font-size:14px;line-height:1.5}
#b24-video-kits .vk-side>strong,#b24-video-kits .vk-side-bottom>strong{display:block;background:#f2f8fb;padding:17px}
#b24-video-kits .vk-side a{display:block;padding:13px 17px;border-top:1px solid #e4edf3;text-decoration:none;color:#284b63}
#b24-video-kits .vk-side a.active{background:#007caf;color:white;font-weight:700}
#b24-video-kits .vk-side-bottom{margin-top:12px}
#b24-video-kits .vk-side-bottom a{font-size:13px}
#b24-video-kits{min-width:0}
#b24-video-kits h2{font-size:27px;line-height:1.28;margin:12px 0 16px;letter-spacing:-.35px}
#b24-video-kits h3{font-size:20px;line-height:1.35;margin:10px 0}
#b24-video-kits p{margin:10px 0 18px;color:#536c7d}
#b24-video-kits section{margin-top:42px}
#b24-video-kits .vk-lead{font-size:17px;line-height:1.7}
#b24-video-kits .vk-kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#007caf;display:block}
#b24-video-kits .vk-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px;align-items:center;padding-bottom:30px;border-bottom:1px solid #dfe8ef}
#b24-video-kits .vk-product-scene{margin:0;min-width:0;padding:12px 0;text-align:center}
#b24-video-kits .vk-scene-cameras{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;align-items:center;max-width:310px;margin:0 auto 16px}
#b24-video-kits .vk-scene-cameras img{height:100px;width:100%;object-fit:contain}
#b24-video-kits .vk-product-scene .vk-nvr{width:92%;height:110px;object-fit:contain}
#b24-video-kits .vk-product-scene figcaption{font-size:13px;color:#4b687b;line-height:1.5;margin-top:14px}
#b24-video-kits .vk-product-scene figcaption small{display:block;color:#7c8c97;font-size:11px;margin-top:3px}
#b24-video-kits .vk-intercom-scene{display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:22px;align-items:center}
#b24-video-kits .vk-intercom-scene .vk-monitor{width:100%;max-height:280px;object-fit:contain}
#b24-video-kits .vk-intercom-scene .vk-panel{height:220px;width:100%;object-fit:contain}
#b24-video-kits .vk-intercom-scene figcaption{grid-column:1/-1}
#b24-video-kits .vk-label{font-size:13px!important;font-weight:700;color:#193e57!important;margin:15px 0 7px!important}
#b24-video-kits .vk-options{display:flex;gap:7px;flex-wrap:wrap}
#b24-video-kits .vk-options a{font-size:12px;text-decoration:none;border:1px solid #c5dbe7;border-radius:5px;padding:8px 10px;line-height:1.3;background:#fff;color:#34596f}
#b24-video-kits .vk-options a[aria-current=true]{color:#fff;background:#007caf;border-color:#007caf}
#b24-video-kits .vk-options a:hover{border-color:#007caf}
#b24-video-kits .vk-facts{padding:0;margin:18px 0;display:flex;gap:7px;flex-wrap:wrap;list-style:none}
#b24-video-kits .vk-facts li{font-size:12px;color:#3e657b;line-height:1.4;background:#f0f7fa;border:1px solid #dbeaf1;border-radius:5px;padding:6px 9px}
#b24-video-kits .vk-cost{display:block;font-size:19px;margin:18px 0 14px}
#b24-video-kits .vk-button{border:0;border-radius:5px;background:#007caf;color:#fff;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:700;padding:12px 20px;font-size:14px;line-height:1.4}
#b24-video-kits .vk-button:hover{background:#006a96;color:#fff}
#b24-video-kits .vk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#b24-video-kits .vk-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#b24-video-kits .vk-tile{border:1px solid #d9e5ed;border-radius:9px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
#b24-video-kits .vk-tile>div{padding:18px;display:flex;flex:1;flex-direction:column}
#b24-video-kits .vk-tile .vk-facts{margin-top:auto}
#b24-video-kits .vk-tile p{font-size:14px}
#b24-video-kits .vk-tile-image{padding:24px 20px 8px;display:flex;align-items:center;justify-content:center;gap:12px;height:190px}
#b24-video-kits .vk-tile-image img:first-child{width:53%;height:145px;object-fit:contain}
#b24-video-kits .vk-tile-image img:last-child{width:40%;height:85px;object-fit:contain}
#b24-video-kits .vk-tile-image.intercom img:first-child{width:69%;height:140px}
#b24-video-kits .vk-tile-image.intercom img:last-child{width:24%;height:140px}
#b24-video-kits .vk-more{font-size:14px;font-weight:700;text-decoration:none;padding-top:8px}
#b24-video-kits .vk-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#b24-video-kits .vk-part{border:1px solid #dce6ed;border-radius:8px;display:flex;align-items:center;gap:18px;padding:18px;text-decoration:none;min-width:0}
#b24-video-kits .vk-part img{width:96px;height:98px;object-fit:contain;flex-shrink:0}
#b24-video-kits .vk-part div{min-width:0}
#b24-video-kits .vk-part strong{display:block;font-size:15px;overflow-wrap:anywhere;color:#183f58;line-height:1.4}
#b24-video-kits .vk-part small{font-size:12px;color:#6f8392}
#b24-video-kits .vk-part span{display:block;font-size:12px;color:#6b8190;margin-top:7px}
#b24-video-kits .vk-part b{display:block;font-size:12px;margin-top:6px;color:#007caf}
#b24-video-kits .vk-specs{margin:20px 0 0}
#b24-video-kits .vk-specs>div{display:grid;grid-template-columns:30% minmax(0,1fr);padding:15px 0;border-bottom:1px solid #e4edf2;gap:24px}
#b24-video-kits .vk-specs dt{font-weight:700;font-size:14px}
#b24-video-kits .vk-specs dd{margin:0;color:#5b7283;font-size:14px}
#b24-video-kits .vk-two{display:grid;grid-template-columns:1fr 1fr;gap:32px}
#b24-video-kits .vk-two>div{border-top:3px solid #68b1d1;padding-top:10px}
#b24-video-kits .vk-callout{padding:26px;background:#f0f8fc;border:1px solid #d4e7f0;border-radius:9px;display:flex;align-items:center;gap:24px}
#b24-video-kits .vk-callout>div{flex:1}
#b24-video-kits .vk-callout .vk-button{flex-shrink:0;max-width:200px}
#b24-video-kits .vk-callout h2{font-size:24px!important}
#b24-video-kits details{border-bottom:1px solid #dde8ef;padding:15px 0}
#b24-video-kits summary{cursor:pointer;font-weight:700;font-size:15px}
#b24-video-kits details p{font-size:14px}
#b24-video-kits .vk-table{overflow:auto;border:1px solid #dce8ef;border-radius:8px}
#b24-video-kits .vk-table table{width:100%;border-collapse:collapse;font-size:13px}
#b24-video-kits .vk-table th{text-align:left;background:#f0f6fa}
#b24-video-kits .vk-table th,#b24-video-kits .vk-table td{padding:13px;border-bottom:1px solid #e3edf3;vertical-align:top}
#b24-video-kits .vk-table td small{display:block;color:#758691;min-width:190px}
#b24-video-kits .vk-table a{overflow-wrap:anywhere}
#b24-video-kits .vk-equipment-image{padding:25px}
#b24-video-kits .vk-equipment-image img{height:310px;width:100%;object-fit:contain}
#b24-video-kits .vk-note{background:#fff9e9;border:1px solid #f0dfb2;padding:17px;border-radius:6px;font-size:14px}
#b24-video-kits .vk-ref{font-size:12px;color:#698092}
@media(max-width:1150px){#b24-video-kits .vk-layout{grid-template-columns:205px minmax(0,1fr);gap:25px}
#b24-video-kits .vk-grid{gap:12px}
#b24-video-kits .vk-tile>div{padding:14px}
#b24-video-kits .vk-tile h3{font-size:18px!important}
#b24-video-kits .vk-hero{gap:22px}
#b24-video-kits .vk-part{flex-direction:column;align-items:flex-start}
#b24-video-kits .vk-callout{display:block}
#b24-video-kits .vk-callout .vk-button{margin-top:8px}}
@media(max-width:900px){#b24-video-kits .vk-layout{display:block}
#b24-video-kits .vk-side{display:none}
#b24-video-kits .vk-wrap{width:calc(100% - 40px)}
#b24-video-kits .vk-title h1{font-size:27px}
#b24-video-kits .vk-grid{gap:15px}}
@media(max-width:620px){#b24-video-kits{font-size:15px}
#b24-video-kits .vk-preview{font-size:11px}
#b24-video-kits .vk-wrap{width:calc(100% - 32px)}
#b24-video-kits .vk-layout{padding-top:24px}
#b24-video-kits .vk-hero{grid-template-columns:1fr;gap:20px}
#b24-video-kits .vk-product-scene{max-width:350px;margin:auto}
#b24-video-kits .vk-grid,#b24-video-kits .vk-grid.two,#b24-video-kits .vk-parts,#b24-video-kits .vk-two{grid-template-columns:1fr}
#b24-video-kits .vk-tile-image{height:190px}
#b24-video-kits .vk-part{flex-direction:row}
#b24-video-kits .vk-part img{width:84px;height:80px}
#b24-video-kits .vk-specs>div{grid-template-columns:1fr;gap:5px}
#b24-video-kits .vk-title h1{font-size:25px}
#b24-video-kits h2{font-size:24px}
#b24-video-kits section{margin-top:30px}
#b24-video-kits .vk-callout{padding:20px}
#b24-video-kits .vk-intercom-scene .vk-panel{height:190px}
#b24-video-kits .vk-table{font-size:12px}}
#b24-video-kits .vk-product-scene .vk-scene-cameras.eight{grid-template-columns:repeat(4,1fr);max-width:340px}
#b24-video-kits .vk-product-scene .vk-scene-cameras.eight img{height:83px}
#b24-video-kits .vk-intercom-scene img.vk-photo-ippanelnew{object-fit:cover;height:auto;aspect-ratio:1/2.98}
#b24-video-kits .vk-intercom-scene img.vk-photo-ilexa{object-fit:cover;height:auto;aspect-ratio:1/3.27}
#b24-video-kits .vk-tile-image.intercom img.vk-photo-ippanelnew,#b24-video-kits .vk-tile-image.intercom img.vk-photo-ilexa{object-fit:cover}
#b24-video-kits .vk-scene-hdd{display:flex;justify-content:center;gap:12px;margin-top:12px}
#b24-video-kits .vk-scene-hdd img{width:66px;height:82px;object-fit:contain}
#b24-video-kits .vk-storage{padding:26px;border:1px solid #cfe4ef;border-radius:10px;background:#f5fafc}
#b24-video-kits .vk-calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:24px 0}
#b24-video-kits .vk-calc-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#23445b}
#b24-video-kits .vk-calc-fields input,#b24-video-kits .vk-calc-fields select{width:100%;min-width:0;border:1px solid #abc9dc;border-radius:5px;padding:11px 9px;background:white;color:#18364c;font:15px Arial;min-height:44px}
#b24-video-kits .vk-calc-fields input:focus,#b24-video-kits .vk-calc-fields select:focus{outline:2px solid #007caf;outline-offset:2px}
#b24-video-kits .vk-calc-result{background:white;border-left:4px solid #007caf;padding:18px 20px}
#b24-video-kits .vk-calc-result strong{display:block;font-size:23px;line-height:1.35}
#b24-video-kits .vk-calc-result span{display:block;color:#577286;font-size:14px;margin-top:7px}
#b24-video-kits .vk-calc-result p{font-size:14px;margin:10px 0 0!important}
#b24-video-kits .vk-calc-result [data-compat]:not(:empty){color:#754b16!important;border-top:1px solid #ece0cd;padding-top:10px}
#b24-video-kits .vk-storage-family{display:flex;align-items:center;gap:32px;border:1px solid #d9e6ee;border-radius:9px;padding:25px;text-decoration:none}
#b24-video-kits .vk-storage-family img{width:170px;max-height:220px;object-fit:contain}
#b24-video-kits .vk-storage-family h2{color:#18364c}
#b24-video-kits .vk-equipment-image img[class*=vk-photo-wd]{max-height:290px}
@media(max-width:620px){#b24-video-kits .vk-storage{padding:18px}
#b24-video-kits .vk-calc-fields{grid-template-columns:1fr}
#b24-video-kits .vk-calc-result strong{font-size:21px}
#b24-video-kits .vk-storage-family{flex-direction:column;gap:12px}
#b24-video-kits .vk-scene-hdd img{height:65px;width:53px}}
#b24-video-kits{min-width:0;width:100%;margin:0;}






/* ADMIN_UI */
#b24-video-kits .vk-admin-price{background:#fff9e9;border:1px solid #e3d7b9;border-radius:6px;padding:12px 16px;margin:0 0 22px;font-size:13px}#b24-video-kits .vk-admin-price>div{display:flex;flex-wrap:wrap;gap:14px;align-items:center}#b24-video-kits .vk-admin-price button{padding:6px 10px;background:white;border:1px solid #b6cbd8;border-radius:4px}#b24-video-kits .vk-admin-price p{margin:5px 0 0;font-size:12px}
