/*
Theme Name: Flatsome Child
Description: Express Beauty - Premium Minimalism Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** PREMIUM MINIMALISM DESIGN ***************/

/* === Color Palette === */
:root {
  --xb-milk: #FFF5ED;
  --xb-beige: #FFE8D6;
  --xb-graphite: #2C2C2C;
  --xb-accent: #FF8C42;
  --xb-accent-hover: #FF7321;
  --xb-text: #3A3A3A;
  --xb-text-light: #6A6A6A;
  --xb-border: #E5E5E5;
}

/* === Typography === */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
  color: var(--xb-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  background: var(--xb-milk);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--xb-graphite);
}

h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; }
h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.2; }
h3 { font-size: clamp(1.25rem, 3vw, 1.875rem); }

/* === Hero Section === */
.xb-hero {
  min-height: 85vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem 1.5rem;
  background: linear-gradient(135deg, #FFF5ED 0%, #FFE8D6 100%);
  position: relative;
  overflow: hidden;
}

.xb-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(255,140,66,0.12) 0%, transparent 70%);
  animation: xb-float 20s ease-in-out infinite;
}

@keyframes xb-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-30px, -30px) scale(1.1); }
}

.xb-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}

.xb-hero h1 {
  margin-bottom: 1.5rem;
  animation: xb-fadeInUp 0.8s ease-out;
}

.xb-hero p {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: #6A6A6A;
  margin-bottom: 2.5rem;
  animation: xb-fadeInUp 0.8s ease-out 0.2s both;
}

/* === CTA Buttons === */
.xb-cta-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  animation: xb-fadeInUp 0.8s ease-out 0.4s both;
}

.xb-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border-radius: 100px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.xb-btn-primary {
  background: var(--xb-accent);
  color: white;
  box-shadow: 0 4px 20px rgba(255,140,66,0.3);
}

.xb-btn-primary:hover {
  background: var(--xb-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(255,140,66,0.4);
  color: white;
}

.xb-btn-secondary {
  background: white;
  color: #2C2C2C;
  border-color: #E5E5E5;
}

.xb-btn-secondary:hover {
  border-color: var(--xb-accent);
  color: var(--xb-accent);
  transform: translateY(-2px);
}

/* === Section Styles === */
.xb-section {
  padding: 4rem 1.25rem;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.xb-section.xb-visible {
  opacity: 1;
  transform: translateY(0);
}

.xb-section-header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 3rem;
}

/* === Service Cards === */
.xb-services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  margin-top: 3rem;
}

.xb-service-card {
  background: white;
  padding: 1.5rem;
  border-radius: 16px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
  border: 1px solid #E5E5E5;
}

.xb-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  border-color: var(--xb-accent);
}

/* === Animations === */
@keyframes xb-fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === Mobile === */
@media only screen and (max-width: 48em) {
  .xb-hero { min-height: 70vh; padding: 2.4rem 1rem; }
  .xb-section { padding: 2.4rem 1rem; }
  .xb-services-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .xb-cta-group { flex-direction: column; width: 100%; }
  .xb-btn { width: 100%; justify-content: center; }
}

/* === Service Card Images === */
.xb-service-card {
  position: relative;
  overflow: hidden;
}

.xb-service-image {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  transition: transform 0.3s ease;
}

.xb-service-card:hover .xb-service-image {
  transform: scale(1.05);
}

.xb-service-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.xb-service-title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}

.xb-service-price {
  color: var(--xb-accent);
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}

/* === Hero with Background Image === */
.xb-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/wp-content/uploads/2026/02/premium-stock/makeup.webp');
  background-size: cover;
  background-position: center;
  opacity: 0.08;
  z-index: 1;
}

/* xbeauty color-only hotfix */
:root{--xb-orange:#FF8C42;--xb-orange-hover:#FF7321;--xb-bg:#FFF5ED}
body{background-color:var(--xb-bg)}
.button,.button.primary,button[type="submit"],input[type="submit"],.xb-btn,.xb-btn-primary{background-color:var(--xb-orange)!important;border-color:var(--xb-orange)!important;color:#fff!important}
.button:hover,.button.primary:hover,button[type="submit"]:hover,input[type="submit"]:hover,.xb-btn:hover,.xb-btn-primary:hover{background-color:var(--xb-orange-hover)!important;border-color:var(--xb-orange-hover)!important;color:#fff!important}
a,.accent,.is-accent,[class*="accent"],.icon i,.icon{color:var(--xb-orange)}

/* Logo spacing + brand text next to logo */
#masthead #logo a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 14px; /* edge spacing around logo */
}
#masthead #logo img.header_logo,
#masthead #logo img.header-logo,
#masthead #logo img.header-logo-dark {
  max-height: 56px;
  width: auto;
}
#masthead #logo a::after {
  content: 'EXPRESS BEAUTY';
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #FF8C42;
  white-space: nowrap;
}
@media (max-width: 849px) {
  #masthead #logo a { gap: 8px; padding: 6px 10px; }
  #masthead #logo img.header_logo,
  #masthead #logo img.header-logo,
  #masthead #logo img.header-logo-dark { max-height: 42px; }
  #masthead #logo a::after { font-size: 14px; letter-spacing: .04em; }
}


