.elementor-1053 .elementor-element.elementor-element-dab5731{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-d20b4eb{text-align:center;}.elementor-1053 .elementor-element.elementor-element-d20b4eb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;font-style:italic;text-decoration:underline;line-height:27px;}.elementor-1053 .elementor-element.elementor-element-2e773a5{text-align:center;}.elementor-1053 .elementor-element.elementor-element-2e773a5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-8f8d3b2{text-align:center;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1053 .elementor-element.elementor-element-3ba33a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-95c99a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-19bb796{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-2dc0994{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-0978aa5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1053 .elementor-element.elementor-element-c525351{--display:flex;}.elementor-1053 .elementor-element.elementor-element-64f2e99{--display:flex;}.elementor-1053 .elementor-element.elementor-element-8b24829{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;--n-tabs-title-color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-8b24829 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FD52851A;}.elementor-1053 .elementor-element.elementor-element-8b24829.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1053 .elementor-element.elementor-element-8b24829 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-48f999a );}.elementor-1053 .elementor-element.elementor-element-be47685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1053 .elementor-element.elementor-element-9b9fd99{text-align:center;}.elementor-1053 .elementor-element.elementor-element-9b9fd99 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;font-style:italic;text-decoration:underline;line-height:27px;}.elementor-1053 .elementor-element.elementor-element-1f45d9e{text-align:center;}.elementor-1053 .elementor-element.elementor-element-1f45d9e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;color:#FD5285;}.elementor-1053 .elementor-element.elementor-element-14ea355{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1053 .elementor-element.elementor-element-b2e7701{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:5px 5px 5px 5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1053 .elementor-element.elementor-element-b2e7701:not(.elementor-motion-effects-element-type-background), .elementor-1053 .elementor-element.elementor-element-b2e7701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-cb191cb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-48f999a );}.elementor-1053 .elementor-element.elementor-element-13d9308{color:var( --e-global-color-48f999a );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1053 .elementor-element.elementor-element-317d866 .elementor-button{background-color:var( --e-global-color-48f999a );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-317d866 .elementor-button:hover, .elementor-1053 .elementor-element.elementor-element-317d866 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-317d866 .elementor-button:hover svg, .elementor-1053 .elementor-element.elementor-element-317d866 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1053 .elementor-element.elementor-element-eefee15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1053 .elementor-element.elementor-element-3ddddb3{text-align:center;}.elementor-1053 .elementor-element.elementor-element-3ddddb3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:600;}.elementor-1053 .elementor-element.elementor-element-82b6063{text-align:center;}.elementor-1053 .elementor-element.elementor-element-24bacae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-1053 .elementor-element.elementor-element-dab5731{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1053 .elementor-element.elementor-element-2e773a5{text-align:center;}.elementor-1053 .elementor-element.elementor-element-2e773a5 .elementor-heading-title{font-size:26px;line-height:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1053 .elementor-element.elementor-element-8b24829{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-1053 .elementor-element.elementor-element-be47685{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1053 .elementor-element.elementor-element-1f45d9e{text-align:center;}.elementor-1053 .elementor-element.elementor-element-1f45d9e .elementor-heading-title{font-size:26px;line-height:40px;}.elementor-1053 .elementor-element.elementor-element-eefee15{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1053 .elementor-element.elementor-element-3ddddb3{text-align:center;}.elementor-1053 .elementor-element.elementor-element-3ddddb3 .elementor-heading-title{font-size:26px;line-height:40px;}}/* Start custom CSS for html, class: .elementor-element-14ea355 *//* ==== BẢNG GIÁ VPS - ALL IN ONE (SOFT GRID VERSION) ==== */

/* Load Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.vps-table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 30px 0;
  font-family: 'Montserrat', sans-serif !important; 
  font-size: 15px;
  color: #333;
  border-radius: 12px;
  background: #fff;
  /* Shadow nhẹ */
  box-shadow: 0 10px 30px rgba(253, 82, 133, 0.08); 
  position: relative;
}

