/*
Theme Name: Flatsome child
Description: Flatsome Team developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.9
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ===== ABOUT SECTION ===== */
:root{
    --primary-key: #21409a;
}
h1{
    text-transform: uppercase;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}
.readmore{
    margin-top: 20px;
    text-align: center;
}
.readmore a{
    padding: 10px 20px;
    background-color: red;
    color: #fff;
    border-radius: 10px;
    text-align: center;
}
.st_service img {
    border-radius: 10px;
}
.st_service h2{
    color: var(--primary-key);
    font-size: 24px;
    text-transform: uppercase;
}
.st_gallery h2{
    color: var(--primary-key);
    font-size: 24px;
    text-transform: uppercase;
}
.st_service h3{
    color: var(--primary-key);
}

.about-nailsx{
    font-family: 'Poppins', sans-serif;
    background:#faf7f7;
    padding:70px 20px;
    line-height:1.7;
}

.about-nailsx .container{
    max-width:1100px;
    margin:auto;
}

.about-nailsx h1{
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
    color:var(--primary-key);
}

.about-nailsx h2{
    font-size:26px;
    margin-top:40px;
    margin-bottom:15px;
    color:#b40028;
    font-weight:600;
}

.about-nailsx p{
    font-size:16px;
    color:#444;
    margin-bottom:18px;
}

.about-nailsx .services{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
    margin-top:15px;
    margin-bottom:25px;
}

.about-nailsx .service-item{
    background:#fff;
    padding:14px 18px;
    border-radius:8px;
    border:1px solid #eee;
    font-size:15px;
    font-weight:500;
    color:#333;
    box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

.about-nailsx .cta{
    margin-top:35px;
    background:#b40028;
    color:white;
    padding:18px 25px;
    border-radius:8px;
    text-align:center;
}

.about-nailsx .cta h3{
    margin:0 0 10px 0;
    font-size:20px;
    color: #fff;
}
.about-nailsx .cta p{
    color: #fff;
}
.about-nailsx .cta a{
    display:inline-block;
    margin-top:8px;
    padding:10px 22px;
    background:#fff;
    color:#b40028;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;
}

.about-nailsx .cta a:hover{
    background:#f4f4f4;
}

@media(max-width:768px){

.about-nailsx h1{
    font-size:30px;
}

.about-nailsx h2{
    font-size:22px;
}

}

.pedicure-nailsx{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    padding:70px 20px;
    line-height:1.7;
}

.pedicure-nailsx .container{
    max-width:1100px;
    margin:auto;
}

.pedicure-nailsx h1{
    font-size:32px;
    font-weight:700;
    color:var(--primary-key);
    margin-bottom:20px;
}

.pedicure-nailsx h2{
    font-size:26px;
    color:#b40028;
    margin-top:35px;
    margin-bottom:15px;
}

.pedicure-nailsx p{
    font-size:16px;
    color:#444;
    margin-bottom:18px;
}

.pedicure-nailsx .pedicure-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
    margin:20px 0 30px;
}

.pedicure-nailsx .pedicure-item{
    background:#faf7f7;
    padding:16px 20px;
    border-radius:8px;
    border:1px solid #eee;
    font-weight:500;
    color:#333;
    box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

.pedicure-nailsx .highlight{
    background:#faf7f7;
    border-left:4px solid #b40028;
    padding:20px 22px;
    border-radius:6px;
    margin:20px 0;
}

.pedicure-nailsx .cta{
    margin-top:35px;
    background:#b40028;
    color:white;
    padding:22px;
    border-radius:8px;
    text-align:center;
}
.pedicure-nailsx .cta h3, .pedicure-nailsx .cta p{
    color: #fff;;
}
.pedicure-nailsx .cta a{
    display:inline-block;
    margin-top:10px;
    padding:11px 24px;
    background:#fff;
    color:#b40028;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
}

.pedicure-nailsx .cta a:hover{
    background:#f3f3f3;
}

@media(max-width:768px){

.pedicure-nailsx h1{
    font-size:30px;
}

.pedicure-nailsx h2{
    font-size:22px;
}

}

.gelmanicure-nailsx{
    font-family:'Poppins',sans-serif;
    padding:70px 20px;
    line-height:1.7;
}

.gelmanicure-nailsx .container{
    max-width:1100px;
    margin:auto;
}

.gelmanicure-nailsx h1{
    font-size:32px;
    font-weight:700;
    color:var(--primary-key);
    margin-bottom:20px;
}

.gelmanicure-nailsx h2{
    font-size:26px;
    color:#b40028;
    margin-top:35px;
    margin-bottom:15px;
}

.gelmanicure-nailsx p{
    font-size:16px;
    color:#444;
    margin-bottom:18px;
}

.gelmanicure-nailsx .benefits{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
    margin:20px 0 30px;
}

.gelmanicure-nailsx .benefit-item{
    background:#fff;
    padding:16px 20px;
    border-radius:8px;
    border:1px solid #eee;
    box-shadow:0 3px 8px rgba(0,0,0,0.05);
    font-weight:500;
    color:#333;
}

.gelmanicure-nailsx .highlight{
    background:#ffffff;
    border-left:4px solid #b40028;
    padding:20px 22px;
    border-radius:6px;
    margin:20px 0;
}

.gelmanicure-nailsx .cta{
    margin-top:35px;
    background:#b40028;
    color:white;
    padding:22px;
    border-radius:8px;
    text-align:center;
}
.gelmanicure-nailsx .cta h3, .gelmanicure-nailsx .cta p{
    color: #fff;
}
.gelmanicure-nailsx .cta a{
    display:inline-block;
    margin-top:10px;
    padding:11px 24px;
    background:#fff;
    color:#b40028;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
}

.gelmanicure-nailsx .cta a:hover{
    background:#f2f2f2;
}

@media(max-width:768px){

.gelmanicure-nailsx h1{
    font-size:30px;
}

.gelmanicure-nailsx h2{
    font-size:22px;
}

}
.acrylic-nailsx{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    padding:70px 20px;
    line-height:1.7;
}

.acrylic-nailsx .container{
    max-width:1100px;
    margin:auto;
}

.acrylic-nailsx h1{
    font-size:32px;
    font-weight:700;
    color:var(--primary-key);
    margin-bottom:20px;
}

.acrylic-nailsx h2{
    font-size:26px;
    color:#b40028;
    margin-top:35px;
    margin-bottom:15px;
}

.acrylic-nailsx p{
    font-size:16px;
    color:#444;
    margin-bottom:18px;
}

.acrylic-nailsx .style-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
    margin:20px 0 30px;
}

.acrylic-nailsx .style-item{
    background:#faf7f7;
    padding:16px 20px;
    border-radius:8px;
    border:1px solid #eee;
    font-weight:500;
    color:#333;
    box-shadow:0 3px 8px rgba(0,0,0,0.05);
}

.acrylic-nailsx .highlight{
    background:#faf7f7;
    border-left:4px solid #b40028;
    padding:20px 22px;
    border-radius:6px;
    margin:20px 0;
}

.acrylic-nailsx .cta{
    margin-top:35px;
    background:#b40028;
    color:white;
    padding:22px;
    border-radius:8px;
    text-align:center;
}
.acrylic-nailsx .cta h3, .acrylic-nailsx .cta p{
    color: #fff;
}
.acrylic-nailsx .cta a{
    display:inline-block;
    margin-top:10px;
    padding:11px 24px;
    background:#fff;
    color:#b40028;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
}

.acrylic-nailsx .cta a:hover{
    background:#f3f3f3;
}