/* ===== Visual pass: richer photos + parallax ===== */
.xb-hero{
  background: linear-gradient(135deg, rgba(255,245,237,.62) 0%, rgba(255,232,214,.58) 100%);
}
.xb-hero::after{
  opacity:.28 !important;
  filter: saturate(1.28) contrast(1.10) brightness(1.06);
  background-attachment: fixed;
}
.xb-hero p{
  color:#2f2f2f;
  font-weight:500;
  text-shadow: 0 1px 2px rgba(255,255,255,.45);
}

.xb-service-image{
  filter: saturate(1.15) contrast(1.08);
}

.xb-parallax{
  position: relative;
  overflow: hidden;
  background: transparent;
}
.xb-parallax::before{
  content:'';
  position:absolute;
  inset:0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  transform: translateY(var(--xb-parallax-y,0px));
  z-index:0;
  opacity:.24;
  filter:saturate(1.18) contrast(1.06);
}
.xb-parallax > .container{ position:relative; z-index:1; }

.xb-parallax-services::before{ background-image:url('/wp-content/uploads/2026/02/premium-stock/hero-beauty-spa.webp'); }
.xb-parallax-branches::before{ background-image:url('/wp-content/uploads/2026/02/premium-stock/loft1.webp'); }
.xb-parallax-contact::before{ background-image:url('/wp-content/uploads/2026/02/premium-stock/massage.webp'); }

@media (max-width: 849px){
  .xb-hero::after,
  .xb-parallax::before{ background-attachment: scroll; }
  .xb-parallax::before{ opacity:.18; }
}

/* ===== Hero override: expressionist powder color burst ===== */
.xb-hero{
  background:
    radial-gradient(1200px 500px at 15% 20%, rgba(255, 0, 128, .55), transparent 60%),
    radial-gradient(900px 420px at 85% 25%, rgba(255, 140, 0, .55), transparent 62%),
    radial-gradient(1000px 480px at 50% 85%, rgba(126, 87, 255, .55), transparent 65%),
    linear-gradient(135deg, #31123f 0%, #1a0f2f 45%, #0f1020 100%) !important;
}
.xb-hero::before{ display:none !important; }
.xb-hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 220px at 22% 32%, rgba(255,255,255,.18), transparent 62%),
    radial-gradient(360px 200px at 68% 38%, rgba(255,255,255,.12), transparent 60%),
    radial-gradient(500px 260px at 52% 72%, rgba(255,255,255,.10), transparent 66%);
  opacity:1 !important;
  filter:none !important;
  z-index:1;
}
.xb-hero .xb-hero-content{ z-index:2; }
.xb-hero h1,
.xb-hero p{
  color:#fff !important;
  text-shadow: 0 4px 18px rgba(0,0,0,.45);
}

/* ===== Hero style from approved color-burst reference ===== */
.xb-hero{
  background: #111 !important;
}
.xb-hero::before{ display:none !important; }
.xb-hero::after{
  content:'';
  position:absolute;
  inset:0;
  background-image: url('/wp-content/uploads/2026/02/premium-stock/hero-color-burst-ref.jpg');
  background-size: cover;
  background-position: center;
  opacity: .95 !important;
  filter: saturate(1.25) contrast(1.12) brightness(.90);
  z-index:1;
}
.xb-hero .xb-hero-content{ position:relative; z-index:2; }
.xb-hero .xb-hero-content::before{
  content:'';
  position:absolute;
  inset:-24px;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(1px);
  border-radius: 20px;
  z-index:-1;
}
.xb-hero h1,
.xb-hero p{ color:#fff !important; text-shadow: 0 3px 14px rgba(0,0,0,.65); }

/* logo overflow fix on scroll/sticky */
#masthead #logo,
#masthead .logo,
#masthead .logo a{overflow:hidden;}
#masthead .logo a img,
#masthead .header_logo,
#masthead .header-logo,
#masthead .header-logo-dark{
  max-height: 52px;
  width: auto;
  object-fit: contain;
}
.header.has-sticky .stuck #logo img,
.header.has-sticky .stuck .header_logo,
.header.has-sticky .stuck .header-logo,
.header.has-sticky .stuck .header-logo-dark{
  max-height: 44px;
}

