@media(min-width:1600px){.vnpt-hero-inner{min-height:640px}.vnpt-city-frame{height:500px}}
@media(max-width:1279px){
  .vnpt-container{width:calc(100% - 64px)}
  .vnpt-header-inner{gap:16px;min-height:76px}
  .vnpt-nav-item>a{padding-inline:6px;font-size:11px}
  .vnpt-header-phone{font-size:12px}
  .vnpt-header-actions .vnpt-icon-button{width:36px}
  .vnpt-logo,.vnpt-logo img{width:88px}
  .vnpt-hero-inner{min-height:560px;gap:24px}
  .vnpt-hero h1{font-size:48px}
  .vnpt-city-frame{height:440px}
  .vnpt-plan{padding:24px}
  .vnpt-plan-grid{gap:18px}
  .vnpt-feature-split{gap:40px}
  .vnpt-footer-grid{gap:40px}
}
@media(max-width:1099px){
  .vnpt-nav{display:none;position:fixed;inset:76px 0 0 auto;width:min(420px,100%);height:calc(100dvh - 76px);padding:20px 24px 96px;background:var(--vnpt-white);overflow:auto;z-index:60;border-top:1px solid var(--vnpt-line)}
  .vnpt-nav.vnpt-is-open{display:block;animation:vnpt-dialog-in .25s var(--vnpt-ease)}
  .vnpt-nav-list{display:block}
  .vnpt-nav-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;border-bottom:1px solid var(--vnpt-line)}
  .vnpt-nav-item>a{font-size:15px;min-height:56px;padding:12px 4px;white-space:normal}
  .vnpt-nav-toggle{width:44px;height:48px}
  .vnpt-nav-toggle .vnpt-icon{width:18px;height:18px}
  .vnpt-submenu,.vnpt-submenu .vnpt-submenu{position:static;grid-column:1/-1;box-shadow:none;border-radius:0;padding:0 0 12px 16px;min-width:0;width:100%;display:none;visibility:visible;opacity:1;transform:none;transition:none}
  .vnpt-submenu .vnpt-nav-item{display:grid;border-bottom:0}
  .vnpt-submenu .vnpt-nav-item>a{font-size:13px;padding:12px 4px;min-height:48px}
  .vnpt-submenu .vnpt-nav-toggle{width:44px}
  .vnpt-nav-item.vnpt-open>.vnpt-submenu{display:block}
  .vnpt-header-actions{margin-left:auto}
  .vnpt-header-phone{font-size:15px;margin-right:8px}
  .vnpt-menu-button{display:inline-flex!important}
  .vnpt-mobile-cta{display:flex;margin-top:24px}
  .vnpt-hero-inner{grid-template-columns:1.1fr 1fr;min-height:540px}
  .vnpt-hero h1{font-size:43px}
  .vnpt-hero-copy>p{font-size:15px}
  .vnpt-hero-actions{flex-direction:column;align-items:start;gap:10px;margin-top:24px}
  .vnpt-hero-facts{gap:14px;font-size:11px;margin-top:20px;flex-wrap:wrap}
  .vnpt-city-frame{height:420px;border-radius:110px 0 0 20px}
  .vnpt-hero-connection{padding:16px;bottom:64px}
  .vnpt-hero-connection strong{font-size:22px}
  .vnpt-quick-inner a{font-size:12px;gap:10px;min-height:80px}
  .vnpt-quick-inner .vnpt-icon{width:23px;height:23px}
  .vnpt-section{padding-block:64px}
  .vnpt-section-heading h2{font-size:32px}
  .vnpt-plan{padding:20px}
  .vnpt-plan-speed{font-size:27px}
  .vnpt-plan-head h3{font-size:18px}
  .vnpt-plan-tag{font-size:9px;padding:4px 6px}
  .vnpt-plan-price strong{font-size:26px}
  .vnpt-plan-price--confirm strong{font-size:20px}
  .vnpt-feature-copy h2,.vnpt-band h2{font-size:32px}
  .vnpt-article-layout{gap:36px;grid-template-columns:minmax(0,1fr) 260px}
  .vnpt-contact-grid{gap:40px}
  .vnpt-product-detail{gap:40px}
}
@media(max-width:767px){
  html{scroll-padding-top:96px}
  .vnpt-container{width:calc(100% - 40px)}
  .vnpt-topbar .vnpt-container{min-height:32px;justify-content:center}
  .vnpt-topbar-right{display:none}
  .vnpt-topbar{font-size:10px}
  .vnpt-header-inner{min-height:70px;gap:12px}
  .vnpt-logo,.vnpt-logo img{width:88px}
  .vnpt-header-phone{font-size:13px;margin-right:0}
  .vnpt-header-phone .vnpt-icon{width:16px;height:16px}
  .vnpt-header-actions{gap:2px}
  .vnpt-header-actions .vnpt-icon-button{width:40px}
  .vnpt-header-actions .vnpt-header-search{display:none}
  .vnpt-nav{inset:70px 0 0 auto;height:calc(100dvh - 70px);width:100%}
  .vnpt-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}
  .vnpt-hero-copy{padding:40px 0 32px}
  .vnpt-hero h1{font-size:40px;line-height:1.16;letter-spacing:-.035em;max-width:500px}
  .vnpt-hero-copy>p{margin-top:18px;font-size:14px;line-height:1.85;max-width:470px}
  .vnpt-hero-actions{margin-top:24px;flex-direction:row;align-items:center;gap:20px}
  .vnpt-hero-actions .vnpt-button{min-height:48px;padding:12px 17px;font-size:12px}
  .vnpt-hero-actions .vnpt-text-link{font-size:12px;gap:6px}
  .vnpt-hero-facts{gap:20px;margin-top:24px;font-size:11px}
  .vnpt-hero-visual{height:294px;min-height:294px;display:block}
  .vnpt-city-frame{width:calc(100% + 40px);height:264px;border-radius:60px 0 0 0}
  .vnpt-city-frame>img{object-position:55% 50%}
  .vnpt-hero-connection{bottom:12px;left:12px;padding:14px 18px;gap:12px;border-radius:12px}
  .vnpt-hero-connection>span{width:40px;height:40px;border-radius:10px}
  .vnpt-hero-connection strong{font-size:22px}
  .vnpt-hero-connection small{font-size:10px}
  .vnpt-city-credit{bottom:40px;right:48px;font-size:8px}
  .vnpt-quick-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vnpt-quick-inner a{justify-content:start;font-size:12px;gap:12px;min-height:70px;padding-inline:14px;border:0;border-bottom:1px solid var(--vnpt-line)}
  .vnpt-quick-inner a:first-child{border-left:0}
  .vnpt-quick-inner a:nth-child(2n+1){border-right:1px solid var(--vnpt-line)}
  .vnpt-quick-inner a:nth-last-child(-n+2){border-bottom:0}
  .vnpt-section{padding-block:52px}
  .vnpt-section-heading{display:block;margin-bottom:28px}
  .vnpt-section-heading h2{font-size:29px;line-height:1.3}
  .vnpt-section-heading p{font-size:14px;margin-top:12px}
  .vnpt-section-heading>.vnpt-text-link{margin-top:12px}
  .vnpt-region-control{margin-top:22px;min-width:0;max-width:360px}
  .vnpt-region-control select{font-size:14px;min-height:48px}
  .vnpt-plan-grid{grid-template-columns:1fr;gap:18px;max-width:500px;margin-inline:auto}
  .vnpt-plan{padding:25px}
  .vnpt-plan-head h3{font-size:21px}
  .vnpt-plan-tag{font-size:10px;padding:5px 8px}
  .vnpt-plan-speed{font-size:32px;margin-top:22px}
  .vnpt-plan-price strong{font-size:29px}
  .vnpt-plan-price--confirm strong{font-size:23px}
  .vnpt-plan-list{font-size:14px}
  .vnpt-plan-footnote{min-height:0}
  .vnpt-source-note{font-size:11px;line-height:1.9}
  .vnpt-accordion-trigger{font-size:13px;line-height:1.7;padding-block:18px;min-height:64px}
  .vnpt-accordion-body{font-size:13px}
  .vnpt-data-table{font-size:12px;min-width:660px}
  .vnpt-data-table td,.vnpt-data-table th{padding:13px 14px}
  .vnpt-data-table td:first-child,.vnpt-data-table th:first-child{min-width:118px;max-width:145px}
  .vnpt-feature-split{grid-template-columns:1fr;gap:32px}
  .vnpt-feature-art{aspect-ratio:1.5}
  .vnpt-feature-copy h2{font-size:29px}
  .vnpt-feature-copy>p{font-size:14px}
  .vnpt-band{padding-block:48px}
  .vnpt-band .vnpt-container{display:block}
  .vnpt-band h2{font-size:29px}
  .vnpt-band p{font-size:14px}
  .vnpt-band-actions{margin-top:28px;max-width:360px}
  .vnpt-business-group h3{font-size:19px;line-height:1.5}
  .vnpt-row-grid{grid-template-columns:1fr;gap:14px}
  .vnpt-service-row{padding:20px;gap:16px}
  .vnpt-service-row h3{font-size:17px}
  .vnpt-article-grid{grid-template-columns:1fr;gap:32px;max-width:550px;margin-inline:auto}
  .vnpt-article-card h3{font-size:18px}
  .vnpt-article-card p{font-size:14px}
  .vnpt-page-hero{padding:32px 0 36px}
  .vnpt-page-hero h1{font-size:29px;line-height:1.4}
  .vnpt-page-hero p{font-size:14px;line-height:1.8}
  .vnpt-breadcrumb{font-size:11px;margin-bottom:18px}
  .vnpt-article-layout{grid-template-columns:1fr;gap:40px}
  .vnpt-article-aside{position:static}
  .vnpt-richtext{font-size:15px;line-height:1.95}
  .vnpt-richtext h2{font-size:23px}
  .vnpt-richtext h3{font-size:19px}
  .vnpt-catalog-toolbar{gap:16px;align-items:start;flex-direction:column}
  .vnpt-catalog-toolbar select{width:100%;font-size:14px}
  .vnpt-price-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch}
  .vnpt-price-filter .vnpt-button{width:100%}
  .vnpt-product-grid{grid-template-columns:1fr;max-width:500px;margin:auto}
  .vnpt-product-card-body{padding:22px}
  .vnpt-product-card>a{aspect-ratio:1.6}
  .vnpt-product-card p{-webkit-line-clamp:4;font-size:14px}
  .vnpt-product-detail{grid-template-columns:1fr;gap:32px}
  .vnpt-product-summary h1{font-size:30px}
  .vnpt-product-content{margin-top:40px;padding-top:32px}
  .vnpt-contact-grid{grid-template-columns:1fr;gap:40px}
  .vnpt-contact-info h2{font-size:27px}
  .vnpt-contact-row dd{font-size:15px}
  .vnpt-form-pair{grid-template-columns:1fr;gap:18px}
  .vnpt-form-field input,.vnpt-form-field textarea,.vnpt-form-field select{font-size:16px;min-height:48px}
  .vnpt-modal-head{padding:20px 20px 0}
  .vnpt-modal-head h2{font-size:22px}
  .vnpt-modal-body{padding:20px}
  .vnpt-search-form{gap:10px}
  .vnpt-search-form .vnpt-button{padding-inline:16px;min-height:50px}
  .vnpt-footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:36px}
  .vnpt-site-footer{padding-top:48px;padding-bottom:76px}
  .vnpt-footer-bottom{display:block;font-size:10px;line-height:1.9}
  .vnpt-footer-bottom>span{display:block;margin-top:8px}
  .vnpt-float-contact{display:none}
  .vnpt-mobile-contact{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;align-items:center;gap:10px;background:var(--vnpt-white);border-top:1px solid var(--vnpt-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .vnpt-mobile-contact a{min-height:44px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;border-radius:8px}
  .vnpt-mobile-contact a:first-child{width:94px;background:var(--vnpt-soft);color:var(--vnpt-blue)}
  .vnpt-mobile-contact a:last-child{flex:1;background:var(--vnpt-blue);color:var(--vnpt-white)}
  .vnpt-source-warning{padding:16px;font-size:12px}
}
@media(max-width:374px){.vnpt-header-phone{font-size:12px}.vnpt-header-phone .vnpt-icon{display:none}.vnpt-hero h1{font-size:37px}.vnpt-hero-actions{gap:14px}.vnpt-hero-actions .vnpt-button{font-size:11px;padding-inline:14px}.vnpt-plan{padding:22px}.vnpt-hero-facts{gap:14px}}
@media(max-width:1099px){html:not(.vnpt-js) .vnpt-header-inner{flex-wrap:wrap}html:not(.vnpt-js) .vnpt-nav{display:block;position:static;order:3;width:100%;height:auto;padding:16px 0;flex-basis:100%}html:not(.vnpt-js) .vnpt-submenu{display:block}html:not(.vnpt-js) .vnpt-menu-button{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.vnpt-article-card-image img,.vnpt-product-card img{transform:none!important}}
