/*
 * Reference Precision & Responsive Polish — v2.1.0
 * Loaded last so the editable Elementor-native layouts visually track the
 * supplied references without hard-coding page content into one HTML widget.
 */

:root{
  --cs-reference-width:1360px;
  --cs-reference-narrow:1180px;
  --cs-reference-shadow:0 3px 14px rgba(7,17,32,.045);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:#fff;color:var(--cs-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.elementor-page .site-main,.elementor-page main{max-width:none!important}
.elementor-page .elementor-widget-image img{max-width:100%}
.cs-el-home-section,.cs-el-services-section{width:100%}
.cs-el-home-section:not(.cs-el-home-hero)>.e-con-inner,.cs-el-services-section:not(.cs-el-services-hero)>.e-con-inner{max-width:var(--cs-reference-width);margin-inline:auto}
.cs-el-about-section>.e-con-inner,.cs-el-contact-section>.e-con-inner{max-width:var(--cs-reference-narrow);margin-inline:auto}

/* HOME — proportions, typography and whitespace from the supplied storefront. */
.cs-el-home-benefits{border-bottom:1px solid #edf0f4;background:#f8fafc!important}
.cs-el-home-benefits .cs-media-card{min-height:68px;padding:8px 22px}
.cs-el-home-benefits .cs-media-card__icon{width:46px;height:46px}
.cs-el-home-benefits .cs-media-card__title{font-size:13px}
.cs-el-home-benefits .cs-media-card__description{font-size:10.5px;line-height:1.35}
.cs-el-home-products .cs-section-heading h2{font-size:24px;letter-spacing:-.35px}
.cs-el-home-products .cs-section-heading p{font-size:13px}
.cs-el-home-products .cs-view-all{font-size:12px}
.cs-el-home-brands{border-block:1px solid #edf0f4;background:#f7f9fc!important}
.cs-logo-strip__heading{font-size:15px}
.cs-logo-strip__row{border:0;background:transparent}
.cs-logo-strip__item{min-height:42px;border-right:1px solid #dfe4ea;color:#536078;font-size:16px}
.cs-el-home-sale .repi-responsive-image{box-shadow:var(--cs-reference-shadow)}
.cs-el-home-categories .cs-section-heading--simple h2,.cs-el-home-why .cs-section-heading--simple h2,.cs-el-home-reviews .cs-section-heading--simple h2{font-size:21px;letter-spacing:-.2px}
.cs-el-home-categories .cs-section-heading--simple p,.cs-el-home-why .cs-section-heading--simple p,.cs-el-home-reviews .cs-section-heading--simple p{font-size:12px}
.cs-el-home-categories .cs-media-section--category .cs-media-card{min-height:112px;padding:10px;gap:11px}
.cs-el-home-categories .cs-media-section--category .cs-media-card__visual{width:82px}
.cs-el-home-categories .cs-media-section--category .cs-media-card__visual img{width:82px;height:90px}
.cs-el-home-categories .cs-media-card__title{font-size:13px}
.cs-el-home-categories .cs-media-card__description{font-size:10.5px;line-height:1.35}
.cs-el-home-categories .cs-media-card__link{font-size:11px}
.cs-el-home-why{border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5}
.cs-el-home-why .cs-media-section--feature .cs-media-card{min-height:112px;padding:10px 12px}
.cs-el-home-why .cs-media-section--feature .cs-media-card__icon{width:52px;height:52px}
.cs-el-home-why .cs-media-section--feature .cs-media-card__title{font-size:12px}
.cs-el-home-why .cs-media-section--feature .cs-media-card__description{font-size:10.5px;line-height:1.35}
.cs-testimonial-card{min-height:100px;padding:12px 15px}
.cs-testimonial-card__avatar{width:60px;min-width:60px;height:60px}
.cs-testimonial-card__stars{font-size:14px}
.cs-testimonial-card p{font-size:11px;line-height:1.4}
.cs-testimonial-card__person,.cs-testimonial-card__person strong{font-size:11px}

/* ABOUT — cleaner split hero, compact stat row and dark trust artwork. */
.cs-el-about-hero{border-top-width:4px}
.cs-about-hero__row{min-height:405px}
.cs-about-hero__content{padding:42px 32px 28px 30px!important}
.cs-about-eyebrow .elementor-heading-title{font-size:12px;letter-spacing:1px}
.cs-about-title .elementor-heading-title{font-size:48px;line-height:.98;letter-spacing:-1.7px}
.cs-about-copy{max-width:700px;margin-top:14px}
.cs-about-copy p{font-size:13.5px;line-height:1.5}
.cs-about-agent-image img{min-height:405px}
.cs-about-hero__content .cs-media-section{margin-top:22px}
.cs-about-hero__content .cs-media-section--feature .cs-media-card{min-height:82px;padding:10px 8px}
.cs-about-hero__content .cs-media-section--feature .cs-media-card__title{font-size:15px}
.cs-about-hero__content .cs-media-section--feature .cs-media-card__description{font-size:10px}
.cs-el-about-values .cs-media-section--benefit .cs-media-card{min-height:90px;padding:16px 19px}
.cs-el-about-values .cs-media-section--benefit .cs-media-card__title{font-size:14px}
.cs-el-about-values .cs-media-section--benefit .cs-media-card__description{font-size:10.5px}
.cs-about-trusted__row{min-height:180px}
.cs-el-about-trusted .cs-media-section--benefit .cs-media-card__title{font-size:27px}
.cs-el-about-trusted .cs-media-section--benefit .cs-media-card__description{font-size:12.5px}
.cs-about-trusted-art img{height:180px}

/* CONTACT — make the live CF7 card look like the form visible in the reference. */
.cs-contact-native__inner{box-shadow:0 4px 18px rgba(7,17,32,.05)}
.cs-contact-heading-native{padding-top:26px!important}
.cs-contact-title .elementor-heading-title{font-size:35px}
.cs-contact-subtitle p{font-size:13px}
.cs-contact-native__row{min-height:350px}
.cs-contact-info-card{min-height:74px}
.cs-contact-info-card__title{font-size:13px}
.cs-contact-info-card__value{font-size:11px;line-height:1.35}
.cs-native-cf7-card{padding:20px;border-radius:8px}
.cs-native-cf7-card>h3{font-size:16px;margin-bottom:13px}
.cs-native-cf7-card__subtitle{font-size:11px}
.cs-native-cf7-card .wpcf7-form label{font-size:11px}
.cs-native-cf7-card input:not([type=submit]):not([type=checkbox]):not([type=radio]),.cs-native-cf7-card textarea,.cs-native-cf7-card select{min-height:38px;padding:9px 10px;font-size:11px}
.cs-native-cf7-card textarea{min-height:84px}
.cs-native-cf7-card input[type=submit],.cs-native-cf7-card button[type=submit]{min-height:38px;font-size:11px}
.cs-contact-native-agent img{height:350px}
.cs-el-contact-benefits .cs-media-section--benefit .cs-media-card{min-height:70px;padding:14px 22px}
.cs-el-contact-benefits .cs-media-section--benefit .cs-media-card__title{font-size:12px}
.cs-el-contact-benefits .cs-media-section--benefit .cs-media-card__description{font-size:10px}

/* ANTIVIRUS SERVICES — match the airy three-column reference while keeping cards editable. */
.cs-el-services-benefits .cs-media-card{min-height:78px;padding:15px 22px}
.cs-el-services-benefits .cs-media-card__title{font-size:13.5px}
.cs-el-services-benefits .cs-media-card__description{font-size:11px}
.cs-el-services-grid .cs-section-heading h2{font-size:31px}
.cs-el-services-grid .cs-section-heading p{font-size:14px}
.cs-el-services-grid .cs-media-section--service .cs-media-card{min-height:138px;padding:22px 58px 22px 22px}
.cs-el-services-grid .cs-media-section--service .cs-media-card__title{font-size:15px}
.cs-el-services-grid .cs-media-section--service .cs-media-card__description{font-size:12px;line-height:1.45}
.cs-el-services-how .cs-section-heading h2,.cs-services-faq-heading .elementor-heading-title{font-size:29px}
.cs-el-services-how .cs-section-heading p,.cs-services-faq-copy p{font-size:13.5px}
.cs-el-services-how .cs-media-section--benefit .cs-media-card{min-height:128px;padding-top:20px;padding-bottom:18px}
.cs-el-services-how .cs-media-card__title{font-size:14px}
.cs-el-services-how .cs-media-card__description{font-size:11.5px}
.cs-services-faq-accordion .elementor-tab-title{min-height:48px;font-size:13px!important}
.cs-services-faq-accordion .elementor-tab-content{font-size:12px!important}

/* Tablet */
@media(max-width:1024px){
  .cs-about-title .elementor-heading-title{font-size:40px}
  .cs-contact-native__row{min-height:330px}
  .cs-native-cf7-card input:not([type=submit]):not([type=checkbox]):not([type=radio]),.cs-native-cf7-card textarea,.cs-native-cf7-card select{font-size:12px}
  .cs-el-services-grid .cs-media-section--service .cs-media-card{min-height:145px}
}

/* Mobile — intentionally larger type and touch targets; no clipped sections. */
@media(max-width:767px){
  body{font-size:16px}
  .cs-el-home-section:not(.cs-el-home-hero),.cs-el-services-section:not(.cs-el-services-hero),.cs-el-about-section,.cs-el-contact-section{padding-left:14px!important;padding-right:14px!important}
  .cs-el-home-hero,.cs-el-services-hero{padding-left:0!important;padding-right:0!important}
  .cs-el-home-benefits .cs-media-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cs-el-home-benefits .cs-media-card{min-height:92px;padding:13px 10px;border-right:1px solid #e4e8ee!important;border-bottom:1px solid #e4e8ee!important}
  .cs-el-home-benefits .cs-media-card__title{font-size:14px}
  .cs-el-home-benefits .cs-media-card__description{font-size:12px}
  .cs-el-home-products .cs-section-heading{display:block}
  .cs-el-home-products .cs-section-heading h2{font-size:24px;line-height:1.12}
  .cs-el-home-products .cs-section-heading p{font-size:14px;line-height:1.45}
  .cs-el-home-products .cs-view-all{display:inline-block;margin-top:8px;font-size:13px}
  .cs-logo-strip__row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cs-logo-strip__item{font-size:13px;min-height:46px}
  .cs-el-home-categories .cs-section-heading--simple h2,.cs-el-home-why .cs-section-heading--simple h2,.cs-el-home-reviews .cs-section-heading--simple h2{font-size:23px}
  .cs-el-home-categories .cs-section-heading--simple p,.cs-el-home-why .cs-section-heading--simple p,.cs-el-home-reviews .cs-section-heading--simple p{font-size:14px;line-height:1.45}
  .cs-el-home-categories .cs-media-card__title{font-size:15px}
  .cs-el-home-categories .cs-media-card__description{font-size:13px}
  .cs-el-home-categories .cs-media-card__link{font-size:13px}
  .cs-el-home-why .cs-media-section--feature .cs-media-card__title{font-size:15px}
  .cs-el-home-why .cs-media-section--feature .cs-media-card__description{font-size:13px}
  .cs-testimonial-card{min-height:122px;padding:15px}
  .cs-testimonial-card p{font-size:13px}
  .cs-testimonial-card__person,.cs-testimonial-card__person strong{font-size:12px}

  .cs-about-hero__content{padding:34px 18px 20px 28px!important}
  .cs-about-title .elementor-heading-title{font-size:38px;line-height:1.02}
  .cs-about-copy p{font-size:15px;line-height:1.55}
  .cs-about-hero__agent{height:330px}
  .cs-about-agent-image img{height:330px;min-height:330px}
  .cs-about-hero__content .cs-media-section--feature .cs-media-card__title{font-size:16px}
  .cs-about-hero__content .cs-media-section--feature .cs-media-card__description{font-size:12px}
  .cs-el-about-values .cs-media-section--benefit .cs-media-card__title{font-size:15px}
  .cs-el-about-values .cs-media-section--benefit .cs-media-card__description{font-size:13px}
  .cs-el-about-trusted .cs-media-section--benefit .cs-media-card__title{font-size:24px}
  .cs-el-about-trusted .cs-media-section--benefit .cs-media-card__description{font-size:13px}

  .cs-contact-title .elementor-heading-title{font-size:32px}
  .cs-contact-subtitle p{font-size:14px}
  .cs-contact-info-card__title{font-size:15px}
  .cs-contact-info-card__value{font-size:13px}
  .cs-native-cf7-card>h3{font-size:19px}
  .cs-native-cf7-card .wpcf7-form label{font-size:13px}
  .cs-native-cf7-card input:not([type=submit]):not([type=checkbox]):not([type=radio]),.cs-native-cf7-card textarea,.cs-native-cf7-card select{min-height:46px;padding:11px 12px;font-size:15px}
  .cs-native-cf7-card textarea{min-height:105px}
  .cs-native-cf7-card input[type=submit],.cs-native-cf7-card button[type=submit]{min-height:48px;font-size:15px}
  .cs-el-contact-benefits .cs-media-section--benefit .cs-media-card__title{font-size:15px}
  .cs-el-contact-benefits .cs-media-section--benefit .cs-media-card__description{font-size:13px}

  .cs-el-services-grid .cs-section-heading h2,.cs-el-services-how .cs-section-heading h2,.cs-services-faq-heading .elementor-heading-title{font-size:27px;line-height:1.1}
  .cs-el-services-grid .cs-section-heading p,.cs-el-services-how .cs-section-heading p,.cs-services-faq-copy p{font-size:14px;line-height:1.45}
  .cs-el-services-benefits .cs-media-card__title{font-size:15px}
  .cs-el-services-benefits .cs-media-card__description{font-size:13px}
  .cs-el-services-grid .cs-media-section--service .cs-media-card{min-height:132px;padding:20px 52px 20px 18px}
  .cs-el-services-grid .cs-media-section--service .cs-media-card__title{font-size:16px}
  .cs-el-services-grid .cs-media-section--service .cs-media-card__description{font-size:13px!important;line-height:1.5}
  .cs-el-services-how .cs-media-card__title{font-size:15px}
  .cs-el-services-how .cs-media-card__description{font-size:13px}
  .cs-services-faq-accordion .elementor-tab-title{min-height:52px;font-size:14px!important;padding:14px!important}
  .cs-services-faq-accordion .elementor-tab-content{font-size:13px!important;line-height:1.55}
}

@media(max-width:480px){
  .cs-el-home-benefits .cs-media-card-grid{grid-template-columns:1fr!important}
  .cs-el-home-benefits .cs-media-card{min-height:78px;border-right:0!important}
  .cs-product-grid{grid-template-columns:1fr!important}
  .cs-product-card__title{min-height:0!important;font-size:15px!important}
  .cs-product-card__meta{font-size:12px!important}
  .cs-product-card__price{font-size:20px!important}
  .cs-add-to-cart{min-height:44px!important;font-size:14px!important}
  .cs-logo-strip__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-testimonial-card__avatar{width:64px;min-width:64px;height:64px}
  .cs-about-title .elementor-heading-title{font-size:34px}
  .cs-about-hero__agent,.cs-about-agent-image img{height:300px;min-height:300px}
  .cs-contact-native__agent{height:280px!important}
  .cs-contact-native-agent img{height:280px!important}
}