/* rollback ugly logo clamp + mobile header cleanup */
#masthead #logo,
#masthead .logo,
#masthead .logo a{overflow:visible !important;}

/* keep text near logo only on desktop */
@media (max-width: 1024px){
  #masthead #logo a::after{display:none !important; content:'' !important;}
  #masthead #logo a{padding:4px 8px !important; gap:6px !important;}
}

/* softer sticky sizing */
.header.has-sticky .stuck #logo img,
.header.has-sticky .stuck .header_logo,
.header.has-sticky .stuck .header-logo,
.header.has-sticky .stuck .header-logo-dark{
  max-height: 40px !important;
}

/* enlarge logo and logo area */
#masthead #logo a{
  padding: 10px 16px !important;
  min-height: 72px;
}
#masthead #logo img.header_logo,
#masthead #logo img.header-logo,
#masthead #logo img.header-logo-dark{
  max-height: 64px !important;
  width: auto;
}
.header.has-sticky .stuck #logo img,
.header.has-sticky .stuck .header_logo,
.header.has-sticky .stuck .header-logo,
.header.has-sticky .stuck .header-logo-dark{
  max-height: 52px !important;
}
@media (max-width: 1024px){
  #masthead #logo a{padding: 8px 12px !important; min-height: 64px;}
  #masthead #logo img.header_logo,
  #masthead #logo img.header-logo,
  #masthead #logo img.header-logo-dark{max-height: 56px !important;}
}

/* move logo left + restore orange brand text beside logo */
#masthead .header-inner{justify-content:flex-start;}
#masthead #logo{margin-right:16px;}
#masthead #logo a{display:inline-flex;align-items:center;gap:10px;}
#masthead #logo a::after{
  display:inline-block !important;
  content:'EXPRESS BEAUTY' !important;
  color:#FF8C42 !important;
  font-weight:700;
  letter-spacing:.06em;
  white-space:nowrap;
}

@media (max-width:1024px){
  #masthead .header-inner{justify-content:flex-start;}
  #masthead #logo{margin-left:6px;margin-right:8px;}
  #masthead #logo a{gap:8px !important;}
  #masthead #logo a::after{
    display:inline-block !important;
    font-size:12px !important;
    letter-spacing:.03em !important;
  }
}

/* scale logo + brand text +15% */
#masthead #logo img.header_logo,
#masthead #logo img.header-logo,
#masthead #logo img.header-logo-dark{
  max-height: 74px !important;
}
#masthead #logo a::after{
  font-size: 23px !important;
}

.header.has-sticky .stuck #logo img,
.header.has-sticky .stuck .header_logo,
.header.has-sticky .stuck .header-logo,
.header.has-sticky .stuck .header-logo-dark{
  max-height: 60px !important;
}

@media (max-width:1024px){
  #masthead #logo img.header_logo,
  #masthead #logo img.header-logo,
  #masthead #logo img.header-logo-dark{max-height: 64px !important;}
  #masthead #logo a::after{font-size:14px !important;}
}

/* enlarge logo area zone to prevent clipping */
#masthead .header-main,
#masthead .header-inner{
  min-height: 94px;
}
#masthead .header-inner{
  padding-top: 10px;
  padding-bottom: 10px;
}
#masthead #logo,
#masthead #logo a{
  min-height: 84px;
  align-items: center;
}

.header.has-sticky .stuck .header-inner{
  min-height: 76px;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media (max-width:1024px){
  #masthead .header-main,
  #masthead .header-inner{min-height: 82px;}
  #masthead #logo,
  #masthead #logo a{min-height: 72px;}
}

/* rollback logo size/zone to previous baseline */
#masthead .header-main,
#masthead .header-inner,
#masthead #logo,
#masthead #logo a{
  min-height: unset !important;
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#masthead #logo img.header_logo,
#masthead #logo img.header-logo,
#masthead #logo img.header-logo-dark{
  max-height: 64px !important;
  width: auto !important;
}
#masthead #logo a::after{
  font-size: 20px !important;
  letter-spacing: .06em !important;
}

.header.has-sticky .stuck #logo img,
.header.has-sticky .stuck .header_logo,
.header.has-sticky .stuck .header-logo,
.header.has-sticky .stuck .header-logo-dark{
  max-height: 52px !important;
}

