/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ================= TÊN GÓI ACF ================= */
.acf-ten-goi, .acf-ten-goi-badge {width:100%;padding:8px 0;text-align:center;background:linear-gradient(135deg,#1b519f,#3f7ed6);color:#fff;text-transform:uppercase;font-size:14px;font-weight:700;border-radius:6px 6px 0 0;}

/* ================ KHUNG TỔNG SẢN PHẨM ================ */
.box-text.box-text-products {background:#fff;padding:8px;text-align:left;}

/* ================= TIÊU ĐỀ SẢN PHẨM ================= */
.box-text-products .product-title a {font-size:12px;font-weight:700;color:#1b519f;text-transform:uppercase;margin-bottom:0;display:block;}

/* ================= ĐÁNH GIÁ SAO ================= */
.star-rating {color:#f4b400;margin:1px 0;}

/* ================= ACF – CƯỚC THÁNG ================= */
.acf-thong-tin-sp .cuoc-thang-value {color:#d62828!important;font-weight:700;font-size:12px;white-space:nowrap;}

/* ================= NÚT MUA HÀNG ================= */
.add-to-cart-row a.button {width:100%;background:#1b519f;color:#fff!important;font-weight:600;font-size:12px;text-transform:uppercase;border-radius:5px;padding:3px 0;transition:.2s;}
.add-to-cart-row a.button:hover {background:#22a34f;}
.single-product .button.wishlist-button {display:none!important;}

/* ================= 3 BOX ACF ================= */
.luxi-acf-info-row {display:flex;gap:12px;margin:15px 0;}
.acf-info-box {flex:1;background:#fff;border:1px solid #e6e9f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;text-align:center;}
.acf-info-box .icon {font-size:20px;color:#1b519f;margin-bottom:4px;}
.acf-info-box .label {font-size:13px;color:#7a7a7a;}
.acf-info-box .value {font-size:16px;font-weight:700;color:#1b519f;}

/* ================= ACF THÔNG TIN ================= */
.acf-thong-tin-sp {font-size:12px;line-height:1.45;color:#333;margin-top:8px;}
.cuoc-thang {font-size:12px!important;color:#1b519f;font-weight:600;margin-bottom:2px;}
.cuoc-thang-value {font-size:12px!important;color:#333;font-weight:700;}
.chuc-nang {font-size:12px!important;color:#777;font-weight:500;margin-top:2px;}

/* ================= GIÁ SHOP PAGE – CĂN HÀNG ================= */
.product-small .price-wrapper {display:flex;align-items:center;gap:6px;background:#f8f2f2;padding:6px 10px;border-radius:6px;margin:8px 0;}
.product-small .gia-ban-label {font-size:13px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;}
.product-small .price .amount, .product-small .price-value .amount, .product-small .price span.amount {font-size:15px!important;font-weight:700;line-height:1;display:inline-flex;align-items:center;}
.product-small .price, .product-small .price .amount, .product-small .price-value {margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;line-height:1!important;}
.product-small .free-ship {background:#22a34f;color:#fff;padding:2px 2px;font-size:11px;display:inline-flex;align-items:center;line-height:1;}

/* ================= GIÁ SINGLE PRODUCT ================= */
.single-product .price-wrapper {display:flex;align-items:center;gap:10px;background:#f8f2f2;padding:10px 14px;border-radius:6px;margin:12px 0;}
.single-product .price-product-price, .single-product .price {margin:0!important;padding:0!important;display:flex;align-items:center;gap:8px;}
.single-product .acf-free-ship-badge {background:#22a34f;color:#fff;padding:5px 10px;font-size:12px;font-weight:700;border-radius:4px;text-transform:uppercase;line-height:1;display:inline-flex;align-items:center;}
.single-product .price-value .amount, .single-product .woocommerce-Price-amount, .single-product .price-value bdi {display:inline-flex!important;align-items:center!important;line-height:1!important;}
.single-product .woocommerce-Price-currencySymbol {font-size:18px!important;line-height:1!important;margin-left:2px;}
.single-product .acf-cuoc-thang {margin:8px 0 6px;font-size:15px;display:flex;align-items:center;gap:6px;color:#1b519f;font-weight:600;}
.single-product .acf-cuoc-thang .value {color:#d62828;font-weight:700;font-size:16px;white-space:nowrap;}

/* ================= MÔ TẢ NGẮN ================= */
.product-short-description {background:#f7faff;border-left:4px solid #1b519f;padding:12px 15px;margin:15px 0;border-radius:6px;}
.product-short-description p {margin:4px 0;font-size:14px;line-height:1.5;color:#333;font-weight:500;}
.product-short-description p::before {content:"";color:#1b519f;font-weight:700;margin-right:2px;}


/* ================= BOX SẢN PHẨM CÂN CHIỀU CAO ================= */
.product-small .box-text {display:flex;flex-direction:column;height:100%;}
.product-small .add-to-cart-row {margin-top:auto;}

/* ================= TAB LUXI – PREMIUM ================= */
/* Tiêu đề TAB – chỉnh màu, cỡ chữ, khoảng cách */
.tabbed-content h4.uppercase {font-size:20px;font-weight:700;margin-bottom:12px;color:#1b519f;letter-spacing:0.4px;}

/* Thanh chứa các tab */
.tabbed-content .nav.nav-pills {display:flex;justify-content:center;gap:5px;}

/* Style tab mặc định – nền sáng, viền nhẹ */
.tabbed-content .nav.nav-pills .tab a {background:#f6f8fc;color:#1b519f;padding:0px 15px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid #d7dfea;transition:.25s ease;}

/* Hover tab – đổi nền, đổ bóng nhẹ */
.tabbed-content .nav.nav-pills .tab a:hover {background:#eef4ff;border-color:#4da4ff;color:#1b519f;box-shadow:0 3px 6px rgba(0,0,0,.08);}

/* Tab active – đổi sang màu Luxi */
.tabbed-content .nav.nav-pills .tab.active a,
.tabbed-content .nav.nav-pills .tab a[aria-selected="true"] {background:#1b519f;border-color:#1b519f;color:#fff;}


/************* BREADCRUMB NÚT BẤM PREMIUM *************/
/* Bao quanh breadcrumb – nền nhạt, gap nhỏ */
.woocommerce-breadcrumb {display:flex;gap:1px !important;padding:5px 5px !important;background:#f6f8fc;border-radius:px;align-items:center;flex-wrap:wrap;}

/* Nút breadcrumb – bo góc, viền nhẹ */
.woocommerce-breadcrumb a {background:#ffffff;padding:4px 10px;font-size:11px;border-radius:5px;font-weight:600;color:#1b519f;border:1px solid #dbe4f5;display:inline-flex;align-items:center;gap:1px;}

/* Hover breadcrumb – đổi sang màu Luxi */
.woocommerce-breadcrumb a:hover {background:#1b519f;color:#fff;border-color:#1b519f;}

/* Dấu / nhỏ gọn */
.woocommerce-breadcrumb .divider {opacity:.1;font-weight:00;padding:0 1px;font-size:8px;}


/* Nút tải thêm sản phẩm trong Flatsome */
.ux-relay__load-more-button {background:#1b519f !important;color:#fff !important;border:none !important;padding:0px 60px !important;font-size:15px !important;font-weight:600 !important;border-radius:5px !important;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(0,0,0,0.12);transition:0.25s ease;}


/* ===== Điều kiện đăng ký tối giản (LuxiTelecom) ===== */
/* Tiêu đề điều kiện */
.luxi-dkdk p {font-size:15px;font-weight:700;color:#1b519f;margin-bottom:3px;text-transform:uppercase;}

/* Khung hình ảnh điều kiện */
.luxi-dkdk .img {border:1px solid #d8e8ff;border-radius:5px;padding:4px;background:#ffffff;margin-bottom:3px;}


/* ================= Nút CTA kiểm tra địa chỉ ================= */
/* Nút kiểm tra – nền xanh Luxi, bo tròn */
.luxi-btn-check {background:#1b519f !important;color:#ffffff !important;padding:3px 28px !important;border-radius:10px !important;font-size:16px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:0.5px;display:inline-block;text-align:center;transition:0.25s ease;border:none !important;box-shadow:0 4px 10px rgba(27, 81, 159, 0.3);}


/* ================= CARD ƯU ĐIỂM WIFI SOFTBANK ================= */
/* Card tổng */
.wifi-card {background:#ffffff;padding:2px 2px;border-radius:12px;border:1px solid #dfe7f5;box-shadow:0 4px 10px rgba(0,0,0,0.06);text-align:center;transition:.25s ease;height:100%;}

/* Icon */
.wifi-card-icon {font-size:30px;margin-bottom:1px;color:#1b519f;}

/* Tiêu đề card */
.wifi-card-title {font-size:11px;font-weight:700;color:#1b519f;margin-bottom:1px;text-transform:uppercase;letter-spacing:.3px;}

/* Text mô tả */
.wifi-card-text {font-size:11px;color:#444;line-height:1.5;}


/* ================= BẢNG GIÁ WIFI SOFTBANK – LUXI STYLE ================= */
/* Wrapper bảng giá */
.pricing-table-wrapper {height:100%;}

/* Bo góc + viền */
.ux_price_table {border-radius:10px;overflow:hidden;border:1px solid #1b519f26;}

/* Header màu xanh */
.ux_price_table .pricing-table-header {background:#1b519f;color:#fff;padding:1px 0px;text-align:center;}

/* Tên gói */
.ux_price_table .pricing-table-header .title {font-size:12px;font-weight:700;}

/* Giá tiền */
.ux_price_table .price {font-size:30px !important;font-weight:700;color:#ffffff !important;}

/* Từng dòng tính năng */
.ux_price_table .bullet-item {padding:10px 0;font-size:13px;border-bottom:1px solid #e9e9e9;color:#333;}

/* Xóa gạch cuối */
.ux_price_table .bullet-item:last-child {border-bottom:none;}


/* ===== Box quà tặng ===== */
.luxi-gift-box {background:#ffffff;border:1px solid #e1eef8;border-radius:15px;padding:15px 15px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:center;min-height:160px;}

/* Icon quà */
.luxi-gift-box .gift-icon {font-size:32px;margin-bottom:8px;}

/* Tiêu đề */
.luxi-gift-box h4 {font-size:15px;font-weight:700;color:#1b519f;margin-bottom:6px;text-transform:uppercase;line-height:1.3;}

/* Mô tả */
.luxi-gift-box p {font-size:13px;line-height:1.5;color:#333;margin:0;}


/* Footer màu nền nhạt */
footer#footer {background-color:#eef3f9 !important;}


/* ================= LUXI FAQ – Premium Box Style ================= */
/* Box FAQ */
.luxi-faq .accordion-item {background:#fff;padding:18px 22px;margin-bottom:20px;border-radius:14px;border:1px solid #dbe4f3;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:.25s ease;}

/* Hover box */
.luxi-faq .accordion-item:hover {border-color:#1b519f;box-shadow:0 6px 16px rgba(27,81,159,0.18);}

/* Tiêu đề */
.luxi-faq .accordion-title {font-size:16px;font-weight:700;color:#1b519f;padding-right:45px;position:relative;line-height:1.4;}

/* Icon mở */
.luxi-faq .active .accordion-title:after {content:"\f068";background:#4da4ff;transform:rotate(180deg);}

/* Nội dung */
.luxi-faq .accordion-inner {font-size:14px;color:#444;margin-top:14px;padding-left:5px;line-height:1.7;}

/* Bỏ margin p */
.luxi-faq .accordion-inner p {margin:0 0 10px !important;}

/* Background section FAQ */
.section-faq {background:#eef3f9;padding:50px 0;}


/* ================= FEATURE BOX – PREMIUM ================= */
/* Box tổng */
.luxi-feature-box .col-inner {background:#ffffff;border:1.6px solid #e5e9f2;border-radius:16px;padding:10px 15px;text-align:center !important;transition:.28s ease;position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;}

/* Tiêu đề */
.luxi-feature-box h3 {margin-top:12px;margin-bottom:10px;color:#0F1012;font-weight:700;font-size:20px;}

/* Mô tả */
.luxi-feature-box p {font-size:14px;line-height:1.55;color:#333;margin:0 auto;max-width:260px;}

/* Hover Premium */
.luxi-feature-box .col-inner:hover {border-color:#1b519f;box-shadow:0 8px 22px rgba(27,81,159,0.12);transform:translateY(-1px);}

/* Hover icon đổi màu */
.luxi-feature-box .col-inner:hover svg path[fill="#69C8FF"] {fill:#1b519f !important;}


/* ================= Nút Messenger ================= */
.luxi-ms-box {text-align:center;margin-top:25px;margin-bottom:25px;}
.luxi-ms-btn {background:linear-gradient(135deg,#1b519f,#4da4ff);padding:14px 35px;border-radius:50px;font-size:18px;font-weight:700;color:#fff !important;display:inline-block;box-shadow:0 5px 15px rgba(27,81,159,0.25);transition:.25s ease;letter-spacing:0.3px;}
.luxi-ms-btn:hover {background:linear-gradient(135deg,#163f7a,#3c91e6);transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,81,159,0.35);}


/* ================= QUY TRÌNH ESIM – 4 BƯỚC ================= */
.esim-step {background:#ffffff;border-radius:14px;padding:10px 15px;text-align:center;border:1px solid #d6e2f3;box-shadow:0 6px 16px rgba(0,0,0,0.06);transition:.25s ease;height:100%;position:relative;}
.esim-step:hover {transform:translateY(-0px);box-shadow:0 12px 26px rgba(0,0,0,0.12);border-color:#1b519f;}
.esim-step-number {font-size:13px;font-weight:700;color:#1b519f;background:#e8f1ff;padding:2px 50px;border-radius:20px;display:inline-block;margin-bottom:12px;}
.esim-icon {font-size:36px;margin-bottom:12px;color:#1b519f;}
.esim-step-title {font-size:17px;font-weight:700;margin-bottom:6px;color:#1b1b1b;line-height:1.3;}
.esim-desc {font-size:14px;color:#444;line-height:1.5;margin:0;}
.row .col {display:flex;align-items:stretch;}


/* ================= PHƯƠNG THỨC THANH TOÁN ================= */
.pay-card {background:#ffffff;border-radius:14px;padding:22px 18px;border:1px solid #d6e2f3;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,0.06);transition:.25s ease;height:100%;}
.pay-card:hover {transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,0.12);border-color:#1b519f;}
.pay-icon {font-size:38px;color:#1b519f;margin-bottom:12px;}
.pay-title {font-size:17px;font-weight:700;color:#1b1b1b;margin-bottom:8px;}
.pay-desc {font-size:14px;color:#444;line-height:1.5;}
.row .col {display:flex;align-items:stretch;}


/* ================= ACCORDION INSTALL – CÓ BACKGROUND ================= */
.install-box {background:#ffffff;border-radius:14px;padding:18px 18px;border:1px solid #d6e2f3;box-shadow:0 6px 16px rgba(0,0,0,0.06);height:100%;}
.install-box .accordion-title {display:flex !important;align-items:center !important;justify-content:space-between;padding:12px 14px;margin-bottom:8px;border-radius:8px;background:#f4f7ff;border:1px solid #dbe7ff;transition:0.2s ease;}
.install-box .accordion-title:hover {background:#e8f1ff;border-color:#b8d2ff;}
.install-box .accordion-item.active > .accordion-title {background:#1b519f;border-color:#1b519f;}
.install-box .accordion-item.active > .accordion-title span {color:#fff !important;}
.install-box .accordion-title .toggle,
.install-box .accordion-title .toggle i,
.install-box .accordion-title .toggle::before,
.install-box .accordion-title .toggle::after {display:none !important;}
.install-box .accordion-title span {font-size:14px;font-weight:600;color:#1b519f;}
.install-box .accordion-inner {padding:12px 10px;font-size:14px;color:#333;line-height:1.6;background:#ffffff;border-left:2px solid #1b519f15;margin:5px 0 15px;border-radius:6px;}
.install-box .accordion-inner ul li {padding-left:6px;margin-bottom:6px;}


/* ================= BẢNG GIÁ MANSION / FAMILY ================= */
.mansion-title, .family-title {font-size:17px;font-weight:700;text-transform:uppercase;color:#1b519f;margin-bottom:4px;}
.mansion-price, .family-price {font-size:15px;font-weight:600;color:#333;}
.install-box .accordion-inner .row .col-inner {text-align:center;}


/* Xóa height cố định của Flatsome */
.box-text.box-text-products {height:auto !important;min-height:auto !important;}
.product-small .box {height:auto !important;}
.product-small .box-text {height:auto !important;min-height:auto !important;display:block !important;}

/* ========= LUXI MOBILE BAR ========= */
.luxi-mobile-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #dedede;display:none;justify-content:space-around;padding:6px 0 4px;z-index:999999;box-shadow:0 -4px 16px rgba(0,0,0,0.12);}
@media(max-width:768px){.luxi-mobile-bar{display:flex;}body{padding-bottom:60px;}}
.luxi-item{text-align:center;width:20%;text-decoration:none;color:#333;transition:transform .25s ease,opacity .25s ease;}
.luxi-item img{width:26px;height:26px;margin:0 auto;display:block;transition:transform .25s ease;}
.luxi-item span{font-size:11px;margin-top:3px;display:block;transition:transform .25s ease,opacity .25s ease;}
.luxi-item:active img,.luxi-item.touch img{transform:scale(.82);}
.luxi-item:active span,.luxi-item.touch span{opacity:.6;transform:translateY(1px);}
.luxi-item:hover img{transform:scale(.90);}
.luxi-item:hover span{opacity:.9;}

/* ========= CHAT WRAPPER ========= */
.luxi-chatbox-wrapper{position:fixed;right:20px;bottom:65px;z-index:999999;}

/* ========= FLOAT BANNER ========= */
.luxi-float-banner img{width:160px;position:fixed;right:20px;bottom:100px;z-index:999998;transition:.3s;}
.luxi-float-banner img:hover{transform:scale(1.05);}

/* ========= CHAT BUTTON PREMIUM ========= */
.luxi-chat-btn{background:linear-gradient(135deg,#1b519f,#00a1ff);color:#fff;border:none;padding:5px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:15px;box-shadow:0 6px 18px rgba(0,0,0,.20);transition:.25s;}
.luxi-chat-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.28);background:linear-gradient(135deg,#00c463,#00b057);}
.luxi-chat-btn img{width:45px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));}
/* ==== POPUP LIÊN HỆ ==== */
.luxi-contact-box{width:300px;background:#fff;border-radius:16px;position:fixed;right:20px;bottom:140px;padding:0;box-shadow:0 6px 25px rgba(0,0,0,.18);display:none;animation:fadeInUp .25s ease;overflow:hidden;border:1px solid #e6e6e6;}
@keyframes fadeInUp{from{transform:translateY(25px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* ==== HEADER ==== */
.luxi-contact-box .contact-header{background:linear-gradient(135deg,#00b057,#00a14c);color:#fff;padding:14px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center;font-weight:700;}
.luxi-contact-box .header-left{display:flex;align-items:center;gap:10px;}
.luxi-contact-box .contact-header img{width:30px;}
.luxi-close{font-size:26px;cursor:pointer;font-weight:300;transition:.2s;}
.luxi-close:hover{transform:scale(1.15);opacity:.7;}

/* ==== ITEM ==== */
.luxi-contact-box .item{padding:15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f2f2f2;text-decoration:none;color:#333;transition:.22s;font-size:15px;}
.luxi-contact-box .item img{width:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.10));}
.luxi-contact-box .item:hover{background:#f9f9f9;padding-left:20px;}
.luxi-contact-box .item:last-child{border-bottom:none;}

/* ==== VIDEO ==== */
.luxi-video-box{}
.luxi-video-box iframe{width:100%!important;height:100%!important;border-radius:5px;border:none;}
h2.luxi-video-title{text-align:center;font-size:24px;font-weight:800;color:#1b519f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;}

/* ==== BLOG CARD ==== */
.luxi-blog-slider .box{background:#fff;border-radius:14px;overflow:hidden;box-shadow:5px 5px 5px rgba(0,0,0,.06);transition:.3s;position:relative;}

/* ==== BADGE NGÀY ==== */
.luxi-blog-slider .post-date{position:absolute;top:10px;left:10px;}

/* ==== DOTS ==== */
.luxi-blog-slider .flickity-page-dots .dot{width:10px;height:10px;background:#c4c4c4;border-radius:50%;transition:.2s;margin:10px;}
.luxi-blog-slider .flickity-page-dots .dot.is-selected{background:#1b519f;transform:scale(1.7);}

/* ==== BUTTON NEXT/PREV ==== */
.luxi-blog-slider .flickity-prev-next-button{width:42px;height:42px;background:#fff!important;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);}
/* ==== LUXI ABOUT BOX ==== */
.luxi-about-box{background:#fff;border:.5px solid #bfd9f1;border-radius:12px;padding:3px!important;box-shadow:1px 10px 10px rgba(0,0,0,.06);transition:.25s;}
.luxi-about-box p strong{font-size:17px;color:#1b519f;letter-spacing:.3px;}
.luxi-about-box h2{font-size:32px;font-weight:800;color:#1b519f;margin-bottom:18px;}
.luxi-about-box p{font-size:15px;color:#333;line-height:1.6;margin-bottom:12px;}

.luxi-about-box .icon-box-img img{width:70px!important;height:70px!important;object-fit:contain;transition:.25s;}
.luxi-about-box .icon-box:hover .icon-box-img img{transform:scale(1.1);}
.luxi-about-box .icon-box-text p{margin-top:0!important;font-size:11px;font-weight:600;color:#1b519f;}
.luxi-about-box .col-inner{padding:16px;}

/* ==== CARD LUXI EN MEDIA ==== */
.luxi-column-card .col-inner{background:#fff!important;border-radius:12px!important;border:1px solid #e6e6e6!important;box-shadow:0 8px 24px rgba(0,0,0,.10);padding:0!important;overflow:hidden!important;transition:.25s;text-align:left!important;}
.luxi-column-card .col-inner:hover{transform:translateY(-3px);box-shadow:0 16px 20px rgba(0,0,0,.18);}
.luxi-column-card .box-image img{border-radius:12px 12px 0 0!important;width:100%;}
.luxi-column-card .box-text-inner{padding:2px 6px!important;}
.luxi-column-card h4{font-size:16px!important;font-weight:700!important;color:#1b519f!important;margin-bottom:12px!important;text-align:left!important;}
.luxi-column-card .text p{font-size:14px!important;color:#444;line-height:1.55;margin-bottom:0!important;text-align:left!important;}

/* ==== BUTTONS ==== */
.luxi-card-buttons{display:flex;align-items:center;gap:20px;margin-top:10px;}
.luxi-btn-primary{background:#1b519f!important;color:#fff!important;padding:5px 20px;border-radius:40px;font-size:14px;font-weight:600;display:inline-block;}
.luxi-btn-link{font-size:14px;font-weight:600;color:#1b519f!important;text-decoration:none!important;display:flex;align-items:center;}
.luxi-btn-link i{margin-left:4px;font-size:12px;}

/* ==== TAB LUXI PREMIUM ==== */
.tabbed-content h4.uppercase{font-size:20px;font-weight:700;margin-bottom:12px;color:#1b519f;letter-spacing:.4px;}
.tabbed-content .nav.nav-pills{display:flex;justify-content:center;gap:5px;}
.tabbed-content .nav.nav-pills .tab a{background:#f6f8fc;color:#1b519f;padding:0 15px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid #d7dfea;transition:.25s;}
.tabbed-content .nav.nav-pills .tab a:hover{background:#eef4ff;border-color:#4da4ff;color:#1b519f;box-shadow:0 3px 6px rgba(0,0,0,.08);}
.tabbed-content .nav.nav-pills .tab.active a,
.tabbed-content .nav.nav-pills .tab a[aria-selected="true"]{background:#1b519f;border-color:#1b519f;color:#fff;}
/* ==== BREADCRUMB PREMIUM ==== */
.woocommerce-breadcrumb{display:flex;gap:1px!important;padding:5px!important;background:#f6f8fc;border-radius:4px;align-items:center;flex-wrap:wrap;}
.woocommerce-breadcrumb a{background:#fff;padding:4px 10px;font-size:11px;border-radius:5px;font-weight:600;color:#1b519f;border:1px solid #dbe4f5;display:inline-flex;align-items:center;gap:1px;}
.woocommerce-breadcrumb a:hover{background:#1b519f;color:#fff;border-color:#1b519f;}
.woocommerce-breadcrumb .divider{opacity:.1;font-size:8px;padding:0 1px;}

/* ==== LOAD MORE BUTTON ==== */
.ux-relay__load-more-button{background:#1b519f!important;color:#fff!important;border:none!important;padding:0 60px!important;font-size:15px!important;font-weight:600!important;border-radius:5px!important;letter-spacing:.5px;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:.25s;}

/* ==== LUXI DKDK TEXT ==== */
.luxi-dkdk p{font-size:15px;font-weight:700;color:#1b519f;margin-bottom:3px;text-transform:uppercase;}

/* ==== DKDK IMAGE CARD ==== */
.luxi-dkdk .img{border:1px solid #d8e8ff;border-radius:5px;padding:4px;background:#fff;margin-bottom:3px;}

/* ==== CTA CHECK ADDRESS ==== */
.luxi-btn-check{background:#1b519f!important;color:#fff!important;padding:3px 28px!important;border-radius:10px!important;font-size:16px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;transition:.25s;border:none!important;box-shadow:0 4px 10px rgba(27,81,159,.3);}
/* ==== CARD ƯU ĐIỂM ==== */
.wifi-card{background:#fff;padding:2px;border-radius:12px;border:1px solid #dfe7f5;box-shadow:0 4px 10px rgba(0,0,0,.06);text-align:center;transition:.25s;height:100%;}
.wifi-card-icon{font-size:30px;margin-bottom:1px;color:#1b519f;}
.wifi-card-title{font-size:11px;font-weight:700;color:#1b519f;margin-bottom:1px;text-transform:uppercase;letter-spacing:.3px;}
.wifi-card-text{font-size:11px;color:#444;line-height:1.5;}

/* ==== BẢNG GIÁ SOFTBANK ==== */
.pricing-table-wrapper{height:100%;}
.ux_price_table{border-radius:10px;overflow:hidden;border:1px solid #1b519f26;}
.ux_price_table .pricing-table-header{background:#1b519f;color:#fff;padding:1px 0;text-align:center;}
.ux_price_table .pricing-table-header .title{font-size:12px;font-weight:700;}
.ux_price_table .price{font-size:30px!important;font-weight:700;color:#fff!important;}
.ux_price_table .bullet-item{padding:10px 0;font-size:13px;border-bottom:1px solid #e9e9e9;color:#333;}
.ux_price_table .bullet-item:last-child{border-bottom:none;}

/* ==== BOX QUÀ TẶNG ==== */
.luxi-gift-box{background:#fff;border:1px solid #e1eef8;border-radius:15px;padding:15px;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;min-height:160px;}
.luxi-gift-box .gift-icon{font-size:32px;margin-bottom:8px;}
.luxi-gift-box h4{font-size:15px;font-weight:700;color:#1b519f;margin-bottom:6px;text-transform:uppercase;line-height:1.3;}
.luxi-gift-box p{font-size:13px;line-height:1.5;color:#333;margin:0;}
/* ==== LUXI FAQ 2.0 ==== */
.luxi-faq .accordion-item{background:#fff;padding:18px 22px;margin-bottom:20px;border-radius:14px;border:1px solid #dbe4f3;box-shadow:0 3px 10px rgba(0,0,0,.05);transition:.25s;}
.luxi-faq .accordion-item:hover{border-color:#1b519f;box-shadow:0 6px 16px rgba(27,81,159,.18);}
.luxi-faq .accordion-title{font-size:16px;font-weight:700;color:#1b519f;padding-right:45px;position:relative;line-height:1.4;}
.luxi-faq .active .accordion-title:after{content:"\f068";background:#4da4ff;transform:rotate(180deg);}
.luxi-faq .accordion-inner{font-size:14px;color:#444;margin-top:14px;padding-left:5px;line-height:1.7;}
.luxi-faq .accordion-inner p{margin:0 0 10px!important;}
.section-faq{background:#eef3f9;padding:50px 0;}

/* ==== LUXI FEATURE BOX ==== */
.luxi-feature-box .col-inner{background:#fff;border:1.6px solid #e5e9f2;border-radius:16px;padding:10px 15px;text-align:center!important;transition:.28s;position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;}
.luxi-feature-box h3{margin:12px 0 10px;color:#0f1012;font-weight:700;font-size:20px;}
.luxi-feature-box p{font-size:14px;line-height:1.55;color:#333;margin:0 auto;max-width:260px;}
.luxi-feature-box .col-inner:hover{border-color:#1b519f;box-shadow:0 8px 22px rgba(27,81,159,.12);transform:translateY(-1px);}
.luxi-feature-box .col-inner:hover svg path[fill="#69C8FF"]{fill:#1b519f!important;}

.luxi-ms-box{text-align:center;margin:25px 0;}

/* ==== NÚT MESSENGER LUXI ==== */
.luxi-ms-btn{background:linear-gradient(135deg,#1b519f,#4da4ff);padding:14px 35px;border-radius:50px;font-size:18px;font-weight:700;color:#fff!important;display:inline-block;box-shadow:0 5px 15px rgba(27,81,159,.25);transition:.25s;letter-spacing:.3px;}
.luxi-ms-btn:hover{background:linear-gradient(135deg,#163f7a,#3c91e6);transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,81,159,.35);}

/* ==== QUY TRÌNH eSIM – 4 BƯỚC ==== */
.esim-step{background:#fff;border-radius:14px;padding:10px 15px;text-align:center;border:1px solid #d6e2f3;box-shadow:0 6px 16px rgba(0,0,0,.06);transition:.25s;height:100%;position:relative;}
.esim-step:hover{box-shadow:0 12px 26px rgba(0,0,0,.12);border-color:#1b519f;}
.esim-step-number{font-size:13px;font-weight:700;color:#1b519f;background:#e8f1ff;padding:2px 50px;border-radius:20px;display:inline-block;margin-bottom:12px;}
.esim-icon{font-size:36px;margin-bottom:12px;color:#1b519f;}
.esim-step-title{font-size:17px;font-weight:700;margin-bottom:6px;color:#1b1b1b;line-height:1.3;}
.esim-desc{font-size:14px;color:#444;line-height:1.5;margin:0;}
/* ==== PHƯƠNG THỨC THANH TOÁN SOFTBANK ==== */
.pay-card{background:#fff;border-radius:14px;padding:22px 18px;border:1px solid #d6e2f3;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.06);transition:.25s;height:100%;}
.pay-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,.12);border-color:#1b519f;}
.pay-icon{font-size:38px;color:#1b519f;margin-bottom:12px;}
.pay-title{font-size:17px;font-weight:700;color:#1b1b1b;margin-bottom:8px;}
.pay-desc{font-size:14px;color:#444;line-height:1.5;}
/* ==== ACCORDION LUXI – BACKGROUND ==== */
.install-box{background:#fff;border-radius:14px;padding:18px;border:1px solid #d6e2f3;box-shadow:0 6px 16px rgba(0,0,0,.06);height:100%;}
.install-box .accordion-title{display:flex!important;align-items:center!important;justify-content:space-between;padding:12px 14px;margin-bottom:8px;border-radius:8px;background:#f4f7ff;border:1px solid #dbe7ff;transition:.2s;}
.install-box .accordion-title:hover{background:#e8f1ff;border-color:#b8d2ff;}
.install-box .accordion-item.active>.accordion-title{background:#1b519f;border-color:#1b519f;}
.install-box .accordion-item.active>.accordion-title span{color:#fff!important;}
.install-box .accordion-title .toggle,
.install-box .accordion-title .toggle i,
.install-box .accordion-title .toggle::before,
.install-box .accordion-title .toggle::after{display:none!important;}
.install-box .accordion-title span{font-size:14px;font-weight:600;color:#1b519f;}
.install-box .accordion-inner{padding:12px 10px;font-size:14px;color:#333;line-height:1.6;background:#fff;border-left:2px solid #1b519f15;margin:5px 0 15px;border-radius:6px;}
.install-box .accordion-inner ul li{padding-left:6px;margin-bottom:6px;}

/* ==== MANSION / FAMILY ==== */
.mansion-title,.family-title{font-size:17px;font-weight:700;text-transform:uppercase;color:#1b519f;margin-bottom:4px;}
.mansion-price,.family-price{font-size:15px;font-weight:600;color:#333;}
.install-box .accordion-inner .row .col-inner{text-align:center;}

/* ==== FIX FLATSOME HEIGHT ==== */
.box-text.box-text-products,
.product-small .box,
.product-small .box-text{height:auto!important;min-height:auto!important;display:block!important;}

/* ==== DESKTOP 2-COLUMN ==== */
@media(min-width:768px){
    .product-main{display:block!important;width:100%!important;}
    .product-summary,.product-gallery{width:50%!important;display:inline-block!important;vertical-align:top;}
}

/* ==== MOBILE ==== */
@media(max-width:767px){
    .product-summary,.product-gallery{width:100%!important;display:block!important;}
}








@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}