/* eSIM v2 - giao diện chung toàn website (header, tiêu đề mục, khung nội dung, tab, FAQ, bài viết).
   Chỉ là CSS: nội dung, ảnh, icon trong UX Builder vẫn do bạn chỉnh như bình thường. Áp dụng khi <body> có class "esim-v2-site". */
.esim-v2-site{--primary-color:#0f2a2e;--fs-color-primary:#0f2a2e;--e-ink:#0f2a2e;--e-line:#d9e3e0;--e-tint:#e4f1ee;--e-mute:#4b6368}

/* ---------- Header ---------- */
.esim-v2-site .header-top{background:#0f2a2e!important;min-height:0}
.esim-v2-site .header-top,.esim-v2-site .header-top a,.esim-v2-site .header-top .nav>li>a,.esim-v2-site .header-top .html,.esim-v2-site .header-top .header-contact-wrapper *{color:#cfe0dc!important;font-size:12px}
.esim-v2-site .header-top strong,.esim-v2-site .header-top b{color:#f2b705!important;letter-spacing:.06em}
.esim-v2-site .header-wrapper{box-shadow:0 2px 12px rgba(15,42,46,.06)}
.esim-v2-site .header-main{background:#fff}
.esim-v2-site .header-nav-main>li>a{height:auto!important;min-height:0!important;line-height:1.2!important;margin:0 3px;padding:8px 14px!important;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--e-ink)}
.esim-v2-site .header-nav-main>li>a:before,.esim-v2-site .header-nav-main>li>a:after{display:none!important}
.esim-v2-site .header-nav-main>li.active>a,.esim-v2-site .header-nav-main>li.current-menu-item>a,.esim-v2-site .header-nav-main>li>a:hover{background:var(--e-tint);color:var(--e-ink)}
.esim-v2-site .header-search-form .search-field{height:42px;border:1px solid var(--e-line);border-radius:999px 0 0 999px;box-shadow:none}
.esim-v2-site .header-search-form .ux-search-submit{height:42px;border-radius:0 999px 999px 0;background:var(--e-ink)!important;color:#fff}

/* ---------- Tiêu đề các mục ---------- */
.esim-v2-site .section-title-container .section-title span{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:0;text-transform:none;color:var(--e-ink)}
.esim-v2-site .section-title-bold span{padding:0!important;border:0!important}
.esim-v2-site .section-title b{background-color:var(--e-line);opacity:1}

/* ---------- Khung nội dung (các ô viền vàng cũ) thành thẻ bo góc ---------- */
.esim-v2-site .col-inner.has-border{border:1px solid var(--e-line)!important;border-radius:24px!important;background:#fff}

/* ---------- Banner: bo góc, chữ nghiêng thành chữ thường ---------- */
.esim-v2-site .banner{border-radius:28px;overflow:hidden}
.esim-v2-site .banner .text-box em,.esim-v2-site .banner .text-box i,.esim-v2-site .banner .text-box p{font-style:normal}

/* ---------- Tab (Apple, Samsung, Google Pixel...) thành nút viên thuốc ---------- */
.esim-v2-site .tabbed-content>.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;border:0}
.esim-v2-site .tabbed-content>.nav>li{margin:0}
.esim-v2-site .tabbed-content>.nav>li>a{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:1px solid var(--e-line);border-radius:999px;background:#fff;color:var(--e-ink);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0}
.esim-v2-site .tabbed-content>.nav>li>a:before{display:none!important}
.esim-v2-site .tabbed-content>.nav>li.active>a{background:var(--e-ink);border-color:var(--e-ink);color:#fff}

/* ---------- FAQ (accordion) ---------- */
.esim-v2-site .accordion-item{border-color:var(--e-line)}
.esim-v2-site .accordion-title{position:relative;display:block;padding:16px 44px 16px 0!important;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--e-ink)}
/* Mũi tên: nằm bên phải của hàng, căn giữa theo chiều dọc */
.esim-v2-site .accordion-title .toggle{position:absolute!important;top:50%!important;right:0!important;left:auto!important;width:32px;height:32px;margin:0!important;padding:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;color:var(--e-mute)}
.esim-v2-site .accordion-title .toggle i{margin:0;line-height:1}

/* ---------- Nút ---------- */
.esim-v2-site .button:not(.icon):not(.is-form):not(.checkout):not(.single_add_to_cart_button){border-radius:999px;font-weight:700;letter-spacing:0;text-transform:none}

/* ---------- Bài viết (Blog) ---------- */
.esim-v2-site .box-blog-post .box{padding:12px;background:#fff;border:1px solid var(--e-line);border-radius:24px}
.esim-v2-site .box-blog-post .box-image{border-radius:16px;overflow:hidden}
.esim-v2-site .box-blog-post .post-title,.esim-v2-site .entry-title{font-weight:800;letter-spacing:0;text-transform:none;color:var(--e-ink)}
.esim-v2-site .blog-single .article-inner{padding:8px 0}