@media (max-width:1024px){
  #masthead #logo img.header_logo,
  #masthead #logo img.header-logo,
  #masthead #logo img.header-logo-dark{max-height:56px !important;}
  #masthead #logo a::after{font-size:12px !important;letter-spacing:.03em !important;}
}

/* about page emergency visibility fix */
.page-id-13 .xb-section,
.page-id-13 .xb-about-section,
.page-id-13 .xb-content-section,
.page-id-13 .xb-values-grid,
.page-id-13 .xb-stats-grid,
.page-id-13 .xb-team-section,
.page-id-13 .xb-cta-section{
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* hits block cards on homepage */
.xb-promotions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.xb-promo-card{position:relative;background:#fff;border:1px solid #f2e5d8;border-radius:14px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.xb-promo-card h4{margin:0 0 8px;color:#222;font-size:18px}
.xb-promo-prices{display:flex;gap:10px;align-items:center}
.xb-old-price{color:#999;text-decoration:line-through;font-size:14px}
.xb-new-price{color:#FF6B35;font-weight:700}
.xb-promo-badge{position:absolute;top:10px;right:10px;background:#FF6B35;color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}

/* price filters text clipping fix */
.xbeauty-price-wrapper .xb-filter-input,
.xbeauty-price-wrapper .xb-filter-select{
  height:48px;
  line-height:1.3;
  padding:10px 14px;
  font-size:16px;
  box-sizing:border-box;
}
.xbeauty-price-wrapper .xb-filter-select{appearance:auto;background-color:#fff}

/* Homepage: stronger "Хиты продаж" block (no strikethrough prices) */
#hits .xb-section-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em}
#hits .xb-section-subtitle{color:#5f5f5f;font-size:clamp(15px,2.2vw,20px)}
#hits .xb-promotions-grid{gap:20px}
#hits .xb-promo-card{
  border:1px solid #ffd7bf;
  background:linear-gradient(180deg,#fff 0%,#fff7f1 100%);
  box-shadow:0 12px 30px rgba(255,107,53,.16);
  border-radius:18px;
  padding:18px;
  transform:translateZ(0);
}
#hits .xb-promo-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(255,107,53,.24)}
#hits .xb-promo-badge{background:#FF6B35;color:#fff;font-weight:800}
#hits .xb-promo-card h4{font-size:20px;line-height:1.25;margin:0 0 10px}
#hits .xb-old-price{display:none !important}
#hits .xb-new-price{font-size:26px;font-weight:800;color:#FF6B35}
#hits .xb-promo-prices{justify-content:flex-start}
@media (max-width:768px){
  #hits .xb-promo-card h4{font-size:18px}
  #hits .xb-new-price{font-size:24px}
}

/* Header desktop overlap fix (re-applied) */
@media (min-width:1025px){
  #masthead .header-inner{align-items:center !important;}
  #masthead #logo{flex:0 0 auto !important; margin-right:14px !important;}
  #masthead #logo a::after{display:none !important;}
  #masthead .flex-left{min-width:0 !important;}
  #masthead .header-nav-main.nav.nav-left{white-space:nowrap; overflow:hidden;}
  #masthead .header-nav-main.nav.nav-left > li > a{padding-left:10px !important; padding-right:10px !important;}
}

@media (min-width:1500px){
  #masthead #logo a::after{
    display:inline-block !important;
    content:'EXPRESS BEAUTY' !important;
    font-size:14px !important;
    letter-spacing:.04em !important;
    margin-left:8px !important;
    white-space:nowrap !important;
  }
}

/* Header layout fix: logo left + centered desktop menu */
@media (min-width:1025px){
  #masthead .header-inner{
    display:grid !important;
    grid-template-columns:auto 1fr auto;
    align-items:center !important;
    column-gap:18px;
  }

  #masthead #logo{
    grid-column:1;
    margin:0 !important;
    z-index:2;
  }

  #masthead .hide-for-medium.flex-left{
    grid-column:2;
    min-width:0;
    display:flex;
    justify-content:center;
  }

  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:visible;
    margin:0 !important;
  }

  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left > li > a{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #masthead .hide-for-medium.flex-right{
    grid-column:3;
    justify-self:end;
  }

  /* prevent overlap from brand pseudo text */
  #masthead #logo a::after{display:none !important;}
}

/* Restore brand text near logo without breaking centered menu */
@media (min-width:1025px){
  #masthead #logo a::after{
    display:inline-block !important;
    content:'EXPRESS BEAUTY' !important;
    color:#FF8C42 !important;
    font-weight:700 !important;
    font-size:14px !important;
    letter-spacing:.04em !important;
    margin-left:8px !important;
    white-space:nowrap !important;
  }
}

