/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

/* --- Max 1400px --- */
@media (max-width: 1400px) {
  .masanet-hero__title { font-size: 60px; }
  .masanet-hero__slide { padding: 250px 0 180px; }
  .masanet-header__phone { display: none; }
  .masanet-nav ul li a { padding: 10px 13px; font-size: 14px; }
  .masanet-offer__media-sub { width: 42%; }
}

/* --- Max 1200px --- */
@media (max-width: 1200px) {
  .masanet-hero__slide { padding: 210px 0 160px; }
  .masanet-hero__title { font-size: 52px; }
  .masanet-header__cta .masanet-button { display: none; }
  .masanet-nav > ul { margin-left: 20px; }
  .masanet-team__grid,
  .masanet-channels__grid { grid-template-columns: repeat(3, 1fr); }
  .masanet-counters__grid { grid-template-columns: repeat(2, 1fr); }
  .masanet-counters--overlap { margin-top: -70px; }
  .masanet-counter { border-bottom: 1px solid var(--border-color); }
  .masanet-counter:nth-child(2n) { border-right: 0; }
  .masanet-counter:nth-child(n + 3) { border-bottom: 0; }
  .masanet-layout,
  .masanet-layout--left { grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; }
  .masanet-footer__grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
  .masanet-promo__inner { padding: 70px; }
  .masanet-promo__play { right: 60px; }
  .masanet-brands__list { grid-template-columns: repeat(4, 1fr); }
}

