/*
Theme Name: Xuchang Hair Source
Version: 1.0
*/

body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2937;line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.topbar{background:#0f172a;color:#e5e7eb;font-size:13px;padding:8px 0}
.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:25px}
.logo{font-size:24px;font-weight:800;color:#111827}
.logo span{color:#c7923e}
.nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;flex-wrap:wrap}
.nav a{font-weight:600;color:#374151}
.nav a:hover{color:#c7923e}
.hero{background:linear-gradient(90deg,rgba(17,24,39,.95),rgba(17,24,39,.72)),radial-gradient(circle at 75% 20%,#64748b,#111827);color:white;padding:90px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}
.eyebrow{color:#f7d28a;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:12px}
.hero h1{font-size:48px;line-height:1.12;margin:0 0 20px;max-width:900px}
.hero p{font-size:18px;color:#e5e7eb;max-width:760px}
.btn{display:inline-block;background:#c7923e;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;margin-right:10px;margin-top:10px}
.btn:hover{background:#9f6d25}
.btn-outline{background:white;color:#9f6d25}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:28px}
.section{padding:70px 0}
.section-soft{background:#f8fafc}
.section-title{text-align:center;margin-bottom:38px}
.section-title h2{font-size:34px;margin:0 0 12px;color:#111827}
.section-title p{color:#6b7280;max-width:760px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border:1px solid #e5e7eb;border-radius:18px;background:white;padding:26px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.card h3{margin:0 0 10px;color:#111827}
.card p{color:#6b7280;margin:0}
.product-img{height:190px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-weight:700}
.product-card{padding:0;overflow:hidden}
.product-body{padding:22px}
.tag{display:inline-block;background:#fff7ed;color:#7c4f14;border-radius:999px;padding:4px 10px;font-size:12px;margin-bottom:10px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{border-bottom:1px solid #e5e7eb;padding:10px 0 10px 30px;position:relative}
.checklist li:before{content:"✓";position:absolute;left:0;color:#9f6d25;font-weight:800}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.step{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:22px}
.step-num{width:36px;height:36px;border-radius:50%;background:#c7923e;color:white;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}
.cta{background:#111827;color:white;padding:64px 0}
.footer{background:#0b1120;color:#cbd5e1;padding:42px 0;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
.footer h4{color:white;margin:0 0 12px}
.page-hero{background:#111827;color:white;padding:60px 0}
.page-hero h1{font-size:42px;margin:0}
.content{padding:60px 0}
table{width:100%;border-collapse:collapse;background:white}
td,th{border:1px solid #e5e7eb;padding:12px;text-align:left}
th{background:#f9fafb}
@media(max-width:900px){.hero-grid,.two-col,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}}
@media(max-width:620px){.grid,.process{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}}

.topbar-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.lang-switcher ul{
  list-style:none;
  display:flex;
  gap:12px;
  margin:0;
  padding:0;
}
.lang-switcher a{
  color:#e5e7eb;
  font-weight:600;
  font-size:13px;
}
.lang-switcher a:hover{
  color:#f7d28a;
}
.lang-switcher .current-lang a{
  color:#f7d28a;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid #d1d5db;
  border-radius:10px;
  margin-top:6px;
}
.wpcf7 label{
  font-weight:700;
  color:#111827;
}
.wpcf7 p{
  margin-bottom:18px;
}
.wpcf7-submit{
  background:#c7923e !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 26px !important;
  font-weight:800;
  cursor:pointer;
}

/* FORCE FIX: top language switcher */
.topbar-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
  flex-wrap:wrap !important;
}
.lang-switcher{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.lang-switcher a{
  color:#e5e7eb !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.lang-switcher a:hover{
  color:#f7d28a !important;
}

/* FORCE FIX: contact form */
.wpcf7{
  max-width:820px !important;
}
.wpcf7 label{
  display:block !important;
  font-weight:700 !important;
  color:#111827 !important;
  margin-bottom:16px !important;
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{
  width:100% !important;
  padding:12px 14px !important;
  border:1px solid #d1d5db !important;
  border-radius:10px !important;
  margin-top:6px !important;
  font-size:15px !important;
}
.wpcf7 textarea{
  min-height:120px !important;
}
.wpcf7-submit{
  width:auto !important;
  background:#c7923e !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:13px 28px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.wpcf7-submit:hover{
  background:#9f6d25 !important;
}

/* Floating language flag switcher */
.floating-lang{
  position:fixed;
  right:18px;
  top:42%;
  transform:translateY(-50%);
  z-index:9999;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15,23,42,.18);
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.floating-lang a{
  width:58px;
  height:48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#111827;
  font-size:12px;
  font-weight:800;
  background:#f8fafc;
  transition:all .2s ease;
}
.floating-lang a:hover{
  background:#111827;
  color:#ffffff;
  transform:translateX(-3px);
}
.floating-lang span{
  font-size:20px;
  line-height:1;
}
.floating-lang b{
  font-size:11px;
  margin-top:3px;
}
@media(max-width:768px){
  .floating-lang{
    right:10px;
    top:auto;
    bottom:18px;
    transform:none;
    flex-direction:row;
    border-radius:999px;
  }
  .floating-lang a{
    width:46px;
    height:42px;
  }
}

/* Hide top language switcher, keep floating flag selector only */
.topbar .lang-switcher{
  display:none !important;
}

.topbar .topbar-inner{
  justify-content:center !important;
  text-align:center !important;
}


.topbar .lang-switcher{
  display:none !important;
}
.topbar .topbar-inner{
  justify-content:center !important;
  text-align:center !important;
}



.product-link{

  display:block;

  color:inherit;

  text-decoration:none;

  transition:all .2s ease;

}

.product-link:hover{

  transform:translateY(-4px);

  box-shadow:0 14px 34px rgba(15,23,42,.12);

}

.product-link:hover h3{

  color:#c7923e;

}


/* Luniva Hair brand homepage V2 */
.brand-hero{
  background:
    radial-gradient(circle at 88% 20%, rgba(199,146,62,.28), transparent 28%),
    linear-gradient(105deg,#111827 0%,#172033 54%,#243041 100%);
  color:#fff;
  padding:88px 0 82px;
}
.brand-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:52px;
  align-items:center;
}
.brand-hero-copy h1{
  font-size:50px;
  line-height:1.08;
  margin:0 0 20px;
  max-width:840px;
}
.brand-hero-copy p{
  font-size:18px;
  color:#e5e7eb;
  max-width:760px;
}
.hero-actions{
  margin-top:24px;
}
.hero-note{
  margin-top:18px;
  color:#f7d28a;
  font-weight:700;
  font-size:14px;
}
.brand-visual{
  position:relative;
  min-height:420px;
}
.visual-main{
  height:420px;
  border-radius:32px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),
    linear-gradient(135deg,#d1d5db,#f9fafb);
  border:1px solid rgba(255,255,255,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
  font-weight:800;
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
.visual-card{
  position:absolute;
  background:#fff;
  color:#111827;
  border-radius:999px;
  padding:11px 16px;
  font-weight:800;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  font-size:13px;
}
.visual-card-1{left:-18px;top:38px}
.visual-card-2{right:-12px;top:160px}
.visual-card-3{left:50px;bottom:34px}

.trust-strip{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  padding:26px 0;
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:16px;
  background:#fff;
}
.trust-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff7ed;
  color:#9f6d25;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:22px;
}
.trust-item strong{
  display:block;
  color:#111827;
}
.trust-item span{
  display:block;
  color:#6b7280;
  font-size:13px;
}

.category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.category-card{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(15,23,42,.04);
  transition:all .2s ease;
  color:inherit;
}
.category-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 38px rgba(15,23,42,.12);
}
.category-img{
  height:230px;
  background:
    linear-gradient(135deg,rgba(199,146,62,.12),rgba(17,24,39,.06)),
    linear-gradient(135deg,#f8fafc,#e5e7eb);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ca3af;
  font-weight:800;
}
.category-card h3{
  margin:22px 22px 8px;
  color:#111827;
}
.category-card p{
  margin:0 22px 24px;
  color:#6b7280;
}

.shopby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.shopby-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:22px;
  padding:24px;
}
.shopby-card h3{
  margin:0 0 16px;
}
.shopby-card a{
  display:block;
  padding:9px 0;
  color:#374151;
  border-bottom:1px solid #f1f5f9;
}
.shopby-card a:hover{
  color:#c7923e;
}

.service-panel{
  background:#111827;
  color:#fff;
  border-radius:28px;
  padding:34px;
}
.service-panel p{
  color:#d1d5db;
}
.mini-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
}
.mini-stats div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  padding:16px;
}
.mini-stats strong{
  display:block;
  font-size:22px;
  color:#f7d28a;
}
.mini-stats span{
  display:block;
  font-size:12px;
  color:#d1d5db;
}

.floating-lang a.internal-cn{
  border:1px dashed #c7923e;
}

/* 正式运营时如需隐藏中文入口，取消下一行注释即可 */
/* .floating-lang a.internal-cn{display:none!important;} */

@media(max-width:900px){
  .brand-hero-grid,
  .trust-grid,
  .category-grid,
  .shopby-grid{
    grid-template-columns:1fr 1fr;
  }
  .brand-hero-copy h1{
    font-size:38px;
  }
}
@media(max-width:620px){
  .brand-hero-grid,
  .trust-grid,
  .category-grid,
  .shopby-grid,
  .mini-stats{
    grid-template-columns:1fr;
  }
}

/* =========================
   Luniva Hair V3 Beauty Style
   ========================= */

body{
  background:#fffaf5;
}

.topbar{
  background:#111827 !important;
}

.header{
  background:#fffaf5 !important;
  border-bottom:1px solid #f1e7dc !important;
}

.logo{
  letter-spacing:.2px;
}

.beauty-hero{
  background:
    radial-gradient(circle at 88% 18%, rgba(218,165,99,.24), transparent 28%),
    linear-gradient(120deg,#fffaf5 0%,#fff2e8 46%,#f7dfcf 100%);
  padding:82px 0 86px;
  color:#1f2937;
}

.beauty-hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:58px;
  align-items:center;
}

.beauty-copy h1{
  font-size:56px;
  line-height:1.04;
  color:#111827;
  margin:0 0 22px;
  letter-spacing:-1.4px;
  max-width:850px;
}

.beauty-copy p{
  color:#4b5563;
  font-size:18px;
  line-height:1.8;
  max-width:740px;
}

.beauty-note{
  margin-top:20px;
  color:#9f6d25;
  font-weight:800;
  font-size:14px;
}

.beauty-photos{
  position:relative;
  min-height:520px;
}

.photo-main{
  position:absolute;
  right:20px;
  top:0;
  width:78%;
  height:500px;
  border-radius:38px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05)),
    linear-gradient(135deg,#efe2d7,#f8fafc);
  border:10px solid rgba(255,255,255,.62);
  box-shadow:0 28px 70px rgba(120,72,36,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.photo-small{
  position:absolute;
  width:190px;
  height:210px;
  border-radius:28px;
  background:linear-gradient(135deg,#fff,#f3e4d7);
  border:8px solid #fff;
  box-shadow:0 18px 44px rgba(120,72,36,.16);
  display:flex;
  align-items:center;
  justify-content:center;
}

.photo-small-a{
  left:0;
  bottom:48px;
}

.photo-small-b{
  right:0;
  bottom:-24px;
}

.photo-placeholder span,
.placeholder-img{
  color:#9ca3af;
  font-weight:800;
  text-align:center;
}

.hero-actions{
  margin-top:26px;
}

.btn{
  background:#c7923e !important;
}

.btn:hover{
  background:#9f6d25 !important;
}

.btn-outline{
  background:#fff !important;
  color:#9f6d25 !important;
  border:1px solid #f1d7b5 !important;
}

.beauty-trust{
  background:#fff;
  padding:28px 0;
  border-top:1px solid #f1e7dc;
  border-bottom:1px solid #f1e7dc;
}

.beauty-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.beauty-trust-grid div{
  background:#fffaf5;
  border:1px solid #f1e7dc;
  border-radius:22px;
  padding:20px 22px;
}

.beauty-trust-grid strong{
  display:block;
  color:#111827;
  font-size:16px;
  margin-bottom:5px;
}

.beauty-trust-grid span{
  display:block;
  color:#6b7280;
  font-size:13px;
}

.beauty-section{
  background:#fff;
}

.beauty-category-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

.beauty-category{
  background:#fff;
  border:1px solid #f1e7dc;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(120,72,36,.05);
  transition:all .22s ease;
  color:inherit;
}

.beauty-category:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 48px rgba(120,72,36,.12);
}

.beauty-img{
  height:260px;
  background:
    linear-gradient(135deg,rgba(199,146,62,.10),rgba(255,255,255,.35)),
    linear-gradient(135deg,#f9fafb,#efe2d7);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9ca3af;
  font-weight:800;
}

.beauty-category h3{
  margin:24px 24px 8px;
  color:#111827;
}

.beauty-category p{
  margin:0 24px 26px;
  color:#6b7280;
}

.shopby-soft{
  background:#fffaf5;
}

.beauty-shopby-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.beauty-shopby-card{
  background:#fff;
  border:1px solid #f1e7dc;
  border-radius:26px;
  padding:26px;
  box-shadow:0 12px 28px rgba(120,72,36,.04);
}

.beauty-shopby-card h3{
  margin:0 0 16px;
  color:#111827;
}

.beauty-shopby-card a{
  display:block;
  padding:9px 0;
  color:#374151;
  border-bottom:1px solid #f7eee5;
}

.beauty-shopby-card a:hover{
  color:#c7923e;
}

.beauty-b2b{
  background:#fff;
}

.beauty-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:center;
}

.beauty-info-card{
  background:
    linear-gradient(135deg,#fffaf5,#fff),
    #fff;
  border:1px solid #f1e7dc;
  border-radius:32px;
  padding:38px;
  box-shadow:0 20px 48px rgba(120,72,36,.08);
}

.beauty-info-card h3{
  font-size:28px;
  margin-top:0;
}

.beauty-info-card p{
  color:#4b5563;
  line-height:1.8;
}

.beauty-mini{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:26px;
}

.beauty-mini div{
  background:#fff;
  border:1px solid #f1e7dc;
  border-radius:18px;
  padding:16px;
}

.beauty-mini strong{
  display:block;
  color:#c7923e;
  font-size:24px;
}

.beauty-mini span{
  display:block;
  color:#6b7280;
  font-size:12px;
}

.beauty-cta{
  background:
    linear-gradient(120deg,#111827,#3a2b24);
  color:#fff;
  padding:70px 0;
  text-align:center;
}

.beauty-cta h2{
  font-size:38px;
  margin:0 0 14px;
}

.beauty-cta p{
  color:#e5e7eb;
  max-width:760px;
  margin:0 auto 26px;
}

.floating-lang a.internal-cn{
  border:1px dashed #c7923e;
  background:#fff7ed;
}

/* 正式运营隐藏中文入口时，取消下一行注释 */
/* .floating-lang a.internal-cn{display:none!important;} */

@media(max-width:980px){
  .beauty-hero-grid,
  .beauty-two-col{
    grid-template-columns:1fr;
  }

  .beauty-copy h1{
    font-size:42px;
  }

  .beauty-photos{
    min-height:460px;
  }

  .photo-main{
    width:86%;
    height:420px;
  }

  .beauty-trust-grid,
  .beauty-category-grid,
  .beauty-shopby-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .beauty-copy h1{
    font-size:34px;
  }

  .beauty-trust-grid,
  .beauty-category-grid,
  .beauty-shopby-grid,
  .beauty-mini{
    grid-template-columns:1fr;
  }

  .photo-main{
    position:relative;
    width:100%;
    right:auto;
    height:360px;
  }

  .photo-small{
    display:none;
  }
}

/* Luniva hero real image */
.photo-main.photo-real{
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
}

.hero-main-img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Luniva Hair V3.1 hero refinement */
.beauty-copy h1{
  font-size:50px !important;
  line-height:1.08 !important;
  letter-spacing:-1.1px !important;
}

.beauty-copy p{
  max-width:680px !important;
}

.beauty-photos{
  min-height:520px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.photo-main{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  width:88% !important;
  height:500px !important;
  border-radius:36px !important;
  border:12px solid rgba(255,255,255,.72) !important;
  box-shadow:0 30px 72px rgba(120,72,36,.18) !important;
}

.photo-small{
  display:none !important;
}

.hero-main-img{
  object-fit:cover !important;
  object-position:center center !important;
}

.beauty-hero{
  padding:78px 0 80px !important;
}

.beauty-note{
  color:#9f6d25 !important;
}

/* 正式运营时隐藏中文入口，取消下面注释即可 */
/* .floating-lang a.internal-cn{display:none!important;} */

@media(max-width:980px){
  .beauty-copy h1{
    font-size:40px !important;
  }
  .photo-main{
    width:100% !important;
    height:420px !important;
  }
}

@media(max-width:640px){
  .beauty-copy h1{
    font-size:32px !important;
  }
  .photo-main{
    height:340px !important;
  }
}


/* Luniva full-width hero banner */
.hero-full-photo{
  background-size:cover !important;
  background-position:center right !important;
  background-repeat:no-repeat !important;
  min-height:650px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}

.hero-full-photo .beauty-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 660px) 1fr !important;
  align-items:center !important;
  min-height:650px !important;
}

.hero-full-photo .beauty-photos{
  display:none !important;
}

.hero-full-photo .beauty-copy{
  padding:70px 0 !important;
}

.hero-full-photo .beauty-copy h1{
  font-size:52px !important;
  line-height:1.06 !important;
  color:#111827 !important;
  max-width:680px !important;
}

.hero-full-photo .beauty-copy p{
  font-size:18px !important;
  color:#374151 !important;
  max-width:610px !important;
}

.hero-full-photo .beauty-note{
  color:#9f6d25 !important;
  font-weight:800 !important;
}

@media(max-width:980px){
  .hero-full-photo{
    background-position:center right !important;
    min-height:620px !important;
  }

  .hero-full-photo .beauty-hero-grid{
    grid-template-columns:1fr !important;
    min-height:620px !important;
  }

  .hero-full-photo .beauty-copy{
    max-width:620px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:40px !important;
  }
}

@media(max-width:640px){
  .hero-full-photo{
    background-image:linear-gradient(180deg, rgba(255,250,245,.96) 0%, rgba(255,250,245,.86) 46%, rgba(255,250,245,.35) 100%), var(--mobile-hero-image) !important;
    background-position:center top !important;
    min-height:640px !important;
  }

  .hero-full-photo .beauty-copy{
    padding-top:340px !important;
    padding-bottom:45px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:32px !important;
  }
}


/* Luniva Hair V3.2 full banner refinement */
.hero-full-photo{
  min-height:610px !important;
  background-size:100% 100%, auto 100% !important;
  background-position:center center, center right !important;
  background-repeat:no-repeat, no-repeat !important;
}

.hero-full-photo .beauty-hero-grid{
  min-height:610px !important;
  grid-template-columns:minmax(0, 620px) 1fr !important;
}

.hero-full-photo .beauty-copy{
  padding:58px 0 !important;
  max-width:620px !important;
}

.hero-full-photo .beauty-copy h1{
  font-size:47px !important;
  line-height:1.08 !important;
  letter-spacing:-1px !important;
  max-width:620px !important;
}

.hero-full-photo .beauty-copy p{
  max-width:570px !important;
  font-size:17px !important;
  line-height:1.75 !important;
}

.hero-full-photo .beauty-note{
  font-size:14px !important;
}

.beauty-trust{
  padding:24px 0 !important;
}

@media(max-width:980px){
  .hero-full-photo{
    min-height:600px !important;
    background-size:100% 100%, auto 100% !important;
    background-position:center center, center right !important;
  }

  .hero-full-photo .beauty-hero-grid{
    min-height:600px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:38px !important;
  }
}

@media(max-width:640px){
  .hero-full-photo{
    min-height:auto !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  .hero-full-photo .beauty-copy{
    padding:320px 0 48px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:31px !important;
  }
}


/* Luniva Hero latest full banner image */
.hero-full-photo{
  background-size:100% 100%, cover !important;
  background-position:center center, center center !important;
  background-repeat:no-repeat, no-repeat !important;
}

.hero-full-photo .beauty-copy{
  position:relative !important;
  z-index:2 !important;
}


/* =========================
   Luniva Hair Mobile Fix
   ========================= */

html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

img{
  max-width:100%;
  height:auto;
}

@media(max-width:768px){

  body{
    background:#fffaf5 !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }

  .topbar{
    padding:8px 0 !important;
    font-size:11px !important;
    line-height:1.4 !important;
    text-align:center !important;
  }

  .topbar-inner{
    justify-content:center !important;
    text-align:center !important;
  }

  .header{
    padding:0 !important;
  }

  .header-inner{
    display:block !important;
    padding-top:16px !important;
    padding-bottom:12px !important;
  }

  .logo{
    display:block !important;
    font-size:24px !important;
    margin-bottom:14px !important;
    text-align:left !important;
  }

  .nav ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px 16px !important;
    padding:0 !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }

  .nav li{
    display:block !important;
    margin:0 !important;
  }

  .nav a{
    font-size:13px !important;
    padding:0 !important;
    white-space:nowrap !important;
  }

  .hero-full-photo{
    min-height:auto !important;
    padding:0 !important;
    background-size:100% 100%, cover !important;
    background-position:center center, center top !important;
  }

  .hero-full-photo .beauty-hero-grid{
    display:block !important;
    min-height:auto !important;
    padding-top:38px !important;
    padding-bottom:360px !important;
  }

  .hero-full-photo .beauty-copy{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:32px !important;
    line-height:1.12 !important;
    letter-spacing:-.4px !important;
    max-width:100% !important;
    margin-bottom:18px !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
    max-width:100% !important;
  }

  .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin-top:22px !important;
  }

  .btn{
    font-size:14px !important;
    padding:12px 18px !important;
  }

  .beauty-note{
    font-size:12px !important;
    line-height:1.5 !important;
    margin-top:16px !important;
  }

  .beauty-photos,
  .photo-main,
  .photo-small,
  .photo-small-a,
  .photo-small-b{
    display:none !important;
  }

  .beauty-trust{
    padding:22px 0 !important;
  }

  .beauty-trust-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .beauty-trust-grid div{
    padding:16px 18px !important;
  }

  .section{
    padding:48px 0 !important;
  }

  .section-title h2{
    font-size:28px !important;
    line-height:1.2 !important;
  }

  .section-title p{
    font-size:14px !important;
    line-height:1.6 !important;
  }

  .beauty-category-grid,
  .category-grid,
  .grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .beauty-category,
  .category-card,
  .card{
    width:100% !important;
    box-sizing:border-box !important;
  }

  .beauty-img,
  .category-img{
    height:210px !important;
  }

  .beauty-shopby-grid,
  .shopby-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .beauty-two-col,
  .two-col{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .beauty-info-card{
    padding:24px !important;
  }

  .beauty-mini,
  .mini-stats{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .floating-lang{
    right:10px !important;
    top:auto !important;
    bottom:72px !important;
    transform:none !important;
    padding:6px !important;
    border-radius:18px !important;
    flex-direction:row !important;
    gap:4px !important;
  }

  .floating-lang a{
    width:34px !important;
    height:34px !important;
    padding:3px !important;
    font-size:10px !important;
  }

  .floating-lang span{
    font-size:13px !important;
  }

  .floating-lang b{
    font-size:9px !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media(max-width:420px){
  .hero-full-photo .beauty-copy h1{
    font-size:29px !important;
  }

  .hero-full-photo .beauty-hero-grid{
    padding-bottom:330px !important;
  }

  .nav ul{
    gap:9px 13px !important;
  }
}


/* Luniva Mobile: keep desktop-style hero banner */
@media(max-width:768px){

  .mobile-hero-image{
    display:none !important;
  }

  .hero-full-photo{
    background-size:cover !important;
    background-position:68% center !important;
    background-repeat:no-repeat !important;
    min-height:620px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .hero-full-photo{
    background-blend-mode:normal !important;
  }

  .hero-full-photo .beauty-hero-grid{
    display:block !important;
    min-height:620px !important;
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  .hero-full-photo .beauty-copy{
    width:92% !important;
    max-width:430px !important;
    padding:24px 0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:34px !important;
    line-height:1.12 !important;
    letter-spacing:-.5px !important;
    max-width:430px !important;
    color:#111827 !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
    max-width:390px !important;
    color:#374151 !important;
  }

  .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
  }

  .btn{
    font-size:14px !important;
    padding:12px 18px !important;
  }

  .beauty-note{
    font-size:13px !important;
    line-height:1.45 !important;
    max-width:390px !important;
  }

  .beauty-photos,
  .photo-main,
  .photo-small{
    display:none !important;
  }
}

@media(max-width:430px){

  .hero-full-photo{
    background-position:72% center !important;
    min-height:600px !important;
  }

  .hero-full-photo .beauty-copy{
    max-width:360px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:31px !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:14px !important;
  }
}



/* ===== Luniva Mobile Desktop-Style Hero Final Fix ===== */
@media(max-width:768px){

  .mobile-hero-image{
    display:none !important;
  }

  .hero-full-photo{
    background-image:
      linear-gradient(90deg, rgba(255,250,245,.98) 0%, rgba(255,250,245,.90) 46%, rgba(255,250,245,.35) 70%, rgba(255,250,245,0) 100%),
      url('https://www.lunivahairpro.com/wp-content/uploads/2026/06/ChatGPT-Image-2026年6月27日-15_38_33.png') !important;
    background-size:cover !important;
    background-position:70% center !important;
    background-repeat:no-repeat !important;
    min-height:620px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .hero-full-photo .beauty-hero-grid{
    display:block !important;
    min-height:620px !important;
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  .hero-full-photo .beauty-copy{
    width:92% !important;
    max-width:430px !important;
    padding:24px 0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:34px !important;
    line-height:1.12 !important;
    letter-spacing:-.5px !important;
    max-width:430px !important;
    color:#111827 !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
    max-width:390px !important;
    color:#374151 !important;
  }

  .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
  }

  .btn{
    font-size:14px !important;
    padding:12px 18px !important;
  }

  .beauty-note{
    font-size:13px !important;
    line-height:1.45 !important;
    max-width:390px !important;
  }

  .beauty-photos,
  .photo-main,
  .photo-small{
    display:none !important;
  }
}

@media(max-width:430px){

  .hero-full-photo{
    background-position:73% center !important;
    min-height:600px !important;
  }

  .hero-full-photo .beauty-copy{
    max-width:360px !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:31px !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:14px !important;
  }
}


/* ===== Luniva Mobile: LUVME-style structure ===== */
.mobile-brand-banner{
  display:none;
}

@media(max-width:768px){

  body{
    background:#fffaf5 !important;
  }

  .topbar{
    padding:8px 12px !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .header-inner{
    display:block !important;
    padding:18px 18px 14px !important;
  }

  .logo{
    display:block !important;
    font-size:30px !important;
    margin-bottom:18px !important;
  }

  .nav ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:14px 20px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .nav a{
    font-size:16px !important;
    font-weight:800 !important;
  }

  .hero-full-photo{
    background:none !important;
    background-image:none !important;
    min-height:auto !important;
    display:block !important;
    padding:0 !important;
  }

  .mobile-brand-banner{
    display:block !important;
    width:100% !important;
    height:390px !important;
    background-size:cover !important;
    background-position:70% center !important;
    background-repeat:no-repeat !important;
    border-top:1px solid #f1e7dc !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .hero-full-photo .beauty-hero-grid{
    display:block !important;
    min-height:auto !important;
    padding:34px 18px 36px !important;
  }

  .hero-full-photo .beauty-copy{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:34px !important;
    line-height:1.12 !important;
    letter-spacing:-.5px !important;
    margin-bottom:18px !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:16px !important;
    line-height:1.7 !important;
    color:#374151 !important;
  }

  .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin-top:24px !important;
  }

  .btn{
    font-size:15px !important;
    padding:13px 20px !important;
  }

  .beauty-note{
    font-size:14px !important;
    line-height:1.5 !important;
    margin-top:18px !important;
  }

  .beauty-photos,
  .photo-main,
  .photo-small,
  .mobile-hero-image{
    display:none !important;
  }

  .beauty-trust{
    padding:18px 0 !important;
  }

  .beauty-trust-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .beauty-trust-grid div{
    padding:16px 18px !important;
  }

  .floating-lang{
    right:10px !important;
    bottom:70px !important;
    top:auto !important;
    transform:none !important;
    flex-direction:row !important;
    padding:6px !important;
    gap:4px !important;
    border-radius:18px !important;
  }

  .floating-lang a{
    width:34px !important;
    height:34px !important;
    font-size:10px !important;
  }

  .floating-lang span{
    font-size:13px !important;
  }

  .floating-lang b{
    font-size:9px !important;
  }
}

@media(max-width:430px){
  .mobile-brand-banner{
    height:360px !important;
    background-position:72% center !important;
  }

  .hero-full-photo .beauty-copy h1{
    font-size:31px !important;
  }

  .hero-full-photo .beauty-copy p{
    font-size:15px !important;
  }
}


/* ==================================================
   Luniva Hair Final Hero System: PC Image + Mobile Image
   ================================================== */

html, body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

.luniva-hero-system{
  background-image:
    linear-gradient(90deg, rgba(255,250,245,.98) 0%, rgba(255,250,245,.88) 35%, rgba(255,250,245,.35) 58%, rgba(255,250,245,0) 100%),
    var(--luniva-desktop-hero) !important;
  background-size:100% 100%, cover !important;
  background-position:center center, center right !important;
  background-repeat:no-repeat, no-repeat !important;
  min-height:610px !important;
  display:flex !important;
  align-items:center !important;
  background-color:#fffaf5 !important;
}

.luniva-hero-inner{
  min-height:610px !important;
  display:flex !important;
  align-items:center !important;
}

.luniva-hero-copy{
  max-width:620px !important;
}

.luniva-hero-copy h1{
  font-size:47px !important;
  line-height:1.08 !important;
  letter-spacing:-1px !important;
  color:#111827 !important;
  margin:0 0 20px !important;
}

.luniva-hero-copy p{
  max-width:570px !important;
  font-size:17px !important;
  line-height:1.75 !important;
  color:#374151 !important;
}

.luniva-mobile-banner{
  display:none !important;
}

.luniva-mobile-banner img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

@media(max-width:768px){

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }

  .luniva-hero-system{
    background:none !important;
    background-image:none !important;
    min-height:auto !important;
    display:block !important;
    padding:0 0 36px !important;
  }

  .luniva-mobile-banner{
    display:block !important;
    width:100% !important;
    background:#fffaf5 !important;
    border-top:1px solid #f1e7dc !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .luniva-mobile-banner img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  .luniva-hero-inner{
    display:block !important;
    min-height:auto !important;
    padding-top:34px !important;
    padding-bottom:0 !important;
  }

  .luniva-hero-copy{
    max-width:100% !important;
    width:100% !important;
  }

  .luniva-hero-copy h1{
    font-size:32px !important;
    line-height:1.12 !important;
    letter-spacing:-.4px !important;
    margin-bottom:18px !important;
  }

  .luniva-hero-copy p{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    margin-top:22px !important;
  }

  .btn{
    font-size:14px !important;
    padding:12px 18px !important;
  }

  .beauty-note{
    font-size:13px !important;
    line-height:1.5 !important;
    margin-top:18px !important;
  }

  .beauty-photos,
  .photo-main,
  .photo-small,
  .mobile-hero-image,
  .mobile-brand-banner{
    display:none !important;
  }
}

@media(max-width:430px){
  .luniva-hero-copy h1{
    font-size:30px !important;
  }
}


/* ==================================================
   Luniva Final PC Layout Fix
   PC: left text + right model background
   Mobile: separate mobile image system remains
   ================================================== */

@media(min-width:769px){

  .luniva-mobile-banner{
    display:none !important;
  }

  .luniva-hero-system{
    display:flex !important;
    align-items:center !important;
    min-height:620px !important;
    padding:0 !important;
    background-image:
      linear-gradient(90deg, rgba(255,250,245,.98) 0%, rgba(255,250,245,.92) 34%, rgba(255,250,245,.55) 52%, rgba(255,250,245,.08) 72%, rgba(255,250,245,0) 100%),
      var(--luniva-desktop-hero) !important;
    background-size:100% 100%, cover !important;
    background-position:center center, center right !important;
    background-repeat:no-repeat, no-repeat !important;
    background-color:#fffaf5 !important;
  }

  .luniva-hero-inner{
    min-height:620px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .luniva-hero-copy{
    max-width:650px !important;
    padding:40px 0 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .luniva-hero-copy .eyebrow{
    color:#d8a448 !important;
    font-size:14px !important;
    letter-spacing:2px !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
  }

  .luniva-hero-copy h1{
    font-size:50px !important;
    line-height:1.07 !important;
    letter-spacing:-1.2px !important;
    color:#111827 !important;
    margin:0 0 22px !important;
    max-width:650px !important;
  }

  .luniva-hero-copy p{
    font-size:18px !important;
    line-height:1.75 !important;
    color:#374151 !important;
    max-width:590px !important;
    margin:0 !important;
  }

  .luniva-hero-copy .hero-actions{
    margin-top:28px !important;
    display:flex !important;
    gap:14px !important;
    flex-wrap:wrap !important;
  }

  .luniva-hero-copy .beauty-note{
    margin-top:20px !important;
    color:#9f6d25 !important;
    font-weight:800 !important;
    font-size:14px !important;
  }

  .beauty-trust{
    margin-top:0 !important;
    padding:26px 0 !important;
    background:#fff !important;
    border-top:1px solid #f1e7dc !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .beauty-trust-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:20px !important;
  }

  .beauty-category-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:26px !important;
  }
}

@media(min-width:769px) and (max-width:1200px){
  .luniva-hero-copy h1{
    font-size:44px !important;
  }

  .luniva-hero-copy{
    max-width:560px !important;
  }

  .luniva-hero-copy p{
    max-width:520px !important;
  }
}


/* ==================================================
   Luniva Hair Mobile Final Layout
   Keep PC unchanged, optimize mobile only
   ================================================== */

@media(max-width:768px){

  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#fffaf5 !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }

  /* 顶部黑色类目条 */
  .topbar{
    display:block !important;
    background:#111827 !important;
    padding:9px 12px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    text-align:center !important;
    color:#fff !important;
  }

  .topbar-inner{
    display:block !important;
    text-align:center !important;
    color:#fff !important;
  }

  /* Logo 区 */
  .header{
    background:#fffaf5 !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .header-inner{
    display:block !important;
    padding:18px 18px 12px !important;
  }

  .logo{
    display:block !important;
    font-size:32px !important;
    line-height:1.1 !important;
    margin:0 0 16px !important;
    text-align:left !important;
  }

  /* 菜单改成横向滑动，避免占太高 */
  .nav{
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:4px !important;
  }

  .nav::-webkit-scrollbar{
    display:none !important;
  }

  .nav ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:20px !important;
    padding:0 !important;
    margin:0 !important;
    width:max-content !important;
    min-width:100% !important;
  }

  .nav li{
    display:block !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  .nav a{
    display:block !important;
    font-size:15px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    padding:0 0 4px !important;
    color:#1f2937 !important;
  }

  /* 手机端 Hero：图在上，文案在下 */
  .luniva-hero-system{
    background:none !important;
    background-image:none !important;
    min-height:auto !important;
    display:block !important;
    padding:0 0 34px !important;
    background:#fffaf5 !important;
  }

  .luniva-mobile-banner{
    display:block !important;
    width:100% !important;
    height:430px !important;
    overflow:hidden !important;
    background:#fffaf5 !important;
    border-top:1px solid #f1e7dc !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .luniva-mobile-banner img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:68% center !important;
  }

  .luniva-hero-inner{
    display:block !important;
    min-height:auto !important;
    padding:30px 18px 0 !important;
  }

  .luniva-hero-copy{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
  }

  .luniva-hero-copy .eyebrow{
    font-size:12px !important;
    letter-spacing:1.8px !important;
    line-height:1.5 !important;
    margin-bottom:14px !important;
    color:#d8a448 !important;
  }

  .luniva-hero-copy h1{
    font-size:28px !important;
    line-height:1.13 !important;
    letter-spacing:-.4px !important;
    margin:0 0 16px !important;
    color:#111827 !important;
  }

  .luniva-hero-copy p{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.65 !important;
    margin:0 !important;
    color:#374151 !important;
  }

  .hero-actions{
    display:flex !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    margin-top:22px !important;
  }

  .hero-actions .btn{
    flex:1 1 0 !important;
    text-align:center !important;
    font-size:14px !important;
    padding:13px 10px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }

  .beauty-note{
    font-size:13px !important;
    line-height:1.45 !important;
    margin-top:17px !important;
    color:#9f6d25 !important;
  }

  /* 旧图片模块全部隐藏，避免重复 */
  .beauty-photos,
  .photo-main,
  .photo-small,
  .mobile-hero-image,
  .mobile-brand-banner{
    display:none !important;
  }

  /* B2B 服务卡片：手机一列 */
  .beauty-trust{
    padding:20px 0 !important;
    background:#fff !important;
  }

  .beauty-trust-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .beauty-trust-grid div{
    padding:17px 18px !important;
    border-radius:18px !important;
  }

  .beauty-trust-grid strong{
    font-size:15px !important;
  }

  .beauty-trust-grid span{
    font-size:13px !important;
  }

  /* 6 大分类：手机两列 */
  .section{
    padding:44px 0 !important;
  }

  .section-title h2{
    font-size:26px !important;
    line-height:1.2 !important;
    margin-bottom:10px !important;
  }

  .section-title p{
    font-size:14px !important;
    line-height:1.6 !important;
  }

  .beauty-category-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }

  .beauty-category{
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .beauty-img{
    height:145px !important;
    font-size:12px !important;
  }

  .beauty-category h3{
    font-size:15px !important;
    line-height:1.25 !important;
    margin:14px 12px 6px !important;
  }

  .beauty-category p{
    font-size:12px !important;
    line-height:1.45 !important;
    margin:0 12px 16px !important;
  }

  /* Shop by 模块：手机一列 */
  .beauty-shopby-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .beauty-shopby-card{
    padding:22px !important;
    border-radius:20px !important;
  }

  /* B2B 详情区：手机一列 */
  .beauty-two-col{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .beauty-info-card{
    padding:24px !important;
    border-radius:22px !important;
  }

  .beauty-mini{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  /* 语言切换：底部右下角，不挡按钮 */
  .floating-lang{
    position:fixed !important;
    right:10px !important;
    bottom:76px !important;
    top:auto !important;
    transform:none !important;
    z-index:9999 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    padding:6px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.16) !important;
  }

  .floating-lang a{
    width:34px !important;
    height:34px !important;
    padding:2px !important;
    border-radius:12px !important;
    font-size:9px !important;
  }

  .floating-lang span{
    font-size:13px !important;
    line-height:1 !important;
  }

  .floating-lang b{
    font-size:8px !important;
    line-height:1 !important;
  }

  .footer-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media(max-width:430px){

  .luniva-mobile-banner{
    height:395px !important;
  }

  .luniva-mobile-banner img{
    object-position:70% center !important;
  }

  .luniva-hero-copy h1{
    font-size:27px !important;
  }

  .nav a{
    font-size:14px !important;
  }

  .beauty-category-grid{
    gap:12px !important;
  }
}

@media(max-width:360px){

  .luniva-mobile-banner{
    height:360px !important;
  }

  .luniva-hero-copy h1{
    font-size:25px !important;
  }

  .hero-actions{
    flex-wrap:wrap !important;
  }

  .hero-actions .btn{
    flex:1 1 100% !important;
  }

  .beauty-category-grid{
    grid-template-columns:1fr !important;
  }
}


/* ==================================================
   Luniva PC Slider System
   ================================================== */

.luniva-slider-system{
  position:relative !important;
  overflow:hidden !important;
  background:#fffaf5 !important;
}

.luniva-slider-track{
  position:relative !important;
  min-height:620px !important;
}

.luniva-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .65s ease, visibility .65s ease !important;
  background-image:
    linear-gradient(90deg, rgba(255,250,245,.98) 0%, rgba(255,250,245,.92) 34%, rgba(255,250,245,.55) 52%, rgba(255,250,245,.08) 72%, rgba(255,250,245,0) 100%),
    var(--slide-bg) !important;
  background-size:100% 100%, cover !important;
  background-position:center center, center right !important;
  background-repeat:no-repeat, no-repeat !important;
}

.luniva-slide.is-active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
}

.luniva-slide-inner{
  min-height:620px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.luniva-slide .luniva-hero-copy{
  max-width:650px !important;
  padding:40px 0 !important;
  position:relative !important;
  z-index:3 !important;
}

.luniva-slide .luniva-hero-copy h1{
  font-size:50px !important;
  line-height:1.07 !important;
  letter-spacing:-1.2px !important;
  color:#111827 !important;
  margin:0 0 22px !important;
  max-width:650px !important;
}

.luniva-slide .luniva-hero-copy p{
  font-size:18px !important;
  line-height:1.75 !important;
  color:#374151 !important;
  max-width:590px !important;
  margin:0 !important;
}

.luniva-mobile-slide-img{
  display:none !important;
}

.luniva-slider-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background:rgba(255,255,255,.78) !important;
  color:#111827 !important;
  font-size:30px !important;
  line-height:40px !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(17,24,39,.12) !important;
}

.luniva-prev{
  left:24px !important;
}

.luniva-next{
  right:24px !important;
}

.luniva-slider-dots{
  position:absolute !important;
  left:50% !important;
  bottom:24px !important;
  transform:translateX(-50%) !important;
  z-index:10 !important;
  display:flex !important;
  gap:10px !important;
}

.luniva-slider-dots button{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  border:0 !important;
  background:rgba(17,24,39,.25) !important;
  cursor:pointer !important;
  padding:0 !important;
}

.luniva-slider-dots button.is-active{
  background:#c9912f !important;
  width:26px !important;
  border-radius:999px !important;
}

@media(max-width:768px){

  .luniva-slider-track{
    min-height:auto !important;
  }

  .luniva-slide{
    position:absolute !important;
    opacity:0 !important;
    visibility:hidden !important;
    background:none !important;
    background-image:none !important;
  }

  .luniva-slide.is-active{
    position:relative !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .luniva-mobile-slide-img{
    display:block !important;
    width:100% !important;
    height:395px !important;
    overflow:hidden !important;
    background:#fffaf5 !important;
    border-top:1px solid #f1e7dc !important;
    border-bottom:1px solid #f1e7dc !important;
  }

  .luniva-mobile-slide-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:70% center !important;
    display:block !important;
  }

  .luniva-slide-inner{
    display:block !important;
    min-height:auto !important;
    padding:30px 18px 34px !important;
  }

  .luniva-slide .luniva-hero-copy{
    max-width:100% !important;
    padding:0 !important;
  }

  .luniva-slide .luniva-hero-copy h1{
    font-size:27px !important;
    line-height:1.13 !important;
    letter-spacing:-.4px !important;
    margin-bottom:16px !important;
  }

  .luniva-slide .luniva-hero-copy p{
    font-size:15px !important;
    line-height:1.65 !important;
    max-width:100% !important;
  }

  .luniva-slider-arrow{
    display:none !important;
  }

  .luniva-slider-dots{
    bottom:auto !important;
    top:365px !important;
  }
}


/* ==================================================
   Luniva Mobile Slider Image No-Crop Fix
   手机端轮播图完整显示，不裁切头发
   ================================================== */

@media(max-width:768px){

  .luniva-mobile-slide-img{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    background:#fffaf5 !important;
  }

  .luniva-mobile-slide-img img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
  }

  .luniva-slider-dots{
    top:auto !important;
    bottom:18px !important;
  }

  .luniva-slide.is-active{
    position:relative !important;
  }
}


/* ==================================================
   Luniva Mobile Slider Dots Position Fix
   小圆点固定到手机图片底部，不显示到文字下方
   ================================================== */

@media(max-width:768px){

  .luniva-slide{
    position:absolute !important;
  }

  .luniva-slide.is-active{
    position:relative !important;
  }

  .luniva-mobile-slide-img{
    position:relative !important;
  }

  .luniva-slider-dots{
    position:absolute !important;
    top:calc(100vw - 38px) !important;
    bottom:auto !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:20 !important;
    display:flex !important;
    gap:9px !important;
  }

  .luniva-slider-dots button{
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:rgba(17,24,39,.25) !important;
  }

  .luniva-slider-dots button.is-active{
    width:28px !important;
    border-radius:999px !important;
    background:#c9912f !important;
  }
}

@media(max-width:430px){
  .luniva-slider-dots{
    top:calc(100vw - 38px) !important;
  }
}


/* ==================================================
   Luniva Mobile Language Switcher Final
   手机端：默认只显示 🌐，点击后横向展开语言
   ================================================== */

@media(max-width:768px){

  .floating-lang{
    position:fixed !important;
    right:16px !important;
    bottom:18px !important;
    top:auto !important;
    transform:none !important;
    z-index:99999 !important;

    width:46px !important;
    height:46px !important;
    padding:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.18) !important;
    border:1px solid rgba(17,24,39,.08) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    gap:0 !important;
  }

  .floating-lang::before{
    content:"🌐" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    font-size:22px !important;
    line-height:1 !important;
  }

  .floating-lang a{
    display:none !important;
  }

  .floating-lang.is-open{
    width:auto !important;
    height:48px !important;
    max-width:calc(100vw - 32px) !important;
    padding:6px 8px !important;
    border-radius:999px !important;
    gap:6px !important;
    justify-content:flex-end !important;
  }

  .floating-lang.is-open::before{
    display:none !important;
  }

  .floating-lang.is-open a{
    display:flex !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:2px !important;
    border-radius:999px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    background:#fff !important;
    box-shadow:none !important;
  }

  .floating-lang.is-open span{
    font-size:13px !important;
    line-height:1 !important;
  }

  .floating-lang.is-open b{
    font-size:8px !important;
    line-height:1 !important;
    margin-top:2px !important;
  }

  .floating-lang.is-open a.active,
  .floating-lang.is-open a.current,
  .floating-lang.is-open a[aria-current="true"]{
    border:1px dashed #c9912f !important;
  }
}


/* ==================================================
   Luniva Mobile Language Switcher Stable Fix
   默认隐藏语言列表，单独创建 🌐 按钮控制展开
   ================================================== */

@media(max-width:768px){

  .floating-lang:not(.luniva-mobile-open){
    display:none !important;
  }

  .floating-lang.luniva-mobile-open{
    position:fixed !important;
    right:14px !important;
    bottom:72px !important;
    top:auto !important;
    transform:none !important;
    z-index:99999 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    width:auto !important;
    height:auto !important;
    padding:7px 8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.18) !important;
    border:1px solid rgba(17,24,39,.08) !important;
    overflow:visible !important;
  }

  .floating-lang.luniva-mobile-open::before{
    display:none !important;
    content:none !important;
  }

  .floating-lang.luniva-mobile-open a{
    display:flex !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:2px !important;
    border-radius:999px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    background:#fff !important;
    text-decoration:none !important;
  }

  .floating-lang.luniva-mobile-open span{
    display:block !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  .floating-lang.luniva-mobile-open b{
    display:block !important;
    font-size:8px !important;
    line-height:1 !important;
    margin-top:2px !important;
  }

  #lunivaLangTrigger{
    position:fixed !important;
    right:16px !important;
    bottom:18px !important;
    z-index:100000 !important;

    width:48px !important;
    height:48px !important;
    border-radius:999px !important;
    border:1px solid rgba(17,24,39,.08) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.18) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:22px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }
}

@media(min-width:769px){
  #lunivaLangTrigger{
    display:none !important;
  }
}


/* ==================================================
   Luniva Final Mobile Language Switcher
   一次点击展开，一次点击语言直接跳转
   ================================================== */

@media(max-width:768px){

  .floating-lang{
    display:none !important;
  }

  .floating-lang.luniva-mobile-open{
    position:fixed !important;
    right:14px !important;
    bottom:76px !important;
    top:auto !important;
    transform:none !important;
    z-index:99999 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;

    width:auto !important;
    height:auto !important;
    padding:7px 8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.18) !important;
    border:1px solid rgba(17,24,39,.08) !important;
    overflow:visible !important;
  }

  .floating-lang.luniva-mobile-open::before{
    display:none !important;
    content:none !important;
  }

  .floating-lang.luniva-mobile-open a{
    display:flex !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:2px !important;
    border-radius:999px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    background:#fff !important;
    text-decoration:none !important;
    pointer-events:auto !important;
  }

  .floating-lang.luniva-mobile-open span{
    display:block !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  .floating-lang.luniva-mobile-open b{
    display:block !important;
    font-size:8px !important;
    line-height:1 !important;
    margin-top:2px !important;
  }

  .floating-lang.luniva-mobile-open a.active,
  .floating-lang.luniva-mobile-open a.current,
  .floating-lang.luniva-mobile-open a[aria-current="true"]{
    border:1px dashed #c9912f !important;
  }

  #lunivaLangTrigger{
    position:fixed !important;
    right:16px !important;
    bottom:18px !important;
    z-index:100000 !important;

    width:48px !important;
    height:48px !important;
    border-radius:999px !important;
    border:1px solid rgba(17,24,39,.08) !important;
    background:rgba(255,255,255,.97) !important;
    box-shadow:0 10px 28px rgba(17,24,39,.18) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:22px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }
}

@media(min-width:769px){
  #lunivaLangTrigger{
    display:none !important;
  }
}


/* ==================================================
   Luniva Contact Page Form Polish
   ================================================== */

.wpcf7 form p{
  margin-bottom:18px !important;
}

.wpcf7 label{
  display:block !important;
  font-weight:800 !important;
  color:#111827 !important;
  margin-bottom:8px !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select{
  width:100% !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:13px 14px !important;
  font-size:15px !important;
  color:#111827 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

.wpcf7 textarea{
  min-height:150px !important;
}

.wpcf7 input[type="submit"]{
  width:100% !important;
  border:0 !important;
  border-radius:999px !important;
  padding:15px 22px !important;
  background:#c9912f !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:15px !important;
  cursor:pointer !important;
}

.wpcf7-response-output{
  border-radius:10px !important;
  padding:14px 16px !important;
  font-weight:700 !important;
}

@media(max-width:768px){
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="tel"],
  .wpcf7 textarea,
  .wpcf7 select{
    font-size:15px !important;
    padding:14px !important;
  }

  .wpcf7 textarea{
    min-height:130px !important;
  }
}