/* Fine-tune: prevent menu overlap with brand text */
@media (min-width:1025px){
  #masthead .header-inner{
    grid-template-columns: 360px 1fr auto !important;
    column-gap: 14px !important;
  }

  #masthead #logo{
    width:360px !important;
    max-width:360px !important;
    min-width:360px !important;
  }

  #masthead #logo a{
    display:flex !important;
    align-items:center !important;
    white-space:nowrap !important;
  }

  #masthead .hide-for-medium.flex-left{
    overflow:hidden;
  }

  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left > li > a{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* Tighter spacing adjustment */
@media (min-width:1025px){
  #masthead .header-inner{grid-template-columns: 336px 1fr auto !important; column-gap: 10px !important;}
  #masthead #logo{width:336px !important; max-width:336px !important; min-width:336px !important;}
  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left > li > a{padding-left:9px !important; padding-right:9px !important;}
}

/* Tighter spacing adjustment #2 */
@media (min-width:1025px){
  #masthead .header-inner{grid-template-columns: 312px 1fr auto !important; column-gap: 8px !important;}
  #masthead #logo{width:312px !important; max-width:312px !important; min-width:312px !important;}
  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left > li > a{padding-left:8px !important; padding-right:8px !important;}
}

/* Tighter spacing adjustment #3 */
@media (min-width:1025px){
  #masthead .header-inner{grid-template-columns: 288px 1fr auto !important; column-gap: 6px !important;}
  #masthead #logo{width:288px !important; max-width:288px !important; min-width:288px !important;}
  #masthead .hide-for-medium.flex-left .header-nav-main.nav.nav-left > li > a{padding-left:7px !important; padding-right:7px !important;}
}

/* ExpressBeauty typography sync (staging only) */
@font-face {
  font-family: 'CENTURY-GOTHIC-XB';
  src: url('/wp-content/uploads/fonts/CENTURY-GOTHIC.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body,
button,
input,
select,
textarea,
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a,
h1,h2,h3,h4,h5,h6,.heading-font {
  font-family: 'CENTURY-GOTHIC-XB', 'Century Gothic', 'Lato', Arial, sans-serif !important;
}

/* Force ExpressBeauty font across site (desktop + mobile) */
@font-face {
  font-family: 'CENTURY-GOTHIC-XB';
  src: url('/wp-content/uploads/fonts/CENTURY-GOTHIC.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html body,
html body p,
html body a,
html body li,
html body span,
html body div,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body label,
html body input,
html body select,
html body textarea,
html body button,
html body .elementor,
html body .elementor * {
  font-family: 'CENTURY-GOTHIC-XB', 'Century Gothic', 'Lato', Arial, sans-serif !important;
}

/* Keep icon fonts intact */
html body i[class^='icon-'],
html body i[class*=' icon-'],
html body [class^='icon-']::before,
html body [class*=' icon-']::before {
  font-family: 'fl-icons' !important;
}

/* Typography sync v2: enforce ExpressBeauty-like Roboto across mobile/desktop */
html body,
html body p,
html body a,
html body li,
html body span,
html body div,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body label,
html body input,
html body select,
html body textarea,
html body button,
html body .nav > li > a,
html body .mobile-sidebar-levels-2 .nav > li > ul > li > a,
html body .elementor,
html body .elementor * {
  font-family: 'Roboto', Arial, sans-serif !important;
}

/* Typography sync v3: match expressbeauty.uz exactly (CENTURY-GOTHIC) */
@font-face {
  font-family: 'CENTURY-GOTHIC';
  src: url('https://expressbeauty.uz/wp-content/uploads/2017/04/CENTURY-GOTHIC.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html body,
html body p,
html body a,
html body li,
html body span,
html body div,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body label,
html body input,
html body select,
html body textarea,
html body button,
html body .nav > li > a,
html body .mobile-sidebar-levels-2 .nav > li > ul > li > a,
html body .elementor,
html body .elementor * {
  font-family: 'CENTURY-GOTHIC', Arial, sans-serif !important;
  font-weight: normal !important;
}

/* Keep icon fonts untouched */
html body i[class^='icon-'],
html body i[class*=' icon-'],
html body [class^='icon-']::before,
html body [class*=' icon-']::before {
  font-family: 'fl-icons' !important;
}