/* --- Max 991px : mobile navigation --- */
@media (max-width: 991px) {
  .masanet-nav-wrap { display: none; }
  .masanet-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .masanet-topbar .masanet-container > .masanet-d-flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px 22px; }
  .masanet-topbar__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .masanet-topbar__right { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .masanet-row > [class*="masanet-col-"],
  .masanet-row > .masanet-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .masanet-row > .masanet-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .masanet-service-box { margin-bottom: 30px; }
  .masanet-contact__info { height: auto; margin-bottom: 30px; }
  .masanet-header__inner { min-height: 80px; }
  .masanet-logo img { max-height: 48px; }
  .masanet-logo__title { font-size: 22px; }
  .masanet-hero__slide { padding: 170px 0 130px; }
  .masanet-hero__title { font-size: 44px; }
  .masanet-hero__nav--prev { left: 15px; }
  .masanet-hero__nav--next { right: 15px; }
  .masanet-hero__badge { width: 104px; height: 104px; font-size: 14px; margin-bottom: 24px; }
  .masanet-hero__price .value { font-size: 38px; }
  .masanet-tabs__nav a { padding: 12px 16px; font-size: 15px; }
  .masanet-tabs__nav img { width: 36px; height: 36px; }
  .masanet-section { padding: 90px 0; }
  .masanet-section-title { font-size: 34px; }
  .masanet-offer__media { margin-bottom: 50px; }
  .masanet-offer__content { margin-top: 20px; }
  .masanet-tabs__media { margin-bottom: 40px; }
  .masanet-tabs__title { font-size: 29px; }
  .masanet-valuebundle__grid { grid-template-columns: repeat(2, 1fr); }
  .masanet-valuebundle__box:last-child { grid-column: span 2; }
  .masanet-bundle-box { margin-bottom: 30px; }
  .masanet-pricing .masanet-price-box { margin-bottom: 30px; }
  .masanet-promo__inner { padding: 60px; min-height: 440px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .masanet-promo__title { font-size: 36px; }
  .masanet-promo__play { position: relative; top: auto; right: auto; left: auto; -webkit-transform: none; transform: none; margin-top: 25px; width: 80px; height: 80px; -ms-flex-negative: 0; flex-shrink: 0; }
  .masanet-solution__media { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .masanet-solution__content { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .masanet-testimonial { padding: 45px 40px; }
  .masanet-testimonial__quote { display: none; }
  .masanet-testimonial__text { font-size: 17px; }
  .masanet-blog__grid { grid-template-columns: repeat(2, 1fr); }
  .masanet-instagram__grid { grid-template-columns: repeat(3, 1fr); }
  .masanet-team__grid,
  .masanet-channels__grid { grid-template-columns: repeat(2, 1fr); }
  .masanet-brands__list { grid-template-columns: repeat(3, 1fr); }
  .masanet-cta__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 45px 40px; text-align: center; }
  .masanet-cta__actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .masanet-cta__text h3 { font-size: 29px; }
  .masanet-layout,
  .masanet-layout--left { grid-template-columns: minmax(0, 1fr); gap: 50px; }
  .masanet-sidebar { margin-top: 20px; }
  .masanet-pagebanner { padding: 100px 0; }
  .masanet-pagebanner__title { font-size: 36px; }
  .masanet-single__title { font-size: 32px; }
  .masanet-comment-form .comment-form-author,
  .masanet-comment-form .comment-form-email,
  .masanet-comment-form .comment-form-url { display: block; width: 100%; margin-right: 0; }
  .masanet-footer__main { padding: 80px 0 50px; }
  .masanet-marquee__item { font-size: 21px; }
  .masanet-marquee__track,
  .masanet-marquee__item { gap: 40px; }
}

/* --- Max 767px --- */
@media (max-width: 767px) {
  .masanet-section { padding: 70px 0; }
  .masanet-section-title { font-size: 29px; }
  .masanet-section-desc { font-size: 15px; }
  .masanet-header__inner { min-height: 72px; gap: 12px; }
  .masanet-menu-toggle { width: 44px; height: 44px; }
  .masanet-topbar { padding: 10px 0; font-size: 13px; }
  .masanet-topbar .masanet-container > .masanet-d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; }
  .masanet-topbar__list { text-align: center; }
  .masanet-topbar__right { gap: 8px 18px; }
  .masanet-topbar__right a[href^="mailto:"] { display: none; }
  .masanet-row > .masanet-col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .masanet-price-box__amount .value { font-size: 30px; }
  .masanet-price-box__amount .currency { margin-top: 4px; font-size: 16px; }
  .masanet-price-box__amount .period { margin-top: 14px; font-size: 14px; }
  .masanet-promo__value { font-size: 34px; }
  .masanet-promo__period { font-size: 14px; }
  .masanet-promo__meta { gap: 10px 14px; }
  .masanet-offcanvas { padding: 35px 25px; }
  .masanet-hero__slide { padding: 140px 0 110px; }
  .masanet-hero__title { font-size: 34px; }
  .masanet-hero__subtitle { font-size: 13px; letter-spacing: 2px; }
  .masanet-hero__price .value { font-size: 32px; }
  .masanet-hero__actions { gap: 20px; }
  .masanet-hero__nav { display: none; }
  .masanet-hero__dots { bottom: 30px; }
  .masanet-tabs__nav { gap: 10px; }
  .masanet-tabs__nav li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
  .masanet-tabs__nav a { padding: 11px 15px; font-size: 14px; }
  .masanet-tabs__title { font-size: 25px; }
  .masanet-offer__list li { -webkit-box-flex: 1; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .masanet-offer__discount { width: 92px; height: 92px; font-size: 24px; top: 15px; left: 15px; }
  .masanet-offer__media-sub { width: 50%; }
  .masanet-valuebundle__grid { grid-template-columns: minmax(0, 1fr); }
  .masanet-valuebundle__box:last-child { grid-column: auto; }
  .masanet-valuebundle__box { padding: 34px 26px; }
  .masanet-valuebundle__actions { gap: 18px; }
  .masanet-price-box { padding: 34px 26px; }
  .masanet-promo__inner { padding: 45px 30px; min-height: 400px; }
  .masanet-promo__title { font-size: 29px; }
  .masanet-counters__grid { grid-template-columns: minmax(0, 1fr); }
  .masanet-counters--overlap { margin-top: 0; }
  .masanet-counter { border-right: 0; border-bottom: 1px solid var(--border-color); }
  .masanet-counter:last-child { border-bottom: 0; }
  .masanet-counter__number { font-size: 38px; }
  .masanet-steps li { padding-left: 62px; }
  .masanet-steps li::before { width: 44px; height: 44px; font-size: 15px; }
  .masanet-steps li::after { left: 21px; top: 50px; height: calc(100% - 52px); }
  .masanet-testimonial { padding: 35px 25px; }
  .masanet-testimonial__text { font-size: 16px; }
  .masanet-blog__grid { grid-template-columns: minmax(0, 1fr); }
  .masanet-team__grid,
  .masanet-channels__grid { grid-template-columns: minmax(0, 1fr); }
  .masanet-brands__list { grid-template-columns: repeat(2, 1fr); }
  .masanet-instagram__grid { grid-template-columns: repeat(3, 1fr); }
  .masanet-postnav { grid-template-columns: minmax(0, 1fr); }
  .masanet-postnav__item--next { text-align: left; }
  .masanet-comment__avatar { position: static; margin-bottom: 14px; }
  .masanet-comment__content { padding-left: 0; }
  .masanet-comment-list ol.children { padding-left: 18px; }
  .masanet-pagearea { padding: 70px 0; }
  .masanet-pagebanner { padding: 80px 0; }
  .masanet-pagebanner__title { font-size: 29px; }
  .masanet-single__title { font-size: 26px; }
  .masanet-single__meta { gap: 14px; }
  .masanet-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .masanet-footer__main { padding: 65px 0 40px; }
  .masanet-footer__bottom .masanet-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
  .masanet-backtotop { right: 18px; bottom: 18px; width: 44px; height: 44px; }
  .masanet-marquee { padding: 16px 0; }
  .masanet-marquee__item { font-size: 18px; }
  .masanet-marquee__track,
  .masanet-marquee__item { gap: 28px; }
  .masanet-error__code { font-size: 96px; }
  .masanet-error__title { font-size: 28px; }
  .masanet-video-modal__close { top: -48px; }
  .masanet-layout .masanet-blog__grid { grid-template-columns: minmax(0, 1fr); }
  .masanet-contact__card { padding: 35px 26px 40px; }
  .masanet-contact__info { padding: 32px 26px; }
  .masanet-none { padding: 45px 26px; }
  .masanet-breadcrumb { font-size: 14px; }
}

/* --- Max 575px --- */
@media (max-width: 575px) {
  .masanet-hero__slide { padding: 120px 0 95px; }
  .masanet-hero__title { font-size: 29px; }
  .masanet-hero__badge { width: 88px; height: 88px; font-size: 12px; }
  .masanet-hero__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .masanet-testimonial { padding: 30px 20px; }
  .masanet-brands__list { grid-template-columns: minmax(0, 1fr); }
  .masanet-instagram__grid { grid-template-columns: repeat(2, 1fr); }
  .masanet-cta__inner { padding: 35px 22px; }
  .masanet-cta__text h3 { font-size: 24px; }
  .masanet-cta__actions { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .masanet-footer__bottom-nav { gap: 14px; }
  .masanet-single__title { font-size: 23px; }
  .masanet-pagination .page-numbers { min-width: 42px; height: 42px; font-size: 14px; padding: 0 12px; }
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .masanet-marquee__track,
  .masanet-promo__play::before,
  .masanet-promo__play::after,
  .masanet-tabs__playing { -webkit-animation: none !important; animation: none !important; }
}