@media(max-width:768px){

.acrylic-nailsx h1{
    font-size:30px;
}

.acrylic-nailsx h2{
    font-size:22px;
}
.box-service{
    display: block !important;
}

}
.box-service {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.box-service .media-block{
    text-align: center;
}
.box-service .media-block img {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 2px solid var(--primary-key);
    margin-top: 20px;
    margin-bottom: 20px;
}

a.nav-top-link {
    text-transform: uppercase;
}
/* ============================================
   NAILS X LOUNGE - Bảng giá
   Dán toàn bộ file này vào:
   Giao diện > Tùy biến > CSS bổ sung
   (Appearance > Customize > Additional CSS)
   Dùng chung cho cả trang Ethan Way và Florin.
   ============================================ */

.nails {
    font-family: 'Poppins', sans-serif;
    background: #f8f6fb;
    padding: 60px 20px;
}

.nails .wrapper {
    max-width: 1150px;
    margin: auto;
}

.nails .service-box {
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    transition: 0.3s ease;
}

.nails .service-box:hover {
    transform: translateY(-5px);
}

.nails .service-header {
    padding: 25px;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
}

.nails .pedicure .service-header {
    background: linear-gradient(135deg, #c471f5, #fa71cd);
}

.nails .manicure .service-header {
    background: linear-gradient(135deg, #ff758c, #ff7eb3);
}

.nails .acrylic .service-header {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.nails .other .service-header {
    background: linear-gradient(135deg, #ff9966, #ff5e62);
}

.nails .service-content {
    padding: 25px 35px;
}

.nails .sub-title {
    font-weight: 600;
    margin: 25px 0 10px;
    color: #444444;
    font-size: 18px;
}

.nails .service-item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 15px;
    padding: 8px 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
}

.nails .service-item:last-child {
    border-bottom: none;
}

.nails .service-price {
    font-weight: 600;
    color: #ff4f81;
    white-space: nowrap;
}

.nails .service-item .duration {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
}

.nails .note {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #777777;
}

.nails .free-callus {
    color: #1a8fd1;
    font-size: 13px;
    margin-top: 6px;
}

.nails .health-notice {
    background: #ffffff;
    border-left: 5px solid #ff5e62;
    border-radius: 12px;
    padding: 20px 25px;
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1.6;
    color: #444444;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.nails .tag-new {
    display: inline-block;
    background: #ffeaf1;
    color: #ff4f81;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 2px 9px;
    border-radius: 20px;
    margin-left: 8px;
    vertical-align: 2px;
}

/* Khối ảnh minh họa bên cạnh danh sách giá */
.nails .box-service {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.nails .box-service .service-content {
    flex: 1 1 60%;
    min-width: 0;
}

.nails .media-block {
    flex: 1 1 40%;
    min-height: 100%;
}

.nails .media-block img {
    object-fit: cover;
    display: block;
}

/* Responsive */
@media (max-width: 900px) {
    .nails .box-service {
        display: block;
    }

    .nails .media-block img {
        height: auto;
        max-height: 320px;
    }
}

@media (max-width: 600px) {
    .nails {
        padding: 40px 15px;
    }

    .nails .service-header {
        font-size: 21px;
        padding: 20px 15px;
    }

    .nails .service-content {
        padding: 20px;
    }

    .nails .service-item {
        font-size: 13px;
    }
}

/* Tôn trọng thiết lập giảm chuyển động của người dùng */
@media (prefers-reduced-motion: reduce) {
    .nails .service-box {
        transition: none;
    }

    .nails .service-box:hover {
        transform: none;
    }
}
/*booking  */
/* =====================================================================
   NAILS X LOUNGE – TRANG BOOKING (.appointment-section)
   Dán vào CSS bổ sung, SAU pages-sync.css (ghi đè phần 4 của file đó)
   ===================================================================== */
.appointment-section{
  position:relative; overflow:hidden; padding:90px 20px 100px;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.95),transparent 40%),
    radial-gradient(circle at 95% 100%,rgba(224,192,142,.35),transparent 45%),
    linear-gradient(160deg,#fffbf5 0%,#f6eadb 55%,#ecd9bd 100%);
}
.appointment-section br{display:none}
.appointment-section .address br{display:inline}
.appointment-container{max-width:1000px; margin:0 auto; position:relative}
.appointment-title{
  text-align:center; margin:0 auto 54px; font-size:clamp(28px,4vw,42px); font-weight:700; letter-spacing:.01em;
  color:var(--nx-ink); text-transform:none; line-height:1.2;
}
.appointment-title::before{
  content:"Book online in seconds"; display:block; margin-bottom:10px;
  font-size:15px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--nx-gold-d);
}
.appointment-title::after{
  content:""; display:block; width:120px; height:16px; margin:18px auto 0;
  background:
    linear-gradient(var(--nx-gold),var(--nx-gold)) left 50%/48px 1px no-repeat,
    linear-gradient(var(--nx-gold),var(--nx-gold)) right 50%/48px 1px no-repeat;
  -webkit-mask:none; mask:none; position:relative;
}
.location-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; counter-reset:loc}
.location-grid > :not(.location-card){display:none !important}

/* Thẻ chi nhánh */
.location-card{
  counter-increment:loc; position:relative; overflow:hidden; display:flex; flex-direction:column;
  padding:40px 36px 36px; border-radius:28px; background:#fff; border:1px solid var(--nx-line);
  box-shadow:0 20px 50px rgba(140,107,58,.13); transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.location-card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:6px; width:auto; background:var(--nx-grad);
}
/* Số thứ tự lớn mờ ở góc */
.location-card::after{
  content:"0" counter(loc); position:absolute; right:26px; top:18px;
  font-family:Georgia,serif; font-style:italic; font-size:78px; line-height:1; color:#f1e3cc; pointer-events:none;
}
.location-card:hover{transform:translateY(-8px); border-color:var(--nx-gold); box-shadow:0 28px 60px rgba(140,107,58,.2)}
.location-card h3{
  position:relative; z-index:1; margin:0 0 24px; font-size:15px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--nx-gold-d);
}
.location-card .address,.location-card .phone{
  position:relative; z-index:1; display:flex; gap:14px; align-items:flex-start; margin:0 0 16px;
}
.location-card .address{font-size:19px; font-weight:600; line-height:1.5; color:var(--nx-ink)}
.location-card .phone{font-size:16px; font-weight:600; color:var(--nx-sub)}
.location-card .address::before,.location-card .phone::before{
  content:""; flex:none; width:40px; height:40px; border-radius:50%;
  background:var(--nx-cream) var(--ico) no-repeat center/18px; border:1px solid var(--nx-line);
}
.location-card .address{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c6b3a' stroke-width='2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E")}
.location-card .phone{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c6b3a' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); align-items:center}
.location-card .phone a{color:inherit !important; text-decoration:none !important}
/* Dòng số điện thoại đang bị ẩn bằng opacity:0 thì bỏ hẳn cho gọn */
.location-card .phone[style*="opacity"]{display:none}

/* Nút đặt lịch */
.location-card .book-btn{
  position:relative; z-index:1; margin-top:auto; align-self:stretch; overflow:hidden;
  display:flex; align-items:center; justify-content:center; gap:10px; height:54px; padding:0 24px;
  border-radius:999px; background:var(--nx-ink); color:#f4e3c8 !important; border:1.5px solid #c9a56c;
  font-size:15px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important;
  box-shadow:0 10px 24px rgba(33,27,22,.22); transition:background .3s, color .3s, transform .3s, box-shadow .3s;
}
.location-card .book-btn::before{
  content:""; width:18px; height:18px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.location-card .book-btn::after{
  content:""; width:8px; height:8px; flex:none; border-right:2px solid currentColor; border-top:2px solid currentColor;
  transform:rotate(45deg); margin-left:4px; transition:transform .25s;
}
.location-card .book-btn:hover{
  background:var(--nx-grad); color:var(--nx-ink) !important; border-color:transparent;
  transform:translateY(-2px); box-shadow:0 14px 30px rgba(140,107,58,.3);
}
.location-card .book-btn:hover::after{transform:translateX(4px) rotate(45deg)}
.location-card .book-btn:focus-visible{outline:2px solid var(--nx-gold-d); outline-offset:3px}
.location-card .directions{
  position:relative; z-index:1; margin-top:14px; text-align:center; font-size:14px; font-weight:600;
  color:var(--nx-gold-d) !important; text-decoration:underline !important; text-underline-offset:3px;
}

@media (max-width:820px){
  .appointment-section{padding:60px 16px 70px}
  .location-grid{grid-template-columns:1fr; max-width:480px; margin:0 auto; gap:24px}
  .location-card{padding:34px 24px 28px}
  .location-card::after{font-size:62px; right:20px}
  .location-card .address{font-size:17px}
}
@media (prefers-reduced-motion:reduce){ .location-card,.location-card .book-btn{transition:none} .location-card:hover{transform:none} }
/* GRID */
.location-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
}

/* CARD */
.location-card {
  background: #ffffff;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.location-card:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #c8a96a, #e6c78f);
}

.location-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 70px rgba(0,0,0,0.08);
}

.location-card h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #111;
  letter-spacing: 1px;
}

.address {
  font-size: 15px;
  color: #666;
  margin-bottom: 15px;
  line-height: 1.6;
}

.phone {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 25px;
  color: #222;
}

/* BUTTON */
.book-btn {
  display: inline-block;
  padding: 12px 28px;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.book-btn:hover {
  background: linear-gradient(90deg, #c8a96a, #e6c78f);
  color: #000;
  transform: translateY(-3px);
}

/* Responsive spacing */
@media (max-width: 768px) {
  .appointment-title {
    font-size: 26px;
  }

  .location-card {
    padding: 30px;
  }
}
/* Nails X Lounge – CF7 booking form
   Dán vào: Giao diện → Tùy biến → CSS bổ sung (Additional CSS) */
.nxl-booking{
  --nxl-ink:#211b16; --nxl-sub:#5a4e42; --nxl-gold:#b08d57; --nxl-gold-d:#8c6b3a;
  --nxl-line:#e6d8c3; --nxl-cream:#fffbf5;
  background:#fff; border-radius:24px; padding:36px 32px 28px;
  box-shadow:0 10px 40px rgba(140,107,58,.12); max-width:1300px; margin:0 auto;
}
.nxl-booking p{margin:0}                       /* phòng khi CF7 tự thêm <p> */
.nxl-booking br{display:none}
.nxl-booking__title{
  text-align:center; color:var(--nxl-gold-d); font-size:clamp(24px,3vw,34px);
  font-weight:700; margin:0 0 28px; line-height:1.25;
}
.nxl-booking__fields{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)) auto;
  gap:18px 20px; align-items:end;
}
.nxl-field label{
  display:block; font-size:15px; font-weight:600; color:var(--nxl-ink); margin:0 0 10px;
}
.nxl-field .wpcf7-form-control-wrap{display:block; position:relative}
.nxl-booking input[type=text],.nxl-booking input[type=tel],.nxl-booking input[type=number],
.nxl-booking input[type=datetime-local],.nxl-booking select{
  width:100%; height:46px; padding:0 18px; border:1px solid var(--nxl-line); border-radius:999px;
  background:#fff; color:var(--nxl-ink); font-size:14px; font-family:inherit;
  box-sizing:border-box; transition:border-color .2s, box-shadow .2s; margin:0;
}
.nxl-booking select{
  appearance:none; -webkit-appearance:none; padding-right:38px; cursor:pointer;
  text-overflow:ellipsis; white-space:nowrap;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23211b16' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;
}
.nxl-booking input::placeholder{color:#a3978a}
.nxl-booking input:focus,.nxl-booking select:focus{
  outline:none; border-color:var(--nxl-gold); box-shadow:0 0 0 3px rgba(176,141,87,.18);
}
.nxl-booking input[type=datetime-local]{padding:0 10px 0 14px; font-size:13px}
/* Nút gửi */
.nxl-submit{position:relative}
.nxl-submit input[type=submit]{
  height:46px; padding:0 52px 0 26px; border:0; border-radius:999px; cursor:pointer;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  color:var(--nxl-ink); font-size:15px; font-weight:600; letter-spacing:.02em;
  font-family:inherit; transition:filter .2s, transform .2s; white-space:nowrap; margin: 0;
}
.nxl-submit::after{
  content:""; position:absolute; right:22px; top:50%; width:8px; height:8px;
  border-right:2px solid var(--nxl-ink); border-top:2px solid var(--nxl-ink);
  transform:translateY(-50%) rotate(45deg); pointer-events:none;
}
.nxl-submit input[type=submit]:hover{filter:brightness(1.05); transform:translateY(-1px)}
.nxl-submit input[type=submit]:focus-visible{outline:2px solid var(--nxl-gold-d); outline-offset:3px}
.nxl-submit .wpcf7-spinner{position:absolute; left:50%; top:100%; margin:6px 0 0 -12px}
/* Dòng thông tin */
.nxl-booking__info{
  list-style:none; margin:30px 0 0; padding:0; display:flex; flex-wrap:wrap;
  justify-content:center; gap:14px 36px;
}
.nxl-i{
  display:flex; align-items:center; gap:8px; font-size:15px; font-weight:600;
  color:var(--nxl-ink); margin:0;
}
.nxl-i::before{
  content:""; width:20px; height:20px; flex:none; background:var(--nxl-gold);
  -webkit-mask:var(--ico) no-repeat center/contain; mask:var(--ico) no-repeat center/contain;
}
.nxl-i--clock{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.nxl-i--pin{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E")}
.nxl-i--chair{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 5.6L20 9.3l-4.4 3.9 1.3 5.8L12 16l-4.9 3 1.3-5.8L4 9.3l5.8-.7z'/%3E%3C/svg%3E")}
.nxl-i--phone{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
/* Lỗi & thông báo CF7 */
.nxl-booking .wpcf7-not-valid{border-color:#c0564b !important}
.nxl-booking .wpcf7-not-valid-tip{font-size:12px; margin-top:4px; padding-left:14px}
.wpcf7 form .wpcf7-response-output{
  border-radius:14px; margin:20px auto 0; max-width:1300px; text-align:center; font-size:14px;
}
/* Responsive */
@media (max-width:1100px){
  .nxl-booking__fields{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nxl-field--submit{grid-column:1/-1; display:flex; justify-content:center}
}
@media (max-width:640px){
  .nxl-booking{padding:28px 18px 22px; border-radius:18px}
  .nxl-booking__fields{grid-template-columns:1fr; gap:14px}
  .nxl-field label{font-size:14px; margin-bottom:8px}
  .nxl-submit,.nxl-submit input[type=submit]{width:100%}
  .nxl-booking__info{flex-direction:column; align-items:flex-start; gap:10px}
  .nxl-i{font-size:14px}
}
/* Nails X Lounge – Featured Services
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-fs{
  --fs-ink:#211b16; --fs-sub:#6b5e51; --fs-gold:#b08d57; --fs-gold-d:#8c6b3a;
  --fs-line:#eadcc6; --fs-bg:#fbf6ee;
  background:var(--fs-bg); padding:56px 20px 64px;
}
.nxl-fs p{margin:0}
.nxl-fs br{display:none}
.nxl-fs__head{text-align:center; margin:0 auto 36px}
.nxl-fs__brand{color:var(--fs-gold-d); font-size:17px; font-weight:500; margin-bottom:6px}
.nxl-fs__title{color:var(--fs-ink); font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.15; margin:0}
.nxl-fs__divider{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:16px}
.nxl-fs__divider::before,.nxl-fs__divider::after{content:""; width:70px; height:1px; background:var(--fs-gold)}
.nxl-fs__divider span{
  width:16px; height:16px; background:var(--fs-gold);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}
.nxl-fs__grid{
  max-width:1320px; margin:0 auto; display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;
}
.nxl-fs__card{
  background:#fff; border:1.5px solid var(--fs-line); border-radius:20px; padding:11px;
  display:flex; flex-direction:column; transition:border-color .25s, box-shadow .25s;
}
.nxl-fs__card:hover{border-color:var(--fs-gold); box-shadow:0 12px 30px rgba(140,107,58,.14)}
.nxl-fs__img{border-radius:14px; overflow:hidden; aspect-ratio:7/6; background:#f3e8d8}
.nxl-fs__img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s}
.nxl-fs__card:hover .nxl-fs__img img{transform:scale(1.04)}
.nxl-fs__body{display:flex; flex-direction:column; flex:1; text-align:center; padding:18px 10px 10px}
.nxl-fs__name{font-size:18px; font-weight:700; color:var(--fs-ink); margin:0 0 8px; line-height:1.3}
.nxl-fs__meta{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  font-size:14px; color:var(--fs-ink); margin-bottom:12px !important;
}
.nxl-fs__meta::before{
  content:""; width:17px; height:17px; flex:none; background:var(--fs-gold);
  -webkit-mask:var(--ico) no-repeat center/contain; mask:var(--ico) no-repeat center/contain;
}
.nxl-fs__meta--clock{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.nxl-fs__meta--tag{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 5.6L20 9.3l-4.4 3.9 1.3 5.8L12 16l-4.9 3 1.3-5.8L4 9.3l5.8-.7z'/%3E%3C/svg%3E")}
.nxl-fs__desc{
  font-size:14.5px; line-height:1.65; color:var(--fs-sub);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  margin-bottom:20px !important;
}
.nxl-fs__actions{margin-top:auto; display:flex; flex-direction:column; align-items:center; gap:10px}
.nxl-fs__btn{
  display:inline-flex; align-items:center; justify-content:center; border-radius:999px;
  font-size:14px; font-weight:600; text-decoration:none !important; line-height:1;
  transition:background .2s, color .2s, filter .2s;
}
.nxl-fs__btn--outline{height:42px; padding:0 20px; border:1.5px solid var(--fs-gold); color:var(--fs-gold-d) !important}
.nxl-fs__btn--outline:hover{background:var(--fs-gold); color:#fff !important}
.nxl-fs__btn--solid{
  height:42px; padding:0 22px; color:var(--fs-ink) !important;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
}
.nxl-fs__btn--solid:hover{filter:brightness(1.06)}
.nxl-fs__btn:focus-visible{outline:2px solid var(--fs-gold-d); outline-offset:3px}

/* ---- Nút xem chi tiết theo chi nhánh ---- */
.nxl-fs__actions{align-self:stretch; padding:0 6px}
.nxl-fs__btn--loc{
  width:100%; min-height:44px; padding:0 16px 0 14px; gap:8px;
  border:1.5px solid var(--fs-gold); color:var(--fs-gold-d) !important; background:#fff;
}
.nxl-fs__btn--loc::before{
  content:""; width:16px; height:16px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") no-repeat center/contain;
}
.nxl-fs__btn--loc:hover{
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  border-color:transparent; color:var(--fs-ink) !important;
}

@media (max-width:1100px){ .nxl-fs__grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:820px){ .nxl-fs__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px} }
@media (max-width:520px){
  .nxl-fs{padding:40px 14px 48px}
  .nxl-fs__grid{grid-template-columns:1fr; max-width:420px}
}
@media (prefers-reduced-motion:reduce){ .nxl-fs__img img,.nxl-fs__card{transition:none} }
/* Nails X Lounge – khu vực 2 ảnh menu giá (section .st_price)
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.st_price{
  --pm-ink:#211b16; --pm-sub:#6b5e51; --pm-gold:#b08d57; --pm-gold-d:#8c6b3a; --pm-line:#e6d6bd;
  background:linear-gradient(160deg,#fffbf5 0%,#f7ecdd 60%,#efdfc6 100%);
  padding-top:60px !important; padding-bottom:70px !important;
}
.st_price .row{max-width:1240px; margin:0 auto; row-gap:40px}
.st_price .col{padding-bottom:0}
.st_price .col-inner{
  position:relative; background:#fff; border:1.5px solid var(--pm-line); border-radius:24px;
  padding:58px 18px 18px; box-shadow:0 18px 45px rgba(140,107,58,.12);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.st_price .col-inner:hover{
  transform:translateY(-6px); border-color:var(--pm-gold);
  box-shadow:0 26px 60px rgba(140,107,58,.2);
}
/* Nhãn chi nhánh phía trên mỗi ảnh */
.st_price .col-inner::before{
  position:absolute; top:14px; left:50%; transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  padding:7px 18px 7px 16px; border-radius:999px;
  background:var(--pm-ink); color:#f4e3c8; font-size:14px; font-weight:600; letter-spacing:.02em;
}
.st_price .col:nth-child(1) .col-inner::before{content:"📍 1701 Ethan Way"}
.st_price .col:nth-child(2) .col-inner::before{content:"📍 6035 Florin Road"}
/* Ảnh menu */
.st_price .img-inner{
  border-radius:14px; overflow:hidden; background:#faf3e8;
}
.st_price .img-inner img{display:block; width:100%; height:auto; transition:transform .5s ease}
.st_price .img:hover .img-inner img{transform:scale(1.015)}
.st_price .img-inner.dark::after,.st_price .img-inner.dark::before{display:none}
/* Gợi ý bấm để phóng to */
.st_price .image-lightbox{position:relative; display:block; cursor:zoom-in}
.st_price .image-lightbox::after{
  content:"🔍  Tap to view full menu"; position:absolute; left:50%; bottom:18px;
  transform:translate(-50%,8px); opacity:0; pointer-events:none;
  padding:10px 20px; border-radius:999px; white-space:nowrap;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  color:var(--pm-ink); font-size:14px; font-weight:600;
  box-shadow:0 8px 20px rgba(33,27,22,.2); transition:opacity .3s, transform .3s;
}
.st_price .image-lightbox:hover::after{opacity:1; transform:translate(-50%,0)}
/* Điện thoại: luôn hiện gợi ý vì không có hover */
@media (max-width:849px){
  .st_price{padding-top:40px !important; padding-bottom:48px !important}
  .st_price .col-inner{padding:52px 12px 12px; border-radius:20px}
  .st_price .col-inner:hover{transform:none}
  .st_price .image-lightbox::after{opacity:1; transform:translate(-50%,0); font-size:13px; padding:8px 16px; bottom:12px}
}
@media (prefers-reduced-motion:reduce){
  .st_price .col-inner,.st_price .img-inner img,.st_price .image-lightbox::after{transition:none}
}
/* Nails X Lounge – Nail Designs
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-nd{
  --nd-ink:#211b16; --nd-sub:#6b5e51; --nd-gold:#b08d57; --nd-gold-d:#8c6b3a; --nd-line:#eadcc6;
  background:linear-gradient(160deg,#fffbf5 0%,#f6eadb 55%,#ecd9bd 100%);
  padding:56px 20px 64px;
}
.nxl-nd p{margin:0}
.nxl-nd br{display:none}
.nxl-nd__head{text-align:center; margin:0 auto 36px}
.nxl-nd__brand{color:var(--nd-gold-d); font-size:17px; font-weight:500; margin-bottom:6px}
.nxl-nd__title{color:var(--nd-ink); font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.15; margin:0}
.nxl-nd__divider{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:16px}
.nxl-nd__divider::before,.nxl-nd__divider::after{content:""; width:70px; height:1px; background:var(--nd-gold)}
.nxl-nd__divider span{width:16px; height:16px; background:var(--nd-gold); clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.nxl-nd__grid{max-width:1320px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px}
.nxl-nd__card{background:#fff; border-radius:22px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 12px 32px rgba(140,107,58,.1); transition:box-shadow .3s, transform .3s}
.nxl-nd__card:hover{transform:translateY(-5px); box-shadow:0 20px 44px rgba(140,107,58,.18)}
/* Infinity – ngôi sao divider dùng thẻ <i>. Dán SAU CSS Nail Designs */
.nxl-nd__divider i{display:block; font-style:normal; width:16px; height:16px; margin:0 10px; background:#c9a33e;
  -webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
          clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}

/* Logo nhỏ trong vòng tròn trên ảnh */
.nxl-nd__badge--logo{background:#fff !important; padding:7px; overflow:hidden; font-size:0; line-height:0}
.nxl-nd__main .nxl-nd__badge--logo img,.nxl-nd__card:hover .nxl-nd__main .nxl-nd__badge--logo img{position:static !important; top:auto; left:auto;
  display:block; width:100% !important; height:100% !important; max-width:none; margin:0;
  -o-object-fit:contain; object-fit:contain; border-radius:0; box-shadow:none; -webkit-transform:none !important; transform:none !important}
/* Vùng ảnh ghép */
.nxl-nd__media{
  display:grid; grid-template-columns:1.62fr 1fr; gap:12px; padding:22px 14px 22px 12px; align-items:center;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.9),transparent 45%),
    linear-gradient(180deg,#f3e6d2 0%,#f8efe2 50%,#eed9bf 100%);
}
.nxl-nd__main,.nxl-nd__thumb{display:block; position:relative; border:3px solid #fff; overflow:hidden; background:#efe2cf; box-shadow:0 6px 16px rgba(140,107,58,.15); cursor:zoom-in}
.nxl-nd__main{border-radius:22px; aspect-ratio:3/4; margin-top:22px; overflow:visible; padding:6px; border-width:2px; background:rgba(255,255,255,.35)}
.nxl-nd__main img{border-radius:16px}
.nxl-nd__thumbs{display:grid; gap:10px}
.nxl-nd__thumb{border-radius:16px; aspect-ratio:1/1}
.nxl-nd__main img,.nxl-nd__thumb img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s}
.nxl-nd__main:hover img,.nxl-nd__thumb:hover img{transform:scale(1.05)}
.nxl-nd__main:hover{overflow:visible}
/* Huy hiệu logo */
.nxl-nd__badge{
  position:absolute; top:-20px; left:50%; transform:translateX(-50%); z-index:2;
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  background:var(--nd-ink); color:#e8cfa2; border:2px solid #fff;
  font-size:11.5px; font-weight:700; letter-spacing:.04em; box-shadow:0 4px 10px rgba(33,27,22,.2);
}
.nxl-nd__body{text-align:center; padding:18px 14px 22px}
.nxl-nd__name{font-size:18px; font-weight:700; color:var(--nd-ink); margin:0 0 8px; line-height:1.3}
.nxl-nd__view{font-size:14px; font-weight:600; color:var(--nd-gold-d) !important; text-decoration:none !important; display:inline-flex; align-items:center; gap:6px}
.nxl-nd__view::after{content:""; width:7px; height:7px; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg); transition:transform .2s}
.nxl-nd__view:hover::after{transform:translateX(3px) rotate(45deg)}
.nxl-nd__extra{display:none !important}
.nxl-nd__count{font-weight:400; color:var(--nd-sub)}
/* Hàng đặt lịch cuối section */
.nxl-nd__cta{max-width:900px; margin:44px auto 0; text-align:center}
.nxl-nd__cta-text{font-size:16px; color:var(--nd-sub); margin-bottom:18px}
.nxl-nd__cta-btns{display:flex; flex-wrap:wrap; justify-content:center; gap:14px}
.nxl-nd__btn{
  display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 30px; border-radius:999px;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%); color:var(--nd-ink) !important;
  font-size:15px; font-weight:600; text-decoration:none !important; box-shadow:0 8px 20px rgba(140,107,58,.2); transition:filter .2s, transform .2s;
}
.nxl-nd__btn:nth-child(2){background:var(--nd-ink); color:#f4e3c8 !important}
.nxl-nd__btn:hover{filter:brightness(1.06); transform:translateY(-2px)}
.nxl-nd a:focus-visible{outline:2px solid var(--nd-gold-d); outline-offset:3px}
/* Lightbox */
.nxl-lb{position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(24,19,15,.92); padding:60px 70px}
.nxl-lb.is-open{display:flex}
.nxl-lb__img{max-width:100%; max-height:100%; object-fit:contain; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.4); user-select:none}
.nxl-lb__bar{position:absolute; top:16px; left:24px; right:24px; display:flex; justify-content:space-between; align-items:center; color:#f4e3c8; font-size:15px; font-weight:600}
.nxl-lb button{background:rgba(255,255,255,.12); color:#fff; border:0; border-radius:50%; width:46px; height:46px; cursor:pointer; font-size:22px; line-height:1; display:grid; place-items:center; transition:background .2s; padding:0}
.nxl-lb button:hover{background:rgba(224,192,142,.45)}
.nxl-lb button:focus-visible{outline:2px solid #e0c08e; outline-offset:2px}
.nxl-lb__prev,.nxl-lb__next{position:absolute; top:50%; transform:translateY(-50%)}
.nxl-lb__prev{left:14px}.nxl-lb__next{right:14px}
body.nxl-lb-lock{overflow:hidden}
/* Responsive */
@media (max-width:1100px){ .nxl-nd__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){
  .nxl-nd{padding:40px 14px 48px}
  .nxl-nd__grid{grid-template-columns:1fr; max-width:420px}
  .nxl-nd__btn{width:100%}
  .nxl-lb{padding:60px 12px}
  .nxl-lb__prev,.nxl-lb__next{top:auto; bottom:18px; transform:none}
}
@media (prefers-reduced-motion:reduce){ .nxl-nd__card,.nxl-nd img,.nxl-nd__btn{transition:none} }
/* Nails X Lounge – Customer Reviews
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-rv{
  --rv-ink:#211b16; --rv-sub:#6b5e51; --rv-gold:#b08d57; --rv-gold-d:#8c6b3a; --rv-line:#eadcc6; --rv-star:#e6a93b;
  background:#fdf8f1; padding:60px 20px 70px; overflow:hidden;
}
.nxl-rv p{margin:0}
.nxl-rv br{display:none}
.nxl-rv__head{text-align:center; margin:0 auto 80px}
.nxl-rv__brand{color:var(--rv-gold-d); font-size:17px; font-weight:500; margin-bottom:6px}
.nxl-rv__title{color:var(--rv-ink); font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.15; margin:0}
.nxl-rv__divider{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:16px}
.nxl-rv__divider::before,.nxl-rv__divider::after{content:""; width:70px; height:1px; background:var(--rv-gold)}
.nxl-rv__divider span{width:16px; height:16px; background:var(--rv-gold); clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.nxl-rv__wrap{max-width:1300px; margin:0 auto; display:grid; grid-template-columns:300px minmax(0,1fr); gap:60px; align-items:start; position:relative}
/* Khung viền mảnh phía sau slider như mẫu */
.nxl-rv__wrap::before{
  content:""; position:absolute; left:250px; right:0; top:-36px; height:290px; z-index:0;
  border:1.5px solid var(--rv-line); border-radius:30px; pointer-events:none;
}
/* Thẻ điểm đánh giá */
.nxl-rv__score{
  position:relative; z-index:1; background:#fff; border-radius:24px; padding:32px 22px 24px; text-align:center;
  box-shadow:0 14px 36px rgba(140,107,58,.13);
}
.nxl-rv__rating{display:flex; align-items:center; justify-content:center; gap:12px}
.nxl-rv__num{font-size:50px; font-weight:700; color:var(--rv-ink); line-height:1}
.nxl-rv__stars{display:flex; gap:3px}
.nxl-rv__stars svg{width:22px; height:22px; fill:var(--rv-star)}
.nxl-rv__based{font-size:16px; color:var(--rv-sub); margin:14px 0 22px !important}
.nxl-rv__google{
  display:flex; align-items:center; justify-content:center; gap:10px; height:52px; border-radius:999px;
  border:1.5px solid var(--rv-line); color:var(--rv-ink) !important; font-size:15px; font-weight:600;
  letter-spacing:.03em; text-transform:uppercase; text-decoration:none !important; transition:border-color .2s, background .2s;
}
.nxl-rv__google:hover{border-color:var(--rv-gold); background:#fffaf2}
.nxl-rv__g{width:22px; height:22px}
/* Slider */
.nxl-rv__slider{position:relative; z-index:1; min-width:0}
.nxl-rv__track{
  display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2*26px)/3); gap:26px;
  overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding:4px 8px 34px; margin:-4px -8px -34px; scroll-padding:0 8px;
  scrollbar-width:none;
}
.nxl-rv__track::-webkit-scrollbar{display:none}
.nxl-rv__card{
  scroll-snap-align:start; display:block; border-radius:20px; overflow:hidden; background:#fff;
  aspect-ratio:3/4; box-shadow:0 12px 30px rgba(140,107,58,.14); cursor:zoom-in;
  transition:transform .3s, box-shadow .3s;
}
.nxl-rv__card img{width:100%; height:100%; object-fit:cover; object-position:top center; display:block}
.nxl-rv__card:hover{transform:translateY(-5px); box-shadow:0 20px 40px rgba(140,107,58,.2)}
.nxl-rv__card:focus-visible{outline:2px solid var(--rv-gold-d); outline-offset:3px}
.nxl-rv__nav{
  position:absolute; top:calc(50% - 9px); transform:translateY(-50%); z-index:2;
  width:46px; height:46px; border-radius:50%; border:0; cursor:pointer; padding:0;
  background:#fff; color:var(--rv-ink); font-size:20px; line-height:1; display:grid; place-items:center;
  box-shadow:0 6px 18px rgba(33,27,22,.18); transition:background .2s, opacity .2s;
}
.nxl-rv__nav:hover{background:linear-gradient(120deg,#f4e3c8,#c9a56c)}
.nxl-rv__nav:disabled{opacity:.35; cursor:default}
.nxl-rv__nav--prev{left:-22px}.nxl-rv__nav--next{right:-22px}
/* Lightbox xem review lớn */
.nxl-rvlb{position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(24,19,15,.92); padding:60px 70px}
.nxl-rvlb.is-open{display:flex}
.nxl-rvlb img{max-width:100%; max-height:100%; object-fit:contain; border-radius:12px; background:#fff}
.nxl-rvlb button{position:absolute; width:46px; height:46px; border-radius:50%; border:0; cursor:pointer; padding:0; background:rgba(255,255,255,.14); color:#fff; font-size:24px; line-height:1; display:grid; place-items:center}
.nxl-rvlb button:hover{background:rgba(224,192,142,.45)}
.nxl-rvlb__close{top:16px; right:20px}.nxl-rvlb__prev{left:14px; top:50%; transform:translateY(-50%)}.nxl-rvlb__next{right:14px; top:50%; transform:translateY(-50%)}
.nxl-rvlb__count{position:absolute; top:26px; left:24px; color:#f4e3c8; font-weight:600; font-size:15px}
body.nxl-rv-lock{overflow:hidden}
/* Responsive */
@media (max-width:1100px){
  .nxl-rv__wrap{grid-template-columns:1fr; gap:34px}
  .nxl-rv__wrap::before{display:none}
  .nxl-rv__head{margin-bottom:40px}
  .nxl-rv__score{max-width:340px; margin:0 auto; width:100%}
  .nxl-rv__track{grid-auto-columns:calc((100% - 26px)/2)}
  .nxl-rv__nav--prev{left:-8px}.nxl-rv__nav--next{right:-8px}
}
@media (max-width:600px){
  .nxl-rv{padding:44px 14px 50px}
  .nxl-rv__track{grid-auto-columns:82%; gap:16px}
  .nxl-rv__nav{display:none}
  .nxl-rvlb{padding:60px 10px}
  .nxl-rvlb__prev,.nxl-rvlb__next{top:auto; bottom:16px; transform:none}
}
@media (prefers-reduced-motion:reduce){ .nxl-rv__track{scroll-behavior:auto} .nxl-rv__card{transition:none} }
/* =====================================================================
   Nails X Lounge – Our Locations (bản tương thích iPhone / Safari cũ)
   Dán vào: Giao diện → Tùy biến → CSS bổ sung (THAY bản cũ)
   Đã bỏ các thuộc tính Safari cũ không hỗ trợ: aspect-ratio, inset,
   gap trong flexbox; thêm tiền tố -webkit- cho clip-path / mask.
   ===================================================================== */
.nxl-br{
  --br-ink:#211b16; --br-sub:#6b5e51; --br-gold:#b08d57; --br-gold-d:#8c6b3a; --br-line:#eadcc6;
  background:#f6eadb;
  background:linear-gradient(160deg,#fffbf5 0%,#f6eadb 55%,#ecd9bd 100%);
  padding:56px 20px 70px; -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.nxl-br *,.nxl-br *::before,.nxl-br *::after{box-sizing:border-box}
.nxl-br p{margin:0}
.nxl-br__card br{display:inline}
.nxl-br__head{text-align:center; margin:0 auto 40px}
.nxl-br__brand{color:#8c6b3a; color:var(--br-gold-d); font-size:17px; font-weight:500; margin-bottom:6px}
.nxl-br__title{color:#211b16; color:var(--br-ink); font-size:32px; font-size:clamp(30px,4vw,44px); font-weight:700; line-height:1.15; margin:0}
.nxl-br__divider{display:-webkit-box; display:flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; margin-top:16px}
.nxl-br__divider::before,.nxl-br__divider::after{content:""; width:70px; height:1px; background:#b08d57}
.nxl-br__divider span{
  width:16px; height:16px; margin:0 10px; background:#b08d57;
  -webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
          clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}

/* Lưới 2 cột (dùng margin thay cho gap của flex) */
.nxl-br__grid{max-width:1000px; margin:0 auto; display:-webkit-box; display:flex; -webkit-box-align:stretch; align-items:stretch}
.nxl-br__card{
  position:relative; width:50%; -webkit-box-flex:1; flex:1 1 0; min-width:0;
  display:-webkit-box; display:flex; -webkit-box-orient:vertical; flex-direction:column;
}
.nxl-br__card + .nxl-br__card{margin-left:36px}

/* Nền trắng phía sau, bắt đầu từ giữa ảnh */
.nxl-br__card::before{
  content:""; position:absolute; left:0; right:0; top:170px; bottom:0; z-index:0;
  background:#fff; border-radius:26px; box-shadow:0 14px 36px rgba(140,107,58,.12);
}

/* Khung ảnh: dùng padding-top thay cho aspect-ratio (90% = tỉ lệ 10:9) */
.nxl-br__img{
  position:relative; z-index:1; margin:0 30px; height:0; padding-top:90%;
  border-radius:22px; overflow:hidden; background:#efe2cf;
  box-shadow:0 12px 28px rgba(33,27,22,.15);
  -webkit-transform:translateZ(0); transform:translateZ(0); /* giữ bo góc khi ảnh phóng to trên Safari */
}
.nxl-br__img img{
  position:absolute; top:0; left:0; width:100% !important; height:100% !important; max-width:none;
  -o-object-fit:cover; object-fit:cover; display:block; margin:0;
  -webkit-transition:-webkit-transform .5s; transition:transform .5s;
}
.nxl-br__card:hover .nxl-br__img img{-webkit-transform:scale(1.04); transform:scale(1.04)}

.nxl-br__body{
  position:relative; z-index:1; padding:22px 30px 30px;
  display:-webkit-box; display:flex; -webkit-box-orient:vertical; flex-direction:column; -webkit-box-flex:1; flex:1 1 auto;
}
.nxl-br__name{font-size:21px; font-weight:700; color:#211b16; margin:0 0 16px; line-height:1.3}

/* Danh sách thông tin */
.nxl-br__info{list-style:none; margin:0 0 24px; padding:0}
.nxl-br__i{
  position:relative; display:block; padding-left:34px; margin:0 0 14px;
  font-size:15.5px; line-height:1.55; color:#6b5e51;
}
.nxl-br__i:last-child{margin-bottom:0}
.nxl-br__i a{color:#211b16 !important; font-weight:600; text-decoration:none !important}
.nxl-br__i--clock{color:#211b16; font-weight:500}
.nxl-br__i::before{
  content:""; position:absolute; left:0; top:1px; width:22px; height:22px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
}
/* Icon dạng ảnh nền SVG (Safari hiển thị ổn định hơn mask) */
.nxl-br__i--pin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08d57' stroke-width='2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E")}
.nxl-br__i--phone::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08d57' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.nxl-br__i--clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08d57' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}

/* Nút */
.nxl-br__actions{margin-top:auto; display:-webkit-box; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap}
.nxl-br__btn{
  display:-webkit-inline-box; display:inline-flex; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center;
  height:46px; padding:0 24px; border-radius:999px; margin:0;
  font-size:15px; font-weight:600; line-height:1; text-decoration:none !important; -webkit-appearance:none;
  -webkit-transition:background .2s, color .2s, -webkit-transform .2s; transition:background .2s, color .2s, transform .2s;
}
.nxl-br__btn--outline{border:1.5px solid #b08d57; color:#8c6b3a !important; background:#fff; margin-right:12px}
.nxl-br__btn--outline:hover{background:#b08d57; color:#fff !important}
.nxl-br__btn--solid{
  -webkit-box-flex:1; flex:1 1 auto; color:#211b16 !important; background:#e0c08e;
  background:-webkit-linear-gradient(330deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
}
.nxl-br__btn--solid:hover{-webkit-transform:translateY(-1px); transform:translateY(-1px)}

/* Tablet / điện thoại: 1 cột */
@media (max-width:820px){
  .nxl-br__grid{display:block; max-width:480px}
  .nxl-br__card{width:auto}
  .nxl-br__card + .nxl-br__card{margin-left:0; margin-top:40px}
}
@media (max-width:480px){
  .nxl-br{padding:44px 14px 50px}
  .nxl-br__card::before{top:110px}
  .nxl-br__img{margin:0 16px}
  .nxl-br__body{padding:20px 20px 24px}
  .nxl-br__name{font-size:19px}
  .nxl-br__actions{display:block}
  .nxl-br__btn{display:-webkit-box; display:flex; width:100%}
  .nxl-br__btn--outline{margin:0 0 12px}
}
@media (prefers-reduced-motion:reduce){ .nxl-br__img img,.nxl-br__btn{-webkit-transition:none; transition:none} }
/* Nails X Lounge – About us
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-ab{
  --ab-ink:#211b16; --ab-sub:#5e5247; --ab-gold:#b08d57; --ab-gold-d:#8c6b3a; --ab-line:#e6d3b4;
  background:#fdf8f1; padding:40px 20px 80px; overflow:hidden; position:relative;
}
.nxl-ab p{margin:0}
.nxl-ab br{display:none}
/* Chữ WELCOME TO mờ phía trên */
.nxl-ab__welcome{
  display:flex; align-items:center; justify-content:center; gap:30px; margin:0 auto 34px;
  font-size:clamp(46px,8.5vw,118px); font-weight:800; line-height:1; letter-spacing:.02em; white-space:nowrap;
  background:linear-gradient(90deg,#f5e7d3 0%,#efdcbf 50%,#f7ecdd 100%); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.nxl-ab__spark{width:.62em; height:.62em; flex:none; background:linear-gradient(135deg,#f0dcbd,#f9f0e4);
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%)}
.nxl-ab__wrap{max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center}
/* Cột chữ */
.nxl-ab__eyebrow{display:flex; align-items:center; gap:12px; color:var(--ab-gold-d); font-size:22px; font-weight:500; margin-bottom:10px !important}
.nxl-ab__eyebrow::before{content:""; width:78px; height:16px; flex:none;
  background:
    linear-gradient(var(--ab-gold),var(--ab-gold)) 24px 50%/54px 1px no-repeat,
    var(--ab-gold);
  -webkit-mask:linear-gradient(#000,#000) 24px 50%/54px 1px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.2 6.8L16 8l-6.8 1.2L8 16l-1.2-6.8L0 8l6.8-1.2z'/%3E%3C/svg%3E") 0 0/16px 16px no-repeat;
          mask:linear-gradient(#000,#000) 24px 50%/54px 1px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0l1.2 6.8L16 8l-6.8 1.2L8 16l-1.2-6.8L0 8l6.8-1.2z'/%3E%3C/svg%3E") 0 0/16px 16px no-repeat;
}
.nxl-ab__title{font-size:clamp(34px,4.2vw,52px); font-weight:700; color:var(--ab-ink); line-height:1.12; margin:0 0 18px}
.nxl-ab__services{font-size:15px; font-weight:700; color:var(--ab-ink); margin-bottom:10px !important; line-height:1.6}
.nxl-ab__desc{font-size:15.5px; line-height:1.9; color:var(--ab-sub); max-width:600px}
.nxl-ab__actions{display:flex; flex-wrap:wrap; align-items:center; gap:18px 26px; margin-top:30px}
.nxl-ab__btn{
  display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 26px; border-radius:999px;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%); color:var(--ab-ink) !important;
  font-size:15px; font-weight:700; text-decoration:none !important; transition:filter .2s, transform .2s;
}
.nxl-ab__btn::after{content:""; width:7px; height:7px; border-right:2px solid currentColor; border-top:2px solid currentColor; transform:rotate(45deg)}
.nxl-ab__btn:hover{filter:brightness(1.06); transform:translateY(-2px)}
.nxl-ab__call{display:inline-flex; align-items:center; gap:12px; text-decoration:none !important}
.nxl-ab__call-ico{width:46px; height:46px; border-radius:50%; flex:none; background:linear-gradient(135deg,#f7ead8,#ead2ad); position:relative}
.nxl-ab__call-ico::before{content:""; position:absolute; inset:12px; background:var(--ab-ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E") no-repeat center/contain}
.nxl-ab__call-txt small{display:block; font-size:13px; color:var(--ab-sub); line-height:1.3}
.nxl-ab__call-txt strong{display:block; font-size:19px; color:var(--ab-gold-d); line-height:1.3}
/* Cột ảnh */
.nxl-ab__media{position:relative; height:560px}
.nxl-ab__item{position:absolute; z-index:1; width:48%; aspect-ratio:9/14; border-radius:16px; overflow:hidden; display:block;
  box-shadow:0 18px 40px rgba(33,27,22,.16); background:#efe2cf; cursor:zoom-in}
.nxl-ab__item img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s}
.nxl-ab__item:hover img{transform:scale(1.05)}
.nxl-ab__item--1{left:0; top:0}
.nxl-ab__item--2{right:0; bottom:0}
/* Nút play khi là video */
.nxl-ab__item--video{cursor:pointer}
.nxl-ab__item--video::after{
  content:""; position:absolute; left:50%; top:50%; width:58px; height:58px; margin:-29px 0 0 -29px; border-radius:50%;
  background:rgba(176,141,87,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") no-repeat 55% 50%/26px;
  box-shadow:0 0 0 8px rgba(255,255,255,.35); transition:transform .2s;
}
.nxl-ab__item--video:hover::after{transform:scale(1.08)}
/* Vòng quỹ đạo trang trí */
.nxl-ab__orbit{position:absolute; left:18%; top:8%; width:88%; height:88%; z-index:0; pointer-events:none}
.nxl-ab__orbit::before,.nxl-ab__orbit::after{content:""; position:absolute; border-radius:50%; border:1.5px solid var(--ab-line)}
.nxl-ab__orbit::before{inset:0}
.nxl-ab__orbit::after{inset:9%; border-style:dashed; opacity:.8}
.nxl-ab__orbit i{position:absolute; width:16px; height:16px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff,#e3c393)}
.nxl-ab__orbit i:nth-child(1){top:4%; left:62%}
.nxl-ab__orbit i:nth-child(2){top:18%; left:83%; width:11px; height:11px}
.nxl-ab__orbit i:nth-child(3){bottom:6%; left:26%}
.nxl-ab__orbit i:nth-child(4){bottom:18%; left:12%; width:11px; height:11px}
/* Hộp xem ảnh / video */
.nxl-ablb{position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(24,19,15,.92); padding:60px 20px}
.nxl-ablb.is-open{display:flex}
.nxl-ablb img,.nxl-ablb video{max-width:100%; max-height:100%; border-radius:12px}
.nxl-ablb button{position:absolute; top:16px; right:20px; width:46px; height:46px; border-radius:50%; border:0; cursor:pointer; background:rgba(255,255,255,.14); color:#fff; font-size:24px; line-height:1; padding:0}
.nxl-ablb button:hover{background:rgba(224,192,142,.45)}
body.nxl-ab-lock{overflow:hidden}
.nxl-ab a:focus-visible{outline:2px solid var(--ab-gold-d); outline-offset:3px}
/* Responsive */
@media (max-width:960px){
  .nxl-ab__wrap{grid-template-columns:1fr; gap:40px}
  .nxl-ab__media{height:auto; aspect-ratio:1/1.05; max-width:560px; width:100%; margin:0 auto}
  .nxl-ab__welcome{gap:14px}
}
@media (max-width:520px){
  .nxl-ab{padding:30px 16px 56px}
  .nxl-ab__spark{display:none}
  .nxl-ab__desc{font-size:15px; line-height:1.8}
}
@media (prefers-reduced-motion:reduce){ .nxl-ab__item img,.nxl-ab__btn{transition:none} }
/* Nails X Lounge – Photo Album
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-ga{
  --ga-ink:#211b16; --ga-gold:#b08d57; --ga-gold-d:#8c6b3a; --ga-bg:#f8efe3;
  background:linear-gradient(180deg,#fdf8f1 0%,#f6eadb 100%); padding:56px 20px 64px;
}
.nxl-ga p{margin:0}
.nxl-ga br{display:none}
/* Hàng trên: 2 ảnh lớn hai bên, tiêu đề + 2 ảnh nhỏ so le ở giữa */
.nxl-ga__top{max-width:1180px; margin:0 auto 20px; display:grid; gap:18px; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.05fr); align-items:stretch}
.nxl-ga__item--big{aspect-ratio:6/7}
.nxl-ga__mid{position:relative; min-height:100%}
.nxl-ga__head{text-align:center; padding-top:6px}
.nxl-ga__mid .nxl-ga__item--small{position:absolute; width:calc(50% - 9px); height:47%}
.nxl-ga__mid .nxl-ga__item--c{right:0; top:26%}
.nxl-ga__mid .nxl-ga__item--b{left:0; bottom:0}
.nxl-ga__brand{color:var(--ga-gold-d); font-size:16px; font-weight:500; margin-bottom:4px}
.nxl-ga__title{color:var(--ga-ink); font-size:clamp(28px,3.2vw,40px); font-weight:700; line-height:1.15; margin:0}
.nxl-ga__divider{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:12px}
.nxl-ga__divider::before,.nxl-ga__divider::after{content:""; width:52px; height:1px; background:var(--ga-gold)}
.nxl-ga__divider span{width:14px; height:14px; background:var(--ga-gold); clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
/* Ảnh */
.nxl-ga__item{display:block; position:relative; border-radius:22px; overflow:hidden; background:#efe2cf; cursor:zoom-in; box-shadow:0 10px 26px rgba(140,107,58,.12)}
.nxl-ga__item img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s}
.nxl-ga__item::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(33,27,22,.28),transparent 50%); opacity:0; transition:opacity .3s}
.nxl-ga__item:hover img{transform:scale(1.05)}
.nxl-ga__item:hover::after{opacity:1}
.nxl-ga__item:focus-visible{outline:2px solid var(--ga-gold-d); outline-offset:3px}
/* Lưới bên dưới (thu gọn, mờ dần) */
.nxl-ga__more{max-width:1180px; margin:0 auto; position:relative; max-height:420px; overflow:hidden; transition:max-height .7s ease}
.nxl-ga__more::after{content:""; position:absolute; left:0; right:0; bottom:0; height:220px; pointer-events:none;
  background:linear-gradient(180deg,rgba(246,234,219,0),#f6eadb 92%); transition:opacity .4s}
.nxl-ga__more.is-open{max-height:6000px}
.nxl-ga__more.is-open::after{opacity:0}
.nxl-ga__grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px}
.nxl-ga__grid .nxl-ga__item{aspect-ratio:1/1.1}
/* Không có JS: hiện toàn bộ lưới */
.nxl-ga:not(.is-js) .nxl-ga__more{max-height:none}
.nxl-ga:not(.is-js) .nxl-ga__more::after{display:none}
.nxl-ga__toggle-wrap{text-align:center; margin-top:-30px; position:relative; z-index:2}
.nxl-ga.is-open-all .nxl-ga__toggle-wrap{margin-top:28px}
.nxl-ga__toggle{
  height:48px; padding:0 30px; border:0; border-radius:999px; cursor:pointer; font-family:inherit;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%); color:var(--ga-ink);
  font-size:15px; font-weight:700; box-shadow:0 8px 20px rgba(140,107,58,.2); transition:filter .2s, transform .2s;
}
.nxl-ga__toggle:hover{filter:brightness(1.06); transform:translateY(-2px)}
.nxl-ga__toggle:focus-visible{outline:2px solid var(--ga-gold-d); outline-offset:3px}
/* Lightbox */
.nxl-galb{position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; background:rgba(24,19,15,.92); padding:60px 70px}
.nxl-galb.is-open{display:flex}
.nxl-galb img{max-width:100%; max-height:100%; object-fit:contain; border-radius:12px}
.nxl-galb button{position:absolute; width:46px; height:46px; border-radius:50%; border:0; cursor:pointer; padding:0; background:rgba(255,255,255,.14); color:#fff; font-size:24px; line-height:1; display:grid; place-items:center}
.nxl-galb button:hover{background:rgba(224,192,142,.45)}
.nxl-galb__close{top:16px; right:20px}.nxl-galb__prev{left:14px; top:50%; transform:translateY(-50%)}.nxl-galb__next{right:14px; top:50%; transform:translateY(-50%)}
.nxl-galb__count{position:absolute; top:26px; left:24px; color:#f4e3c8; font-weight:600; font-size:15px}
body.nxl-ga-lock{overflow:hidden}
/* Responsive */
@media (max-width:900px){
  .nxl-ga__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px}
  .nxl-ga__mid{grid-column:1/-1; order:-1; display:grid; grid-template-columns:1fr 1fr; gap:14px}
  .nxl-ga__head{grid-column:1/-1; margin-bottom:6px}
  .nxl-ga__mid .nxl-ga__item--small{position:relative; width:auto; height:auto; aspect-ratio:1/1; top:auto; bottom:auto; left:auto; right:auto; display: none}
  .nxl-ga__item--b{order:1}
  .nxl-ga__grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
  .nxl-ga__more{max-height:520px}
}
@media (max-width:520px){
  .nxl-ga{padding:40px 14px 50px}
  .nxl-ga__item{border-radius:16px}
  .nxl-galb{padding:60px 10px}
  .nxl-galb__prev,.nxl-galb__next{top:auto; bottom:16px; transform:none}
}
@media (prefers-reduced-motion:reduce){ .nxl-ga__item img,.nxl-ga__more,.nxl-ga__toggle{transition:none} }
/* Nails X Lounge – Footer
   Dán vào: Giao diện → Tùy biến → CSS bổ sung */
.nxl-ft{
  --ft-ink:#211b16; --ft-sub:#5e5247; --ft-gold:#b08d57; --ft-gold-d:#8c6b3a; --ft-line:rgba(176,141,87,.35);
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.7),transparent 40%),
    linear-gradient(160deg,#fbf3e7 0%,#f3e3cc 55%,#e9d3b3 100%);
  color:var(--ft-sub); padding:40px 20px 24px; font-size:15px;
}
.nxl-ft p{margin:0}
.nxl-ft a{color:inherit; text-decoration:none !important; transition:color .2s}
.nxl-ft a:hover{color:var(--ft-gold-d)}
.nxl-ft a:focus-visible{outline:2px solid var(--ft-gold-d); outline-offset:3px; border-radius:4px}
.nxl-ft__top,.nxl-ft__cols,.nxl-ft__bottom{max-width:1200px; margin:0 auto}
/* AW Nail Spa – bổ sung cho footer (dán SAU CSS footer hiện có) */
.nxl-ft{--ft-gold:#c9a33e; --ft-gold-d:#96741f}
.nxl-ft__logo--wide img{display:block; height:auto; width:260px; max-width:100%; background:#fff; padding:12px 18px; border-radius:16px; box-shadow:0 8px 20px rgba(28,24,20,.12)}
.nxl-ft__branch p{margin:0 0 6px}
.nxl-ft__branch p:last-child{margin-bottom:0}
.nxl-ft__btn{background:#ddbb5c; background:linear-gradient(120deg,#f3e4b8 0%,#ddbb5c 55%,#c9a33e 100%)}
.nxl-ft__btn--dark{background:#1c1814; color:#f3e4b8 !important}
.nxl-ft__btns .nxl-ft__btn + .nxl-ft__btn{margin-top:12px}
@media (max-width:560px){ .nxl-ft__logo--wide img{width:220px} }
/* Hàng trên: logo + giới thiệu */
.nxl-ft__top{display:grid; grid-template-columns:auto 1fr; gap:40px; align-items:center; padding-bottom:30px; border-bottom:1.5px solid var(--ft-line)}
.nxl-ft__logo{display:flex; align-items:center; gap:22px}
.nxl-ft__badge{width:92px; height:92px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:#fff; border:3px solid #fff; box-shadow:0 8px 20px rgba(33,27,22,.18); overflow:hidden}
.nxl-ft__badge img{width:100%; height:100%; object-fit:contain; display:block}
.nxl-ft__name{font-size:clamp(28px,3vw,40px); font-weight:700; color:var(--ft-ink); line-height:1.1; white-space:nowrap}
.nxl-ft__intro{line-height:1.85; max-width:640px}
/* 4 cột */
.nxl-ft__cols{display:grid; grid-template-columns:.9fr 1.3fr 1.1fr; gap:56px; padding:34px 0 36px}
.nxl-ft__h{font-size:17px; font-weight:700; color:var(--ft-ink); margin:0 0 18px}
.nxl-ft__list{list-style:none; margin:0; padding:0; display:grid; gap:13px}
.nxl-ft__list li{margin:0}
.nxl-ft__branch{padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--ft-line); line-height:1.65; font-size:14.5px}
.nxl-ft__branch:last-child{border-bottom:0; margin-bottom:0}
.nxl-ft__branch strong{color:var(--ft-ink)}
.nxl-ft__branch a[href^="tel"]{font-weight:600; color:var(--ft-ink)}
.nxl-ft__web{margin-bottom:10px !important}
.nxl-ft__web strong{color:var(--ft-ink)}
.nxl-ft__text{line-height:1.8; margin-bottom:20px !important}
.nxl-ft__btns{display:grid; gap:12px; max-width:260px}
.nxl-ft__btn{
  display:flex; align-items:center; justify-content:center; gap:8px; height:48px; border-radius:999px;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%); color:var(--ft-ink) !important;
  font-size:14.5px; font-weight:700; letter-spacing:.02em; box-shadow:0 8px 18px rgba(140,107,58,.18); transition:filter .2s, transform .2s;
}
.nxl-ft__btn::before{content:""; width:16px; height:16px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5z'/%3E%3C/svg%3E") no-repeat center/contain}
.nxl-ft__btn--dark{background:var(--ft-ink); color:#f4e3c8 !important}
.nxl-ft__btn:hover{filter:brightness(1.07); transform:translateY(-2px)}
/* Mạng xã hội */
.nxl-ft__social{display:flex; gap:10px; margin-top:20px}
.nxl-ft__so{width:40px; height:40px; border-radius:50%; background:#fff; position:relative; box-shadow:0 4px 12px rgba(140,107,58,.15); transition:transform .2s}
.nxl-ft__so:hover{transform:translateY(-2px)}
.nxl-ft__so::before{content:""; position:absolute; inset:10px; background:var(--ft-gold-d); -webkit-mask:var(--ico) no-repeat center/contain; mask:var(--ico) no-repeat center/contain}
.nxl-ft__so--fb{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8V6.5c0-.8.2-1.5 1.5-1.5H17V2h-2.6C11.6 2 10.5 3.7 10.5 6.2V8H8v3h2.5v11H14V11h2.7l.4-3z'/%3E%3C/svg%3E")}
.nxl-ft__so--yelp{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.5 7.5L20 6l-4.5 6.5L22 15l-7.5.5L16 22l-4-6-4 6 1.5-6.5L2 15l6.5-2.5L4 6l6.5 3.5z'/%3E%3C/svg%3E")}
.nxl-ft__so--google{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 12.2c0-.7-.1-1.4-.2-2H12v3.8h5.4a4.6 4.6 0 0 1-2 3v2.5h3.2c1.9-1.7 3-4.3 3-7.3zM12 22c2.7 0 5-.9 6.6-2.4l-3.2-2.5c-.9.6-2 1-3.4 1-2.6 0-4.8-1.8-5.6-4.1H3.1v2.6A10 10 0 0 0 12 22zM6.4 14a6 6 0 0 1 0-3.9V7.5H3.1a10 10 0 0 0 0 9zM12 6c1.5 0 2.8.5 3.8 1.5l2.9-2.9A10 10 0 0 0 3.1 7.5l3.3 2.6C7.2 7.8 9.4 6 12 6z'/%3E%3C/svg%3E")}
.nxl-ft__bottom{text-align:center; font-size:14px; padding-top:20px; border-top:1.5px solid var(--ft-line)}
.nxl-ft__bottom strong{color:var(--ft-ink)}
/* Responsive */
@media (max-width:1024px){
  .nxl-ft__top{grid-template-columns:1fr; gap:18px}
  .nxl-ft__cols{grid-template-columns:1fr 1fr; gap:34px 28px}
  .nxl-ft__col--book{grid-column:1/-1}
}
@media (max-width:560px){
  .nxl-ft{padding:34px 16px 20px}
  .nxl-ft__badge{width:70px; height:70px}
  .nxl-ft__logo{gap:14px}
  .nxl-ft__name{font-size:26px}
  .nxl-ft__cols{grid-template-columns:1fr}
  .nxl-ft__col--book{grid-column:auto}
  .nxl-ft__btns{max-width:none}
}
/* =========================================================
   Nails X Lounge – Header menu (theme Flatsome)
   Dán vào: Giao diện → Tùy biến → CSS bổ sung
   ========================================================= */
:root{
  --hd-ink:#211b16; --hd-sub:#5e5247; --hd-gold:#b08d57; --hd-gold-d:#8c6b3a;
  --hd-line:#ecdcc3; --hd-cream:#fffaf2;
  --hd-grad:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
}

/* ---- Nền header ---- */
#header .header-main{
/*   background:rgba(255,250,242,.96) !important; */
  border-bottom:1px solid var(--hd-line);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
/* Khi cuộn trang (header dính) */
#header .header-wrapper.stuck .header-main{
  box-shadow:0 8px 28px rgba(140,107,58,.14);
}

/* ---- Link menu cấp 1 ---- */
#header .header-nav-main > li{margin:0 4px}
#header .header-nav-main > li > a{
  position:relative; padding:10px 12px !important;
  color:var(--hd-sub) !important; font-size:14px; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase;
  transition:color .25s ease;
}
#header .header-nav-main > li > a:hover,
#header .header-nav-main > li.active > a,
#header .header-nav-main > li.current-menu-item > a,
#header .header-nav-main > li.current-menu-ancestor > a{color:var(--hd-ink) !important}

/* Gạch chân vàng (thay đường xanh mặc định của Flatsome) */
#header .header-nav-main.nav-line-bottom > li > a::before,
#header .header-nav-main.nav-line > li > a::before{display:none !important}
#header .header-nav-main > li > a::after{
  content:""; position:absolute; left:12px; right:12px; bottom:2px; height:2px; border-radius:2px;
  background:var(--hd-grad); transform:scaleX(0); transform-origin:center;
  transition:transform .3s ease;
}
#header .header-nav-main > li > a:hover::after,
#header .header-nav-main > li.active > a::after,
#header .header-nav-main > li.current-menu-item > a::after,
#header .header-nav-main > li.current-menu-ancestor > a::after{transform:scaleX(1)}

/* Mũi tên của mục có menu con */
#header .header-nav-main > li > a .icon-angle-down{
  font-size:12px; margin-left:4px; opacity:.7; transition:transform .25s ease;
}
#header .header-nav-main > li.has-dropdown:hover > a .icon-angle-down{transform:rotate(180deg)}

/* ---- Menu con (Price List) ---- */
#header .nav-dropdown{
  min-width:230px; padding:10px !important; margin-top:6px;
  background:#fff; border:1px solid var(--hd-line) !important; border-radius:16px;
  box-shadow:0 18px 40px rgba(140,107,58,.18);
}
#header .nav-dropdown::before, #header .nav-dropdown::after{display:none !important}
#header .nav-dropdown > li > a{
  display:flex; align-items:center; gap:10px;
  padding:11px 14px !important; margin:0 !important; border-radius:10px; border:0 !important;
  color:var(--hd-sub) !important; font-size:14px; font-weight:500; text-transform:none; letter-spacing:0;
  transition:background .2s, color .2s, padding .2s;
}
#header .nav-dropdown > li > a::before{
  content:""; width:6px; height:6px; border-radius:50%; background:var(--hd-gold); opacity:.5; flex:none;
}
#header .nav-dropdown > li > a:hover,
#header .nav-dropdown > li.current-menu-item > a{
  background:var(--hd-cream); color:var(--hd-ink) !important; padding-left:18px !important;
}
#header .nav-dropdown > li > a:hover::before{opacity:1}

/* ---- Nút BOOKING nổi bật ----
   Tự áp dụng cho mục cuối của menu (Booking). Nếu sau này đổi thứ tự menu,
   vào Giao diện → Menu, mở mục "Booking" và điền "menu-booking" vào ô "Lớp CSS". */
#header .header-nav-main > li.menu-booking,
#header .header-nav-main > li:last-child{margin-left:14px}
#header .header-nav-main > li.menu-booking > a,
#header .header-nav-main > li:last-child > a{
  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; gap:9px;
  height:46px; line-height:46px; padding:0 26px 0 22px !important; border-radius:999px;
  background:var(--hd-ink); color:#f4e3c8 !important; font-weight:700; letter-spacing:.08em;
  border:1.5px solid #c9a56c;
  box-shadow:0 8px 22px rgba(33,27,22,.28), 0 0 0 0 rgba(201,165,108,.55);
  animation:nxlBookPulse 2.6s ease-out infinite;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
/* Icon lịch */
#header .header-nav-main > li.menu-booking > a::before,
#header .header-nav-main > li:last-child > a::before{
  content:"" !important; display:block !important; position:static !important;
  width:17px; height:17px; flex:none; opacity:1 !important; background:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* Vệt sáng lướt qua */
#header .header-nav-main > li.menu-booking > a::after,
#header .header-nav-main > li:last-child > a::after{
  content:""; position:absolute; top:0; bottom:0; left:-60%; right:auto; width:45%; height:auto;
  border-radius:0; transform:skewX(-20deg); z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(244,227,200,.35),transparent);
  animation:nxlBookShine 3.2s ease-in-out infinite;
}
#header .header-nav-main > li.menu-booking > a:hover,
#header .header-nav-main > li:last-child > a:hover{
  background:var(--hd-grad); color:var(--hd-ink) !important; border-color:transparent;
  transform:translateY(-2px); box-shadow:0 12px 26px rgba(140,107,58,.35); animation:none;
}
@keyframes nxlBookPulse{
  0%{box-shadow:0 8px 22px rgba(33,27,22,.28), 0 0 0 0 rgba(201,165,108,.55)}
  70%{box-shadow:0 8px 22px rgba(33,27,22,.28), 0 0 0 12px rgba(201,165,108,0)}
  100%{box-shadow:0 8px 22px rgba(33,27,22,.28), 0 0 0 0 rgba(201,165,108,0)}
}
@keyframes nxlBookShine{0%,55%{left:-60%} 100%{left:130%}}

/* ---- Bàn phím ---- */
#header .header-nav-main a:focus-visible,
#header .nav-dropdown a:focus-visible{outline:2px solid var(--hd-gold-d); outline-offset:2px; border-radius:8px}

/* ---- Nút 3 gạch trên điện thoại ---- */
#header .mobile-nav .nav-icon a, #header .mobile-nav .icon-menu{color:var(--hd-ink) !important}

/* ---- Menu trượt trên điện thoại (off-canvas) ---- */
.off-canvas .mfp-content,.off-canvas-left .mfp-content,.off-canvas-right .mfp-content{background:var(--hd-cream) !important}
.off-canvas .nav-sidebar.nav-vertical > li{border-top:1px solid var(--hd-line) !important}
.off-canvas .nav-sidebar.nav-vertical > li > a{
  color:var(--hd-ink) !important; font-size:15px; font-weight:600; letter-spacing:.05em; padding:16px 22px !important;
}
.off-canvas .nav-sidebar.nav-vertical > li.active > a,
.off-canvas .nav-sidebar.nav-vertical > li.current-menu-item > a{color:var(--hd-gold-d) !important}
.off-canvas .nav-sidebar .sub-menu{background:#fff}
.off-canvas .nav-sidebar .sub-menu li a{color:var(--hd-sub) !important; padding-left:34px !important}
.off-canvas .nav-sidebar li.menu-booking > a,
.off-canvas .nav-sidebar.nav-vertical > li:last-child > a{
  margin:18px 22px; border-radius:999px; background:var(--hd-ink); color:#f4e3c8 !important;
  border:1.5px solid #c9a56c; text-align:center; justify-content:center; letter-spacing:.08em;
}

@media (prefers-reduced-motion:reduce){
  #header .header-nav-main > li > a::after,#header .nav-dropdown > li > a{transition:none}
  #header .header-nav-main > li.menu-booking > a,#header .header-nav-main > li:last-child > a,
  #header .header-nav-main > li.menu-booking > a::after,#header .header-nav-main > li:last-child > a::after{animation:none}
}
/* =====================================================================
   NAILS X LOUNGE – ĐỒNG BỘ GIAO DIỆN CÁC TRANG CON
   About us · Price Ethan Way · Price Florin · Pedicure · Gel Manicure
   Acrylic Nails · Waxing
   ---------------------------------------------------------------------
   CÁCH DÙNG: trong CSS bổ sung, XÓA toàn bộ phần CSS CŨ từ dòng
   ":root{ --primary-key: #21409a; }" đến hết khối ".appointment-section"
   (ngay trước "/* Nails X Lounge – CF7 booking form"), rồi dán file này vào
   đúng chỗ đó. Không cần sửa HTML của các trang.
   ===================================================================== */

:root{
  --primary-key:#8c6b3a;               /* trước là xanh #21409a */
  --nx-ink:#211b16; --nx-sub:#5e5247; --nx-gold:#b08d57; --nx-gold-d:#8c6b3a;
  --nx-line:#eadcc6; --nx-cream:#fffaf2; --nx-bg:#fdf8f1;
  --nx-grad:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  --nx-shadow:0 12px 32px rgba(140,107,58,.12);
}
h1{text-transform:uppercase}
.absolute-footer.dark.medium-text-center.small-text-center{display:none}

/* ---------- Nút "Read more" và các khối dịch vụ / gallery cũ ---------- */
.readmore{margin-top:24px; text-align:center}
.readmore a{
  display:inline-flex; align-items:center; gap:8px; padding:12px 28px; border-radius:999px;
  background:var(--nx-grad); color:var(--nx-ink) !important; font-weight:700; text-decoration:none !important;
  box-shadow:0 8px 20px rgba(140,107,58,.2); transition:filter .2s, transform .2s;
}
.readmore a:hover{filter:brightness(1.06); transform:translateY(-2px)}
.st_service img{border-radius:18px}
.st_service h2,.st_gallery h2{color:var(--nx-ink); font-size:26px; text-transform:uppercase; letter-spacing:.04em}
.st_service h3{color:var(--nx-gold-d)}

/* =====================================================================
   1. TRANG NỘI DUNG: About · Pedicure · Gel Manicure · Acrylic · Waxing
   ===================================================================== */
.about-nailsx,.pedicure-nailsx,.gelmanicure-nailsx,.acrylic-nailsx,.waxing-nailsx{
  font-family:'Poppins',sans-serif; line-height:1.8; padding:80px 20px;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.9),transparent 38%),
    linear-gradient(180deg,#fdf8f1 0%,#f7ecdd 100%);
}
.about-nailsx .container,.pedicure-nailsx .container,.gelmanicure-nailsx .container,
.acrylic-nailsx .container,.waxing-nailsx .container{max-width:1100px; margin:auto}

/* Tiêu đề chính */
.about-nailsx h1,.pedicure-nailsx h1,.gelmanicure-nailsx h1,.acrylic-nailsx h1,.waxing-nailsx h1{
  font-size:clamp(28px,3.6vw,40px); font-weight:700; line-height:1.2; letter-spacing:.02em;
  color:var(--nx-ink); margin:0 0 26px; padding-bottom:18px; position:relative;
}
.about-nailsx h1::after,.pedicure-nailsx h1::after,.gelmanicure-nailsx h1::after,
.acrylic-nailsx h1::after,.waxing-nailsx h1::after{
  content:""; position:absolute; left:0; bottom:0; width:90px; height:3px; border-radius:3px; background:var(--nx-grad);
}
/* Tiêu đề mục */
.about-nailsx h2,.pedicure-nailsx h2,.gelmanicure-nailsx h2,.acrylic-nailsx h2,.waxing-nailsx h2{
  display:flex; align-items:center; gap:12px;
  font-size:clamp(21px,2.4vw,26px); font-weight:700; color:var(--nx-gold-d); margin:44px 0 16px;
}
.about-nailsx h2::before,.pedicure-nailsx h2::before,.gelmanicure-nailsx h2::before,
.acrylic-nailsx h2::before,.waxing-nailsx h2::before{
  content:""; width:16px; height:16px; flex:none; background:var(--nx-gold);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}
.about-nailsx p,.pedicure-nailsx p,.gelmanicure-nailsx p,.acrylic-nailsx p,.waxing-nailsx p{
  font-size:16px; color:var(--nx-sub); margin-bottom:18px;
}
.about-nailsx strong,.pedicure-nailsx strong,.gelmanicure-nailsx strong,
.acrylic-nailsx strong,.waxing-nailsx strong{color:var(--nx-ink)}

/* Lưới thẻ (danh sách dịch vụ / lợi ích / kiểu dáng) */
.about-nailsx .services,.pedicure-nailsx .pedicure-grid,.gelmanicure-nailsx .benefits,
.acrylic-nailsx .style-grid,.waxing-nailsx .services,.waxing-nailsx .waxing-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:20px 0 32px;
}
.about-nailsx .service-item,.pedicure-nailsx .pedicure-item,.gelmanicure-nailsx .benefit-item,
.acrylic-nailsx .style-item,.waxing-nailsx .service-item,.waxing-nailsx .waxing-item{
  display:flex; align-items:flex-start; gap:12px;
  background:#fff; padding:16px 18px; border-radius:14px; border:1px solid var(--nx-line);
  font-size:15px; font-weight:500; line-height:1.55; color:var(--nx-ink);
  box-shadow:0 4px 14px rgba(140,107,58,.07); transition:transform .25s, border-color .25s, box-shadow .25s;
}
.about-nailsx .service-item::before,.pedicure-nailsx .pedicure-item::before,.gelmanicure-nailsx .benefit-item::before,
.acrylic-nailsx .style-item::before,.waxing-nailsx .service-item::before,.waxing-nailsx .waxing-item::before{
  content:""; width:22px; height:22px; flex:none; margin-top:1px; border-radius:50%;
  background:var(--nx-grad) ;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm-1.2 15.6L6 11.8l1.6-1.6 3.2 3.2 5.6-5.6L18 9.4z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm-1.2 15.6L6 11.8l1.6-1.6 3.2 3.2 5.6-5.6L18 9.4z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.about-nailsx .service-item:hover,.pedicure-nailsx .pedicure-item:hover,.gelmanicure-nailsx .benefit-item:hover,
.acrylic-nailsx .style-item:hover,.waxing-nailsx .service-item:hover,.waxing-nailsx .waxing-item:hover{
  transform:translateY(-3px); border-color:var(--nx-gold); box-shadow:var(--nx-shadow);
}

/* Khối nhấn mạnh */
.pedicure-nailsx .highlight,.gelmanicure-nailsx .highlight,.acrylic-nailsx .highlight,.waxing-nailsx .highlight{
  background:var(--nx-cream); border:1px solid var(--nx-line); border-left:4px solid var(--nx-gold);
  padding:22px 26px; border-radius:14px; margin:24px 0; color:var(--nx-sub);
}
.pedicure-nailsx .highlight p:last-child,.gelmanicure-nailsx .highlight p:last-child,
.acrylic-nailsx .highlight p:last-child,.waxing-nailsx .highlight p:last-child{margin-bottom:0}

/* Khối kêu gọi đặt lịch (CTA) */
.about-nailsx .cta,.pedicure-nailsx .cta,.gelmanicure-nailsx .cta,.acrylic-nailsx .cta,.waxing-nailsx .cta{
  position:relative; overflow:hidden; margin-top:44px; padding:40px 30px; text-align:center;
  background:var(--nx-ink); border:1.5px solid #c9a56c; border-radius:24px; color:#f4e3c8;
  box-shadow:0 18px 44px rgba(33,27,22,.22);
}
.about-nailsx .cta::before,.pedicure-nailsx .cta::before,.gelmanicure-nailsx .cta::before,
.acrylic-nailsx .cta::before,.waxing-nailsx .cta::before{
  content:""; position:absolute; width:320px; height:320px; right:-120px; top:-160px; border-radius:50%;
  background:radial-gradient(circle,rgba(224,192,142,.28),transparent 70%); pointer-events:none;
}
.about-nailsx .cta h3,.pedicure-nailsx .cta h3,.gelmanicure-nailsx .cta h3,.acrylic-nailsx .cta h3,.waxing-nailsx .cta h3{
  margin:0 0 10px; font-size:clamp(20px,2.4vw,26px); font-weight:700; color:#f4e3c8;
}
.about-nailsx .cta p,.pedicure-nailsx .cta p,.gelmanicure-nailsx .cta p,.acrylic-nailsx .cta p,.waxing-nailsx .cta p{
  color:rgba(244,227,200,.85); margin-bottom:8px;
}
.about-nailsx .cta a,.pedicure-nailsx .cta a,.gelmanicure-nailsx .cta a,.acrylic-nailsx .cta a,.waxing-nailsx .cta a{
  display:inline-flex; align-items:center; gap:8px; margin:14px 6px 0; padding:13px 30px; border-radius:999px;
  background:var(--nx-grad); color:var(--nx-ink) !important; font-weight:700; text-decoration:none !important;
  box-shadow:0 8px 20px rgba(0,0,0,.25); transition:filter .2s, transform .2s;
}
.about-nailsx .cta a:hover,.pedicure-nailsx .cta a:hover,.gelmanicure-nailsx .cta a:hover,
.acrylic-nailsx .cta a:hover,.waxing-nailsx .cta a:hover{filter:brightness(1.08); transform:translateY(-2px)}

/* Liên kết trong nội dung */
.about-nailsx p a,.pedicure-nailsx p a,.gelmanicure-nailsx p a,.acrylic-nailsx p a,.waxing-nailsx p a{
  color:var(--nx-gold-d); font-weight:600; text-decoration:underline; text-underline-offset:3px;
}
.about-nailsx .cta p a,.pedicure-nailsx .cta p a,.gelmanicure-nailsx .cta p a,
.acrylic-nailsx .cta p a,.waxing-nailsx .cta p a{text-decoration:none}

/* =====================================================================
   2. KHỐI 2 CỘT CHỮ + ẢNH TRÒN (dùng chung cho trang dịch vụ và bảng giá)
   ===================================================================== */
.box-service{display:grid; grid-template-columns:1fr 1fr; gap:40px}
.box-service .media-block{text-align:center}
.box-service .media-block img{
  width:300px; height:300px; object-fit:cover; border-radius:50%;
  border:6px solid #fff; outline:2px solid var(--nx-gold); outline-offset:4px;
  box-shadow:0 18px 40px rgba(140,107,58,.2); margin:24px auto;
}
@media (max-width:768px){ .box-service{display:block !important} }

a.nav-top-link{text-transform:uppercase}

/* =====================================================================
   3. BẢNG GIÁ (Price Ethan Way · Price Florin) – class .nails
   ===================================================================== */
.nails{
  font-family:'Poppins',sans-serif; padding:70px 20px;
  background:linear-gradient(180deg,#fdf8f1 0%,#f6eadb 100%);
}
.nails .wrapper{max-width:1150px; margin:auto}
.nails .service-box{
  background:#fff; border:1px solid var(--nx-line); border-radius:24px; overflow:hidden;
  margin-bottom:44px; box-shadow:var(--nx-shadow); transition:transform .3s ease, box-shadow .3s ease;
}
.nails .service-box:hover{transform:translateY(-4px); box-shadow:0 20px 44px rgba(140,107,58,.18)}
.nails .service-header{
  position:relative; padding:24px 20px; font-size:26px; font-weight:700; text-align:center;
  letter-spacing:.08em; text-transform:uppercase;
}
.nails .service-header::after{
  content:""; display:block; width:56px; height:2px; margin:10px auto 0; border-radius:2px; background:currentColor; opacity:.6;
}
/* Mỗi nhóm một sắc độ trong cùng bảng màu vàng – nâu */
.nails .pedicure .service-header{background:var(--nx-ink); color:#f4e3c8}
.nails .manicure .service-header{background:var(--nx-grad); color:var(--nx-ink)}
.nails .acrylic .service-header{background:linear-gradient(120deg,#3b2f25,#5a4633); color:#f4e3c8}
.nails .other .service-header{background:linear-gradient(120deg,#f6ead8,#ead3ae); color:var(--nx-ink)}

.nails .service-content{padding:26px 36px 30px}
.nails .sub-title{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px;
  font-weight:700; margin:26px 0 8px; color:var(--nx-ink); font-size:18px;
}
.nails .sub-title:first-child{margin-top:4px}
.nails .service-item{
  display:flex; justify-content:space-between; align-items:baseline; gap:15px;
  padding:9px 0; border-bottom:1px dashed #e3d3b8; font-size:14.5px; color:var(--nx-sub);
}
.nails .service-item:last-child{border-bottom:none}
.nails .service-price{font-weight:700; color:var(--nx-gold-d); white-space:nowrap}
.nails .service-item .duration{color:#a08d76; font-size:13px; font-weight:500; white-space:nowrap}
.nails .note{
  margin-top:14px; padding:12px 16px; border-radius:12px; background:var(--nx-cream);
  font-size:13.5px; line-height:1.65; color:var(--nx-sub);
}
.nails .free-callus{color:var(--nx-gold-d); font-size:13px; font-weight:600; margin-top:6px}
.nails .free-callus::before{content:"✓ "}
.nails .health-notice{
  display:flex; gap:14px; align-items:flex-start;
  background:#fff; border:1px solid var(--nx-line); border-left:5px solid #b5673f; border-radius:16px;
  padding:20px 24px; margin-bottom:40px; font-size:15px; line-height:1.65; color:var(--nx-sub);
  box-shadow:var(--nx-shadow);
}
.nails .health-notice::before{
  content:"!"; flex:none; width:28px; height:28px; border-radius:50%; display:grid; place-items:center;
  background:#b5673f; color:#fff; font-weight:700; font-size:16px; line-height:1;
}
.nails .tag-new{
  display:inline-block; background:var(--nx-ink); color:#f4e3c8; font-size:10.5px; font-weight:700;
  letter-spacing:.08em; padding:3px 10px; border-radius:999px; vertical-align:2px;
}
/* Cột ảnh cạnh danh sách giá */
.nails .box-service{display:flex; align-items:center; gap:0}
.nails .box-service .service-content{flex:1 1 60%; min-width:0}
.nails .media-block{flex:1 1 40%; min-height:100%; padding:20px; align-self:stretch;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 40%,#fffaf2,#f6ead9 70%)}
.nails .media-block img{object-fit:cover; display:block}

/* =====================================================================
   4. KHỐI ĐỊA CHỈ CŨ (.appointment-section) – nếu còn dùng ở trang nào
   ===================================================================== */
.appointment-section{padding:90px 20px; background:linear-gradient(160deg,#fffbf5 0%,#f6eadb 55%,#ecd9bd 100%)}
.appointment-container{max-width:1200px; margin:auto}
.appointment-title{text-align:center; font-size:36px; font-weight:700; letter-spacing:.06em; margin-bottom:56px; color:var(--nx-ink)}
.appointment-title:after{content:""; width:70px; height:3px; background:var(--nx-grad); display:block; margin:15px auto 0; border-radius:5px}
.location-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:36px}
.location-card{background:#fff; padding:40px; border-radius:24px; border:1px solid var(--nx-line); box-shadow:var(--nx-shadow);
  transition:transform .35s ease, box-shadow .35s ease; position:relative; overflow:hidden}
.location-card:before{content:""; position:absolute; width:100%; height:5px; top:0; left:0; background:var(--nx-grad)}
.location-card:hover{transform:translateY(-8px); box-shadow:0 24px 56px rgba(140,107,58,.18)}
.location-card h3{font-size:20px; font-weight:700; margin-bottom:18px; color:var(--nx-ink); letter-spacing:.03em}
.address{font-size:15px; color:var(--nx-sub); margin-bottom:14px; line-height:1.6}
.phone{font-weight:700; font-size:16px; margin-bottom:24px; color:var(--nx-ink)}
.book-btn{display:inline-block; padding:13px 30px; background:var(--nx-ink); color:#f4e3c8 !important; text-decoration:none !important;
  border:1.5px solid #c9a56c; border-radius:999px; font-size:14px; font-weight:700; letter-spacing:.06em; transition:all .3s ease}
.book-btn:hover{background:var(--nx-grad); color:var(--nx-ink) !important; border-color:transparent; transform:translateY(-3px)}

/* =====================================================================
   5. RESPONSIVE
   ===================================================================== */
@media (max-width:900px){
  .nails .box-service{display:block}
  .nails .media-block{padding:10px 20px 26px}
  .nails .media-block img{height:auto; max-height:320px}
}
@media (max-width:768px){
  .about-nailsx,.pedicure-nailsx,.gelmanicure-nailsx,.acrylic-nailsx,.waxing-nailsx{padding:54px 16px}
  .about-nailsx .cta,.pedicure-nailsx .cta,.gelmanicure-nailsx .cta,.acrylic-nailsx .cta,.waxing-nailsx .cta{padding:30px 20px}
  .appointment-title{font-size:26px}
  .location-card{padding:30px}
  .box-service .media-block img{width:240px; height:240px}
}
@media (max-width:600px){
  .nails{padding:44px 14px}
  .nails .service-header{font-size:20px; padding:18px 14px}
  .nails .service-content{padding:20px 18px 24px}
  .nails .service-item{font-size:13.5px}
  .nails .health-notice{padding:16px 18px; font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .nails .service-box,.location-card,.book-btn,.readmore a,
  .about-nailsx .service-item,.pedicure-nailsx .pedicure-item,.gelmanicure-nailsx .benefit-item,
  .acrylic-nailsx .style-item,.waxing-nailsx .service-item,.waxing-nailsx .waxing-item{transition:none}
  .nails .service-box:hover,.location-card:hover{transform:none}
}
/* =====================================================================
   NAILS X LOUNGE – TRANG WAXING (.nails.waxing-section)
   Dán vào CSS bổ sung, NGAY SAU file pages-sync.css (thay bản waxing cũ)
   ===================================================================== */
.nails.waxing-section{padding:60px 20px 70px}
/* Chặn <p>/<br> do WordPress tự chèn làm vỡ bố cục */
.nails.waxing-section br{display:none}
.nails.waxing-section p:empty{display:none}
.nails.waxing-section .waxing-grid > :not(.info-box):not(.price-list){display:none !important}

.nails.waxing-section .waxing-box{
  max-width:1100px; margin:0 auto; background:#fff; border:1px solid var(--nx-line); border-radius:28px;
  overflow:hidden; box-shadow:0 20px 50px rgba(140,107,58,.14);
}
.nails.waxing-section .waxing-header{
  padding:22px 20px; font-size:24px; font-weight:700; text-align:center; letter-spacing:.12em; text-transform:uppercase;
  color:#f4e3c8; background:linear-gradient(120deg,#5a4430 0%,#8c6b3a 60%,#a98555 100%);
}
.nails.waxing-section .waxing-header::after{
  content:""; display:block; width:48px; height:2px; margin:10px auto 0; border-radius:2px; background:currentColor; opacity:.55;
}
.nails.waxing-section .waxing-content{padding:36px}
.nails.waxing-section .waxing-grid{display:flex; gap:40px; align-items:stretch}
.nails.waxing-section .info-box{flex:0 0 42%; min-width:0; display:flex; flex-direction:column}
.nails.waxing-section .price-list{flex:1 1 auto; min-width:0}

/* ---- Cột ảnh + mô tả ---- */
.nails.waxing-section .media-block{
  position:relative; display:block; padding:0; min-height:0; background:none;
  border-radius:22px; overflow:hidden; aspect-ratio:4/3.4; box-shadow:0 16px 36px rgba(33,27,22,.16);
}
.nails.waxing-section .media-block img{
  width:100% !important; height:100% !important; max-width:none; object-fit:cover; display:block;
  border-radius:0 !important; border:0 !important; outline:0; box-shadow:none; margin:0 !important;
  transition:transform .6s ease;
}
.nails.waxing-section .waxing-box:hover .media-block img{transform:scale(1.04)}
.nails.waxing-section .media-block::after{
  content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(33,27,22,.45),transparent 45%); pointer-events:none;
}
.nails.waxing-section .wx-badge{
  position:absolute; left:16px; bottom:16px; z-index:1; display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px; border-radius:999px; background:rgba(255,250,242,.94); color:var(--nx-ink);
  font-size:13.5px; font-weight:700; box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.nails.waxing-section .wx-badge::before{
  content:""; width:8px; height:8px; border-radius:50%; background:var(--nx-gold);
}
.nails.waxing-section .media-text{padding:24px 4px 0}
.nails.waxing-section .media-text h3{
  font-size:22px; font-weight:700; color:var(--nx-ink); margin:0 0 10px; line-height:1.3; text-align:left;
}
.nails.waxing-section .media-text h3::after{
  content:""; display:block; width:48px; height:3px; margin-top:12px; border-radius:3px; background:var(--nx-grad);
}
.nails.waxing-section .media-text p{font-size:15px; color:var(--nx-sub); line-height:1.8; margin:0; text-align:left}

/* ---- Bảng giá ---- */
.nails.waxing-section .price-list{
  background:var(--nx-cream); border:1px solid var(--nx-line); border-radius:22px; padding:28px 30px 30px;
  display:flex; flex-direction:column;
}
.nails.waxing-section .wx-title{
  display:flex; align-items:center; gap:12px; margin:0 0 10px; font-size:13px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--nx-gold-d);
}
.nails.waxing-section .wx-title::after{content:""; flex:1; height:1px; background:var(--nx-line)}
.nails.waxing-section .price-item{
  display:flex; align-items:baseline; gap:10px; padding:11px 0; border:0; font-size:16px; color:var(--nx-ink);
}
.nails.waxing-section .price-item span:first-child{font-weight:500; white-space:nowrap}
/* Đường chấm nối tên và giá */
.nails.waxing-section .price-item span:first-child::after{content:none}
.nails.waxing-section .price-item::after{content:none}
.nails.waxing-section .price-item{position:relative}
.nails.waxing-section .price-item span:first-child{flex:0 0 auto}
.nails.waxing-section .price{
  order:3; font-weight:700; color:var(--nx-gold-d); white-space:nowrap;
}
.nails.waxing-section .price-item::before{
  content:""; order:2; flex:1; border-bottom:2px dotted #d9c3a0; transform:translateY(-5px); min-width:20px;
}
.nails.waxing-section .price-item span:first-child{order:1}

/* ---- Nút đặt lịch ---- */
.nails.waxing-section .wx-btns{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:auto; padding-top:24px}
.nails.waxing-section .wx-btn{
  display:flex; align-items:center; justify-content:center; height:48px; border-radius:999px; padding:0 14px;
  background:var(--nx-grad); color:var(--nx-ink) !important; font-size:14.5px; font-weight:700; text-decoration:none !important;
  box-shadow:0 8px 18px rgba(140,107,58,.2); transition:filter .2s, transform .2s; white-space:nowrap;
}
.nails.waxing-section .wx-btn--dark{background:var(--nx-ink); color:#f4e3c8 !important; border:1.5px solid #c9a56c}
.nails.waxing-section .wx-btn:hover{filter:brightness(1.07); transform:translateY(-2px)}

@media (max-width:900px){
  .nails.waxing-section .waxing-grid{flex-direction:column; gap:28px}
  .nails.waxing-section .info-box{flex-basis:auto}
  .nails.waxing-section .media-block{aspect-ratio:16/10}
}
@media (max-width:600px){
  .nails.waxing-section{padding:40px 14px 50px}
  .nails.waxing-section .waxing-header{font-size:20px; padding:18px 14px}
  .nails.waxing-section .waxing-content{padding:18px}
  .nails.waxing-section .price-list{padding:20px 18px 22px}
  .nails.waxing-section .price-item{font-size:15px}
  .nails.waxing-section .wx-btns{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .nails.waxing-section .media-block img,.nails.waxing-section .wx-btn{transition:none} }
/* =====================================================================
   NAILS X LOUNGE – TRANG BẢNG GIÁ (bản mới, class .nxl-pl)
   Dán vào CSS bổ sung, sau pages-sync.css
   ===================================================================== */
.nxl-pl{
  --pl-ink:#211b16; --pl-sub:#5e5247; --pl-gold:#b08d57; --pl-gold-d:#8c6b3a; --pl-line:#eadcc6; --pl-cream:#fffaf2;
  --pl-grad:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%);
  font-family:'Poppins',sans-serif; padding:60px 20px 70px;
  background:linear-gradient(180deg,#fdf8f1 0%,#f6eadb 100%);
}
.nxl-pl br{display:none}
.nxl-pl p:empty{display:none}
.nxl-pl .pl-wrap{max-width:1150px; margin:0 auto}
/* Thẻ nhóm dịch vụ */
.nxl-pl .pl-box{background:#fff; border:1px solid var(--pl-line); border-radius:28px; overflow:hidden; margin-bottom:40px; box-shadow:0 20px 50px rgba(140,107,58,.13)}
.nxl-pl .pl-header{padding:22px 20px; font-size:24px; font-weight:700; text-align:center; letter-spacing:.12em; text-transform:uppercase}
.nxl-pl .pl-header::after{content:""; display:block; width:48px; height:2px; margin:10px auto 0; border-radius:2px; background:currentColor; opacity:.55}
.nxl-pl .pl-box--pedicure .pl-header{background:var(--pl-ink); color:#f4e3c8}
.nxl-pl .pl-box--manicure .pl-header{background:var(--pl-grad); color:var(--pl-ink)}
.nxl-pl .pl-box--acrylic .pl-header{background:linear-gradient(120deg,#5a4430 0%,#8c6b3a 60%,#a98555 100%); color:#f4e3c8}
.nxl-pl .pl-box--other .pl-header{background:linear-gradient(120deg,#f6ead8,#e7cda4); color:var(--pl-ink)}
.nxl-pl .pl-body{padding:34px}

/* ---- Pedicure: lưới thẻ gói ---- */
.nxl-pl .pl-ped-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
.nxl-pl .pl-ped-grid > :not(.pl-ped){display:none !important}
.nxl-pl .pl-ped{
  display:flex; flex-direction:column; background:var(--pl-cream); border:1px solid var(--pl-line); border-radius:20px; padding:20px 20px 22px;
  transition:transform .25s, border-color .25s, box-shadow .25s;
}
.nxl-pl .pl-ped:hover{transform:translateY(-4px); border-color:var(--pl-gold); box-shadow:0 14px 30px rgba(140,107,58,.15)}
.nxl-pl .pl-ped:last-child{background:var(--pl-ink); border-color:#c9a56c}
.nxl-pl .pl-ped-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px}
.nxl-pl .pl-num{font-family:Georgia,serif; font-style:italic; font-size:22px; color:var(--pl-gold)}
.nxl-pl .pl-time{font-size:12.5px; font-weight:600; color:var(--pl-gold-d); background:#fff; border:1px solid var(--pl-line); border-radius:999px; padding:3px 11px}
.nxl-pl .pl-ped-name{font-size:17px; font-weight:700; color:var(--pl-ink); margin:0 0 12px; line-height:1.35}
.nxl-pl .pl-ped-prices{display:flex; gap:8px; margin-bottom:12px}
.nxl-pl .pl-chip{flex:1; display:flex; flex-direction:column; align-items:center; padding:8px 6px; border-radius:12px; background:#fff; border:1px solid var(--pl-line); font-size:19px; font-weight:700; color:var(--pl-ink); line-height:1.2}
.nxl-pl .pl-chip small{font-size:10.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--pl-sub)}
.nxl-pl .pl-chip--gel{background:var(--pl-grad); border-color:transparent}
.nxl-pl .pl-chip--gel small{color:var(--pl-ink)}
.nxl-pl .pl-ped-desc{font-size:13.5px; line-height:1.65; color:var(--pl-sub); margin:0}
.nxl-pl .pl-ped:last-child .pl-ped-name{color:#f4e3c8}
.nxl-pl .pl-ped:last-child .pl-ped-desc{color:rgba(244,227,200,.8)}
.nxl-pl .pl-ped:last-child .pl-time{background:transparent; color:#e0c08e; border-color:rgba(224,192,142,.5)}
.nxl-pl .pl-ped:last-child .pl-chip:not(.pl-chip--gel){background:rgba(255,255,255,.08); border-color:rgba(224,192,142,.4); color:#f4e3c8}
.nxl-pl .pl-ped:last-child .pl-chip:not(.pl-chip--gel) small{color:rgba(244,227,200,.75)}

/* ---- Khối 2 cột ảnh + menu ---- */
.nxl-pl .pl-split{display:flex; gap:40px; align-items:stretch}
.nxl-pl .pl-split--rev{flex-direction:row-reverse}
.nxl-pl .pl-split > :not(.pl-media):not(.pl-menu){display:none !important}
.nxl-pl .pl-media{position:relative; flex:0 0 40%; border-radius:22px; overflow:hidden; min-height:340px; box-shadow:0 16px 36px rgba(33,27,22,.16)}
.nxl-pl .pl-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; margin:0; transition:transform .6s ease}
.nxl-pl .pl-box:hover .pl-media img{transform:scale(1.04)}
.nxl-pl .pl-media::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(33,27,22,.45),transparent 45%); pointer-events:none}
.nxl-pl .pl-badge{position:absolute; left:16px; bottom:16px; z-index:1; display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:999px;
  background:rgba(255,250,242,.94); color:var(--pl-ink); font-size:13.5px; font-weight:700; box-shadow:0 6px 16px rgba(0,0,0,.15)}
.nxl-pl .pl-badge::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--pl-gold)}
.nxl-pl .pl-menu{flex:1 1 auto; min-width:0; background:var(--pl-cream); border:1px solid var(--pl-line); border-radius:22px; padding:26px 30px 28px}
.nxl-pl .pl-menu-title{display:flex; align-items:center; gap:12px; margin:0 0 8px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--pl-gold-d)}
.nxl-pl .pl-menu-title::after{content:""; flex:1; height:1px; background:var(--pl-line)}
.nxl-pl .pl-menu-title--sub{margin-top:22px}
.nxl-pl .pl-item{display:flex; align-items:baseline; gap:10px; padding:10px 0; font-size:15.5px; color:var(--pl-ink)}
.nxl-pl .pl-name{order:1; font-weight:500}
.nxl-pl .pl-item::before{content:""; order:2; flex:1; min-width:20px; border-bottom:2px dotted #d9c3a0; transform:translateY(-5px)}
.nxl-pl .pl-price{order:3; font-weight:700; color:var(--pl-gold-d); white-space:nowrap}
.nxl-pl .pl-note{margin:18px 0 0; padding:12px 16px; border-radius:12px; background:#fff; border:1px dashed var(--pl-line); font-size:13.5px; line-height:1.65; color:var(--pl-sub)}
.nxl-pl .pl-body > .pl-note{background:var(--pl-cream); text-align:center}
.nxl-pl .pl-drinks{margin-top:20px; padding:14px 18px; border-radius:14px; background:var(--pl-ink); color:#f4e3c8; display:flex; flex-direction:column; gap:3px}
.nxl-pl .pl-drinks strong{font-size:14.5px}
.nxl-pl .pl-drinks span{font-size:13.5px; color:rgba(244,227,200,.8)}

/* ---- CTA cuối trang ---- */
.nxl-pl .pl-cta{text-align:center; padding:40px 24px; border-radius:28px; background:var(--pl-ink); border:1.5px solid #c9a56c; color:#f4e3c8; box-shadow:0 18px 44px rgba(33,27,22,.22)}
.nxl-pl .pl-cta h3{margin:0 0 8px; font-size:clamp(22px,2.6vw,28px); font-weight:700; color:#f4e3c8}
.nxl-pl .pl-cta p{margin:0 0 20px; color:rgba(244,227,200,.85)}
.nxl-pl .pl-cta-btns{display:flex; flex-wrap:wrap; justify-content:center; gap:12px}
.nxl-pl .pl-btn{display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 30px; border-radius:999px; background:var(--pl-grad); color:var(--pl-ink) !important;
  font-size:15px; font-weight:700; text-decoration:none !important; transition:filter .2s, transform .2s}
.nxl-pl .pl-btn--dark{background:transparent; color:#f4e3c8 !important; border:1.5px solid #c9a56c}
.nxl-pl .pl-btn:hover{filter:brightness(1.08); transform:translateY(-2px)}
.nxl-pl a:focus-visible{outline:2px solid #e0c08e; outline-offset:3px}

@media (max-width:1000px){ .nxl-pl .pl-ped-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .nxl-pl .pl-split,.nxl-pl .pl-split--rev{flex-direction:column; gap:24px}
  .nxl-pl .pl-media{flex-basis:auto; min-height:0; aspect-ratio:16/10}
}
@media (max-width:600px){
  .nxl-pl{padding:40px 14px 50px}
  .nxl-pl .pl-header{font-size:20px; padding:18px 14px}
  .nxl-pl .pl-body{padding:18px}
  .nxl-pl .pl-ped-grid{grid-template-columns:1fr}
  .nxl-pl .pl-menu{padding:20px 18px 22px}
  .nxl-pl .pl-item{font-size:14.5px}
  .nxl-pl .pl-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){ .nxl-pl .pl-ped,.nxl-pl .pl-media img,.nxl-pl .pl-btn{transition:none} }

/* ---- Bổ sung cho bản bảng giá đầy đủ ---- */
.nxl-pl .pl-notice{
  position:relative; display:block; margin-bottom:34px; padding:18px 22px 18px 64px;
  background:#fff; border:1px solid var(--pl-line); border-left:5px solid #b5673f; border-radius:18px;
  font-size:15px; line-height:1.65; color:var(--pl-sub); box-shadow:0 12px 30px rgba(140,107,58,.1);
}
.nxl-pl .pl-notice::before{
  content:"!"; position:absolute; left:22px; top:18px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center;
  background:#b5673f; color:#fff; font-weight:700; font-size:16px; line-height:1;
}
.nxl-pl .pl-notice strong{color:var(--pl-ink)}
.nxl-pl .pl-ped-free{display:flex; align-items:center; gap:6px; margin-top:auto; padding-top:12px; font-size:12.5px; font-weight:600; color:var(--pl-gold-d)}
.nxl-pl .pl-ped-desc{margin-bottom:0}
.nxl-pl .pl-ped-free::before{content:"✓"; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:var(--pl-grad); color:var(--pl-ink); font-size:10px}
.nxl-pl .pl-ped:last-child .pl-ped-free{color:#e0c08e}
.nxl-pl .pl-new{display:inline-block; margin-left:4px; padding:3px 10px; border-radius:999px; background:var(--pl-ink); color:#f4e3c8; font-size:10px; letter-spacing:.1em}
.nxl-pl .pl-menu-title{flex-wrap:wrap}
.nxl-pl .pl-price--time{font-weight:600; color:#a08d76; font-size:13.5px}
.nxl-pl .pl-media{align-self:flex-start; position:sticky; top:110px; height:460px; min-height:0}
@media (max-width:900px){ .nxl-pl .pl-media{position:relative; top:auto; height:auto} }
/* =====================================================================
   NAILS X LOUNGE – 2 NÚT ĐẶT LỊCH CỐ ĐỊNH Ở GÓC DƯỚI BÊN PHẢI
   Dán vào: Giao diện → Tùy biến → CSS bổ sung
   ===================================================================== */
.nxl-fab{
  position:fixed; z-index:9990;
  right:calc(20px + env(safe-area-inset-right, 0px));
  bottom:calc(20px + env(safe-area-inset-bottom, 0px));
  display:flex; flex-direction:column; align-items:stretch; gap:10px;
  animation:nxlFabIn .5s ease .6s both;
}
.nxl-fab br,.nxl-fab p:empty{display:none}
.nxl-fab__btn{
  display:flex; align-items:center; gap:12px; min-width:200px; padding:8px 20px 8px 8px;
  border-radius:999px; text-decoration:none !important; line-height:1.2;
  background:linear-gradient(120deg,#f4e3c8 0%,#e0c08e 55%,#c9a56c 100%); color:#211b16 !important;
  border:1.5px solid rgba(255,255,255,.6);
  box-shadow:0 10px 26px rgba(33,27,22,.25);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.nxl-fab__btn--dark{background:#211b16; color:#f4e3c8 !important; border-color:#c9a56c}
.nxl-fab__btn:hover{transform:translateY(-3px); box-shadow:0 14px 32px rgba(33,27,22,.32); filter:brightness(1.06)}
.nxl-fab__btn:focus-visible{outline:2px solid #8c6b3a; outline-offset:3px}
/* Icon lịch trong vòng tròn */
.nxl-fab__ico{
  position:relative; flex:none; width:40px; height:40px; border-radius:50%;
  background:#211b16;
}
.nxl-fab__btn--dark .nxl-fab__ico{background:linear-gradient(120deg,#f4e3c8,#c9a56c)}
.nxl-fab__ico::before{
  content:""; position:absolute; inset:11px; background:#f4e3c8;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2zm-2 8h14v10H5zm2 3v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.nxl-fab__btn--dark .nxl-fab__ico::before{background:#211b16}
/* Vòng sáng nhấp nháy nhẹ quanh icon */
.nxl-fab__ico::after{
  content:""; position:absolute; inset:-3px; border-radius:50%;
  box-shadow:0 0 0 0 rgba(201,165,108,.6); animation:nxlFabPulse 2.4s ease-out infinite;
}
.nxl-fab__txt{display:flex; flex-direction:column}
.nxl-fab__txt small{font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.75}
.nxl-fab__txt strong{font-size:15px; font-weight:700; white-space:nowrap}

@keyframes nxlFabIn{from{opacity:0; transform:translateY(20px)} to{opacity:1; transform:none}}
@keyframes nxlFabPulse{0%{box-shadow:0 0 0 0 rgba(201,165,108,.6)} 70%{box-shadow:0 0 0 10px rgba(201,165,108,0)} 100%{box-shadow:0 0 0 0 rgba(201,165,108,0)}}

/* Điện thoại: nhỏ gọn hơn, sát góc */
@media (max-width:600px){
  .nxl-fab{right:calc(12px + env(safe-area-inset-right, 0px)); bottom:calc(12px + env(safe-area-inset-bottom, 0px)); gap:8px}
  .nxl-fab__btn{min-width:0; gap:9px; padding:5px 14px 5px 5px}
  .nxl-fab__ico{width:34px; height:34px}
  .nxl-fab__ico::before{inset:9px}
  .nxl-fab__txt small{font-size:9.5px}
  .nxl-fab__txt strong{font-size:13.5px}
}

/* Ẩn khi đang mở lightbox / menu điện thoại để không che nội dung */
body.nxl-lb-lock .nxl-fab, body.nxl-rv-lock .nxl-fab, body.nxl-ga-lock .nxl-fab,
body.nxl-ab-lock .nxl-fab, .mfp-ready ~ .nxl-fab, html.mfp-active .nxl-fab{display:none}

/* Không đè lên nút "lên đầu trang" của Flatsome */
#top-link{bottom:20px}

@media (prefers-reduced-motion:reduce){
  .nxl-fab, .nxl-fab__ico::after{animation:none}
  .nxl-fab__btn{transition:none}
}
@media print{ .nxl-fab{display:none} }
/* AW Nail Spa – Our Location (1 địa chỉ). Dán SAU CSS .nxl-br cũ */
.nxl-br--single{--br-gold:#c9a33e; --br-gold-d:#96741f}
.nxl-br--single .nxl-br__brand{color:#96741f}
.nxl-br--single .nxl-br__divider::before,.nxl-br--single .nxl-br__divider::after,.nxl-br--single .nxl-br__divider span{background:#c9a33e}
.nxl-br--single .nxl-br__grid{max-width:1100px}
.nxl-br--single .nxl-br__card{width:44%; -webkit-box-flex:0; flex:0 0 44%}
.nxl-br--single .nxl-br__img{padding-top:72%}
.nxl-br--single .nxl-br__card::before{top:130px}
.nxl-br--single .nxl-br__map{
  position:relative; -webkit-box-flex:1; flex:1 1 auto; min-width:0; margin-left:36px; min-height:420px;
  border-radius:26px; overflow:hidden; background:#efe2cf; box-shadow:0 14px 36px rgba(140,107,58,.16);
  -webkit-transform:translateZ(0); transform:translateZ(0);
}
.nxl-br--single .nxl-br__map iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0; display:block}
.nxl-br--single .nxl-br__btn--outline{border-color:#c9a33e; color:#96741f !important}
.nxl-br--single .nxl-br__btn--outline:hover{background:#c9a33e; color:#fff !important}
.nxl-br--single .nxl-br__btn--solid{background:#ddbb5c; background:linear-gradient(120deg,#f3e4b8 0%,#ddbb5c 55%,#c9a33e 100%)}
.nxl-br--single .nxl-br__map + p, .nxl-br--single .nxl-br__grid > p{display:none}

@media (max-width:820px){
  .nxl-br--single .nxl-br__grid{max-width:520px}
  .nxl-br--single .nxl-br__card{width:auto}
  .nxl-br--single .nxl-br__map{margin:32px 0 0; min-height:0; height:0; padding-top:75%}
}