:root{
      --red:#c90f16;
      --red2:#ff2a33;
      --red3:#7f0b10;
      --dark:#0f1012;
      --dark2:#1b1e23;
      --text:#191d22;
      --muted:#666e79;
      --line:#d7dce3;
      --silver:#f4f6f8;
      --silver2:#e6ebf1;
      --silver3:#c7cfd8;
      --card:#ffffff;
      --gold:#c99642;
      --gold2:#f4c15d;
      --shadow:0 20px 55px rgba(12,15,18,.14);
      --shadow2:0 14px 34px rgba(12,15,18,.10);
      --cut:18px;
      --cut-sm:12px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:
        linear-gradient(135deg,rgba(201,15,22,.03) 0 12%,transparent 12% 100%),
        repeating-linear-gradient(135deg,rgba(19,22,28,.028) 0 1px,transparent 1px 22px),
        linear-gradient(180deg,#f4f6f8 0%,#ffffff 38%,#f3f5f8 100%);
      color:var(--text);
      font-weight:500;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{max-width:1250px;margin:0 auto;padding:0 24px}
    .topbar{
      height:36px;
      background:linear-gradient(90deg,#0d0e10,#181b20 55%,#2b0c10 100%);
      color:#d7dbe2;
      font-size:13px;
      display:flex;
      align-items:center;
      border-bottom:1px solid rgba(255,255,255,.08)
    }
    .topbar .container{display:flex;justify-content:flex-end;gap:24px;align-items:center}
    .topbar b{color:var(--gold2);font-weight:600}
    header{
      position:sticky;top:0;z-index:50;
      background:rgba(255,255,255,.94);
      backdrop-filter:blur(18px);
      border-bottom:1px solid #dfe4ea;
      box-shadow:0 8px 25px rgba(17,17,17,.04)
    }
    .header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .logo{display:flex;align-items:center;gap:12px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:30px;font-weight:700;letter-spacing:-1.35px;color:var(--dark)}
    .logo i{
      width:44px;height:44px;
      clip-path:polygon(0 12%,78% 12%,100% 0,100% 88%,22% 88%,0 100%);
      background:linear-gradient(135deg,var(--red2),var(--red3) 40%,#101214 78%);
      display:grid;place-items:center;color:#fff;font-style:normal;
      box-shadow:0 14px 28px rgba(199,13,19,.25);
      border:1px solid rgba(255,255,255,.18)
    }
    .logo span{color:var(--red);font-style:italic}
    .logo small{font-size:17px;color:var(--gold);margin-left:-7px;letter-spacing:-.4px}
    nav{display:flex;align-items:center;gap:8px;font-size:14px;color:#222}
    nav a{
      font-weight:700;
      padding:11px 16px 11px 14px;
      background:linear-gradient(180deg,#ffffff,#eef2f6);
      border:1px solid #d9dfe7;
      clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);
      transition:.2s ease;
    }
    nav a:hover{background:linear-gradient(135deg,#111,#272b31);color:#fff;border-color:#111;transform:translateY(-1px)}
    .actions{display:flex;gap:10px}
    .btn{
      height:46px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
      font-size:14px;font-weight:800;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:.2s ease;
      clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,8px 50%);
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:linear-gradient(135deg,var(--red2),var(--red3) 42%,#121315);color:#fff;box-shadow:0 16px 32px rgba(199,13,19,.22)}
    .btn-outline{background:linear-gradient(180deg,#fff,#eef2f6);border-color:#cfd5dd;color:#17191d}
    .btn-dark{background:linear-gradient(135deg,#111,#2c3036);color:#fff}
    .btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1206;box-shadow:0 14px 26px rgba(201,150,66,.25)}
    .hero{padding:28px 0 34px;position:relative;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:-200px 0 auto auto;width:600px;height:600px;background:radial-gradient(circle,rgba(240,32,40,.13),transparent 66%);pointer-events:none}
    .hero-wrap{
      position:relative;background:#111;box-shadow:0 28px 72px rgba(12,13,15,.24);overflow:hidden;
      border:1px solid rgba(255,255,255,.18);
      clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));
    }
    .hero-wrap:before,
    .hero-wrap:after{content:"";position:absolute;z-index:2;pointer-events:none}
    .hero-wrap:before{top:0;left:0;width:220px;height:8px;background:linear-gradient(90deg,var(--red2),#ffffff 40%,transparent)}
    .hero-wrap:after{right:-45px;bottom:18px;width:180px;height:18px;background:linear-gradient(90deg,transparent,#dbe2ea 20%,#ffffff 55%,transparent);transform:rotate(-24deg);opacity:.6}
    .hero-banner{width:100%;height:auto;aspect-ratio:1942/809;object-fit:cover}
    .hero-search{
      margin-top:18px;background:linear-gradient(180deg,#ffffff,#eef2f6);border:1px solid #d7dde5;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;box-shadow:var(--shadow2);
      clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
    }
    .hero-search input{
      border:0;background:#f6f8fa;padding:0 18px;font:600 15px Inter;color:#222;outline:none;min-height:52px;
      clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,8px 50%);
    }
    .quick-tags{margin-top:13px;display:flex;gap:9px;flex-wrap:wrap}
    .quick-tags a{
      font-size:13px;font-weight:700;padding:10px 15px;background:linear-gradient(180deg,#fff,#f0f3f7);border:1px solid var(--line);color:#343941;box-shadow:0 6px 18px rgba(17,17,17,.04);
      clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);
    }
    .quick-tags a:nth-child(2n){border-color:rgba(199,13,19,.25);color:var(--red)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
    .metric{
      background:linear-gradient(180deg,#fff,#f1f4f7);border:1px solid #dfe4ea;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow2);position:relative;overflow:hidden;
      clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
    }
    .metric:before{content:"";position:absolute;top:0;left:0;width:74px;height:4px;background:linear-gradient(90deg,var(--red2),#b0bac6)}
    .metric i{
      width:46px;height:46px;background:linear-gradient(135deg,#ffffff,#dde4ec);display:grid;place-items:center;font-size:22px;color:var(--red);border:1px solid #d2d9e2;
      clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    }
    .metric strong{display:block;font-size:26px;letter-spacing:-1px;color:#151515;font-family:"Plus Jakarta Sans"}
    .metric span{font-size:13px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
    section{padding:42px 0;position:relative}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;
      background:linear-gradient(135deg,var(--red2),var(--red3) 46%,#111 100%);padding:9px 18px 9px 16px;margin-bottom:10px;
      clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,10px 50%);
      box-shadow:0 10px 22px rgba(201,15,22,.18);
    }
    .eyebrow.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1c1408}
    h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;margin:0;color:#151515;letter-spacing:-.03em}
    h2{font-size:30px;font-weight:600;line-height:1.15}
    h3{font-size:18px;font-weight:600}
    .section-head p{margin:8px 0 0;color:var(--muted);line-height:1.65;max-width:650px}
    .link-more{
      font-size:14px;font-weight:800;color:var(--red);padding:11px 16px;background:linear-gradient(180deg,#fff,#f1f4f7);border:1px solid rgba(199,13,19,.16);box-shadow:0 8px 22px rgba(199,13,19,.06);
      clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);
    }
    .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .cat-card,
    .service-card,
    .expert-card,
    .goal-item,
    .mini-card,
    .product-card,
    .news-card{
      background:linear-gradient(180deg,#fff,#f4f6f9);
      border:1px solid #dde3ea;
      box-shadow:var(--shadow2);
      position:relative;
      overflow:hidden;
      clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
    }
    .cat-card{padding:20px;min-height:138px}
    .cat-card:before,
    .service-card:before,
    .expert-card:before,
    .mini-card:before,
    .product-card:before,
    .news-card:before,
    .goal-item:before{content:"";position:absolute;top:0;left:0;width:100px;height:4px;background:linear-gradient(90deg,var(--red2),#bcc6d1)}
    .cat-card:after,
    .service-card:after,
    .expert-card:after,
    .mini-card:after,
    .product-card:after,
    .news-card:after,
    .goal-item:after{content:"";position:absolute;right:-32px;top:14px;width:80px;height:10px;background:linear-gradient(90deg,transparent,#dbe1e8 30%,#ffffff 55%,transparent);transform:rotate(-35deg);opacity:.9}
    .cat-card i{
      width:48px;height:48px;background:linear-gradient(135deg,#121417,var(--red3));color:#fff;display:grid;place-items:center;font-style:normal;font-size:23px;margin-bottom:15px;box-shadow:0 12px 26px rgba(17,17,17,.14);
      clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
    }
    .cat-card:nth-child(2n) i{background:linear-gradient(135deg,var(--red2),#111)}
    .cat-card small{display:block;margin-top:8px;color:var(--muted);font-weight:700}
    .listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .service-card{display:flex;flex-direction:column;min-height:100%}
    .service-top{height:108px;background:linear-gradient(135deg,#121417,#272b31 54%,#8e0b11);padding:16px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff;position:relative;overflow:hidden}
    .service-top:after{content:"";position:absolute;right:-22px;top:8px;width:160px;height:18px;background:linear-gradient(90deg,transparent,#ffffff 22%,#e1e7ef 58%,transparent);transform:rotate(-32deg);opacity:.36}
    .service-top:before{content:"";position:absolute;right:-40px;bottom:12px;width:120px;height:16px;background:linear-gradient(90deg,transparent,var(--red2) 20%,#ffffff 60%,transparent);transform:rotate(-32deg);opacity:.45}
    .service-icon{width:50px;height:50px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:25px;border:1px solid rgba(255,255,255,.18);z-index:1;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
    .label{
      font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:8px 14px;background:linear-gradient(135deg,var(--red2),#991117 60%,#111);color:#fff;border:1px solid rgba(255,255,255,.14);z-index:1;
      clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,8px 50%);
    }
    .service-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
    .service-body .type{font-size:12px;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
    .service-body p{margin:0;color:#606873;line-height:1.55;font-size:14px}
    .trainer{display:flex;align-items:center;gap:10px;padding-top:6px;border-top:1px solid #e0e5eb}
    .avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--red2),#111);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
    .trainer span{font-size:13px;color:#343941;font-weight:700}
    .meta{font-size:12px;color:var(--muted);line-height:1.5}
    .price{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
    .price strong{color:#151515;font-size:15px}
    .mini-btn{font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--red2),var(--red3));padding:10px 14px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,8px 50%)}
    .expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .expert-card{padding:20px}
    .expert-head{display:flex;gap:13px;align-items:center;margin-bottom:14px}
    .expert-avatar{width:58px;height:58px;background:linear-gradient(135deg,#111,var(--red));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 12px 26px rgba(199,13,19,.18);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
    .expert-card .badge{display:inline-flex;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,#20242a,#7f0b10);border:1px solid rgba(255,255,255,.08);padding:8px 12px;margin-bottom:9px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,7px 50%)}
    .expert-card p{margin:0 0 12px;color:var(--muted);line-height:1.55;font-size:14px}
    .goal-wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch}
    .goal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .goal-item{padding:16px;box-shadow:0 8px 22px rgba(17,17,17,.05)}
    .goal-item strong{display:block;font-size:15px;color:#17191d}
    .goal-item span{display:block;font-size:13px;color:var(--muted);margin-top:5px}
    .goal-map{
      min-height:330px;background:
      radial-gradient(circle at 18% 18%,rgba(255,255,255,.12),transparent 24%),
      repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 26px),
      linear-gradient(135deg,#111316,#23272d 46%,#8d0b12 100%);
      box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);color:#fff;padding:28px;
      clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));
    }
    .goal-map:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.15);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
    .goal-map h3{color:#fff;font-size:26px;max-width:430px;position:relative;z-index:1}
    .goal-map p{color:#d7dbe2;line-height:1.65;max-width:520px;position:relative;z-index:1}
    .pin{position:absolute;background:#fff;color:#151515;padding:9px 12px;font-size:12px;font-weight:800;box-shadow:0 12px 25px rgba(0,0,0,.2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
    .pin.one{top:42%;left:14%}.pin.two{top:26%;right:18%}.pin.three{bottom:20%;left:34%}.pin.four{bottom:31%;right:10%}.pin.five{top:59%;right:34%}
    .simple-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .mini-card{padding:20px}
    .mini-card i{font-style:normal;font-size:28px;margin-bottom:13px;display:block}
    .mini-card p{margin:8px 0 16px;color:var(--muted);font-size:14px;line-height:1.5}
    .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .product-card{padding:18px}
    .product-thumb{height:76px;background:linear-gradient(135deg,#eef2f6,#fff);display:grid;place-items:center;font-size:31px;border:1px solid var(--line);margin-bottom:14px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
    .product-card small{display:block;color:var(--muted);font-weight:700;margin:6px 0 12px}
    .product-card strong{color:var(--red)}
    .cta-grid{display:grid;grid-template-columns:6fr 4fr;gap:20px}
    .cta{
      min-height:240px;padding:28px;overflow:hidden;position:relative;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;
      clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
    }
    .cta:after{content:"";position:absolute;right:-40px;top:26px;width:200px;height:18px;background:linear-gradient(90deg,transparent,#ffffff 24%,#dbe2ea 58%,transparent);transform:rotate(-34deg);opacity:.42}
    .cta:before{content:"";position:absolute;right:-20px;bottom:36px;width:160px;height:14px;background:linear-gradient(90deg,transparent,var(--red2) 20%,#ffffff 58%,transparent);transform:rotate(-34deg);opacity:.35}
    .cta h2{font-size:34px;color:#fff;max-width:600px}
    .cta p{color:#f0f2f5;line-height:1.65;max-width:600px}
    .cta.member{background:linear-gradient(135deg,var(--red2),var(--red3) 42%,#111)}
    .cta.brand{background:linear-gradient(135deg,#1d2025,#4d5560)}
    .cta .btn{align-self:flex-start;position:relative;z-index:1}
    .community{
      background:
      repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px),
      linear-gradient(135deg,#0f1012,#20242b 48%,#7f0b10 100%);
      color:#fff;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden;
      clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));
    }
    .community:before{content:"";position:absolute;left:-30px;bottom:24px;width:150px;height:14px;background:linear-gradient(90deg,transparent,var(--red2) 20%,#ffffff 58%,transparent);transform:rotate(-34deg);opacity:.4}
    .community h2{color:#fff}
    .community p{color:#d7dbe2;line-height:1.65;margin:10px 0 0;max-width:720px}
    .news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .news-thumb{height:120px;background:linear-gradient(135deg,#121417,#292d33 52%,#8d090d);display:flex;align-items:end;padding:14px;color:#fff;font-size:13px;font-weight:800;position:relative;overflow:hidden}
    .news-thumb:after{content:"";position:absolute;right:-22px;top:8px;width:140px;height:18px;background:linear-gradient(90deg,transparent,#ffffff 22%,#e1e7ef 58%,transparent);transform:rotate(-32deg);opacity:.3}
    .news-body{padding:17px}
    .news-body small{display:block;color:var(--red);font-weight:800;margin-bottom:9px}
    .news-body p{margin:9px 0 15px;color:var(--muted);line-height:1.55;font-size:14px}
    footer{background:linear-gradient(135deg,#0e1012,#1e2329 52%,#791116);color:#e6e9ee;margin-top:42px;padding:46px 0 24px;position:relative;overflow:hidden}
    footer:before{content:"";position:absolute;right:-40px;top:20px;width:220px;height:18px;background:linear-gradient(90deg,transparent,#ffffff 20%,#dbe2ea 55%,transparent);transform:rotate(-34deg);opacity:.22}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
    .footer-logo{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans";font-size:28px;font-weight:700;color:#fff;letter-spacing:-1px}
    .footer-logo i{width:38px;height:38px;background:linear-gradient(135deg,var(--red2),#333);display:grid;place-items:center;font-style:normal;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
    footer p,footer a{color:#b9c0ca;font-size:14px;line-height:1.8}
    footer h4{font-size:15px;margin:0 0 13px;color:#fff}
    .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:20px;color:#8f98a5;font-size:13px;display:flex;justify-content:space-between;gap:20px}
    .float-chat{position:fixed;right:24px;bottom:24px;width:58px;height:58px;background:linear-gradient(135deg,var(--red2),#111);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 20px 40px rgba(199,13,19,.28);z-index:40;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
    @media(max-width:1100px){
      nav{display:none}
      .listing-grid,.expert-grid,.product-grid,.news-grid{grid-template-columns:repeat(2,1fr)}
      .category-grid,.simple-grid{grid-template-columns:repeat(2,1fr)}
      .metrics{grid-template-columns:repeat(2,1fr)}
      .goal-wrap,.cta-grid,.community,.footer-grid{grid-template-columns:1fr}
    }
    @media(max-width:640px){
      .container{padding:0 16px}
      .topbar{display:none}
      .header-inner{height:68px}
      .logo{font-size:24px}
      .actions .btn-outline{display:none}
      .hero{padding-top:16px}
      .hero-search{grid-template-columns:1fr}
      .metrics,.category-grid,.listing-grid,.expert-grid,.goal-list,.simple-grid,.product-grid,.news-grid{grid-template-columns:1fr}
      h2{font-size:25px}
      .section-head{align-items:flex-start;flex-direction:column}
      .cta h2{font-size:27px}
      .pin{position:relative;display:inline-flex;margin:8px 6px 0 0;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}
      .goal-map{min-height:auto}
      .copyright{flex-direction:column}
    }


    /* Update v2: title nhỏ hơn, heading full-width, search ngay header */
    .header-inner{gap:14px}
    .logo{font-size:28px;flex:0 0 auto}
    nav{gap:5px;flex:0 1 auto}
    nav a{font-size:13px;padding:10px 12px 10px 11px}
    .header-search{
      width:255px;min-width:210px;height:44px;display:flex;align-items:center;flex:0 0 255px;
      background:linear-gradient(180deg,#ffffff,#eef2f6);border:1px solid #cfd6df;box-shadow:0 10px 24px rgba(12,15,18,.08);
      clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,8px 50%);
      overflow:hidden;
    }
    .header-search input{
      width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 10px 0 18px;
      font:600 13px Inter;color:#1d2229;min-width:0;
    }
    .header-search button{
      width:45px;height:100%;border:0;cursor:pointer;color:#fff;font-size:19px;font-weight:900;
      background:linear-gradient(135deg,var(--red2),var(--red3) 52%,#111);
      clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);
    }
    .section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:24px}
    .section-head>div{width:100%}
    .section-head p{max-width:900px}
    .link-more{align-self:flex-start}
    .service-body h3,.expert-card h3,.mini-card h3,.product-card h3,.news-body h3,.cat-card h3{font-size:16px;line-height:1.28;letter-spacing:-.02em}
    h2{font-size:29px}
    @media(max-width:1180px){
      nav a{font-size:12px;padding:9px 9px 9px 9px}
      .header-search{width:220px;flex-basis:220px}
      .actions .btn{padding:0 16px}
    }
    @media(max-width:1100px){
      .header-search{display:flex;flex:1 1 auto;max-width:430px}
    }
    @media(max-width:720px){
      .header-inner{flex-wrap:wrap;height:auto;padding:12px 16px;gap:10px}
      .header-search{order:5;flex:1 0 100%;max-width:none;width:100%}
      .actions{margin-left:auto}
      .logo{font-size:23px}
      .actions .btn{height:40px;padding:0 15px;font-size:13px}
    }

  

/* makeup override */
:root{
  --red:#d79a9a;
  --red2:#efb2b2;
  --red3:#c98989;
  --dark:#2f2f35;
  --dark2:#4a4245;
  --text:#2c2d31;
  --muted:#766d73;
  --line:#efe3e3;
  --silver:#fffafb;
  --silver2:#f8efef;
  --silver3:#e9d7d7;
  --gold:#d7a79f;
  --gold2:#f4cfc7;
  --shadow:0 22px 55px rgba(93,72,76,.11);
  --shadow2:0 14px 34px rgba(93,72,76,.08);
}
body{
  background:
    radial-gradient(circle at top right, rgba(239,178,178,.18), transparent 28%),
    radial-gradient(circle at left 20%, rgba(244,207,199,.24), transparent 25%),
    linear-gradient(180deg,#fffcfc 0%,#fff8f8 45%,#fffdfd 100%);
}
.topbar{background:linear-gradient(90deg,#fff7f7,#faecec 55%,#f6e7e7 100%);color:#7b6a6d;border-bottom:1px solid #efdfdf}
.topbar b{color:#cf8f8f}
header{background:rgba(255,252,252,.95);border-bottom:1px solid #f0e1e1}
.logo{color:#343036}
.logo i{background:linear-gradient(135deg,#f4c6c1,#cb908d 55%,#fdf7f7 100%);color:#8f6666;box-shadow:0 12px 30px rgba(201,137,137,.16)}
.logo span{color:#2c2d31;font-style:normal;font-weight:600;letter-spacing:-.04em}
.logo small{color:#444}
nav a,.btn,.header-search,.hero-search,.hero-search input,.quick-tags a,.link-more,.mini-btn,.pin,.expert-card .badge,.metric,.cat-card,.service-card,.expert-card,.goal-item,.mini-card,.product-card,.news-card,.product-thumb,.service-icon,.avatar,.expert-avatar,.float-chat,.footer-logo i,.cta,.community,.goal-map,.eyebrow,.hero-wrap{clip-path:none !important;border-radius:18px}
nav a{background:linear-gradient(180deg,#fff,#fcf3f3);border:1px solid #f0dfdf;color:#5e575c}
nav a:hover{background:#f5e3e3;color:#342d32;border-color:#e6caca}
.btn-primary{background:linear-gradient(135deg,#efb2b2,#d59a9a 60%,#c98787);box-shadow:0 14px 28px rgba(213,154,154,.22)}
.btn-outline{background:linear-gradient(180deg,#fff,#fcf5f5);border-color:#ead6d6;color:#5b5358}
.btn-gold{background:linear-gradient(135deg,#f8ddd8,#ebbdb6);color:#5e4444}
.header-search{background:linear-gradient(180deg,#fff,#fdf3f3);border-color:#eddcdc}
.header-search button{background:linear-gradient(135deg,#efb2b2,#cf9393 55%,#c48080)}
.hero-wrap{background:#fff;border:1px solid #efe0e0;overflow:hidden;box-shadow:var(--shadow)}
.hero-wrap:before,.hero-wrap:after,.service-top:after,.service-top:before,.cat-card:after,.service-card:after,.expert-card:after,.mini-card:after,.product-card:after,.news-card:after,.goal-item:after,.cta:after,.cta:before,.community:before,.news-thumb:after,footer:before{display:none !important}
.hero-search{background:linear-gradient(180deg,#fff,#fff6f6);border-color:#efdede}
.hero-search input{background:#fff;border:1px solid #f1e5e5}
.quick-tags a{background:linear-gradient(180deg,#fff,#fff7f7);border-color:#efdfdf;color:#7b6d73}
.quick-tags a:nth-child(2n){color:#cd8e8e;border-color:#e9cccc}
.metric{background:linear-gradient(180deg,#fff,#fff7f7);border-color:#f0e2e2}
.metric:before{background:linear-gradient(90deg,#efb2b2,#f3d9d9)}
.metric i{background:linear-gradient(135deg,#fff,#faeded);border-color:#efdede;color:#cf8f8f}
.eyebrow{background:linear-gradient(135deg,#efb2b2,#d8a19e);color:#fff;box-shadow:0 10px 22px rgba(215,154,154,.15);border-radius:999px !important;padding:8px 14px}
.eyebrow.gold{background:linear-gradient(135deg,#f7ddd8,#ecbbb3);color:#6a4c4a}
h1,h2,h3,.metric strong{color:#2f2e34}
.link-more{background:#fff8f8;border-color:#efdede;color:#c98787}
.cat-card,.service-card,.expert-card,.goal-item,.mini-card,.product-card,.news-card{background:linear-gradient(180deg,#fff,#fff9f9);border-color:#f1e3e3}
.cat-card:before,.service-card:before,.expert-card:before,.mini-card:before,.product-card:before,.news-card:before,.goal-item:before{background:linear-gradient(90deg,#efb2b2,#f5d8d2)}
.cat-card i,.service-icon,.avatar,.expert-avatar,.float-chat{background:linear-gradient(135deg,#efb2b2,#cc8f8f);color:#fff}
.service-top{background:linear-gradient(135deg,#fff1f1,#fbe9e9 50%,#f5dada);color:#645356;border-bottom:1px solid #f1dfdf}
.label{background:linear-gradient(135deg,#f6d0c9,#efb4ae);color:#71504f;border:1px solid rgba(201,137,137,.18)}
.service-body .type,.news-body small,.product-card strong{color:#cf8f8f}
.goal-map{background:linear-gradient(135deg,#f6d9d7,#fceeee 52%,#f7dddd);border:1px solid #efd8d8;color:#5e4d52}
.goal-map:before{border:1px dashed rgba(177,125,125,.28);border-radius:20px}
.goal-map h3{color:#5b474c}
.goal-map p{color:#7f6e74}
.pin{background:#fff;color:#825f62;border:1px solid #efdcdc}
.product-thumb{background:linear-gradient(135deg,#fff,#fcf0f0);border-color:#f0e1e1}
.cta.member{background:linear-gradient(135deg,#efb2b2,#d8a09e 58%,#c98989)}
.cta.brand{background:linear-gradient(135deg,#f7d7d4,#efc1bb 58%,#e2aca6)}
.cta h2{color:#fff}
.cta.brand h2,.cta.brand p{color:#5f474a}
.cta p{color:#fff8f8}
.community{background:linear-gradient(135deg,#fff1f1,#f9e4e4 54%,#f4d6d6);color:#5f4a4f;border:1px solid #efdada}
.community h2{color:#5b474d}
.community p{color:#7a676e}
.news-thumb{background:linear-gradient(135deg,#f7d6d3,#f1c1bc 58%,#e7a7a7);color:#6b4d4d}
footer{background:linear-gradient(180deg,#fff7f7,#f8eaea 100%);color:#6f666c;border-top:1px solid #f0dfdf}
footer h4{color:#4c454a}
footer p,footer a,.copyright{color:#7c7278}
.copyright{border-top:1px solid #ecd9d9}
.section-head p{max-width:980px}


/* soft brand cute makeup refinement */
:root{
  --rose:#df9f9b;
  --rose2:#f3c8c4;
  --rose3:#b97f80;
  --cream:#fff8f6;
  --cream2:#fff1ef;
  --ink:#2f2d33;
  --soft-text:#74686f;
  --border-soft:#f0ddda;
  --shadow-soft:0 18px 48px rgba(142,94,96,.10);
  --shadow-soft-2:0 10px 28px rgba(142,94,96,.075);
}
body{
  font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 14% 8%,rgba(244,201,196,.36),transparent 24%),
    radial-gradient(circle at 88% 5%,rgba(255,236,232,.68),transparent 28%),
    linear-gradient(180deg,#fffdfc 0%,#fff7f5 42%,#fffdfc 100%);
  color:var(--ink);
}
.container{max-width:1250px}
.topbar{
  background:linear-gradient(90deg,#fffaf9,#fff0ed);
  color:#8f7779;
  border-bottom:1px solid #f1dfdc;
}
.topbar b{color:#c98b88}
header{
  background:rgba(255,252,251,.88);
  border-bottom:1px solid rgba(240,221,218,.85);
  box-shadow:0 8px 26px rgba(174,121,122,.055);
}
.header-inner{height:74px}
.logo{
  font-family:"Playfair Display",serif;
  font-size:34px;
  font-weight:600;
  letter-spacing:.02em;
  gap:10px;
}
.logo i{
  width:46px;height:46px;border-radius:50% !important;
  background:
    radial-gradient(circle at 35% 30%,#fff 0 18%,transparent 19%),
    linear-gradient(135deg,#f7c9c2,#d89b98 58%,#fff2f0);
  color:#a87373;
  font-family:"Playfair Display",serif;
  box-shadow:0 12px 32px rgba(216,155,152,.22);
}
.logo span{
  color:#353238;
  font-family:"Playfair Display",serif;
  font-weight:600;
  letter-spacing:.04em;
}
.logo small{
  font-family:Manrope,Inter,sans-serif;
  color:#3c3a40;
  font-size:16px;
  margin-left:-3px;
}
nav{gap:7px}
nav a{
  border-radius:999px !important;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(240,221,218,.9);
  color:#6d6268;
  padding:10px 13px;
  font-size:13px;
  font-weight:700;
}
nav a:hover{
  background:#fff0ee;
  color:#b77b7b;
  border-color:#eccfcb;
  transform:none;
}
.header-search{
  border-radius:999px !important;
  background:#fff;
  border:1px solid #efdcd9;
  box-shadow:0 10px 28px rgba(195,139,139,.10);
}
.header-search input{
  font-family:Manrope,Inter,sans-serif;
  font-weight:600;
  color:#675c62;
}
.header-search button{
  border-radius:50% !important;
  width:38px;height:38px;margin-right:4px;
  background:linear-gradient(135deg,#efb4ae,#d59595);
  color:#fff;
}
.btn{
  border-radius:999px !important;
  clip-path:none !important;
  font-family:Manrope,Inter,sans-serif;
  font-weight:800;
  height:44px;
}
.btn-primary{
  background:linear-gradient(135deg,#efb4ae,#d39494);
  box-shadow:0 14px 30px rgba(213,148,148,.22);
}
.btn-outline{
  background:#fff;
  border-color:#ecd8d5;
  color:#7a666a;
}
.btn-gold{
  background:linear-gradient(135deg,#ffe5df,#efbdb5);
  color:#7a5656;
  box-shadow:0 14px 30px rgba(213,148,148,.16);
}
.hero{padding-top:24px}
.hero-wrap{
  border-radius:34px !important;
  border:1px solid #f0dfdc;
  background:#fff;
  box-shadow:0 22px 58px rgba(169,120,124,.13);
}
.hero-banner{border-radius:34px}
.hero-search{
  border-radius:28px !important;
  background:rgba(255,255,255,.86);
  border:1px solid #f1dfdc;
  box-shadow:var(--shadow-soft-2);
}
.hero-search input{
  border-radius:20px !important;
  background:#fffafa;
  border:1px solid #f2e3e0;
  font-family:Manrope,Inter,sans-serif;
}
.quick-tags a{
  border-radius:999px !important;
  background:#fff;
  border-color:#f0dedb;
  color:#806e74;
  font-weight:700;
  box-shadow:0 8px 22px rgba(158,111,114,.06);
}
.quick-tags a:before{content:"♡";margin-right:6px;color:#d99b98}
.metrics{gap:16px}
.metric{
  border-radius:26px !important;
  background:rgba(255,255,255,.9);
  border:1px solid #f0dfdc;
  box-shadow:var(--shadow-soft-2);
}
.metric:before{display:none}
.metric i{
  border-radius:18px !important;
  background:linear-gradient(135deg,#fff,#fff0ee);
  color:#cf908d;
}
.metric strong{
  font-family:Manrope,Inter,sans-serif;
  font-size:25px;
  color:#38343a;
}
.metric span{color:#8b7c82;letter-spacing:.03em}
.section-head{
  margin-bottom:24px;
}
.eyebrow{
  border-radius:999px !important;
  background:linear-gradient(135deg,#fff1ee,#f6d1cb);
  color:#b77b7b;
  border:1px solid #efd7d3;
  box-shadow:none;
  padding:8px 14px;
  font-size:11px;
  letter-spacing:.11em;
}
.eyebrow:before{content:"✦";font-size:11px;color:#d99b98}
.eyebrow.gold{
  background:linear-gradient(135deg,#fff3ef,#f7d5cf);
  color:#a66f70;
}
h1,h2,h3{
  color:#343138;
}
h2{
  font-family:"Playfair Display",serif;
  font-size:38px;
  font-weight:600;
  letter-spacing:-.015em;
  line-height:1.12;
}
.service-body h3,.expert-card h3,.mini-card h3,.product-card h3,.news-body h3,.cat-card h3{
  font-family:Manrope,Inter,sans-serif;
  font-size:15.5px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:-.01em;
}
.section-head p,.service-body p,.expert-card p,.mini-card p,.news-body p,.goal-map p{
  color:var(--soft-text);
}
.link-more{
  border-radius:999px !important;
  background:#fff;
  border-color:#ecd8d5;
  color:#bb7d7d;
}
.cat-card,.service-card,.expert-card,.goal-item,.mini-card,.product-card,.news-card{
  border-radius:28px !important;
  background:rgba(255,255,255,.92);
  border:1px solid #f1dfdc;
  box-shadow:var(--shadow-soft-2);
}
.cat-card:before,.service-card:before,.expert-card:before,.mini-card:before,.product-card:before,.news-card:before,.goal-item:before{
  display:none;
}
.cat-card i,.service-icon,.avatar,.expert-avatar{
  border-radius:20px !important;
  background:linear-gradient(135deg,#fff2ef,#efb8b2);
  color:#af7474;
  box-shadow:0 12px 28px rgba(215,154,154,.15);
}
.cat-card small{color:#9a878d}
.service-top{
  height:96px;
  border-radius:28px 28px 0 0 !important;
  background:
    radial-gradient(circle at right top,rgba(255,255,255,.74),transparent 38%),
    linear-gradient(135deg,#fff5f3,#f7d8d3);
  border-bottom:1px solid #f1dfdc;
}
.label{
  border-radius:999px !important;
  background:rgba(255,255,255,.88);
  color:#bd8181;
  border:1px solid #efcfca;
  font-size:11px;
  text-transform:none;
  letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(190,135,135,.08);
}
.label:before{content:"♡ ";color:#d99b98}
.service-body .type,.news-body small,.product-card strong{
  color:#c88a8a;
}
.trainer{border-top:1px solid #f1e3e0}
.avatar{
  width:34px;height:34px;
  color:#fff;
  background:linear-gradient(135deg,#efb4ae,#d19090);
}
.mini-btn{
  border-radius:999px !important;
  background:linear-gradient(135deg,#efb4ae,#d39494);
  box-shadow:0 10px 24px rgba(213,148,148,.17);
  font-size:12.5px;
  padding:9px 13px;
}
.expert-card .badge{
  border-radius:999px !important;
  background:#fff3f0;
  color:#b57979;
  border:1px solid #efd5d0;
  text-transform:none;
  letter-spacing:.02em;
}
.goal-map{
  border-radius:32px !important;
  background:
    radial-gradient(circle at 75% 18%,rgba(255,255,255,.55),transparent 30%),
    linear-gradient(135deg,#fff3f0,#f8dbd7 60%,#f3c9c3);
  border:1px solid #f0d9d5;
  box-shadow:var(--shadow-soft);
}
.goal-map:before{
  border-radius:26px;
  border:1px dashed rgba(185,127,128,.24);
}
.goal-map h3{
  font-family:"Playfair Display",serif;
  color:#6a5056;
}
.goal-map p{color:#806c72}
.pin{
  border-radius:999px !important;
  color:#a57171;
  background:#fff;
  border:1px solid #efd9d5;
  box-shadow:0 12px 26px rgba(174,121,122,.11);
}
.product-thumb{
  border-radius:24px !important;
  background:linear-gradient(135deg,#fff,#fff1ee);
  border-color:#f0dfdc;
}
.cta{
  border-radius:34px !important;
  box-shadow:var(--shadow-soft);
}
.cta.member{
  background:
    radial-gradient(circle at right 15%,rgba(255,255,255,.28),transparent 26%),
    linear-gradient(135deg,#efb4ae,#d69797);
}
.cta.brand{
  background:
    radial-gradient(circle at right 15%,rgba(255,255,255,.35),transparent 26%),
    linear-gradient(135deg,#fff0ec,#f4cbc5);
  border:1px solid #efd6d1;
}
.cta h2{
  font-family:"Playfair Display",serif;
  font-size:36px;
}
.cta.brand h2{color:#6a5056}
.cta.brand p{color:#806c72}
.community{
  border-radius:34px !important;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(135deg,#fff4f1,#f8ddd8);
  border:1px solid #f0d9d5;
  box-shadow:var(--shadow-soft);
}
.community h2{
  font-family:"Playfair Display",serif;
  color:#6a5056;
}
.community p{color:#806c72}
.news-thumb{
  border-radius:28px 28px 0 0 !important;
  background:
    radial-gradient(circle at right top,rgba(255,255,255,.36),transparent 30%),
    linear-gradient(135deg,#fff0ec,#efbdb7);
  color:#9d6c6c;
}
footer{
  background:
    radial-gradient(circle at 80% 0%,rgba(239,180,174,.20),transparent 26%),
    linear-gradient(180deg,#fff8f6,#fff0ed);
  border-top:1px solid #f0ddd9;
}
.footer-logo{
  font-family:"Playfair Display",serif;
  font-weight:600;
}
.footer-logo i{
  border-radius:50% !important;
  background:linear-gradient(135deg,#f5c9c4,#d99d9a);
}
footer h4{color:#62565c}
footer p,footer a{color:#85777d}
.copyright{border-top:1px solid #efdcd9;color:#8d7d83}
.float-chat{
  border-radius:22px !important;
  background:linear-gradient(135deg,#efb4ae,#d39494);
  box-shadow:0 18px 38px rgba(213,148,148,.25);
}
@media(max-width:640px){
  h2{font-size:31px}
  .logo{font-size:27px}
}


/* v2: rebuild every section + card, cute branded beauty layout */
.makeup-beauty-v2{
  --v2-ink:#302c31;
  --v2-muted:#7b6e75;
  --v2-rose:#e6aaa5;
  --v2-rose-dark:#b97779;
  --v2-blush:#fff3f0;
  --v2-peach:#ffe1d8;
  --v2-linen:#fffaf7;
  --v2-line:#f0ddda;
  --v2-shadow:0 22px 60px rgba(154,105,108,.11);
  --v2-shadow-sm:0 12px 34px rgba(154,105,108,.075);
}
.makeup-beauty-v2 section{
  padding:54px 0;
}
.makeup-beauty-v2 .section-head{
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,244,241,.68));
  border:1px solid rgba(240,221,218,.88);
  border-radius:32px;
  padding:24px 26px;
  box-shadow:0 12px 36px rgba(174,121,122,.055);
  position:relative;
  overflow:hidden;
}
.makeup-beauty-v2 .section-head:after{
  content:"";
  position:absolute;
  right:24px;
  top:20px;
  width:112px;
  height:112px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(230,170,165,.20),transparent 65%);
}
.makeup-beauty-v2 .section-head h2{
  max-width:900px;
}
.makeup-beauty-v2 .beauty-categories{
  background:
    radial-gradient(circle at 12% 20%,rgba(255,225,216,.36),transparent 24%),
    linear-gradient(180deg,transparent,#fff9f7 50%,transparent);
}
.makeup-beauty-v2 .category-grid{
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.makeup-beauty-v2 .cat-card{
  min-height:190px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.92),transparent 34%),
    linear-gradient(145deg,#fff,#fff3f0);
  border:1px solid var(--v2-line);
  box-shadow:var(--v2-shadow-sm);
  transition:.22s ease;
}
.makeup-beauty-v2 .cat-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--v2-shadow);
}
.makeup-beauty-v2 .cat-card.tone-peach{background:linear-gradient(145deg,#fff,#ffece6)}
.makeup-beauty-v2 .cat-card.tone-pink{background:linear-gradient(145deg,#fff,#fff0f5)}
.makeup-beauty-v2 .cat-card.tone-cream{background:linear-gradient(145deg,#fff,#fff8eb)}
.makeup-beauty-v2 .card-kicker{
  width:max-content;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#b77b7b;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(239,213,208,.95);
  border-radius:999px;
  padding:7px 10px;
  margin-bottom:16px;
}
.makeup-beauty-v2 .cat-card i{
  width:58px;
  height:58px;
  font-size:27px;
  border-radius:22px !important;
  background:linear-gradient(135deg,#fff8f6,#f4c7c0);
  margin-bottom:18px;
}
.makeup-beauty-v2 .cat-card h3{
  font-size:17px;
}
.makeup-beauty-v2 .cat-card small{
  margin-top:7px;
  color:#8a7a81;
}
.makeup-beauty-v2 .card-cta{
  margin-top:auto;
  color:#c48888;
  font-size:13px;
  font-weight:800;
}
.makeup-beauty-v2 .featured-services{
  background:
    radial-gradient(circle at 90% 4%,rgba(230,170,165,.24),transparent 22%),
    linear-gradient(180deg,#fffdfc,#fff6f3);
}
.makeup-beauty-v2 .listing-grid{
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.makeup-beauty-v2 .service-card{
  border-radius:34px !important;
  background:#fff;
  border:1px solid var(--v2-line);
  box-shadow:var(--v2-shadow-sm);
  overflow:hidden;
  transform:translateZ(0);
}
.makeup-beauty-v2 .service-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--v2-shadow);
}
.makeup-beauty-v2 .service-top{
  height:150px;
  border-radius:34px 34px 0 0 !important;
  padding:18px;
  align-items:flex-start;
  background:
    linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,0) 35%),
    radial-gradient(circle at 82% 16%,rgba(255,255,255,.72),transparent 32%),
    linear-gradient(135deg,#f9d4cd,#efbbb4);
}
.makeup-beauty-v2 .service-style-2 .service-top{background:linear-gradient(135deg,#ffe0d7,#f3b8b5)}
.makeup-beauty-v2 .service-style-3 .service-top{background:linear-gradient(135deg,#fff1da,#f7cfc1)}
.makeup-beauty-v2 .service-style-4 .service-top{background:linear-gradient(135deg,#f4d8ff,#f1bfc9)}
.makeup-beauty-v2 .service-style-5 .service-top{background:linear-gradient(135deg,#fff4f0,#f6cfc9)}
.makeup-beauty-v2 .service-style-6 .service-top{background:linear-gradient(135deg,#fff6df,#f1c9bb)}
.makeup-beauty-v2 .service-style-7 .service-top{background:linear-gradient(135deg,#f6e7ff,#f2c4c0)}
.makeup-beauty-v2 .service-style-8 .service-top{background:linear-gradient(135deg,#ffeef4,#efbbb4)}
.makeup-beauty-v2 .service-icon{
  width:60px;
  height:60px;
  border-radius:24px !important;
  background:rgba(255,255,255,.74);
  color:#b8797b;
  font-size:28px;
}
.makeup-beauty-v2 .label{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(8px);
  color:#a66e70;
}
.makeup-beauty-v2 .service-title{
  position:absolute;
  left:18px;
  bottom:16px;
  font-family:"Playfair Display",serif;
  font-size:21px;
  color:rgba(111,76,80,.86);
  letter-spacing:.05em;
}
.makeup-beauty-v2 .service-body{
  padding:20px;
  gap:11px;
}
.makeup-beauty-v2 .tag-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.makeup-beauty-v2 .tag-row span{
  font-size:11px;
  font-weight:800;
  color:#9f7374;
  background:#fff4f1;
  border:1px solid #efd9d5;
  border-radius:999px;
  padding:6px 9px;
}
.makeup-beauty-v2 .price{
  align-items:center;
  border-top:1px solid #f1e1de;
  padding-top:12px;
}
.makeup-beauty-v2 .price-note{
  color:#b98181;
  background:#fff4f1;
  border-radius:999px;
  padding:6px 9px;
  font-size:11px;
  font-weight:800;
  margin-left:auto;
}
.makeup-beauty-v2 .artist-section{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,238,234,.70),transparent 24%),
    linear-gradient(180deg,#fff,#fff8f6);
}
.makeup-beauty-v2 .expert-grid{
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.makeup-beauty-v2 .expert-card{
  border-radius:34px !important;
  padding:22px;
  background:
    linear-gradient(180deg,#fff,#fff8f6);
  border:1px solid var(--v2-line);
  box-shadow:var(--v2-shadow-sm);
}
.makeup-beauty-v2 .expert-head{
  position:relative;
  align-items:flex-start;
  padding-bottom:16px;
  border-bottom:1px solid #f1e1de;
}
.makeup-beauty-v2 .expert-avatar{
  width:64px;
  height:64px;
  border-radius:50% !important;
  font-family:"Playfair Display",serif;
  font-size:20px;
}
.makeup-beauty-v2 .artist-rating{
  margin-left:auto;
  background:#fff;
  color:#b77b7b;
  border:1px solid #efd9d5;
  border-radius:999px;
  padding:7px 9px;
  font-size:12px;
  font-weight:900;
}
.makeup-beauty-v2 .artist-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin:12px 0;
}
.makeup-beauty-v2 .artist-meta span{
  background:#fff4f1;
  border:1px solid #efd9d5;
  border-radius:14px;
  padding:8px 10px;
  color:#8a6d72;
  font-size:12px;
  font-weight:800;
}
.makeup-beauty-v2 .roadmap-section{
  background:linear-gradient(180deg,#fff8f6,#fffdfc);
}
.makeup-beauty-v2 .goal-wrap{
  grid-template-columns:1.03fr .97fr;
  gap:24px;
}
.makeup-beauty-v2 .goal-list{
  gap:14px;
}
.makeup-beauty-v2 .goal-item{
  border-radius:28px !important;
  padding:18px 18px 18px 72px;
  background:#fff;
  border:1px solid var(--v2-line);
  box-shadow:var(--v2-shadow-sm);
  min-height:108px;
}
.makeup-beauty-v2 .step-no{
  position:absolute;
  left:18px;
  top:18px;
  width:38px;
  height:38px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#f4c7c0,#d89999);
  color:#fff;
  font-style:normal;
  font-size:13px;
  font-weight:900;
}
.makeup-beauty-v2 .goal-map{
  border-radius:38px !important;
  padding:34px;
  background:
    radial-gradient(circle at 70% 14%,rgba(255,255,255,.76),transparent 25%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.48),transparent 30%),
    linear-gradient(135deg,#ffece7,#f6cec8 62%,#efb9b3);
}
.makeup-beauty-v2 .goal-map h3{
  font-size:32px;
}
.makeup-beauty-v2 .studio-section{
  background:
    radial-gradient(circle at 92% 12%,rgba(255,226,220,.65),transparent 22%),
    linear-gradient(180deg,#fff,#fff9f7);
}
.makeup-beauty-v2 .simple-grid{
  gap:20px;
}
.makeup-beauty-v2 .mini-card{
  border-radius:34px !important;
  padding:24px;
  min-height:230px;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 86% 16%,rgba(244,199,192,.22),transparent 28%),
    #fff;
}
.makeup-beauty-v2 .mini-card i{
  width:58px;
  height:58px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:#fff2ef;
}
.makeup-beauty-v2 .studio-cap{
  width:max-content;
  color:#b77b7b;
  background:#fff4f1;
  border:1px solid #efd9d5;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  margin-bottom:14px;
}
.makeup-beauty-v2 .mini-card .mini-btn{
  margin-top:auto;
  align-self:flex-start;
}
.makeup-beauty-v2 .product-section{
  background:linear-gradient(180deg,#fff8f6,#fff);
}
.makeup-beauty-v2 .product-grid{
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.makeup-beauty-v2 .product-card{
  border-radius:32px !important;
  padding:18px;
  background:#fff;
  border:1px solid var(--v2-line);
  box-shadow:var(--v2-shadow-sm);
}
.makeup-beauty-v2 .product-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--v2-shadow);
}
.makeup-beauty-v2 .product-thumb{
  height:124px;
  border-radius:26px !important;
  font-size:42px;
  background:
    radial-gradient(circle at 70% 22%,rgba(255,255,255,.72),transparent 30%),
    linear-gradient(135deg,#fff2ef,#f7cfc8);
}
.makeup-beauty-v2 .shade-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:11px 0 12px;
}
.makeup-beauty-v2 .shade-row span{
  font-size:11px;
  font-weight:800;
  color:#9b7272;
  background:#fff5f2;
  border:1px solid #efdad6;
  border-radius:999px;
  padding:6px 8px;
}
.makeup-beauty-v2 .buy-link{
  display:inline-flex;
  margin-top:12px;
  color:#fff;
  background:linear-gradient(135deg,#efb4ae,#d39494);
  border-radius:999px;
  padding:9px 13px;
  font-size:12px;
  font-weight:900;
}
.makeup-beauty-v2 .cta-section{
  background:linear-gradient(180deg,#fff,#fff7f5);
}
.makeup-beauty-v2 .cta-grid{
  gap:22px;
}
.makeup-beauty-v2 .cta{
  border-radius:40px !important;
  min-height:270px;
  padding:34px;
}
.makeup-beauty-v2 .cta h2{
  font-size:39px;
}
.makeup-beauty-v2 .community-section{
  background:linear-gradient(180deg,#fff7f5,#fffdfc);
}
.makeup-beauty-v2 .community{
  border-radius:40px !important;
  padding:38px;
}
.makeup-beauty-v2 .journal-section{
  background:
    radial-gradient(circle at 8% 16%,rgba(255,226,220,.55),transparent 22%),
    linear-gradient(180deg,#fff,#fff8f6);
}
.makeup-beauty-v2 .news-grid{
  gap:20px;
}
.makeup-beauty-v2 .news-card{
  border-radius:34px !important;
  background:#fff;
  border:1px solid var(--v2-line);
}
.makeup-beauty-v2 .news-thumb{
  height:150px;
  border-radius:34px 34px 0 0 !important;
  align-items:flex-start;
  justify-content:space-between;
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.62),transparent 28%),
    linear-gradient(135deg,#ffe1da,#f0bcb6);
}
.makeup-beauty-v2 .journal-pill{
  margin-left:auto;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(239,217,213,.9);
  border-radius:999px;
  padding:7px 10px;
  color:#9a6d6d;
  font-size:11px;
  font-weight:900;
}
.makeup-beauty-v2 .news-body{
  padding:20px;
}
@media(max-width:1100px){
  .makeup-beauty-v2 .category-grid,
  .makeup-beauty-v2 .listing-grid,
  .makeup-beauty-v2 .expert-grid,
  .makeup-beauty-v2 .product-grid,
  .makeup-beauty-v2 .news-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .makeup-beauty-v2 section{padding:36px 0}
  .makeup-beauty-v2 .section-head{padding:20px;border-radius:26px}
  .makeup-beauty-v2 .category-grid,
  .makeup-beauty-v2 .listing-grid,
  .makeup-beauty-v2 .expert-grid,
  .makeup-beauty-v2 .product-grid,
  .makeup-beauty-v2 .news-grid{
    grid-template-columns:1fr;
  }
  .makeup-beauty-v2 .goal-wrap{grid-template-columns:1fr}
}


/* header full width fix */
.makeup-beauty-v2 header .container.header-inner{
  max-width:none;
  width:100%;
  padding-left:34px;
  padding-right:34px;
}
.makeup-beauty-v2 header .logo{
  flex:0 0 auto;
}
.makeup-beauty-v2 header nav{
  flex:1 1 auto;
  justify-content:center;
  min-width:0;
}
.makeup-beauty-v2 header nav a{
  white-space:nowrap;
}
.makeup-beauty-v2 header .header-search{
  flex:0 0 300px;
  width:300px;
}
.makeup-beauty-v2 header .actions{
  flex:0 0 auto;
}
@media(max-width:1280px){
  .makeup-beauty-v2 header .container.header-inner{
    padding-left:22px;
    padding-right:22px;
    gap:14px;
  }
  .makeup-beauty-v2 header .header-search{
    flex-basis:250px;
    width:250px;
  }
  .makeup-beauty-v2 header nav{
    gap:5px;
  }
  .makeup-beauty-v2 header nav a{
    padding-left:10px;
    padding-right:10px;
  }
}
@media(max-width:1100px){
  .makeup-beauty-v2 header nav{
    display:none;
  }
  .makeup-beauty-v2 header .container.header-inner{
    max-width:none;
  }
}
@media(max-width:720px){
  .makeup-beauty-v2 header .container.header-inner{
    padding-left:16px;
    padding-right:16px;
  }
  .makeup-beauty-v2 header .header-search{
    display:none;
  }
}


/* stylist.com.vn editorial fashion override */
body.makeup-beauty-v2.stylist-platform,
body.stylist-platform{
  --v2-ink:#242321;
  --v2-muted:#766f68;
  --v2-rose:#c5a383;
  --v2-rose-dark:#7d6654;
  --v2-blush:#fff8f1;
  --v2-peach:#ead8c7;
  --v2-linen:#fffaf5;
  --v2-line:#eaded2;
  --v2-shadow:0 24px 64px rgba(74,58,45,.12);
  --v2-shadow-sm:0 12px 34px rgba(74,58,45,.075);
  background:
    radial-gradient(circle at 14% 8%,rgba(218,196,174,.30),transparent 24%),
    radial-gradient(circle at 88% 5%,rgba(255,246,238,.72),transparent 28%),
    linear-gradient(180deg,#fffdf9 0%,#fff8f0 42%,#fffdf9 100%);
  color:#242321;
}
.stylist-platform .topbar{
  background:linear-gradient(90deg,#1f1e1c,#3d342d);
  color:#eee4da;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.stylist-platform .topbar b{color:#e8c9a7}
.stylist-platform header{
  background:rgba(255,252,248,.94);
  border-bottom:1px solid #eaded2;
}
.stylist-platform .logo{
  font-family:"Playfair Display",serif;
  letter-spacing:.03em;
}
.stylist-platform .logo i{
  background:linear-gradient(135deg,#262321,#8c735d 70%,#f2dcc6);
  color:#fff;
}
.stylist-platform .logo span{color:#262321}
.stylist-platform .logo small{color:#7d6654}
.stylist-platform nav a{
  background:#fffaf5;
  border-color:#eaded2;
  color:#6e6259;
}
.stylist-platform nav a:hover{
  background:#262321;
  border-color:#262321;
  color:#fff;
}
.stylist-platform .header-search,
.stylist-platform .hero-search{
  background:#fff;
  border-color:#eaded2;
  box-shadow:0 10px 28px rgba(74,58,45,.08);
}
.stylist-platform .header-search button,
.stylist-platform .btn-primary,
.stylist-platform .mini-btn,
.stylist-platform .buy-link,
.stylist-platform .avatar{
  background:linear-gradient(135deg,#2d2925,#8f7560);
  color:#fff;
}
.stylist-platform .btn-outline{
  border-color:#e6d8c9;
  color:#675c52;
  background:#fffaf5;
}
.stylist-platform .btn-gold{
  background:linear-gradient(135deg,#e8c9a7,#b99670);
  color:#2d2925;
}
.stylist-platform .hero-wrap{
  border-color:#e7d8c9;
  box-shadow:0 28px 76px rgba(74,58,45,.16);
}
.stylist-platform .quick-tags a{
  background:#fffaf5;
  border-color:#e8d9ca;
  color:#695e55;
}
.stylist-platform .quick-tags a:before{
  content:"◆";
  color:#b99772;
}
.stylist-platform .metric,
.stylist-platform .cat-card,
.stylist-platform .service-card,
.stylist-platform .expert-card,
.stylist-platform .goal-item,
.stylist-platform .mini-card,
.stylist-platform .product-card,
.stylist-platform .news-card,
.stylist-platform .section-head{
  border-color:#eaded2;
  box-shadow:var(--v2-shadow-sm);
}
.stylist-platform .metric i,
.stylist-platform .cat-card i,
.stylist-platform .service-icon,
.stylist-platform .expert-avatar,
.stylist-platform .product-thumb,
.stylist-platform .mini-card i{
  background:linear-gradient(135deg,#fff7ef,#dcc2a8);
  color:#7c6654;
}
.stylist-platform .eyebrow{
  background:linear-gradient(135deg,#fff4ea,#e2c6a9);
  color:#7c6654;
  border-color:#e8d6c2;
}
.stylist-platform .eyebrow:before{
  content:"◆";
  color:#a98764;
}
.stylist-platform h2{
  color:#27231f;
}
.stylist-platform h3,
.stylist-platform .metric strong{
  color:#2d2925;
}
.stylist-platform .link-more,
.stylist-platform .card-cta,
.stylist-platform .service-body .type,
.stylist-platform .product-card strong,
.stylist-platform .news-body small{
  color:#8f735e;
}
.stylist-platform .card-kicker,
.stylist-platform .tag-row span,
.stylist-platform .artist-meta span,
.stylist-platform .shade-row span,
.stylist-platform .studio-cap,
.stylist-platform .artist-rating,
.stylist-platform .expert-card .badge,
.stylist-platform .label,
.stylist-platform .pin{
  background:#fff7ef;
  border-color:#ead8c6;
  color:#846b58;
}
.stylist-platform .label:before{
  content:"◆ ";
  color:#a98764;
}
.stylist-platform .service-top{
  background:
    linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.68),transparent 32%),
    linear-gradient(135deg,#efe0d0,#cdb295);
}
.stylist-platform .service-title{
  color:rgba(55,48,42,.82);
}
.stylist-platform .service-style-2 .service-top{background:linear-gradient(135deg,#efe3d5,#c5aa8f)}
.stylist-platform .service-style-3 .service-top{background:linear-gradient(135deg,#f5eadf,#d0b391)}
.stylist-platform .service-style-4 .service-top{background:linear-gradient(135deg,#efe6dc,#bfa48b)}
.stylist-platform .service-style-5 .service-top{background:linear-gradient(135deg,#eee4d6,#9f8976)}
.stylist-platform .service-style-6 .service-top{background:linear-gradient(135deg,#f6eee6,#ccb295)}
.stylist-platform .service-style-7 .service-top{background:linear-gradient(135deg,#e9dfd2,#806d5d)}
.stylist-platform .service-style-8 .service-top{background:linear-gradient(135deg,#f5e8dc,#c9a985)}
.stylist-platform .price-note{
  color:#806854;
  background:#fff7ef;
}
.stylist-platform .goal-map{
  background:
    radial-gradient(circle at 70% 14%,rgba(255,255,255,.72),transparent 25%),
    radial-gradient(circle at 12% 90%,rgba(255,255,255,.42),transparent 30%),
    linear-gradient(135deg,#f2e2d0,#d5b99b 62%,#9d8064);
  border-color:#e6d2bd;
}
.stylist-platform .goal-map h3{color:#3d332b}
.stylist-platform .goal-map p{color:#66584f}
.stylist-platform .step-no{
  background:linear-gradient(135deg,#2d2925,#8f7560);
}
.stylist-platform .cta.member{
  background:
    radial-gradient(circle at right 15%,rgba(255,255,255,.22),transparent 26%),
    linear-gradient(135deg,#2b2926,#806b57);
}
.stylist-platform .cta.brand{
  background:
    radial-gradient(circle at right 15%,rgba(255,255,255,.35),transparent 26%),
    linear-gradient(135deg,#fff4ea,#e1c7ad);
  border-color:#e6d2bd;
}
.stylist-platform .cta.brand h2,
.stylist-platform .cta.brand p{
  color:#3d332b;
}
.stylist-platform .community{
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(135deg,#fff6ed,#e6cfb7);
  border-color:#e6d2bd;
}
.stylist-platform .community h2{color:#3d332b}
.stylist-platform .community p{color:#66584f}
.stylist-platform .news-thumb{
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.58),transparent 28%),
    linear-gradient(135deg,#efe1d2,#c9ad90);
  color:#56483e;
}
.stylist-platform footer{
  background:
    radial-gradient(circle at 80% 0%,rgba(196,164,128,.20),transparent 26%),
    linear-gradient(180deg,#fff8f0,#efe2d3);
  border-top:1px solid #e6d8c9;
}
.stylist-platform .footer-logo i{
  background:linear-gradient(135deg,#262321,#8c735d);
  color:#fff;
}
.stylist-platform footer h4{color:#3d332b}
.stylist-platform footer p,
.stylist-platform footer a,
.stylist-platform .copyright{
  color:#706256;
}
.stylist-platform .float-chat{
  background:linear-gradient(135deg,#2d2925,#8f7560);
}


/* stylist pink flat refinement */
body.stylist-pink-flat{
  --pink:#e9a3a7;
  --pink2:#f5c9cb;
  --pink3:#d9878d;
  --pink-soft:#fff3f4;
  --pink-flat:#ffecee;
  --cream:#fffaf8;
  --ink:#282527;
  --muted:#786c70;
  --flat-shadow:0 10px 26px rgba(205,128,135,.08);
  background:
    radial-gradient(circle at 10% 4%,rgba(245,201,203,.30),transparent 26%),
    linear-gradient(180deg,#fffafa 0%,#fff1f2 45%,#fffafa 100%) !important;
  color:var(--ink);
}

/* heading lighter */
.stylist-pink-flat h1,
.stylist-pink-flat h2,
.stylist-pink-flat h3{
  font-weight:500 !important;
}
.stylist-pink-flat h2{
  font-size:36px;
  line-height:1.14;
  letter-spacing:-.01em;
  color:#2f2b2d;
}
.stylist-pink-flat .service-body h3,
.stylist-pink-flat .expert-card h3,
.stylist-pink-flat .mini-card h3,
.stylist-pink-flat .product-card h3,
.stylist-pink-flat .news-body h3,
.stylist-pink-flat .cat-card h3{
  font-weight:500 !important;
  font-size:15px;
  line-height:1.35;
}

/* full pink flat base */
.stylist-pink-flat .topbar{
  background:#fff0f1 !important;
  color:#9b7378 !important;
  border:0 !important;
}
.stylist-pink-flat .topbar b{color:#d9878d !important}

.stylist-pink-flat header{
  background:rgba(255,250,250,.94) !important;
  border:0 !important;
  box-shadow:0 8px 24px rgba(205,128,135,.06) !important;
}
.stylist-pink-flat .logo i,
.stylist-pink-flat .footer-logo i{
  background:#f3b9bd !important;
  color:#fff !important;
  box-shadow:none !important;
}
.stylist-pink-flat .logo span,
.stylist-pink-flat .logo small{
  color:#2f2b2d !important;
}

/* smaller pink buttons */
.stylist-pink-flat .btn{
  height:36px !important;
  padding:0 15px !important;
  font-size:12px !important;
  font-weight:700 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  border:0 !important;
}
.stylist-pink-flat .btn-primary,
.stylist-pink-flat .btn-dark,
.stylist-pink-flat .btn-gold,
.stylist-pink-flat .mini-btn,
.stylist-pink-flat .buy-link,
.stylist-pink-flat .header-search button{
  background:#e9a3a7 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
.stylist-pink-flat .btn-outline{
  background:#fff1f2 !important;
  color:#c1767d !important;
  border:0 !important;
}
.stylist-pink-flat .mini-btn,
.stylist-pink-flat .buy-link{
  padding:7px 11px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  border-radius:999px !important;
}

/* header smaller, flatter */
.stylist-pink-flat nav a{
  background:#fff1f2 !important;
  color:#7d676b !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:12px !important;
  padding:8px 11px !important;
}
.stylist-pink-flat nav a:hover{
  background:#e9a3a7 !important;
  color:#fff !important;
}
.stylist-pink-flat .header-search,
.stylist-pink-flat .hero-search{
  background:#fff !important;
  border:0 !important;
  box-shadow:var(--flat-shadow) !important;
}
.stylist-pink-flat .header-search input,
.stylist-pink-flat .hero-search input{
  background:#fff5f6 !important;
  border:0 !important;
  font-size:13px !important;
}

/* remove card borders, flat surfaces */
.stylist-pink-flat .section-head,
.stylist-pink-flat .metric,
.stylist-pink-flat .cat-card,
.stylist-pink-flat .service-card,
.stylist-pink-flat .expert-card,
.stylist-pink-flat .goal-item,
.stylist-pink-flat .mini-card,
.stylist-pink-flat .product-card,
.stylist-pink-flat .news-card,
.stylist-pink-flat .goal-map,
.stylist-pink-flat .cta,
.stylist-pink-flat .community{
  border:0 !important;
  box-shadow:var(--flat-shadow) !important;
}

.stylist-pink-flat .section-head{
  background:#fff7f7 !important;
}
.stylist-pink-flat .cat-card,
.stylist-pink-flat .expert-card,
.stylist-pink-flat .mini-card,
.stylist-pink-flat .product-card,
.stylist-pink-flat .news-card,
.stylist-pink-flat .goal-item{
  background:#fff !important;
}
.stylist-pink-flat .service-card{
  background:#fff !important;
}
.stylist-pink-flat .metric{
  background:#fff !important;
}

/* pink flat labels */
.stylist-pink-flat .eyebrow,
.stylist-pink-flat .label,
.stylist-pink-flat .card-kicker,
.stylist-pink-flat .tag-row span,
.stylist-pink-flat .artist-meta span,
.stylist-pink-flat .shade-row span,
.stylist-pink-flat .studio-cap,
.stylist-pink-flat .artist-rating,
.stylist-pink-flat .expert-card .badge,
.stylist-pink-flat .price-note,
.stylist-pink-flat .pin,
.stylist-pink-flat .journal-pill{
  background:#fff1f2 !important;
  color:#c1767d !important;
  border:0 !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.stylist-pink-flat .eyebrow{
  padding:7px 12px !important;
  font-size:10.5px !important;
  letter-spacing:.08em !important;
}
.stylist-pink-flat .eyebrow:before,
.stylist-pink-flat .quick-tags a:before,
.stylist-pink-flat .label:before{
  color:#e9a3a7 !important;
}

/* card visual blocks flat pink */
.stylist-pink-flat .service-top{
  background:#ffe4e6 !important;
  height:132px !important;
  border:0 !important;
}
.stylist-pink-flat .service-style-2 .service-top,
.stylist-pink-flat .service-style-3 .service-top,
.stylist-pink-flat .service-style-4 .service-top,
.stylist-pink-flat .service-style-5 .service-top,
.stylist-pink-flat .service-style-6 .service-top,
.stylist-pink-flat .service-style-7 .service-top,
.stylist-pink-flat .service-style-8 .service-top{
  background:#ffe9ea !important;
}
.stylist-pink-flat .service-title{
  color:#b87077 !important;
  font-size:18px !important;
}
.stylist-pink-flat .cat-card i,
.stylist-pink-flat .service-icon,
.stylist-pink-flat .expert-avatar,
.stylist-pink-flat .product-thumb,
.stylist-pink-flat .mini-card i,
.stylist-pink-flat .metric i,
.stylist-pink-flat .avatar,
.stylist-pink-flat .step-no{
  background:#ffe4e6 !important;
  color:#c1767d !important;
  box-shadow:none !important;
  border:0 !important;
}
.stylist-pink-flat .avatar,
.stylist-pink-flat .step-no{
  color:#fff !important;
  background:#e9a3a7 !important;
}
.stylist-pink-flat .product-thumb{
  height:112px !important;
}
.stylist-pink-flat .news-thumb{
  background:#ffe4e6 !important;
  color:#9d6a70 !important;
  border:0 !important;
}

/* text accents */
.stylist-pink-flat .link-more,
.stylist-pink-flat .card-cta,
.stylist-pink-flat .service-body .type,
.stylist-pink-flat .news-body small,
.stylist-pink-flat .product-card strong{
  color:#c1767d !important;
}
.stylist-pink-flat .section-head p,
.stylist-pink-flat .service-body p,
.stylist-pink-flat .expert-card p,
.stylist-pink-flat .mini-card p,
.stylist-pink-flat .news-body p,
.stylist-pink-flat .goal-map p{
  color:#786c70 !important;
}

/* big panels pink flat */
.stylist-pink-flat .goal-map{
  background:#ffe9ea !important;
}
.stylist-pink-flat .goal-map h3,
.stylist-pink-flat .goal-map p{
  color:#5c4a4f !important;
}
.stylist-pink-flat .cta.member{
  background:#e9a3a7 !important;
}
.stylist-pink-flat .cta.brand,
.stylist-pink-flat .community{
  background:#ffe9ea !important;
}
.stylist-pink-flat .cta.brand h2,
.stylist-pink-flat .cta.brand p,
.stylist-pink-flat .community h2,
.stylist-pink-flat .community p{
  color:#5c4a4f !important;
}

/* flatter section backgrounds */
.stylist-pink-flat .beauty-categories,
.stylist-pink-flat .featured-services,
.stylist-pink-flat .artist-section,
.stylist-pink-flat .roadmap-section,
.stylist-pink-flat .studio-section,
.stylist-pink-flat .product-section,
.stylist-pink-flat .cta-section,
.stylist-pink-flat .community-section,
.stylist-pink-flat .journal-section{
  background:transparent !important;
}

/* footer flat pink */
.stylist-pink-flat footer{
  background:#fff1f2 !important;
  border:0 !important;
}
.stylist-pink-flat footer h4{color:#5c4a4f !important}
.stylist-pink-flat footer p,
.stylist-pink-flat footer a,
.stylist-pink-flat .copyright{
  color:#7d6b70 !important;
}
.stylist-pink-flat .copyright{
  border-top:1px solid rgba(225,163,167,.22) !important;
}
.stylist-pink-flat .float-chat{
  background:#e9a3a7 !important;
  box-shadow:0 12px 30px rgba(205,128,135,.18) !important;
}

/* spacing tidier */
.stylist-pink-flat .listing-grid,
.stylist-pink-flat .expert-grid,
.stylist-pink-flat .product-grid,
.stylist-pink-flat .news-grid{
  gap:18px !important;
}
.stylist-pink-flat .service-body{
  padding:18px !important;
}
@media(max-width:640px){
  .stylist-pink-flat h2{font-size:30px}
  .stylist-pink-flat .btn{height:34px;padding:0 13px !important}
}


/* ===== WordPress integration ===== */
body.stylist-platform-theme{font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.site-header{position:sticky;top:0;z-index:90;}
.header-inner{max-width:1250px;margin:0 auto;padding:0 24px;}
.logo.logo-image{min-width:0;line-height:1;display:flex;align-items:center;}
.logo.logo-image img.site-logo-image{width:auto;max-width:245px;max-height:58px;object-fit:contain;display:block;}
.site-nav{display:flex;align-items:center;gap:0;position:relative;}
.site-nav .primary-menu{display:flex;align-items:center;gap:7px;list-style:none;margin:0;padding:0;}
.site-nav .menu-item{position:relative;}
.site-nav .menu-item>a{display:inline-flex;align-items:center;}
.site-nav .menu-item-has-children{padding-right:0;}
.submenu-toggle{display:inline-grid;place-items:center;width:22px;height:22px;border:0;background:#fff1ee;color:#b77b7b;border-radius:50%;font-weight:900;margin-left:-8px;cursor:pointer;line-height:1;}
.site-nav .sub-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:230px;background:#fff;border:1px solid #f0ddda;border-radius:20px;box-shadow:0 22px 55px rgba(154,105,108,.13);list-style:none;margin:0;padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;z-index:99;}
.site-nav .sub-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:14px;}
.site-nav .menu-item.is-hover>.sub-menu,.site-nav .menu-item:hover>.sub-menu,.site-nav .menu-item:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.site-nav .sub-menu .sub-menu{top:0;left:calc(100% + 10px);}
.site-nav .sub-menu a{width:100%;background:transparent;border:0;border-radius:14px !important;padding:10px 12px;color:#6d6268;clip-path:none;justify-content:space-between;}
.site-nav .sub-menu a:hover{background:#fff1ee;color:#b77b7b;}
.mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid #ecd8d5;background:#fff;border-radius:999px;color:#b77b7b;font-size:22px;font-weight:800;cursor:pointer;}
.header-search{margin-left:auto;}
.header-search input[type=search]{appearance:none;}
.current-menu-item>a,.current-menu-ancestor>a{background:#fff0ee!important;color:#b77b7b!important;border-color:#eccfcb!important;}
.wp-block-image img{border-radius:24px;}
img{height:auto;}
.main-content{min-height:55vh;}
.page-header,.archive-header,.single-header{padding:54px 0 24px;}
.archive-layout{display:grid;grid-template-columns:1fr;gap:24px;}
.archive-grid,.related-grid,.listing-grid-wordpress{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.archive-card,.related-card,.slider-card{background:#fff;border:1px solid #f0ddda;border-radius:28px;box-shadow:0 12px 34px rgba(154,105,108,.075);overflow:hidden;transition:.18s ease;}
.archive-card:hover,.related-card:hover,.slider-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(154,105,108,.11);}
.archive-card-thumb,.related-thumb,.slider-thumb{height:168px;background:linear-gradient(135deg,#fff2ef,#f7cfc8);display:flex;align-items:center;justify-content:center;color:#b8797b;font-size:42px;overflow:hidden;}
.archive-card-thumb img,.related-thumb img,.slider-thumb img{width:100%;height:100%;object-fit:cover;}
.archive-card-body,.related-body,.slider-body{padding:18px;}
.archive-card-body h3,.related-body h3,.slider-body h3{font-family:Manrope,Inter,sans-serif;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.01em;margin:0 0 8px;}
.archive-card-body p,.related-body p,.slider-body p{margin:0 0 12px;color:#7b6e75;line-height:1.58;font-size:14px;}
.entry-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;color:#9a878d;font-size:13px;font-weight:700;}
.entry-meta span{background:#fff4f1;border:1px solid #efd9d5;border-radius:999px;padding:6px 10px;}
.single-shell{max-width:920px;margin:0 auto;}
.single-article{background:#fff;border:1px solid #f0ddda;border-radius:34px;box-shadow:0 16px 44px rgba(154,105,108,.08);padding:34px;margin-bottom:34px;}
.single-article h1{font-family:"Playfair Display",serif;font-size:44px;line-height:1.08;font-weight:600;margin:0 0 14px;color:#343138;}
.single-content{font-size:16px;line-height:1.85;color:#534b50;}
.single-content p{margin:0 0 18px;}
.single-content h2,.single-content h3{margin:32px 0 12px;}
.meta-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;padding:18px;background:#fff9f7;border:1px solid #f0ddda;border-radius:24px;}
.meta-panel div{background:#fff;border:1px solid #f1e1de;border-radius:18px;padding:12px 14px;color:#7b6e75;font-weight:700;}
.meta-panel strong{display:block;color:#b77b7b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.slider3{padding:32px 0 24px;}
.slider3-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.pagination{display:flex;justify-content:center;gap:8px;margin:32px 0;}
.pagination .page-numbers{min-width:40px;height:40px;border-radius:999px;border:1px solid #efd9d5;background:#fff;display:grid;place-items:center;padding:0 12px;color:#b77b7b;font-weight:800;}
.pagination .current{background:linear-gradient(135deg,#efb4ae,#d39494);color:#fff;border-color:transparent;}
.empty-state{background:#fff;border:1px dashed #efd9d5;border-radius:28px;padding:28px;color:#7b6e75;}
.partner-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.partner-logo-card{min-height:112px;border-radius:28px;background:#fff;border:1px solid #f0ddda;box-shadow:0 10px 28px rgba(154,105,108,.07);display:flex;align-items:center;justify-content:center;padding:20px;}
.partner-logo-card img{max-height:58px;width:auto;object-fit:contain;}
.partner-logo-card span{font-weight:800;color:#b77b7b;}
.footer-grid{grid-template-columns:1.35fr repeat(3,1fr);}
.footer-logo.logo-image img{max-height:54px;max-width:240px;width:auto;}
.footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;}
.float-chat{z-index:100;}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}
@media(max-width:1100px){
  .mobile-menu-toggle{display:inline-grid;place-items:center;}
  .site-nav{position:fixed;inset:74px 16px auto 16px;background:#fff;border:1px solid #f0ddda;border-radius:26px;box-shadow:0 22px 60px rgba(154,105,108,.18);padding:14px;display:none;max-height:calc(100vh - 94px);overflow:auto;}
  .site-nav.is-open{display:block;}
  .site-nav .primary-menu{display:grid;gap:6px;align-items:stretch;}
  .site-nav .menu-item{display:block;}
  .site-nav .menu-item>a{width:calc(100% - 34px);justify-content:flex-start;clip-path:none;border-radius:16px!important;background:#fffaf8;}
  .submenu-toggle{position:absolute;right:8px;top:8px;margin:0;}
  .site-nav .sub-menu{position:static;min-width:0;box-shadow:none;border:0;background:#fff7f5;border-radius:18px;margin:6px 0 0 16px;padding:8px;opacity:1;visibility:visible;transform:none;display:none;}
  .site-nav .menu-item.is-open>.sub-menu{display:block;}
  .site-nav .menu-item:hover>.sub-menu{display:none;}
  .site-nav .menu-item.is-open:hover>.sub-menu{display:block;}
  .site-nav .sub-menu .sub-menu{position:static;}
  .header-search{flex:1 1 auto;margin-left:0;}
  .archive-grid,.related-grid,.slider3-track,.listing-grid-wordpress{grid-template-columns:repeat(2,1fr);}
  .partner-logo-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:720px){
  .header-inner{padding:12px 16px;}
  .logo.logo-image img.site-logo-image{max-width:195px;max-height:48px;}
  .mobile-menu-toggle{margin-left:auto;}
  .archive-grid,.related-grid,.slider3-track,.listing-grid-wordpress{grid-template-columns:1fr;}
  .single-article{padding:22px;border-radius:26px;}
  .single-article h1{font-size:32px;}
  .meta-panel{grid-template-columns:1fr;}
  .partner-logo-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px;}
  .footer-grid>div:first-child{grid-column:span 2;}
}