/* SECURIX unified service pages — same visual system as approved CCTV page. */
.sxsvc-solution{padding-bottom:26px}
.sxsvc-solution .sxsvc-wrap{max-width:1320px}
.sxsvc-solution .sxsvc-section{padding-top:24px}
.sxsvc-solution .sxsvc-heading{margin-bottom:14px}
.sxsvc-solution .sxsvc-hero{min-height:500px;border-radius:0}
.sxsvc-solution .sxsvc-hero-media{object-position:center right}
.sxsvc-solution .sxsvc-hero-copy{padding-top:44px;padding-bottom:48px}
.sxsvc-solution .sxsvc-hero h1{font-size:52px}
.sxsvc-solution .sxsvc-hero-copy>p{font-size:17px}
.sxsvc-solution .sxsvc-stats{margin-top:-26px}
.sxsvc-solution .sxsvc-estimate{margin-top:20px}
.sxsvc-solution .sxsvc-process.sxsvc-section{margin-top:24px}
.sxsvc-solution .sxsvc-object-grid{gap:10px}
.sxsvc-solution .sxsvc-object-card{min-height:112px}
.sxsvc-solution .sxsvc-object-card img{min-height:112px}
.sxsvc-solution .sxsvc-brand-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.sxsvc-solution .sxsvc-brand-card{display:grid;place-items:center;height:72px;padding:10px;border:1px solid var(--sx-line);border-radius:10px;background:#fff;overflow:hidden}
.sxsvc-solution .sxsvc-brand-card img{display:block;max-width:132px;max-height:43px;width:auto;height:auto;object-fit:contain}
.sxsvc-solution .sxsvc-included-grid{gap:9px}
.sxsvc-solution .sxsvc-included-grid article{min-height:105px;padding:14px 12px}
.sxsvc-solution .sxsvc-price-layout{gap:14px}
.sxsvc-solution .sxsvc-package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sxsvc-solution .sxsvc-package{grid-template-columns:minmax(0,1fr) 38%;grid-template-rows:auto 40px;min-height:272px;padding:16px 14px 12px;gap:8px}
.sxsvc-solution .sxsvc-package-copy h3{font-size:18px}
.sxsvc-solution .sxsvc-package-copy>p{min-height:31px}
.sxsvc-solution .sxsvc-package-visual{align-self:center}
.sxsvc-solution .sxsvc-package-visual img{width:100%;height:124px;object-fit:contain;background:transparent;padding:2px}
.sxsvc-solution .sxsvc-package-price-text strong{font-size:19px;line-height:1.15}
.sxsvc-solution .sxsvc-final-cta{margin-top:24px}
.sxsvc-solution .sxsvc-final-cta>img{object-fit:cover;object-position:right center;background:transparent;padding:0;opacity:.72}
.sxsvc-solution-backup_power .sxsvc-hero-media,
.sxsvc-solution-solar .sxsvc-hero-media{object-position:center right}
.sxsvc-solution-backup_power .sxsvc-hero-shade,
.sxsvc-solution-solar .sxsvc-hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 31%,rgba(255,255,255,.86) 47%,rgba(255,255,255,.16) 70%,rgba(255,255,255,0) 100%)}
@media(max-width:1100px){
 .sxsvc-solution .sxsvc-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sxsvc-solution .sxsvc-brand-row{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
 .sxsvc-solution .sxsvc-hero{min-height:590px;border-radius:16px}
 .sxsvc-solution .sxsvc-hero h1{font-size:41px}
 .sxsvc-solution .sxsvc-stats{margin-top:12px}
 .sxsvc-solution .sxsvc-brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 .sxsvc-solution .sxsvc-section{padding-top:19px}
 .sxsvc-solution .sxsvc-heading{margin-bottom:10px}
 .sxsvc-solution .sxsvc-hero{min-height:575px}
 .sxsvc-solution .sxsvc-hero h1{font-size:34px}
 .sxsvc-solution .sxsvc-hero-copy>p{font-size:13px}
 .sxsvc-solution .sxsvc-object-grid{gap:7px}
 .sxsvc-solution .sxsvc-brand-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sxsvc-solution .sxsvc-brand-card{height:58px;padding:7px}
 .sxsvc-solution .sxsvc-brand-card img{max-width:112px;max-height:34px}
 .sxsvc-solution .sxsvc-package-grid{grid-template-columns:1fr}
 .sxsvc-solution .sxsvc-package{min-height:220px}
 .sxsvc-solution .sxsvc-package-visual img{height:105px}
}


/* Desktop readability + clickable brand cards.
   Mobile typography is intentionally left unchanged. */
.sxsvc-solution .sxsvc-brand-card{
  text-decoration:none;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.sxsvc-solution .sxsvc-brand-card:hover{
  border-color:#efb14a;
  box-shadow:0 8px 20px rgba(30,36,43,.07);
  transform:translateY(-1px);
}
.sxsvc-solution .sxsvc-brand-card:focus-visible{
  outline:3px solid rgba(242,138,0,.22);
  outline-offset:2px;
}

@media(min-width:901px){
  /* The light secondary copy was too small on desktop displays. */
  .sxsvc-solution .sxsvc-stats article div>span{font-size:12px;line-height:1.3}
  .sxsvc-solution .sxsvc-estimate-copy p{font-size:15px;line-height:1.45}
  .sxsvc-solution .sxsvc-estimate-action small{font-size:12px}

  .sxsvc-solution .sxsvc-object-card strong{font-size:15px}
  .sxsvc-solution .sxsvc-object-card span{font-size:12.5px;line-height:1.42}

  .sxsvc-solution .sxsvc-process-grid strong{font-size:14px}
  .sxsvc-solution .sxsvc-process-grid p{font-size:11.5px;line-height:1.45}

  .sxsvc-solution .sxsvc-included-grid strong{font-size:13px;line-height:1.3}
  .sxsvc-solution .sxsvc-included-grid p{font-size:11.5px;line-height:1.45}

  .sxsvc-solution .sxsvc-price-name span{font-size:13px;line-height:1.35}
  .sxsvc-solution .sxsvc-price-table footer{font-size:12.5px}
  .sxsvc-solution .sxsvc-calc-card p{font-size:14px;line-height:1.48}

  .sxsvc-solution .sxsvc-package-copy>p{font-size:12px;line-height:1.4}
  .sxsvc-solution .sxsvc-package-price small{font-size:11px}
  .sxsvc-solution .sxsvc-package ul{font-size:11.5px;line-height:1.4}
  .sxsvc-solution .sxsvc-package-more{font-size:12px}

  .sxsvc-solution .sxsvc-final-cta p{font-size:13px;line-height:1.45}
  .sxsvc-solution .sxsvc-faq summary{font-size:13px}
  .sxsvc-solution .sxsvc-faq details p{font-size:12.5px;line-height:1.55}
}
