/* DRNET Studio additions to the reference site CSS: carousels (as in the Studio demo), form errors,
   blog post body, video, gallery and the 404 page. Loaded after site.css / site-light.css. */
.ferr{display:block;color:#C2272F;font-size:12.5px;font-weight:500}
.lead-form [aria-invalid="true"]{border-color:#E5323B!important;box-shadow:0 0 0 3px rgba(229,50,59,.12)}
.lead-form .privacy-note{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--mute)}
.lead-form .hp{position:absolute!important;top:0!important;inset-inline-start:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.cz{position:relative;direction:rtl;font-family:var(--f-body);overflow:hidden;border-radius:18px}
.cz.dark{background:#0A0D14;color:#DDE4F0}.cz.light{background:#fff;color:#34425A}
.cz .cz-vp{overflow:hidden;direction:rtl}
.cz .cz-track{display:flex;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cz .cz-sl{flex:none;padding:10px;min-width:0}
.cz .cz-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(128,140,170,.35);background:rgba(255,255,255,.9);color:#0E1A2E;display:grid;place-items:center;cursor:pointer;z-index:3;font-size:16px}
.cz .cz-nav.p{right:8px}.cz .cz-nav.n{left:8px}
.cz .cz-dots{display:flex;gap:6px;justify-content:center;padding:4px 0 12px}
.cz .cz-dots button{width:8px;height:8px;border-radius:999px;border:0;background:rgba(128,140,170,.45);cursor:pointer;padding:0;transition:width .3s,background .3s}
.cz .cz-dots button.on{width:22px;background:#006FFF}
.cz-logos{padding:18px 0;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.cz-logos .lt{display:flex;gap:12px;width:max-content;animation:czm var(--dur,40s) linear infinite}
.cz-logos.rev .lt{animation-direction:reverse}
.cz-logos.hp:hover .lt{animation-play-state:paused}
@keyframes czm{to{transform:translateX(-50%)}}
.cz-logo{height:58px;min-width:120px;padding:0 18px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font:600 14px var(--f-display);direction:rtl}
.cz.dark .cz-logo{background:#121724;border:1px solid #232A3A;color:#9AA4B8}.cz.light .cz-logo{background:#F4F7FB;border:1px solid #E3E8F0;color:#8C98AB}
.cz-logo img{max-height:34px;max-width:110px;object-fit:contain}
.cz-logos.gray .cz-logo img{filter:grayscale(1);opacity:.75}
.cz-q{border-radius:16px;padding:16px;display:grid;gap:8px;height:100%;min-width:0;align-content:start;margin:0}
.cz.dark .cz-q{background:#121724;border:1px solid #232A3A}.cz.light .cz-q{background:#fff;border:1px solid #E3E8F0}
.cz-q .st{color:#F5A524;letter-spacing:2px;font-size:13px}
.cz-q p{margin:0;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.cz.dark .cz-q p{color:#E3E8F2}.cz.light .cz-q p{color:#0E1A2E}
.cz-q small{font-size:12px;opacity:.75}
.cz-q .sv{font:500 10.5px var(--f-mono);color:#006FFF;background:rgba(0,111,255,.1);border-radius:6px;padding:2px 7px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:start}
.cz-ban{position:relative;height:var(--h,260px)}
.cz-ban .bs{position:absolute;inset:0;display:grid;align-content:center;gap:10px;padding:28px 34px;opacity:0;transition:opacity .8s,transform .8s;transform:scale(1.02);background-size:cover;background-position:center;pointer-events:none}
.cz-ban .bs.on{opacity:1;transform:none;pointer-events:auto}
.cz-ban.slide .bs{transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s;transform:translateX(-30px)}
.cz-ban.slide .bs.on{transform:none}
.cz-ban h3{font:800 26px var(--f-display);margin:0;color:#fff;text-wrap:balance;max-width:24ch}
.cz-ban p{margin:0;color:rgba(255,255,255,.85);max-width:44ch}
.cz-ban .bb{display:inline-block;background:#fff;color:#0E1A2E;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;width:max-content;text-decoration:none}
.bg-night{background:radial-gradient(500px 240px at 25% 60%,#1D3A73,transparent 70%),#0A0D14}
.bg-blue{background:linear-gradient(120deg,#0052CC,#006FFF 60%,#3FA0FF)}
.bg-lav{background:linear-gradient(120deg,#3B2E8F,#7C6CF2 60%,#B6A8FF)}
.bg-fiber{background:radial-gradient(400px 200px at 80% 30%,rgba(139,92,246,.55),transparent 70%),radial-gradient(400px 200px at 20% 70%,rgba(0,111,255,.55),transparent 70%),#070B18}
.cz-g{border-radius:14px;overflow:hidden;display:grid;margin:0}
.cz-g .im{aspect-ratio:4/3;background:linear-gradient(135deg,#1F2A44,#5A4BD0) center/cover no-repeat;display:grid;place-items:center;color:rgba(255,255,255,.6);font:600 11px var(--f-mono);overflow:hidden}
.cz-g .im img{width:100%;height:100%;object-fit:cover;display:block}
.cz-g .cp{padding:10px 12px;font-size:13px}
.cz.dark .cz-g{background:#121724;border:1px solid #232A3A}.cz.light .cz-g{background:#fff;border:1px solid #E3E8F0}
.cz-g .cp b{display:block;font-size:13.5px}
.cz.dark .cz-g .cp b{color:#fff}.cz.light .cz-g .cp b{color:#0E1A2E}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gal figure{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}
.gal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gal figcaption{padding:10px 12px;font-size:13.5px;color:var(--mute)}
.vid{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#000}
.vid video{display:block;width:100%;max-height:70vh}
.vid-link{display:flex;align-items:center;gap:12px;padding:22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);font-weight:600}
.rich{max-width:80ch}
.rich p,.rich ul,.rich ol{margin:0 0 14px}
.rich h2{font-size:clamp(22px,2.6vw,30px);margin:32px 0 12px}.rich h3{margin:24px 0 10px}
.rich a{color:var(--blue)}
.rich img{height:auto;border-radius:12px}
.post-meta{color:var(--mute);font-size:14px}
.nf{text-align:center;padding-block:96px}
.nf .code{font:800 clamp(64px,12vw,140px)/1 var(--f-display);color:var(--blue);margin:0}
.nf .ctas{justify-content:center}
.text-block{max-width:80ch}
.text-block p{margin:0 0 14px}

/* comparison / info tables inside content (service pages "Compare", guides, posts) */
.rich table:not(.spec){width:100%;border-collapse:separate;border-spacing:0;margin:18px 0 22px;font-size:15px;line-height:1.55;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(14,26,46,.04),0 8px 24px rgba(14,26,46,.05)}
.rich table:not(.spec) th,.rich table:not(.spec) td{padding:13px 16px;text-align:right;vertical-align:top;border-bottom:1px solid var(--line)}
.rich table:not(.spec) thead th{background:var(--ink);color:#fff;font-family:var(--f-display);font-weight:700;font-size:15px;border-bottom:0;white-space:nowrap}
.rich table:not(.spec) thead th+th{border-inline-start:1px solid rgba(255,255,255,.12)}
.rich table:not(.spec) tbody tr:nth-child(even) td{background:var(--mist)}
.rich table:not(.spec) tbody tr:last-child td{border-bottom:0}
.rich table:not(.spec) tbody td:first-child,.rich table:not(.spec) tbody th{font-weight:600;color:var(--ink);white-space:nowrap}
.rich table:not(.spec) td+td{border-inline-start:1px solid var(--line)}
.rich table:not(.spec) tbody tr:hover td{background:var(--blue-soft)}
.rich table:not(.spec) caption{caption-side:bottom;padding-top:8px;font-size:13px;color:var(--mute);text-align:right}
@media (max-width:720px){
  .rich table:not(.spec){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
  .rich table:not(.spec) th,.rich table:not(.spec) td{min-width:140px;padding:11px 12px}
  .rich table:not(.spec) tbody td:first-child,.rich table:not(.spec) tbody th{min-width:96px}
}
/* Footer with a 4th menu column ("אזורי שירות", data/seo-v2/cities.json): one row on wide screens */
@media (min-width:861px){.foot .cols:has(> div:nth-child(5)){grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:24px}}
/* Responsive images (Site\Img): <picture> does not add a box; width/height attributes never override the CSS ratio */
picture.rimg{display:contents}
.gal img,.pj-shot img{height:auto}