:root{
      --bg:#fff7fa;
      --surface:#ffffff;
      --ink:#2a2228;
      --muted:#746a70;
      --line:#f3dde6;
      --pink:#ed4f86;
      --pink-2:#ff77a8;
      --pink-soft:#fff0f6;
      --rose:#f8d7e5;
      --hot:#ff4b7e;
      --gold:#ffb02e;
      --green:#14a36d;
      --shadow:0 10px 28px rgba(219,72,124,.10);
      --soft-shadow:0 7px 20px rgba(159,76,108,.06);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;font-weight:400;padding-bottom:0}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,select{font:inherit}
    button{cursor:pointer}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(237,79,134,.28);outline-offset:3px}
    .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
    .section{margin-top:22px}
    .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow);overflow:hidden}
    .head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:20px 20px 0}
    .head h2{margin:0;font-size:21px;line-height:1.2;font-weight:600;color:#2d252b;letter-spacing:-.03em;text-transform:uppercase}
    .head p{margin:7px 0 0;color:var(--muted);font-size:13px;text-transform:none;font-weight:400;letter-spacing:0;max-width:620px}
    .view{font-size:12px;font-weight:600;color:var(--pink);white-space:nowrap}
    .btn{height:44px;border:0;border-radius:10px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer;transition:.18s ease}
    .btn:hover{transform:translateY(-1px)}
    .btn-pink{background:var(--pink);color:#fff;box-shadow:0 14px 28px rgba(237,79,134,.25)}
    .btn-pink:hover{background:#dc3e78}
    .btn-light{background:#fff;color:#2d252b;border:1px solid #eddce2}
    .btn-soft{background:#fff0f6;color:var(--pink);border:1px solid #ffd6e7}
    .tag{height:22px;border-radius:999px;padding:0 9px;background:#ffe8f1;color:var(--pink);display:inline-flex;align-items:center;font-size:10px;font-weight:600;text-transform:uppercase}
    .rating{color:var(--gold);font-size:13px;font-weight:600}
    .price{color:var(--pink);font-size:17px;font-weight:600}
    .meta{font-size:12px;color:#8b7e85;display:flex;gap:10px;flex-wrap:wrap;align-items:center}

    .topbar{height:68px;background:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid #f4e0e9;box-shadow:0 4px 14px rgba(237,79,134,.05)}
    .header{height:68px;display:grid;grid-template-columns:150px 1fr 292px;gap:22px;align-items:center}
    .brand{line-height:1;color:var(--pink);display:inline-block}.brand strong{font-family:Playfair Display,serif;font-size:36px;font-weight:600;letter-spacing:-.06em}.brand span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-weight:600;color:#f0729d}
    .nav{display:flex;justify-content:center;gap:25px;white-space:nowrap}.nav a{height:68px;display:flex;align-items:center;position:relative;text-transform:uppercase;color:#2b2529;font-size:12px;font-weight:600}.nav a:hover,.nav a.active{color:var(--pink)}.nav a.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:8px solid #ffd8e7}
    .actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.search{height:38px;width:160px;border:1px solid #ecdce3;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--pink)}.search input{width:100%;border:0;outline:0;background:transparent;color:#2d252b;font-size:12px;min-width:0}.bell{width:34px;height:34px;display:grid;place-items:center;color:var(--pink);font-size:19px;border-radius:10px;background:#fff0f6}.login{height:36px;border-radius:10px;background:var(--pink);color:#fff;display:flex;align-items:center;padding:0 15px;font-weight:600;font-size:12px}.menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--pink);font-size:20px}

    .hero{position:relative;overflow:hidden;background:#fff2f7}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 52%,rgba(255,213,229,.80),transparent 22%),radial-gradient(circle at 63% 22%,rgba(255,232,242,.95),transparent 30%),linear-gradient(90deg,#fff 0%,#fff4f8 46%,#ffeaf3 100%)}
    .hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 560px;gap:20px;min-height:360px;align-items:center}.hero-copy{padding:48px 0 46px}.hero h4{margin:0 0 12px;font-family:Playfair Display,serif;font-size:31px;font-weight:600;color:#362b31}.hero h1{margin:0;font-family:Playfair Display,serif;font-size:54px;line-height:1.06;font-weight:600;letter-spacing:-.04em;color:var(--pink)}.hero .script{font-family:Allura,cursive;font-size:36px;line-height:1;color:#f46e9a;margin:14px 0 18px}.hero p{margin:0 0 24px;max-width:550px;color:#5f5259;font-weight:500}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{height:360px;position:relative}.model{position:absolute;left:40px;bottom:0;width:270px;height:330px;border-radius:170px 170px 0 0;overflow:hidden;background:#f8dfe8;box-shadow:0 20px 48px rgba(221,92,134,.15)}.model img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9) brightness(1.07)}.flowers{position:absolute;right:0;bottom:0;width:285px;height:250px;background:linear-gradient(180deg,transparent,#ffe1eb);border-radius:130px 130px 0 0}.flower{position:absolute;border-radius:50%;background:radial-gradient(circle at 45% 42%,#ffd7e4 0 18%,#ff8db0 19% 38%,#f05e91 40% 55%,transparent 56%);filter:drop-shadow(0 12px 16px rgba(236,85,135,.14))}.flower.one{width:82px;height:82px;right:150px;top:12px}.flower.two{width:72px;height:72px;right:36px;top:30px}.flower.three{width:64px;height:64px;right:104px;top:92px}.bottle{position:absolute;bottom:0;width:48px;border-radius:12px 12px 4px 4px;background:linear-gradient(#fff,#ffb9d1);border:1px solid #f3b8ca;box-shadow:0 14px 20px rgba(237,79,134,.12)}.bottle:before{content:"";position:absolute;left:14px;right:14px;top:-28px;height:28px;background:#d5a16b;border-radius:6px 6px 0 0}.bottle.a{height:122px;right:30px}.bottle.b{height:155px;right:100px}.bottle.c{height:112px;right:170px}.bottle.d{height:138px;right:225px}.hero-next{position:absolute;right:10px;top:45%;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--pink);font-size:22px}

    .stats{position:relative;z-index:5;margin-top:-42px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}.stat{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:17px 22px;border-right:1px solid #f1e2e8}.stat:last-child{border-right:0}.stat-ico{width:34px;height:34px;border-radius:10px;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-size:18px;border:1px solid #ffd7e6}.stat strong{display:block;font-size:18px;font-weight:600}.stat span{font-size:12px;color:#7d7077}

    .quick-search{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--soft-shadow);padding:16px;display:grid;grid-template-columns:1.1fr repeat(3,.75fr) auto;gap:10px;align-items:center}.field{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--pink)}.field input,.field select{border:0;outline:0;background:transparent;width:100%;color:#2d252b;min-width:0}.quick-search button{height:42px;border:0;border-radius:10px;background:var(--pink);color:#fff;font-weight:600;padding:0 18px;white-space:nowrap}

    .layout{display:grid;grid-template-columns:1fr 310px;gap:18px}.article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px}.article{overflow:hidden}.article img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#faedf2}.article h3{font-size:15px;line-height:1.42;margin:11px 0 10px;font-weight:600;color:#2e262c}.article .tag{margin-top:-18px;margin-left:10px;position:relative;z-index:2;background:#fff;color:var(--pink);box-shadow:0 6px 14px rgba(237,79,134,.12)}.author{display:flex;align-items:center;gap:8px;color:#857982;font-size:12px}.author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.article-cta{display:inline-flex;margin-top:12px;color:var(--pink);font-weight:600;font-size:12px}

    .trend-list{padding:18px 20px 20px;display:grid;gap:17px}.trend{display:grid;grid-template-columns:36px 58px 1fr;gap:10px;align-items:center}.trend-no{width:32px;height:32px;border-radius:50%;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-weight:600}.trend img{width:58px;height:58px;border-radius:10px;object-fit:cover}.trend h4{margin:0 0 4px;font-size:12px;line-height:1.35;font-weight:600}.trend span{font-size:11px;color:#8b7e85}
    .community-promo{margin-top:18px;background:#ffe8f0;border-radius:15px;padding:24px 20px;color:#9f3357;position:relative;overflow:hidden;min-height:236px}.community-promo h3{font-size:22px;line-height:1.25;margin:0 0 14px;text-transform:uppercase;color:#b74267}.community-promo ul{margin:0 0 18px;padding-left:18px;display:grid;gap:8px;color:#784659}.community-promo .girl{position:absolute;right:0;bottom:0;width:110px;height:140px;border-radius:90px 0 0 0;overflow:hidden}.community-promo .girl img{width:100%;height:100%;object-fit:cover}

    .tabs{display:flex;gap:13px;padding:14px 20px 0;align-items:center;overflow:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{height:32px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid #f1dfe6;color:#4b4147;display:flex;align-items:center;font-size:12px;font-weight:600;white-space:nowrap}.tab.active{background:var(--pink);color:#fff;border-color:var(--pink)}.product-row{display:grid;grid-template-columns:34px repeat(5,1fr) 34px;gap:14px;padding:16px 20px 20px;align-items:stretch}.arrow{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--pink);font-size:22px;align-self:center}.product{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;text-align:center;position:relative;padding-bottom:14px;display:flex;flex-direction:column}.product img{width:100%;height:142px;object-fit:contain;padding:16px;background:#fff}.badge{position:absolute;top:12px;right:12px;height:22px;border-radius:999px;background:#ffe6ef;color:var(--pink);font-size:10px;font-weight:600;display:flex;align-items:center;padding:0 8px}.product h3{font-size:13px;line-height:1.35;margin:8px 12px 8px;font-weight:600}.product .rating{margin-bottom:6px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 12px 0}.product-actions a{height:34px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:600}.review-btn{background:#fff0f6;color:var(--pink)}.buy-btn{background:var(--pink);color:#fff}

    .category-row{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;padding:20px}.cat{min-height:82px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:12px;transition:.18s}.cat:hover{transform:translateY(-2px);box-shadow:var(--soft-shadow);border-color:#ffd0e2}.cat-ico{font-size:28px;color:var(--pink)}.cat h3{font-size:13px;margin:0 0 3px;font-weight:600}.cat p{font-size:11px;color:#7e737a;margin:0}

    .skin-route{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:20px}.route-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;position:relative;overflow:hidden}.route-card strong{font-size:15px;color:#2d252b}.route-card p{color:var(--muted);font-size:13px;margin:6px 0 14px}.route-card span{position:absolute;right:14px;top:10px;font-size:44px;font-weight:600;color:#fff0f6}

    .three-col{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:18px}.expert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px;text-align:center}.expert img{width:66px;height:66px;border-radius:50%;object-fit:cover;margin:0 auto 9px;background:#fae6ee}.expert h3{font-size:13px;margin:0 0 3px;font-weight:600}.expert p{font-size:11px;color:#7e747b;margin:0}.expert a{display:inline-flex;margin-top:8px;color:var(--pink);font-size:11px;font-weight:600}.video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.video-img{height:98px;border-radius:12px;overflow:hidden;position:relative}.video-img img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--pink);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.15)}.time{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.65);color:#fff;border-radius:4px;padding:2px 5px;font-size:10px}.video h3{font-size:12px;line-height:1.35;margin:8px 0 0}.skin-test{padding:20px;position:relative;overflow:hidden;min-height:190px}.skin-test h2{font-size:20px;text-transform:uppercase;margin:0 0 12px}.skin-test p{max-width:230px;color:#695e65;margin:0 0 16px}.skin-test img{position:absolute;right:0;bottom:0;width:150px;height:170px;object-fit:cover;border-radius:100px 0 0 0}

    .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px}.trust{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.trust .ico{width:42px;height:42px;border-radius:12px;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-size:22px;margin-bottom:10px}.trust h3{margin:0 0 6px;font-size:14px}.trust p{margin:0;color:var(--muted);font-size:13px}

    .small-grid{display:grid;grid-template-columns:1.1fr .75fr 1fr;gap:18px}.forum-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:20px}.forum{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.forum .ico{width:40px;height:40px;border-radius:50%;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-size:18px}.forum h4{margin:0;font-size:12px}.forum span{font-size:11px;color:#8a7d84}.quiz{padding:20px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.quiz-ico{width:58px;height:58px;border-radius:12px;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-size:30px}.quiz h3{font-size:14px;margin:0 0 6px}.quiz p{font-size:12px;color:#746970;margin:0 0 10px}.events{padding:18px 20px 20px;display:grid;gap:14px}.event{display:grid;grid-template-columns:68px 1fr;gap:12px}.event img{width:68px;height:58px;border-radius:9px;object-fit:cover}.event h3{margin:0 0 4px;font-size:13px}.event p{margin:0 0 4px;color:var(--muted);font-size:12px}.event a{color:var(--pink);font-size:11px;font-weight:600}

    .cta{margin-top:22px;background:linear-gradient(90deg,#ef7ca5,#e45d8d);border-radius:15px;color:#fff;padding:22px 28px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;box-shadow:var(--shadow)}.cta h3{margin:0 0 4px;font-size:22px}.cta p{margin:0;color:rgba(255,255,255,.86)}

    .footer{margin-top:22px;background:#fff;padding:30px 0 92px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:42px}.footer p{color:#766b72;margin:10px 0 16px;max-width:300px}.socials{display:flex;gap:10px}.social{width:30px;height:30px;border-radius:50%;background:#fff0f6;color:var(--pink);display:grid;place-items:center}.footer h4{margin:0 0 13px;font-size:13px;text-transform:uppercase;color:#33272e;font-weight:600}.footer a,.footer span{display:block;margin:8px 0;color:#746971;font-size:13px}.footer a:hover{color:var(--pink)}.newsletter-form{display:grid;grid-template-columns:1fr 40px;gap:8px}.newsletter-form input{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0}.newsletter-form button{height:38px;border:0;border-radius:8px;background:var(--pink);color:#fff;font-weight:600}
    .mobile-cta{display:none}

    @media(max-width:1100px){.container{width:min(var(--container),calc(100% - 28px))}.header{grid-template-columns:130px 1fr auto}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;box-shadow:var(--shadow);overflow:auto}.nav.open{display:flex;justify-content:flex-start}.nav a{height:40px;padding:0 10px}.nav a.active:after{display:none}.menu-btn{display:grid;place-items:center}.hero-inner,.layout,.three-col,.small-grid{grid-template-columns:1fr}.hero-art{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stat{border-bottom:1px solid var(--line)}.article-grid,.product-row,.category-row{grid-template-columns:repeat(3,1fr)}.arrow{display:none}.expert-row,.video-row,.forum-row,.trust-grid,.skin-route{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.quick-search{grid-template-columns:1fr 1fr}.quick-search button{grid-column:1/-1}}
    @media(max-width:760px){body{font-size:13px}.topbar,.header{height:auto}.header{grid-template-columns:1fr auto;padding:12px 0}.actions{grid-column:1/-1;justify-content:flex-start;display:grid;grid-template-columns:1fr auto auto;width:100%}.search{width:100%}.nav{top:116px}.hero h1{font-size:39px}.hero h4{font-size:24px}.hero-copy{padding:34px 0}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.stats,.article-grid,.product-row,.category-row,.expert-row,.video-row,.forum-row,.footer-grid,.cta,.trust-grid,.skin-route,.quick-search{grid-template-columns:1fr}.trend{grid-template-columns:32px 54px 1fr}.skin-test img{opacity:.3}.head{align-items:flex-start;flex-direction:column}.product-actions{grid-template-columns:1fr}.mobile-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-cta a{height:48px;border-radius:999px;display:grid;place-items:center;font-weight:600;box-shadow:0 10px 24px rgba(126,32,74,.22)}.mobile-quiz{background:#fff;color:var(--pink)}.mobile-join{background:var(--pink);color:#fff}.footer{padding-bottom:96px}}

    /* SECTION-SEPARATION UPDATE: mỗi cụm nội dung là một section riêng, không nhồi cột nhỏ */
    main.container > .section{
      margin-top:34px;
    }
    main.container > section.card.section,
    main.container > section.community-promo.section{
      width:100%;
    }
    .head{
      padding:24px 24px 0;
    }
    .head h2{
      font-size:24px;
      font-weight:600;
      letter-spacing:-.025em;
    }
    .view,.btn,.tag,.tab,.login,.quick-search button,
    .stat strong,.article h3,.trend h4,.product h3,
    .cat h3,.route-card strong,.expert h3,.trust h3,
    .forum h4,.quiz h3,.event h3,.footer h4{
      font-weight:600;
    }

    .article-section .article-grid{
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      padding:24px;
    }
    .article-section .article{
      background:#fff;
      border:1px solid var(--line);
      border-radius:16px;
      padding:12px;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .article-section .article img{
      height:230px;
      border-radius:14px;
    }
    .article-section .article h3{
      font-size:17px;
      line-height:1.42;
      margin-top:14px;
    }

    .trend-section .trend-list{
      grid-template-columns:repeat(2,1fr);
      gap:18px;
      padding:24px;
    }
    .trend-section .trend{
      grid-template-columns:48px 112px 1fr;
      gap:16px;
      padding:14px;
      border:1px solid var(--line);
      border-radius:16px;
      background:#fff;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .trend-section .trend-no{
      width:40px;
      height:40px;
      font-weight:600;
    }
    .trend-section .trend img{
      width:112px;
      height:88px;
      border-radius:14px;
    }
    .trend-section .trend h4{
      font-size:15px;
      line-height:1.42;
      margin-bottom:7px;
    }

    .community-promo-wide{
      min-height:278px;
      padding:36px 40px;
      border:1px solid #ffd2e3;
      box-shadow:var(--shadow);
    }
    .community-promo-wide h3{
      max-width:720px;
      font-size:28px;
      font-weight:600;
      letter-spacing:-.02em;
    }
    .community-promo-wide ul{
      max-width:650px;
      grid-template-columns:repeat(2, minmax(0,1fr));
      gap:10px 24px;
      padding-left:18px;
    }
    .community-promo-wide .girl{
      width:220px;
      height:250px;
    }

    .product-row{
      position:relative;
      grid-template-columns:repeat(5,1fr);
      gap:20px;
      padding:24px;
    }
    .product-row .arrow{
      position:absolute;
      z-index:3;
      top:50%;
      transform:translateY(-50%);
      background:#fff;
    }
    .product-row .arrow:first-child{left:8px}
    .product-row .arrow:last-child{right:8px}
    .product img{
      height:190px;
      padding:22px;
    }
    .product h3{
      font-size:14px;
      min-height:38px;
    }

    .category-row{
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      padding:24px;
    }
    .cat{
      min-height:108px;
      grid-template-columns:58px 1fr;
      padding:18px;
    }
    .cat-ico{
      width:48px;
      height:48px;
      border-radius:14px;
      background:#fff0f6;
      display:grid;
      place-items:center;
      font-size:28px;
    }

    .skin-route{
      gap:18px;
      padding:24px;
    }
    .route-card{
      padding:24px;
      min-height:178px;
    }
    .route-card strong{
      font-size:18px;
    }

    .expert-section .expert-row{
      grid-template-columns:repeat(4,1fr);
      gap:20px;
      padding:24px;
    }
    .expert-section .expert{
      border:1px solid var(--line);
      border-radius:16px;
      padding:22px 16px;
      background:#fff;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .expert-section .expert img{
      width:102px;
      height:102px;
      margin-bottom:14px;
    }
    .expert-section .expert h3{
      font-size:15px;
    }

    .video-section .video-row{
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      padding:24px;
    }
    .video-section .video{
      border:1px solid var(--line);
      border-radius:16px;
      padding:12px;
      background:#fff;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .video-section .video-img{
      height:220px;
      border-radius:14px;
    }
    .video-section .video h3{
      font-size:16px;
      margin-top:12px;
    }

    .skin-test-wide{
      min-height:330px;
      padding:38px 40px;
    }
    .skin-test-wide h2{
      font-size:30px;
      font-weight:600;
      letter-spacing:-.025em;
    }
    .skin-test-wide p{
      max-width:610px;
      font-size:15px;
      line-height:1.7;
      margin-bottom:22px;
    }
    .skin-test-wide img{
      width:300px;
      height:320px;
    }

    .trust-grid{
      gap:18px;
      padding:24px;
    }
    .trust{
      padding:22px;
      min-height:170px;
    }

    .forum-section .forum-row{
      grid-template-columns:repeat(4,1fr);
      gap:18px;
      padding:24px;
    }
    .forum-section .forum{
      grid-template-columns:54px 1fr;
      padding:18px;
      border:1px solid var(--line);
      border-radius:16px;
      background:#fff;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .forum-section .forum .ico{
      width:48px;
      height:48px;
      font-size:21px;
    }
    .forum-section .forum h4{
      font-size:14px;
      margin-bottom:4px;
    }

    .quiz-section{
      grid-template-columns:88px 1fr;
      gap:22px;
      padding:30px 34px;
      align-items:center;
    }
    .quiz-section .quiz-ico{
      width:78px;
      height:78px;
      font-size:38px;
      border-radius:18px;
    }
    .quiz-section h3{
      font-size:21px;
      margin-bottom:8px;
    }
    .quiz-section p{
      max-width:760px;
      font-size:14px;
      line-height:1.65;
    }

    .events-section .events{
      grid-template-columns:repeat(2,1fr);
      gap:20px;
      padding:24px;
    }
    .events-section .event{
      grid-template-columns:132px 1fr;
      gap:18px;
      align-items:center;
      border:1px solid var(--line);
      border-radius:16px;
      padding:14px;
      box-shadow:0 8px 22px rgba(159,76,108,.05);
    }
    .events-section .event img{
      width:132px;
      height:96px;
      border-radius:14px;
    }
    .events-section .event h3{
      font-size:16px;
    }

    @media(max-width:1100px){
      .article-section .article-grid,
      .trend-section .trend-list,
      .category-row,
      .expert-section .expert-row,
      .video-section .video-row,
      .forum-section .forum-row,
      .events-section .events{
        grid-template-columns:repeat(2,1fr);
      }
      .product-row{
        grid-template-columns:repeat(3,1fr);
      }
      .product-row .arrow{
        display:none;
      }
      .skin-test-wide img{
        width:220px;
        height:260px;
        opacity:.28;
      }
    }
    @media(max-width:760px){
      main.container > .section{
        margin-top:24px;
      }
      .head{
        padding:20px 18px 0;
      }
      .head h2{
        font-size:20px;
      }
      .article-section .article-grid,
      .trend-section .trend-list,
      .product-row,
      .category-row,
      .skin-route,
      .expert-section .expert-row,
      .video-section .video-row,
      .trust-grid,
      .forum-section .forum-row,
      .events-section .events{
        grid-template-columns:1fr;
        padding:18px;
        gap:16px;
      }
      .article-section .article img,
      .video-section .video-img{
        height:210px;
      }
      .trend-section .trend{
        grid-template-columns:38px 82px 1fr;
        gap:12px;
        padding:12px;
      }
      .trend-section .trend img{
        width:82px;
        height:72px;
      }
      .trend-section .trend h4{
        font-size:13px;
      }
      .community-promo-wide{
        min-height:auto;
        padding:26px 22px;
      }
      .community-promo-wide h3{
        font-size:22px;
      }
      .community-promo-wide ul{
        grid-template-columns:1fr;
      }
      .community-promo-wide .girl{
        display:none;
      }
      .cat{
        min-height:88px;
      }
      .quiz-section{
        grid-template-columns:1fr;
        padding:24px 20px;
      }
      .skin-test-wide{
        min-height:auto;
        padding:28px 22px;
      }
      .skin-test-wide h2{
        font-size:24px;
      }
      .skin-test-wide img{
        display:none;
      }
      .events-section .event{
        grid-template-columns:96px 1fr;
      }
      .events-section .event img{
        width:96px;
        height:78px;
      }
    }

  

    /* FINAL THUMBNAIL SAFETY FIX: khóa tỉ lệ ảnh, không để CSS section làm nát thumbnail/avatar */
    .article, .product, .expert, .video, .trend, .event{min-width:0;}
    .article-section .article > img{
      width:100% !important;
      height:auto !important;
      aspect-ratio:16/10;
      object-fit:cover !important;
      object-position:center !important;
      border-radius:14px !important;
      padding:0 !important;
      background:#faedf2 !important;
    }
    .article-section .author{
      min-height:28px;
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .article-section .author > img,
    .author > img{
      width:24px !important;
      height:24px !important;
      min-width:24px !important;
      max-width:24px !important;
      border-radius:50% !important;
      object-fit:cover !important;
      padding:0 !important;
      margin:0 !important;
      aspect-ratio:1/1 !important;
      background:#fae6ee !important;
    }
    .trend-section .trend > img{
      width:112px !important;
      height:88px !important;
      min-width:112px !important;
      aspect-ratio:14/11 !important;
      object-fit:cover !important;
      object-position:center !important;
      padding:0 !important;
      border-radius:14px !important;
      background:#faedf2 !important;
    }
    .product-row{
      align-items:stretch !important;
      overflow:visible !important;
    }
    .product > img{
      width:100% !important;
      height:auto !important;
      aspect-ratio:1/1 !important;
      object-fit:contain !important;
      object-position:center !important;
      padding:22px !important;
      background:linear-gradient(180deg,#fff,#fff7fa) !important;
      border-radius:0 !important;
      max-height:220px !important;
      min-height:0 !important;
    }
    .product h3{
      min-height:auto !important;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .expert-section .expert > img,
    .expert > img{
      width:102px !important;
      height:102px !important;
      min-width:102px !important;
      max-width:102px !important;
      aspect-ratio:1/1 !important;
      object-fit:cover !important;
      object-position:center top !important;
      border-radius:50% !important;
      padding:0 !important;
      margin:0 auto 14px !important;
      background:#fae6ee !important;
    }
    .video-section .video-img{
      width:100% !important;
      height:auto !important;
      aspect-ratio:16/9 !important;
      overflow:hidden !important;
      border-radius:14px !important;
      position:relative !important;
      background:#faedf2 !important;
    }
    .video-section .video-img > img,
    .video-img > img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      object-position:center !important;
      padding:0 !important;
      border-radius:0 !important;
    }
    .skin-test-wide > img{
      width:300px !important;
      height:320px !important;
      object-fit:cover !important;
      object-position:center top !important;
      padding:0 !important;
      border-radius:140px 0 0 0 !important;
    }
    .events-section .event > img,
    .event > img{
      width:132px !important;
      height:96px !important;
      min-width:132px !important;
      aspect-ratio:11/8 !important;
      object-fit:cover !important;
      object-position:center !important;
      padding:0 !important;
      border-radius:14px !important;
      background:#faedf2 !important;
    }

    @media(max-width:1100px){
      .article-section .article > img{aspect-ratio:16/10 !important;}
      .product > img{max-height:210px !important;}
      .trend-section .trend > img{width:104px !important;height:82px !important;min-width:104px !important;}
      .skin-test-wide > img{width:220px !important;height:260px !important;opacity:.28 !important;}
    }
    @media(max-width:760px){
      .article-section .article > img{aspect-ratio:16/10 !important;height:auto !important;}
      .product > img{aspect-ratio:1/1 !important;max-height:240px !important;padding:24px !important;}
      .trend-section .trend{grid-template-columns:38px 88px 1fr !important;}
      .trend-section .trend > img{width:88px !important;height:74px !important;min-width:88px !important;}
      .expert-section .expert > img,.expert > img{width:88px !important;height:88px !important;min-width:88px !important;max-width:88px !important;}
      .events-section .event{grid-template-columns:96px 1fr !important;}
      .events-section .event > img,.event > img{width:96px !important;height:78px !important;min-width:96px !important;}
      .skin-test-wide > img{display:none !important;}
    }

  
/* WordPress integration */
.admin-bar .topbar{top:32px}
.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:var(--muted)}.alignleft{float:left;margin:0 18px 18px 0}.alignright{float:right;margin:0 0 18px 18px}.aligncenter{margin-left:auto;margin-right:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.post-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px}.deptv-loop-title{font-size:30px;font-weight:600;margin:32px 0 18px}.deptv-breadcrumb{font-size:12px;color:var(--muted);margin:22px 0 -6px}.deptv-main-wrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:24px}.deptv-content{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow);padding:28px}.deptv-content h1{font-size:36px;line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0 0 14px}.deptv-content h2,.deptv-content h3{font-weight:600}.deptv-featured{border-radius:16px;margin:18px 0;overflow:hidden}.deptv-featured img{width:100%;height:auto;max-height:500px;object-fit:cover}.deptv-sidebar{display:grid;gap:16px}.deptv-widget{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--soft-shadow);padding:18px}.deptv-widget h3{font-size:16px;font-weight:600;margin:0 0 12px}.filter-form{display:grid;gap:10px}.filter-form input,.filter-form select{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.filter-form button{height:40px;border:0;border-radius:10px;background:var(--pink);color:#fff;font-weight:600}.deptv-related{margin-top:28px}.deptv-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.deptv-avatar-fallback{width:100%;aspect-ratio:16/10;border-radius:14px;background:linear-gradient(135deg,#ffe5ef,#fff7fa);display:grid;place-items:center;color:var(--pink);font-size:36px;font-weight:600}.deptv-pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}.deptv-pagination .page-numbers{padding:8px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--pink);font-weight:600}.deptv-pagination .current{background:var(--pink);color:#fff}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;margin:0!important;padding:24px!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--soft-shadow)!important;padding:14px!important;text-align:center!important}.woocommerce ul.products li.product img{width:100%!important;aspect-ratio:1/1!important;height:auto!important;object-fit:contain!important;background:linear-gradient(180deg,#fff,#fff7fa)!important;border-radius:14px!important;padding:18px!important}.woocommerce ul.products li.product .button,.woocommerce a.button.add_to_cart_button{display:none!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;font-weight:600!important;line-height:1.4!important;color:var(--ink)!important}.woocommerce .price{color:var(--pink)!important;font-weight:600!important}.bottom-nav{display:none}.deptv-contact-form input,.deptv-contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-bottom:10px}.deptv-contact-form textarea{min-height:100px}.deptv-contact-form button{height:42px;border:0;border-radius:10px;background:var(--pink);color:#fff;font-weight:600;padding:0 18px}
@media(max-width:1100px){.deptv-main-wrap{grid-template-columns:1fr}.deptv-sidebar{order:2}.post-card-grid{grid-template-columns:repeat(2,1fr)}.woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.admin-bar .topbar{top:0}.post-card-grid,.deptv-related-grid{grid-template-columns:1fr}.deptv-content{padding:20px}.deptv-content h1{font-size:28px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:16px!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px}.bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:90;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(159,76,108,.08)}.bottom-nav a{height:58px;display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--pink)}.mobile-cta{bottom:64px}}


/* v1.0.1 HEADER + SIDEBAR FIX */
.topbar{height:74px;overflow:visible;}
.topbar .container.header{width:min(1320px,calc(100% - 32px));max-width:1320px;}
.header{height:74px;grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(230px,280px);gap:14px;align-items:center;}
.brand{justify-self:start;min-width:0;}
.brand strong{font-size:34px;white-space:nowrap;}
.nav{min-width:0;justify-content:center;gap:clamp(10px,1.25vw,22px);overflow:visible;}
.nav a{height:74px;font-size:11.5px;letter-spacing:-.01em;flex:0 0 auto;}
.actions{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;align-self:center;}
.search{width:140px;min-width:116px;flex:0 1 140px;}
.login{white-space:nowrap;flex:0 0 auto;padding:0 14px;}
.bell{flex:0 0 34px;}
.menu-btn{flex:0 0 38px;}
@media(max-width:1220px){
  .header{grid-template-columns:minmax(160px,190px) minmax(0,1fr) minmax(190px,232px);gap:10px;}
  .nav{gap:10px;}
  .nav a{font-size:10.5px;}
  .search{width:122px;flex-basis:122px;}
  .bell{display:none;}
  .login{padding:0 12px;}
}
@media(max-width:1100px){
  .topbar{height:auto;}
  .header{height:auto;grid-template-columns:160px 1fr auto;padding:12px 0;}
  .nav{top:68px;}
  .nav a{height:40px;font-size:12px;}
  .bell{display:grid;}
  .search{width:160px;flex-basis:160px;}
}
@media(max-width:760px){
  .topbar .container.header{width:min(var(--container),calc(100% - 28px));}
  .header{grid-template-columns:1fr auto;}
  .actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto auto;gap:8px;width:100%;}
  .search{width:100%;min-width:0;}
  .login{height:38px;}
}
.deptv-sidebar{align-self:start;position:relative;}
.deptv-sidebar-inner{display:grid;gap:16px;position:sticky;top:92px;}
.deptv-widget{padding:0;overflow:hidden;border-color:#f1d7e3;background:linear-gradient(180deg,#fff,#fffafb);}
.deptv-widget h3{margin:0;padding:15px 16px;border-bottom:1px solid var(--line);background:#fff7fa;color:#33272e;font-size:15px;letter-spacing:-.02em;}
.deptv-widget p{padding:0 16px;color:var(--muted);}
.deptv-widget .btn{margin:0 16px 16px;}
.filter-form{padding:16px;}
.filter-form input,.filter-form select{background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
.filter-form button{box-shadow:0 10px 22px rgba(237,79,134,.18);}
.deptv-category-list{list-style:none;margin:0;padding:8px 10px 12px;display:grid;gap:6px;}
.deptv-category-list li{margin:0;}
.deptv-category-list a{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px;color:#40353c;background:#fff;border:1px solid transparent;transition:.18s ease;}
.deptv-category-list a:hover{border-color:#ffd5e5;background:#fff0f6;color:var(--pink);transform:translateX(2px);}
.deptv-category-list span{font-size:13px;font-weight:600;line-height:1.3;}
.deptv-category-list em{min-width:26px;height:22px;border-radius:999px;background:#fff0f6;color:var(--pink);display:inline-grid;place-items:center;font-style:normal;font-size:11px;font-weight:600;}
.deptv-tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 16px;}
.deptv-keyword{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #f2dce6;color:#8d3d60;font-size:12px;font-weight:600;line-height:1;transition:.18s ease;}
.deptv-keyword:hover{background:var(--pink);border-color:var(--pink);color:#fff;transform:translateY(-1px);}
.deptv-featured-list{display:grid;gap:0;padding:8px 10px 12px;}
.deptv-featured-item{display:grid;grid-template-columns:74px 1fr;gap:11px;padding:10px;border-radius:13px;color:var(--ink);transition:.18s ease;}
.deptv-featured-item:hover{background:#fff0f6;transform:translateX(2px);}
.deptv-featured-thumb{width:74px;height:58px;border-radius:12px;overflow:hidden;background:#faedf2;display:block;}
.deptv-featured-thumb img,.deptv-featured-thumb .deptv-avatar-fallback{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:12px!important;aspect-ratio:auto!important;font-size:18px!important;}
.deptv-featured-body{min-width:0;display:grid;align-content:center;gap:4px;}
.deptv-featured-body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35;font-weight:600;color:#31282e;}
.deptv-featured-body small{font-size:11px;color:#8a7d84;}
@media(max-width:1100px){
  .deptv-sidebar-inner{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
  .deptv-featured-widget,.deptv-widget-post_tag,.deptv-widget-product_tag{grid-column:1/-1;}
}
@media(max-width:760px){
  .deptv-sidebar-inner{grid-template-columns:1fr;gap:14px;}
  .deptv-widget h3{padding:14px 15px;}
  .deptv-featured-item{grid-template-columns:68px 1fr;}
  .deptv-featured-thumb{width:68px;height:54px;}
}


/* v1.0.2 HARD HEADER FIX: logo sát trái -> search -> menu -> tư vấn, không rơi dòng desktop */
@media (min-width:1101px){
  .topbar{height:72px!important;overflow:visible!important;}
  .topbar .container.header{width:100%!important;max-width:none!important;margin:0!important;padding:0 22px!important;}
  .header{height:72px!important;display:grid!important;grid-template-columns:auto minmax(190px,250px) minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;}
  .brand{justify-self:start!important;min-width:142px!important;max-width:190px!important;margin:0!important;}
  .brand strong{font-size:32px!important;line-height:.95!important;white-space:nowrap!important;}
  .brand span{font-size:8.5px!important;white-space:nowrap!important;}
  .header-search{grid-column:2!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;flex:none!important;}
  .header-search button{border:0!important;background:transparent!important;color:var(--pink)!important;width:26px!important;height:100%!important;padding:0!important;font-weight:600!important;}
  .nav{grid-column:3!important;min-width:0!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:clamp(8px,1vw,16px)!important;height:72px!important;overflow:hidden!important;flex-wrap:nowrap!important;white-space:nowrap!important;}
  .nav li{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex:0 0 auto!important;}
  .nav a{height:72px!important;font-size:11px!important;letter-spacing:-.015em!important;flex:0 0 auto!important;white-space:nowrap!important;padding:0!important;}
  .actions{grid-column:4!important;min-width:max-content!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;margin:0!important;}
  .actions .search{display:none!important;}
  .bell{flex:0 0 34px!important;}
  .login{height:36px!important;white-space:nowrap!important;flex:0 0 auto!important;padding:0 15px!important;}
  .menu-btn{display:none!important;}
}
@media (min-width:1101px) and (max-width:1280px){
  .topbar .container.header{padding:0 16px!important;}
  .header{grid-template-columns:auto minmax(170px,218px) minmax(0,1fr) auto!important;gap:10px!important;}
  .brand{min-width:128px!important;max-width:164px!important;}
  .brand strong{font-size:29px!important;}
  .nav{gap:8px!important;}
  .nav a{font-size:10px!important;}
  .bell{display:none!important;}
  .login{padding:0 12px!important;font-size:11px!important;}
}
@media (max-width:1100px){
  .topbar{height:auto!important;}
  .topbar .container.header{width:min(var(--container),calc(100% - 28px))!important;max-width:var(--container)!important;margin:0 auto!important;padding:10px 0!important;}
  .header{height:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand search actions" "nav nav nav"!important;gap:10px!important;align-items:center!important;}
  .brand{grid-area:brand!important;min-width:126px!important;}
  .brand strong{font-size:30px!important;}
  .header-search{grid-area:search!important;width:100%!important;min-width:0!important;margin:0!important;}
  .header-search button{border:0!important;background:transparent!important;color:var(--pink)!important;padding:0 3px!important;}
  .actions{grid-area:actions!important;display:flex!important;grid-column:auto!important;width:auto!important;gap:8px!important;justify-content:flex-end!important;}
  .nav{grid-area:nav!important;display:none!important;position:static!important;width:100%!important;top:auto!important;padding:8px 0 2px!important;box-shadow:none!important;border-bottom:0!important;overflow:auto!important;justify-content:flex-start!important;gap:12px!important;}
  .nav.open{display:flex!important;}
  .nav li{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex:0 0 auto!important;}
  .nav a{height:36px!important;padding:0 10px!important;}
  .menu-btn{display:grid!important;place-items:center!important;}
  .bell{display:none!important;}
}
@media (max-width:760px){
  .header{grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search" "nav nav"!important;}
  .brand{min-width:0!important;}
  .actions{display:flex!important;width:auto!important;}
  .login{height:38px!important;}
  .header-search{height:40px!important;}
}

/* v1.0.3 FINAL HEADER FLEX FIX: logo sát lề trái -> search -> menu -> tư vấn, không tụt dòng */
@media (min-width:901px){
  body .topbar{height:72px!important;overflow:visible!important;}
  body .topbar .container.header,
  body .header.header-flex-fix{
    width:100%!important;max-width:none!important;margin:0!important;padding:0 18px!important;height:72px!important;
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
    grid-template-columns:none!important;grid-template-areas:none!important;
  }
  body .header-flex-fix .brand{
    order:1!important;flex:0 0 auto!important;width:auto!important;min-width:118px!important;max-width:174px!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important;
    grid-column:auto!important;grid-area:auto!important;
  }
  body .header-flex-fix .brand strong{font-size:30px!important;line-height:.95!important;white-space:nowrap!important;display:block!important;}
  body .header-flex-fix .brand span{font-size:8px!important;line-height:1.1!important;white-space:nowrap!important;display:block!important;margin-top:4px!important;}
  body .header-flex-fix .brand .deptv-logo-img,
  body .header-flex-fix .brand img{display:block!important;width:auto!important;max-width:150px!important;max-height:48px!important;height:auto!important;object-fit:contain!important;}
  body .header-flex-fix .header-search{
    order:2!important;flex:0 0 clamp(170px,18vw,245px)!important;width:clamp(170px,18vw,245px)!important;max-width:245px!important;min-width:150px!important;height:38px!important;
    margin:0!important;padding:0 8px 0 11px!important;display:flex!important;align-items:center!important;gap:6px!important;grid-column:auto!important;grid-area:auto!important;
  }
  body .header-flex-fix .header-search input{min-width:0!important;width:100%!important;}
  body .header-flex-fix .header-search button{flex:0 0 24px!important;width:24px!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--pink)!important;display:grid!important;place-items:center!important;font-weight:600!important;}
  body .header-flex-fix .nav{
    order:3!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;height:72px!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(7px,.85vw,14px)!important;
    overflow:hidden!important;white-space:nowrap!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;box-shadow:none!important;border-bottom:0!important;background:transparent!important;
    grid-column:auto!important;grid-area:auto!important;
  }
  body .header-flex-fix .nav li{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex:0 0 auto!important;min-width:0!important;}
  body .header-flex-fix .nav a{height:72px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;font-size:clamp(9px,.78vw,11.5px)!important;letter-spacing:-.02em!important;white-space:nowrap!important;line-height:1!important;}
  body .header-flex-fix .header-actions,
  body .header-flex-fix .actions{
    order:4!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:72px!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;grid-column:auto!important;grid-area:auto!important;
  }
  body .header-flex-fix .actions .search{display:none!important;}
  body .header-flex-fix .bell{flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;}
  body .header-flex-fix .login{flex:0 0 auto!important;height:36px!important;min-width:74px!important;padding:0 13px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important;}
  body .header-flex-fix .menu-btn{display:none!important;}
}
@media (min-width:901px) and (max-width:1240px){
  body .topbar .container.header,body .header.header-flex-fix{padding:0 12px!important;gap:8px!important;}
  body .header-flex-fix .brand{min-width:104px!important;max-width:136px!important;}
  body .header-flex-fix .brand strong{font-size:27px!important;}
  body .header-flex-fix .brand span{font-size:7.4px!important;}
  body .header-flex-fix .brand .deptv-logo-img,body .header-flex-fix .brand img{max-width:126px!important;max-height:42px!important;}
  body .header-flex-fix .header-search{flex-basis:170px!important;width:170px!important;min-width:150px!important;}
  body .header-flex-fix .nav{gap:7px!important;}
  body .header-flex-fix .nav a{font-size:9.2px!important;}
  body .header-flex-fix .bell{display:none!important;}
  body .header-flex-fix .login{height:34px!important;min-width:66px!important;padding:0 10px!important;font-size:11px!important;}
}
@media (max-width:900px){
  body .topbar{height:auto!important;overflow:visible!important;}
  body .topbar .container.header,body .header.header-flex-fix{
    width:min(var(--container),calc(100% - 28px))!important;max-width:var(--container)!important;margin:0 auto!important;padding:10px 0!important;height:auto!important;
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand actions" "search search" "nav nav"!important;gap:10px!important;align-items:center!important;
  }
  body .header-flex-fix .brand{grid-area:brand!important;min-width:0!important;max-width:190px!important;}
  body .header-flex-fix .brand strong{font-size:30px!important;}
  body .header-flex-fix .header-search{grid-area:search!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;height:40px!important;}
  body .header-flex-fix .header-search button{border:0!important;background:transparent!important;color:var(--pink)!important;padding:0 4px!important;}
  body .header-flex-fix .actions{grid-area:actions!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
  body .header-flex-fix .bell{display:none!important;}
  body .header-flex-fix .login{height:38px!important;white-space:nowrap!important;}
  body .header-flex-fix .menu-btn{display:grid!important;place-items:center!important;}
  body .header-flex-fix .nav{grid-area:nav!important;display:none!important;position:static!important;width:100%!important;height:auto!important;padding:8px 0 2px!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:auto!important;justify-content:flex-start!important;gap:12px!important;}
  body .header-flex-fix .nav.open{display:flex!important;}
  body .header-flex-fix .nav li{list-style:none!important;display:flex!important;flex:0 0 auto!important;margin:0!important;padding:0!important;}
  body .header-flex-fix .nav a{height:36px!important;padding:0 10px!important;font-size:12px!important;}
}