/* Thanh cuộn hồng */
.vps-table-container::-webkit-scrollbar { height: 8px; }
.vps-table-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
.vps-table-container::-webkit-scrollbar-thumb { background: #FD5285; border-radius: 4px; }

/* Cấu trúc bảng */
.vps-table-container table {
  width: 100%;
  /* Dùng collapse để viền liền mạch, không bị đứt đoạn */
  border-collapse: collapse; 
  min-width: auto; 
}

/* === ĐỊNH DẠNG Ô (VIỀN XÁM NHẸ - SOFT GRID) === */
.vps-table-container th, 
.vps-table-container td {
  font-family: 'Montserrat', sans-serif !important;
  padding: 12px 15px;
  vertical-align: middle;
  
  /* QUAN TRỌNG: Viền xám #e5e5e5 - Đủ nhìn nhưng rất êm */
  border: 1px solid #e5e5e5 !important; 
  
  line-height: 1.5;
}

/* === PHẦN 1: CẤU HÌNH CỘT === */

/* Cột đầu tiên (Sticky) */
.vps-table-container th:first-child, 
.vps-table-container td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
  color: #444;
  
  /* Viền phải cột sticky đậm hơn xíu (hoặc giữ nguyên) để phân cách */
  border-right: 1px solid #e0e0e0 !important; 
  /* Shadow giúp cột nổi lên trên nội dung khi cuộn */
  box-shadow: 2px 0 5px rgba(0,0,0,0.02); 
  
  text-align: left;
  width: 130px;      
  min-width: 130px;  
  max-width: 130px;  
  white-space: normal !important;
  font-weight: 600;
  font-size: 14px;
}

/* Header cột đầu */
.vps-table-container th:first-child {
  background: #FD5285;
  color: #fff;
  z-index: 3;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid #FD5285 !important; /* Viền header cùng màu nền */
}

/* Các cột dữ liệu */
.vps-table-container th:not(:first-child), 
.vps-table-container td:not(:first-child) {
  text-align: center;
  min-width: 160px; 
  max-width: 220px; 
  white-space: normal !important;
}

/* Header các cột dữ liệu */
.vps-table-container thead th:not(:first-child) {
  background: #FD5285;
  color: #fff;
  font-weight: 600;
  text-transform: none;
  border: 1px solid #e94375 !important; /* Viền header đậm hơn nền tí xíu cho nét */
}

/* === PHẦN 2: TÍNH NĂNG NÂNG CAO === */

/* Recommended Header */
.vps-table-container th.recommended {
  background: #d63064 !important;
  border-color: #c02858 !important;
}

/* Badge */
.vps-table-container .badge {
  display: block;
  background: #ffe600;
  color: #d63064;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 20px;
  width: fit-content;
  margin: 5px auto 0 auto;
}

/* Highlight cột */
.vps-table-container td[data-col="cheap-3"] {
  background-color: #fffcfd; 
  font-weight: 500;
  /* Viền cột highlight màu hồng nhạt cho đẹp */
  border: 1px solid #ffe0eb !important;
}

/* Giá tiền */
.vps-table-container tr.price-row td {
  color: #FD5285;
  font-size: 16px;
}
.vps-table-container tr.price-row strong { font-weight: 600; }
.vps-table-container tr.price-row small {
  display: inline-block; font-size: 12px; color: #999; margin-left: 2px;
}
.vps-table-container td.price {
  color: #FD5285; font-weight: 700; font-size: 16px;
}

/* Nút CTA (Chữ trắng - Fix lỗi màu) */
.vps-table-container .btn-cta {
  display: inline-block;
  background-color: #FD5285;
  color: #ffffff !important;
  padding: 8px 20px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(253, 82, 133, 0.3);
  transition: all 0.3s ease;
  white-space: nowrap !important;
  border: none !important; /* Nút không cần viền */
}
.vps-table-container .btn-cta:hover {
  background-color: #d63064;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Dấu tích */
.vps-table-container .check {
  color: #2ecc71;
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

/* === HIỆU ỨNG NỀN (CLEAN) === */
.vps-table-container tbody tr:nth-child(even) td { 
  background-color: #fafafa; /* Nền trắng xám xen kẽ */
}
.vps-table-container tbody tr:nth-child(even) td[data-col="cheap-3"] { 
  background-color: #fff5f8; 
}

.vps-table-container tbody tr:hover td { 
  background-color: #fff0f5; 
}
.vps-table-container tbody tr:hover td:first-child {
  background-color: #fff0f5;
}

/* === MOBILE === */
@media (max-width: 768px) {
  .vps-table-container::after {
    content: '← Vuốt ngang để xem thêm →';
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    font-style: italic;
  }
  .vps-table-container th, 
  .vps-table-container td { 
    padding: 10px 8px;
  }
}/* End custom CSS */