{"id":4912,"date":"2026-10-01T11:22:49","date_gmt":"2026-10-01T11:22:49","guid":{"rendered":"https:\/\/theaclinic.vn\/?page_id=4912"},"modified":"2026-10-01T11:29:14","modified_gmt":"2026-10-01T11:29:14","slug":"bi-quyet-lam-dep-2","status":"publish","type":"page","link":"https:\/\/theaclinic.vn\/?page_id=4912","title":{"rendered":"B\u00ed Quy\u1ebft L\u00e0m \u0110\u1eb9p"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4912\" class=\"elementor elementor-4912\">\n\t\t\t\t<div class=\"elementor-element elementor-element-395d89f e-con-full e-flex e-con e-parent\" data-id=\"395d89f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e72bd01 elementor-widget elementor-widget-html\" data-id=\"e72bd01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTHEA BEAUTY JOURNAL V1\nB\u00cd QUY\u1ebeT L\u00c0M \u0110\u1eb8P \u00b7 BEAUTY JOURNAL\nWordPress + Elementor HTML Widget\n========================================================= -->\n\n<main id=\"thea-journal-v1\" class=\"tj1-page\" lang=\"vi\">\n\n\n  <!-- =====================================================\n       01 HERO\n  ====================================================== -->\n  <section class=\"tj1-hero\">\n\n    <div class=\"tj1-hero-media\">\n\n      <img\n        src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-lan-da-tu-nhien-v001.webp\"\n        alt=\"B\u00ed quy\u1ebft l\u00e0m \u0111\u1eb9p v\u00e0 ch\u0103m s\u00f3c b\u1ea3n th\u00e2n c\u00f9ng THEA\"\n        fetchpriority=\"high\"\n        loading=\"eager\"\n        decoding=\"async\"\n      >\n\n    <\/div>\n\n    <div class=\"tj1-hero-overlay\"><\/div>\n\n    <span class=\"tj1-flower tj1-flower-left\"><\/span>\n    <span class=\"tj1-flower tj1-flower-right\"><\/span>\n\n\n    <div class=\"tj1-wrap tj1-hero-inner\">\n\n      <div class=\"tj1-hero-copy tj1-reveal\">\n\n        <span\n          class=\"tj1-kicker\"\n          data-vi=\"B\u00cd QUY\u1ebeT L\u00c0M \u0110\u1eb8P\"\n          data-en=\"BEAUTY JOURNAL\"\n        >\n          B\u00cd QUY\u1ebeT L\u00c0M \u0110\u1eb8P\n        <\/span>\n\n\n        <h1>\n\n          <span\n            data-vi=\"V\u1ebb \u0111\u1eb9p \u0111\u01b0\u1ee3c\"\n            data-en=\"Beauty is\"\n          >\n            V\u1ebb \u0111\u1eb9p \u0111\u01b0\u1ee3c\n          <\/span>\n\n          <span\n            data-vi=\"nu\u00f4i d\u01b0\u1ee1ng\"\n            data-en=\"nurtured\"\n          >\n            nu\u00f4i d\u01b0\u1ee1ng\n          <\/span>\n\n          <em\n            data-vi=\"m\u1ed7i ng\u00e0y.\"\n            data-en=\"every day.\"\n          >\n            m\u1ed7i ng\u00e0y.\n          <\/em>\n\n        <\/h1>\n\n\n        <p\n          data-vi=\"Nh\u1eefng g\u1ee3i \u00fd v\u1ec1 ch\u0103m s\u00f3c da, wellness v\u00e0 l\u1ed1i s\u1ed1ng gi\u00fap b\u1ea1n x\u00e2y d\u1ef1ng nh\u1eefng th\u00f3i quen nh\u1ecf nh\u01b0ng b\u1ec1n v\u1eefng h\u01a1n cho h\u00e0nh tr\u00ecnh Beauty \u00b7 Wellness \u00b7 Soul.\"\n          data-en=\"Thoughtful ideas on skin care, wellness and lifestyle to help you build small, sustainable rituals for your Beauty \u00b7 Wellness \u00b7 Soul journey.\"\n        >\n          Nh\u1eefng g\u1ee3i \u00fd v\u1ec1 ch\u0103m s\u00f3c da, wellness v\u00e0 l\u1ed1i s\u1ed1ng\n          gi\u00fap b\u1ea1n x\u00e2y d\u1ef1ng nh\u1eefng th\u00f3i quen nh\u1ecf nh\u01b0ng b\u1ec1n v\u1eefng h\u01a1n\n          cho h\u00e0nh tr\u00ecnh Beauty \u00b7 Wellness \u00b7 Soul.\n        <\/p>\n\n\n        <div class=\"tj1-actions\">\n\n          <a href=\"#tj1-featured\" class=\"tj1-btn tj1-btn-bronze\">\n\n            <span\n              data-vi=\"KH\u00c1M PH\u00c1 B\u00c0I VI\u1ebeT\"\n              data-en=\"EXPLORE ARTICLES\"\n            >\n              KH\u00c1M PH\u00c1 B\u00c0I VI\u1ebeT\n            <\/span>\n\n            \u2192\n\n          <\/a>\n\n\n          <a href=\"\/dich-vu\/\" class=\"tj1-btn tj1-btn-light\">\n\n            <span\n              data-vi=\"KH\u00c1M PH\u00c1 D\u1ecaCH V\u1ee4\"\n              data-en=\"EXPLORE SERVICES\"\n            >\n              KH\u00c1M PH\u00c1 D\u1ecaCH V\u1ee4\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n        <a href=\"#tj1-featured\" class=\"tj1-scroll\">\n\n          <span><\/span>\n\n          <b>SCROLL TO DISCOVER<\/b>\n\n          <i>\u2193<\/i>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       02 CATEGORY BAR\n  ====================================================== -->\n  <section class=\"tj1-category-bar\">\n\n    <div class=\"tj1-wrap\">\n\n      <div class=\"tj1-category-list\">\n\n        <button\n          class=\"tj1-filter is-active\"\n          type=\"button\"\n          data-filter=\"all\"\n        >\n          <span\n            data-vi=\"T\u1ea4T C\u1ea2\"\n            data-en=\"ALL\"\n          >\n            T\u1ea4T C\u1ea2\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tj1-filter\"\n          type=\"button\"\n          data-filter=\"skin\"\n        >\n          <span\n            data-vi=\"CH\u0102M S\u00d3C DA\"\n            data-en=\"SKIN CARE\"\n          >\n            CH\u0102M S\u00d3C DA\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tj1-filter\"\n          type=\"button\"\n          data-filter=\"wellness\"\n        >\n          WELLNESS\n        <\/button>\n\n\n        <button\n          class=\"tj1-filter\"\n          type=\"button\"\n          data-filter=\"lifestyle\"\n        >\n          <span\n            data-vi=\"L\u1ed0I S\u1ed0NG\"\n            data-en=\"LIFESTYLE\"\n          >\n            L\u1ed0I S\u1ed0NG\n          <\/span>\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       03 FEATURED ARTICLE\n  ====================================================== -->\n  <section class=\"tj1-featured\" id=\"tj1-featured\">\n\n    <span class=\"tj1-flower tj1-feature-flower\"><\/span>\n\n\n    <div class=\"tj1-wrap tj1-feature-grid\">\n\n      <button\n        type=\"button\"\n        class=\"tj1-feature-image tj1-reveal\"\n        data-article=\"morning\"\n      >\n\n        <img\n          src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-bao-ve-da-ban-ngay-v002.webp\"\n          alt=\"Ch\u0103m s\u00f3c v\u00e0 b\u1ea3o v\u1ec7 da ban ng\u00e0y\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <span class=\"tj1-feature-badge\">\n          FEATURED\n        <\/span>\n\n      <\/button>\n\n\n      <div class=\"tj1-feature-copy tj1-reveal\">\n\n        <span\n          class=\"tj1-kicker\"\n          data-vi=\"CH\u0102M S\u00d3C DA\"\n          data-en=\"SKIN CARE\"\n        >\n          CH\u0102M S\u00d3C DA\n        <\/span>\n\n\n        <h2\n          data-vi=\"Routine bu\u1ed5i s\u00e1ng: \u0111\u01a1n gi\u1ea3n nh\u01b0ng nh\u1ea5t qu\u00e1n.\"\n          data-en=\"A morning routine: simple, thoughtful and consistent.\"\n        >\n          Routine bu\u1ed5i s\u00e1ng:\n          \u0111\u01a1n gi\u1ea3n nh\u01b0ng nh\u1ea5t qu\u00e1n.\n        <\/h2>\n\n\n        <p\n          class=\"tj1-feature-lead\"\n          data-vi=\"Kh\u00f4ng c\u1ea7n qu\u00e1 nhi\u1ec1u b\u01b0\u1edbc. M\u1ed9t routine ph\u00f9 h\u1ee3p n\u00ean b\u1eaft \u0111\u1ea7u t\u1eeb l\u00e0m s\u1ea1ch nh\u1eb9 nh\u00e0ng, d\u01b0\u1ee1ng \u1ea9m v\u00e0 b\u1ea3o v\u1ec7 da ban ng\u00e0y.\"\n          data-en=\"You do not need an overly complex routine. A thoughtful morning ritual can begin with gentle cleansing, hydration and daytime protection.\"\n        >\n          Kh\u00f4ng c\u1ea7n qu\u00e1 nhi\u1ec1u b\u01b0\u1edbc. M\u1ed9t routine ph\u00f9 h\u1ee3p\n          n\u00ean b\u1eaft \u0111\u1ea7u t\u1eeb l\u00e0m s\u1ea1ch nh\u1eb9 nh\u00e0ng,\n          d\u01b0\u1ee1ng \u1ea9m v\u00e0 b\u1ea3o v\u1ec7 da ban ng\u00e0y.\n        <\/p>\n\n\n        <div class=\"tj1-article-meta\">\n\n          <span>\n            THEA JOURNAL\n          <\/span>\n\n          <i><\/i>\n\n          <span\n            data-vi=\"5 PH\u00daT \u0110\u1eccC\"\n            data-en=\"5 MIN READ\"\n          >\n            5 PH\u00daT \u0110\u1eccC\n          <\/span>\n\n        <\/div>\n\n\n        <button\n          type=\"button\"\n          class=\"tj1-read-link\"\n          data-article=\"morning\"\n        >\n\n          <span\n            data-vi=\"\u0110\u1eccC B\u00c0I VI\u1ebeT\"\n            data-en=\"READ ARTICLE\"\n          >\n            \u0110\u1eccC B\u00c0I VI\u1ebeT\n          <\/span>\n\n          \u2192\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       04 JOURNAL GRID\n  ====================================================== -->\n  <section class=\"tj1-journal-section\">\n\n    <div class=\"tj1-wrap\">\n\n      <header class=\"tj1-heading tj1-reveal\">\n\n        <div>\n\n          <span\n            class=\"tj1-kicker\"\n            data-vi=\"THEA BEAUTY JOURNAL\"\n            data-en=\"THEA BEAUTY JOURNAL\"\n          >\n            THEA BEAUTY JOURNAL\n          <\/span>\n\n          <h2\n            data-vi=\"Ki\u1ebfn th\u1ee9c & c\u1ea3m h\u1ee9ng cho v\u1ebb \u0111\u1eb9p b\u1ec1n v\u1eefng.\"\n            data-en=\"Knowledge & inspiration for lasting beauty.\"\n          >\n            Ki\u1ebfn th\u1ee9c & c\u1ea3m h\u1ee9ng\n            cho v\u1ebb \u0111\u1eb9p b\u1ec1n v\u1eefng.\n          <\/h2>\n\n        <\/div>\n\n\n        <p\n          data-vi=\"Nh\u1eefng n\u1ed9i dung nh\u1ecf \u0111\u1ec3 b\u1ea1n hi\u1ec3u h\u01a1n v\u1ec1 l\u00e0n da, c\u01a1 th\u1ec3 v\u00e0 nh\u1eefng th\u00f3i quen h\u1ed7 tr\u1ee3 m\u1ed9t nh\u1ecbp s\u1ed1ng c\u00e2n b\u1eb1ng.\"\n          data-en=\"Thoughtful content to help you better understand your skin, body and the habits that support a more balanced life.\"\n        >\n          Nh\u1eefng n\u1ed9i dung nh\u1ecf \u0111\u1ec3 b\u1ea1n hi\u1ec3u h\u01a1n v\u1ec1 l\u00e0n da,\n          c\u01a1 th\u1ec3 v\u00e0 nh\u1eefng th\u00f3i quen h\u1ed7 tr\u1ee3\n          m\u1ed9t nh\u1ecbp s\u1ed1ng c\u00e2n b\u1eb1ng.\n        <\/p>\n\n      <\/header>\n\n\n      <div class=\"tj1-grid\" id=\"tj1-grid\"><\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       05 SLOW BEAUTY\n  ====================================================== -->\n  <section class=\"tj1-slow\">\n\n    <div class=\"tj1-slow-media\">\n\n      <img\n        src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-hoa-va-nhip-song-cham-v002.webp\"\n        alt=\"Nh\u1ecbp s\u1ed1ng ch\u1eadm v\u00e0 wellness\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n    <\/div>\n\n\n    <div class=\"tj1-slow-overlay\"><\/div>\n\n\n    <div class=\"tj1-wrap tj1-slow-inner\">\n\n      <div class=\"tj1-slow-copy tj1-reveal\">\n\n        <span\n          class=\"tj1-kicker tj1-kicker-light\"\n          data-vi=\"SLOW BEAUTY\"\n          data-en=\"SLOW BEAUTY\"\n        >\n          SLOW BEAUTY\n        <\/span>\n\n\n        <h2\n          data-vi=\"\u0110\u1eb9p h\u01a1n khi b\u1ea1n cho m\u00ecnh th\u1eddi gian.\"\n          data-en=\"Beauty grows when you give yourself time.\"\n        >\n          \u0110\u1eb9p h\u01a1n khi b\u1ea1n\n          cho m\u00ecnh th\u1eddi gian.\n        <\/h2>\n\n\n        <p\n          data-vi=\"Wellness kh\u00f4ng ch\u1ec9 n\u1eb1m trong m\u1ed9t bu\u1ed5i ch\u0103m s\u00f3c. \u0110\u00f3 c\u00f2n l\u00e0 c\u00e1ch b\u1ea1n ng\u1ee7, v\u1eadn \u0111\u1ed9ng, ngh\u1ec9 ng\u01a1i v\u00e0 t\u1ea1o ra nh\u1eefng kho\u1ea3ng l\u1eb7ng nh\u1ecf m\u1ed7i ng\u00e0y.\"\n          data-en=\"Wellness is not limited to a single care session. It also lives in the way you sleep, move, rest and create small moments of calm each day.\"\n        >\n          Wellness kh\u00f4ng ch\u1ec9 n\u1eb1m trong m\u1ed9t bu\u1ed5i ch\u0103m s\u00f3c.\n          \u0110\u00f3 c\u00f2n l\u00e0 c\u00e1ch b\u1ea1n ng\u1ee7, v\u1eadn \u0111\u1ed9ng, ngh\u1ec9 ng\u01a1i\n          v\u00e0 t\u1ea1o ra nh\u1eefng kho\u1ea3ng l\u1eb7ng nh\u1ecf m\u1ed7i ng\u00e0y.\n        <\/p>\n\n\n        <button\n          type=\"button\"\n          class=\"tj1-btn tj1-btn-outline-light\"\n          data-article=\"slow\"\n        >\n\n          <span\n            data-vi=\"KH\u00c1M PH\u00c1 SLOW BEAUTY\"\n            data-en=\"DISCOVER SLOW BEAUTY\"\n          >\n            KH\u00c1M PH\u00c1 SLOW BEAUTY\n          <\/span>\n\n          \u2192\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       06 THEA RITUAL\n  ====================================================== -->\n  <section class=\"tj1-ritual\">\n\n    <div class=\"tj1-wrap\">\n\n      <header class=\"tj1-section-center tj1-reveal\">\n\n        <span\n          class=\"tj1-kicker\"\n          data-vi=\"THEA DAILY RITUAL\"\n          data-en=\"THEA DAILY RITUAL\"\n        >\n          THEA DAILY RITUAL\n        <\/span>\n\n        <h2\n          data-vi=\"Ba \u0111i\u1ec1u nh\u1ecf b\u1ea1n c\u00f3 th\u1ec3 b\u1eaft \u0111\u1ea7u h\u00f4m nay.\"\n          data-en=\"Three small things you can begin today.\"\n        >\n          Ba \u0111i\u1ec1u nh\u1ecf b\u1ea1n c\u00f3 th\u1ec3\n          b\u1eaft \u0111\u1ea7u h\u00f4m nay.\n        <\/h2>\n\n      <\/header>\n\n\n      <div class=\"tj1-ritual-grid\">\n\n\n        <article class=\"tj1-ritual-card tj1-reveal\">\n\n          <span class=\"tj1-ritual-no\">\n            01\n          <\/span>\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-thoi-quen-uong-nuoc-v002.webp\"\n              alt=\"Th\u00f3i quen u\u1ed1ng n\u01b0\u1edbc\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <h3\n            data-vi=\"Nh\u1edb u\u1ed1ng n\u01b0\u1edbc\"\n            data-en=\"Stay hydrated\"\n          >\n            Nh\u1edb u\u1ed1ng n\u01b0\u1edbc\n          <\/h3>\n\n          <p\n            data-vi=\"Duy tr\u00ec th\u00f3i quen u\u1ed1ng n\u01b0\u1edbc \u0111\u1ec1u \u0111\u1eb7n nh\u01b0 m\u1ed9t ph\u1ea7n c\u1ee7a routine wellness m\u1ed7i ng\u00e0y.\"\n            data-en=\"Make regular hydration part of your daily wellness routine.\"\n          >\n            Duy tr\u00ec th\u00f3i quen u\u1ed1ng n\u01b0\u1edbc \u0111\u1ec1u \u0111\u1eb7n\n            nh\u01b0 m\u1ed9t ph\u1ea7n c\u1ee7a routine wellness m\u1ed7i ng\u00e0y.\n          <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"tj1-ritual-card tj1-reveal\">\n\n          <span class=\"tj1-ritual-no\">\n            02\n          <\/span>\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-van-dong-nhe-wellness-v002.webp\"\n              alt=\"V\u1eadn \u0111\u1ed9ng nh\u1eb9 m\u1ed7i ng\u00e0y\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <h3\n            data-vi=\"V\u1eadn \u0111\u1ed9ng nh\u1eb9\"\n            data-en=\"Move gently\"\n          >\n            V\u1eadn \u0111\u1ed9ng nh\u1eb9\n          <\/h3>\n\n          <p\n            data-vi=\"M\u1ed9t v\u00e0i ph\u00fat v\u1eadn \u0111\u1ed9ng nh\u1eb9 gi\u00fap t\u1ea1o kho\u1ea3ng chuy\u1ec3n \u0111\u1ed9ng cho c\u01a1 th\u1ec3 gi\u1eefa nh\u1ecbp s\u1ed1ng b\u1eadn r\u1ed9n.\"\n            data-en=\"A few minutes of gentle movement can give your body a welcome break during a busy day.\"\n          >\n            M\u1ed9t v\u00e0i ph\u00fat v\u1eadn \u0111\u1ed9ng nh\u1eb9 gi\u00fap t\u1ea1o\n            kho\u1ea3ng chuy\u1ec3n \u0111\u1ed9ng cho c\u01a1 th\u1ec3\n            gi\u1eefa nh\u1ecbp s\u1ed1ng b\u1eadn r\u1ed9n.\n          <\/p>\n\n        <\/article>\n\n\n\n        <article class=\"tj1-ritual-card tj1-reveal\">\n\n          <span class=\"tj1-ritual-no\">\n            03\n          <\/span>\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-giac-ngu-va-thu-gian-v002.webp\"\n              alt=\"Gi\u1ea5c ng\u1ee7 v\u00e0 th\u01b0 gi\u00e3n\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <h3\n            data-vi=\"Ng\u1ee7 & ngh\u1ec9 ng\u01a1i\"\n            data-en=\"Sleep & rest\"\n          >\n            Ng\u1ee7 & ngh\u1ec9 ng\u01a1i\n          <\/h3>\n\n          <p\n            data-vi=\"M\u1ed9t l\u1ecbch ngh\u1ec9 ng\u01a1i \u0111\u1ec1u \u0111\u1eb7n l\u00e0 ph\u1ea7n quan tr\u1ecdng trong c\u00e1ch b\u1ea1n ch\u0103m s\u00f3c c\u01a1 th\u1ec3 v\u00e0 tinh th\u1ea7n.\"\n            data-en=\"A consistent rest routine is an important part of caring for both body and mind.\"\n          >\n            M\u1ed9t l\u1ecbch ngh\u1ec9 ng\u01a1i \u0111\u1ec1u \u0111\u1eb7n\n            l\u00e0 ph\u1ea7n quan tr\u1ecdng trong c\u00e1ch b\u1ea1n\n            ch\u0103m s\u00f3c c\u01a1 th\u1ec3 v\u00e0 tinh th\u1ea7n.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       07 CTA\n  ====================================================== -->\n  <section class=\"tj1-final\">\n\n    <span class=\"tj1-final-flower\"><\/span>\n\n\n    <div class=\"tj1-wrap tj1-final-inner tj1-reveal\">\n\n      <div>\n\n        <span class=\"tj1-final-label\">\n          BEAUTY \u00b7 WELLNESS \u00b7 SOUL\n        <\/span>\n\n        <h2\n          data-vi=\"Hi\u1ec3u l\u00e0n da h\u01a1n. Ch\u0103m s\u00f3c b\u1ea3n th\u00e2n t\u1ed1t h\u01a1n.\"\n          data-en=\"Understand your skin. Care for yourself with intention.\"\n        >\n          Hi\u1ec3u l\u00e0n da h\u01a1n.\n          Ch\u0103m s\u00f3c b\u1ea3n th\u00e2n t\u1ed1t h\u01a1n.\n        <\/h2>\n\n        <p\n          data-vi=\"N\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft \u0111\u00e2u l\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p, h\u00e3y b\u1eaft \u0111\u1ea7u b\u1eb1ng m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n c\u00f9ng THEA.\"\n          data-en=\"If you are unsure which care direction is right for you, begin with a conversation with THEA.\"\n        >\n          N\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft \u0111\u00e2u l\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p,\n          h\u00e3y b\u1eaft \u0111\u1ea7u b\u1eb1ng m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n c\u00f9ng THEA.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tj1-final-actions\">\n\n        <a\n          href=\"\/dich-vu\/\"\n          class=\"tj1-btn tj1-btn-outline-light\"\n        >\n\n          <span\n            data-vi=\"KH\u00c1M PH\u00c1 D\u1ecaCH V\u1ee4\"\n            data-en=\"EXPLORE SERVICES\"\n          >\n            KH\u00c1M PH\u00c1 D\u1ecaCH V\u1ee4\n          <\/span>\n\n        <\/a>\n\n\n        <a\n          href=\"\/lien-he-dat-hen\/\"\n          class=\"tj1-btn tj1-btn-gold\"\n        >\n\n          <span\n            data-vi=\"\u0110\u1eb6T H\u1eb8N\"\n            data-en=\"BOOK A VISIT\"\n          >\n            \u0110\u1eb6T H\u1eb8N\n          <\/span>\n\n          \u2192\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       ARTICLE MODAL\n  ====================================================== -->\n  <div\n    class=\"tj1-modal\"\n    id=\"tj1-modal\"\n    aria-hidden=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n\n    <div class=\"tj1-modal-inner\">\n\n      <button\n        type=\"button\"\n        class=\"tj1-modal-close\"\n        aria-label=\"\u0110\u00f3ng\"\n      >\n        \u00d7\n      <\/button>\n\n\n      <figure class=\"tj1-modal-media\">\n\n        <img decoding=\"async\"\n          src=\"\"\n          alt=\"\"\n          id=\"tj1-modal-image\"\n        >\n\n      <\/figure>\n\n\n      <div class=\"tj1-modal-content\">\n\n        <span\n          class=\"tj1-kicker\"\n          id=\"tj1-modal-category\"\n        >\n          THEA JOURNAL\n        <\/span>\n\n        <h2 id=\"tj1-modal-title\"><\/h2>\n\n        <div\n          class=\"tj1-modal-copy\"\n          id=\"tj1-modal-copy\"\n        ><\/div>\n\n\n        <div class=\"tj1-modal-note\">\n\n          <strong>THEA NOTE<\/strong>\n\n          <p\n            data-vi=\"N\u1ed9i dung mang t\u00ednh tham kh\u1ea3o v\u1ec1 ch\u0103m s\u00f3c v\u00e0 wellness. N\u1ebfu b\u1ea1n c\u00f3 t\u00ecnh tr\u1ea1ng da ho\u1eb7c nhu c\u1ea7u c\u1ee5 th\u1ec3, h\u00e3y trao \u0111\u1ed5i tr\u1ef1c ti\u1ebfp v\u1edbi ng\u01b0\u1eddi c\u00f3 chuy\u00ean m\u00f4n ph\u00f9 h\u1ee3p.\"\n            data-en=\"This content is for general care and wellness information. For specific skin concerns or individual needs, consult an appropriate professional.\"\n          >\n            N\u1ed9i dung mang t\u00ednh tham kh\u1ea3o v\u1ec1 ch\u0103m s\u00f3c v\u00e0 wellness.\n            N\u1ebfu b\u1ea1n c\u00f3 t\u00ecnh tr\u1ea1ng da ho\u1eb7c nhu c\u1ea7u c\u1ee5 th\u1ec3,\n            h\u00e3y trao \u0111\u1ed5i tr\u1ef1c ti\u1ebfp v\u1edbi ng\u01b0\u1eddi c\u00f3 chuy\u00ean m\u00f4n ph\u00f9 h\u1ee3p.\n          <\/p>\n\n        <\/div>\n\n\n        <a\n          href=\"\/lien-he-dat-hen\/\"\n          class=\"tj1-btn tj1-btn-bronze\"\n        >\n\n          <span\n            data-vi=\"TRAO \u0110\u1ed4I C\u00d9NG THEA\"\n            data-en=\"TALK WITH THEA\"\n          >\n            TRAO \u0110\u1ed4I C\u00d9NG THEA\n          <\/span>\n\n          \u2192\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- MOBILE CTA -->\n  <div class=\"tj1-mobile-bar\">\n\n    <a href=\"#tj1-featured\">\n\n      <span\n        data-vi=\"B\u00c0I VI\u1ebeT\"\n        data-en=\"JOURNAL\"\n      >\n        B\u00c0I VI\u1ebeT\n      <\/span>\n\n    <\/a>\n\n\n    <a href=\"\/lien-he-dat-hen\/\">\n\n      <span\n        data-vi=\"\u0110\u1eb6T H\u1eb8N\"\n        data-en=\"BOOK NOW\"\n      >\n        \u0110\u1eb6T H\u1eb8N\n      <\/span>\n\n      \u2192\n\n    <\/a>\n\n  <\/div>\n\n<\/main>\n\n\n\n<style>\n\n\/* =========================================================\nTHEA JOURNAL V1\n========================================================= *\/\n\n#thea-journal-v1{\n\n  --navy:#172A55;\n  --deep:#101C38;\n\n  --bronze:#B56F35;\n  --bronze-dark:#87502B;\n  --gold:#D4A16D;\n\n  --ivory:#F4EFE9;\n  --paper:#FCFAF7;\n  --white:#FFFFFF;\n\n  --text:#58606E;\n  --soft:#85817C;\n\n  --line:#DED2C7;\n\n  --shadow:\n  0 16px 45px\n  rgba(16,28,56,.075);\n\n  --shadow-lg:\n  0 32px 85px\n  rgba(16,28,56,.16);\n\n  --max:1380px;\n\n  width:100%;\n\n  overflow:hidden;\n\n  color:\n  var(--navy);\n\n  background:\n  var(--paper);\n\n  font-family:\n  \"Be Vietnam Pro\",\n  Arial,\n  sans-serif;\n\n  line-height:1.65;\n\n  -webkit-font-smoothing:\n  antialiased;\n\n}\n\n\n#thea-journal-v1,\n#thea-journal-v1 *,\n#thea-journal-v1 *::before,\n#thea-journal-v1 *::after{\n\n  box-sizing:border-box;\n\n}\n\n\n#thea-journal-v1 :is(\nh1,h2,h3,p,figure\n){\n\n  margin:0;\n\n}\n\n\n#thea-journal-v1 img{\n\n  display:block;\n  width:100%;\n\n}\n\n\n#thea-journal-v1 button,\n#thea-journal-v1 a{\n\n  font:inherit;\n\n}\n\n\n#thea-journal-v1 button{\n\n  cursor:pointer;\n\n}\n\n\n#thea-journal-v1 a{\n\n  color:inherit;\n  text-decoration:none;\n\n}\n\n\n#thea-journal-v1 section[id]{\n\n  scroll-margin-top:105px;\n\n}\n\n\n.tj1-wrap{\n\n  position:relative;\n  z-index:5;\n\n  width:min(\n    var(--max),\n    calc(100% - 90px)\n  );\n\n  margin:auto;\n\n}\n\n\n\n\/* =========================================================\nCOMMON\n========================================================= *\/\n\n.tj1-kicker{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  color:\n  var(--bronze);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n\n}\n\n\n.tj1-kicker::before{\n\n  content:\"\";\n\n  width:31px;\n  height:1px;\n\n  background:\n  currentColor;\n\n}\n\n\n.tj1-kicker-light{\n\n  color:\n  var(--gold);\n\n}\n\n\n.tj1-btn{\n\n  min-height:50px;\n\n  padding:\n  0 25px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:13px;\n\n  border:\n  1px solid transparent;\n\n  border-radius:999px;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.105em;\n\n  text-transform:uppercase;\n\n  transition:\n  .25s ease;\n\n}\n\n\n.tj1-btn:hover{\n\n  transform:\n  translateY(-2px);\n\n}\n\n\n.tj1-btn-bronze{\n\n  color:#fff;\n\n  background:\n  linear-gradient(\n    135deg,\n    #C6894E,\n    #9D5E2E\n  );\n\n  box-shadow:\n  0 13px 30px\n  rgba(181,111,53,.20);\n\n}\n\n\n.tj1-btn-light{\n\n  color:\n  var(--navy);\n\n  background:\n  rgba(255,255,255,.88);\n\n  border-color:\n  var(--line);\n\n}\n\n\n.tj1-btn-gold{\n\n  color:\n  var(--deep);\n\n  background:\n  var(--gold);\n\n}\n\n\n.tj1-btn-outline-light{\n\n  color:#fff;\n\n  background:\n  rgba(255,255,255,.05);\n\n  border-color:\n  rgba(255,255,255,.4);\n\n}\n\n\n\n\/* =========================================================\nFLOWERS\n========================================================= *\/\n\n.tj1-flower{\n\n  position:absolute;\n\n  z-index:2;\n\n  pointer-events:none;\n\n  background-repeat:no-repeat;\n  background-position:center;\n  background-size:contain;\n\n}\n\n\n.tj1-flower-left{\n\n  width:300px;\n  height:360px;\n\n  left:-80px;\n  bottom:-35px;\n\n  opacity:.44;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-left-v001.png\");\n\n}\n\n\n.tj1-flower-right{\n\n  width:280px;\n  height:330px;\n\n  right:-60px;\n  top:-40px;\n\n  opacity:.44;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n\n}\n\n\n.tj1-feature-flower{\n\n  width:220px;\n  height:390px;\n\n  right:-60px;\n  top:80px;\n\n  opacity:.16;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-side-right-v001.png\");\n\n}\n\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n.tj1-hero{\n\n  position:relative;\n\n  min-height:650px;\n\n  display:flex;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  background:\n  var(--ivory);\n\n}\n\n\n.tj1-hero-media{\n\n  position:absolute;\n  inset:0;\n\n}\n\n\n.tj1-hero-media img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:\n  70% center;\n\n}\n\n\n.tj1-hero-overlay{\n\n  position:absolute;\n  inset:0;\n\n  z-index:1;\n\n  background:\n  linear-gradient(\n    90deg,\n    rgba(252,250,247,.99) 0%,\n    rgba(252,250,247,.96) 31%,\n    rgba(252,250,247,.71) 48%,\n    rgba(252,250,247,.15) 72%,\n    transparent 100%\n  );\n\n}\n\n\n.tj1-hero-inner{\n\n  min-height:650px;\n\n  display:flex;\n  align-items:center;\n\n}\n\n\n.tj1-hero-copy{\n\n  position:relative;\n\n  z-index:5;\n\n  max-width:700px;\n\n  padding:\n  80px 0;\n\n}\n\n\n.tj1-hero-copy h1{\n\n  margin-top:\n  15px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  clamp(60px,5.8vw,90px)\/.93\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:\n  -.038em;\n\n}\n\n\n.tj1-hero-copy h1 span,\n.tj1-hero-copy h1 em{\n\n  display:block;\n\n}\n\n\n.tj1-hero-copy h1 em{\n\n  color:\n  var(--bronze);\n\n  font-style:italic;\n\n  font-weight:400;\n\n}\n\n\n.tj1-hero-copy>p{\n\n  max-width:570px;\n\n  margin-top:\n  26px!important;\n\n  color:\n  var(--text);\n\n  font-size:14px;\n\n  line-height:1.86;\n\n}\n\n\n.tj1-actions{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:11px;\n\n  margin-top:30px;\n\n}\n\n\n.tj1-scroll{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-top:34px;\n\n  color:\n  var(--navy);\n\n  font-size:8px;\n\n  letter-spacing:.18em;\n\n}\n\n\n.tj1-scroll>span{\n\n  width:44px;\n  height:1px;\n\n  background:\n  var(--bronze);\n\n}\n\n\n.tj1-scroll i{\n\n  color:\n  var(--bronze);\n\n  font-style:normal;\n\n}\n\n\n\n\/* =========================================================\nCATEGORY\n========================================================= *\/\n\n.tj1-category-bar{\n\n  border-top:\n  1px solid\n  var(--line);\n\n  border-bottom:\n  1px solid\n  var(--line);\n\n  background:\n  rgba(252,250,247,.97);\n\n}\n\n\n.tj1-category-list{\n\n  display:flex;\n\n  justify-content:center;\n\n  gap:58px;\n\n  overflow-x:auto;\n\n  scrollbar-width:none;\n\n}\n\n\n.tj1-category-list::-webkit-scrollbar{\n\n  display:none;\n\n}\n\n\n.tj1-filter{\n\n  position:relative;\n\n  min-height:72px;\n\n  flex-shrink:0;\n\n  border:0;\n\n  background:transparent;\n\n  color:\n  var(--navy);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.12em;\n\n}\n\n\n.tj1-filter::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  bottom:0;\n\n  height:2px;\n\n  background:\n  var(--bronze);\n\n  transform:\n  scaleX(0);\n\n  transition:\n  .25s ease;\n\n}\n\n\n.tj1-filter.is-active,\n.tj1-filter:hover{\n\n  color:\n  var(--bronze-dark);\n\n}\n\n\n.tj1-filter.is-active::after{\n\n  transform:\n  scaleX(1);\n\n}\n\n\n\n\/* =========================================================\nFEATURED ARTICLE\n========================================================= *\/\n\n.tj1-featured{\n\n  position:relative;\n\n  padding:\n  110px 0;\n\n  overflow:hidden;\n\n  background:#fff;\n\n}\n\n\n.tj1-feature-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  1.13fr .87fr;\n\n  gap:\n  clamp(55px,7vw,100px);\n\n  align-items:center;\n\n}\n\n\n.tj1-feature-image{\n\n  position:relative;\n\n  padding:0;\n\n  overflow:hidden;\n\n  border:0;\n\n  background:\n  var(--ivory);\n\n  box-shadow:\n  var(--shadow);\n\n}\n\n\n.tj1-feature-image img{\n\n  width:100%;\n\n  aspect-ratio:\n  1.35\/1;\n\n  object-fit:cover;\n\n  transition:\n  transform .65s ease;\n\n}\n\n\n.tj1-feature-image:hover img{\n\n  transform:\n  scale(1.025);\n\n}\n\n\n.tj1-feature-badge{\n\n  position:absolute;\n\n  left:22px;\n  top:22px;\n\n  padding:\n  8px 13px;\n\n  background:\n  rgba(252,250,247,.94);\n\n  color:\n  var(--bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.14em;\n\n}\n\n\n.tj1-feature-copy h2{\n\n  margin-top:\n  14px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  clamp(44px,4.6vw,67px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:\n  -.03em;\n\n}\n\n\n.tj1-feature-lead{\n\n  margin-top:\n  22px!important;\n\n  color:\n  var(--text);\n\n  font-size:13px;\n\n  line-height:1.85;\n\n}\n\n\n.tj1-article-meta{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:15px;\n\n  margin-top:22px;\n\n  color:\n  var(--soft);\n\n  font-size:8px;\n\n  letter-spacing:.12em;\n\n}\n\n\n.tj1-article-meta i{\n\n  width:26px;\n  height:1px;\n\n  background:\n  var(--line);\n\n}\n\n\n.tj1-read-link{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:14px;\n\n  margin-top:28px;\n\n  padding:\n  9px 0;\n\n  border:0;\n\n  border-bottom:\n  1px solid\n  var(--bronze);\n\n  background:transparent;\n\n  color:\n  var(--bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.11em;\n\n}\n\n\n\n\/* =========================================================\nJOURNAL\n========================================================= *\/\n\n.tj1-journal-section{\n\n  padding:\n  105px 0;\n\n  background:\n  var(--ivory);\n\n}\n\n\n.tj1-heading{\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:60px;\n\n  margin-bottom:48px;\n\n}\n\n\n.tj1-heading h2{\n\n  max-width:780px;\n\n  margin-top:\n  12px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  clamp(42px,4.7vw,65px)\/1.02\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:\n  -.03em;\n\n}\n\n\n.tj1-heading>p{\n\n  max-width:420px;\n\n  color:\n  var(--text);\n\n  font-size:11.5px;\n\n  line-height:1.8;\n\n}\n\n\n.tj1-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  repeat(3,1fr);\n\n  gap:24px;\n\n}\n\n\n.tj1-card{\n\n  overflow:hidden;\n\n  border:\n  1px solid\n  var(--line);\n\n  background:#fff;\n\n  transition:\n  transform .25s ease,\n  box-shadow .25s ease;\n\n}\n\n\n.tj1-card:hover{\n\n  transform:\n  translateY(-5px);\n\n  box-shadow:\n  var(--shadow);\n\n}\n\n\n.tj1-card-button{\n\n  width:100%;\n\n  padding:0;\n\n  display:block;\n\n  border:0;\n\n  background:transparent;\n\n  color:inherit;\n\n  text-align:left;\n\n}\n\n\n.tj1-card-media{\n\n  display:block;\n\n  overflow:hidden;\n\n}\n\n\n.tj1-card-media img{\n\n  aspect-ratio:\n  1.35\/1;\n\n  object-fit:cover;\n\n  transition:\n  transform .6s ease;\n\n}\n\n\n.tj1-card:hover\n.tj1-card-media img{\n\n  transform:\n  scale(1.035);\n\n}\n\n\n.tj1-card-body{\n\n  display:block;\n\n  padding:\n  23px 23px 25px;\n\n}\n\n\n.tj1-card-category{\n\n  display:block;\n\n  color:\n  var(--bronze);\n\n  font-size:7.5px;\n\n  font-weight:700;\n\n  letter-spacing:.15em;\n\n}\n\n\n.tj1-card h3{\n\n  margin-top:\n  8px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  27px\/1.18\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-card p{\n\n  margin-top:\n  11px!important;\n\n  color:\n  var(--text);\n\n  font-size:10.5px;\n\n  line-height:1.75;\n\n}\n\n\n.tj1-card-footer{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  margin-top:19px;\n\n  padding-top:16px;\n\n  border-top:\n  1px solid\n  var(--line);\n\n  color:\n  var(--soft);\n\n  font-size:8px;\n\n}\n\n\n.tj1-card-footer b{\n\n  color:\n  var(--bronze);\n\n  font-weight:500;\n\n  font-size:16px;\n\n}\n\n\n\n\/* =========================================================\nSLOW BEAUTY\n========================================================= *\/\n\n.tj1-slow{\n\n  position:relative;\n\n  min-height:610px;\n\n  display:flex;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  background:\n  var(--deep);\n\n}\n\n\n.tj1-slow-media{\n\n  position:absolute;\n  inset:0;\n\n}\n\n\n.tj1-slow-media img{\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n.tj1-slow-overlay{\n\n  position:absolute;\n  inset:0;\n\n  background:\n  linear-gradient(\n    90deg,\n    rgba(16,28,56,.96) 0%,\n    rgba(16,28,56,.89) 42%,\n    rgba(16,28,56,.30) 72%,\n    rgba(16,28,56,.08)\n  );\n\n}\n\n\n.tj1-slow-inner{\n\n  min-height:610px;\n\n  display:flex;\n\n  align-items:center;\n\n}\n\n\n.tj1-slow-copy{\n\n  max-width:650px;\n\n  color:#fff;\n\n}\n\n\n.tj1-slow-copy h2{\n\n  margin-top:\n  14px!important;\n\n  color:#fff;\n\n  font:\n  400\n  clamp(48px,5vw,70px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-slow-copy p{\n\n  max-width:540px;\n\n  margin-top:\n  25px!important;\n\n  color:\n  rgba(255,255,255,.72);\n\n  font-size:13px;\n\n  line-height:1.85;\n\n}\n\n\n.tj1-slow-copy .tj1-btn{\n\n  margin-top:29px;\n\n}\n\n\n\n\/* =========================================================\nRITUAL\n========================================================= *\/\n\n.tj1-ritual{\n\n  padding:\n  105px 0;\n\n  background:#fff;\n\n}\n\n\n.tj1-section-center{\n\n  max-width:800px;\n\n  margin:\n  0 auto 52px;\n\n  text-align:center;\n\n}\n\n\n.tj1-section-center h2{\n\n  margin-top:\n  12px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  clamp(42px,4.7vw,65px)\/1.02\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:\n  -.03em;\n\n}\n\n\n.tj1-ritual-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  repeat(3,1fr);\n\n  gap:18px;\n\n}\n\n\n.tj1-ritual-card{\n\n  position:relative;\n\n  padding:\n  10px 10px 32px;\n\n  border:\n  1px solid\n  var(--line);\n\n  background:\n  var(--paper);\n\n}\n\n\n.tj1-ritual-card figure{\n\n  overflow:hidden;\n\n}\n\n\n.tj1-ritual-card img{\n\n  aspect-ratio:\n  1.2\/1;\n\n  object-fit:cover;\n\n  transition:\n  transform .6s ease;\n\n}\n\n\n.tj1-ritual-card:hover img{\n\n  transform:\n  scale(1.03);\n\n}\n\n\n.tj1-ritual-no{\n\n  position:absolute;\n\n  left:24px;\n  top:24px;\n\n  z-index:2;\n\n  width:38px;\n  height:38px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:\n  rgba(252,250,247,.94);\n\n  color:\n  var(--bronze);\n\n  font:\n  500\n  16px\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-ritual-card h3{\n\n  margin:\n  23px 18px 0!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  27px\/1.2\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-ritual-card p{\n\n  margin:\n  11px 18px 0!important;\n\n  color:\n  var(--text);\n\n  font-size:10.5px;\n\n  line-height:1.75;\n\n}\n\n\n\n\/* =========================================================\nFINAL\n========================================================= *\/\n\n.tj1-final{\n\n  position:relative;\n\n  padding:\n  85px 0;\n\n  overflow:hidden;\n\n  color:#fff;\n\n  background:\n\n  radial-gradient(\n    circle at 90% 0,\n    rgba(212,161,109,.16),\n    transparent 30%\n  ),\n\n  var(--deep);\n\n}\n\n\n.tj1-final-flower{\n\n  position:absolute;\n\n  right:-60px;\n  bottom:-95px;\n\n  width:390px;\n  height:390px;\n\n  opacity:.16;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-right-v001.png\");\n\n  background-repeat:no-repeat;\n  background-size:contain;\n\n}\n\n\n.tj1-final-inner{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:55px;\n\n}\n\n\n.tj1-final-label{\n\n  display:block;\n\n  color:\n  var(--gold);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.19em;\n\n}\n\n\n.tj1-final h2{\n\n  max-width:730px;\n\n  margin-top:\n  13px!important;\n\n  color:#fff;\n\n  font:\n  400\n  clamp(43px,4.6vw,64px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-final p{\n\n  max-width:620px;\n\n  margin-top:\n  14px!important;\n\n  color:\n  rgba(255,255,255,.65);\n\n  font-size:11.5px;\n\n  line-height:1.75;\n\n}\n\n\n.tj1-final-actions{\n\n  display:flex;\n\n  gap:10px;\n\n  flex-shrink:0;\n\n}\n\n\n\n\/* =========================================================\nMODAL\n========================================================= *\/\n\n.tj1-modal{\n\n  position:fixed;\n\n  inset:0;\n\n  z-index:999999;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  padding:28px;\n\n  background:\n  rgba(10,21,43,.92);\n\n  backdrop-filter:\n  blur(10px);\n\n  opacity:0;\n\n  visibility:hidden;\n\n  transition:\n  .25s ease;\n\n}\n\n\n.tj1-modal.is-open{\n\n  opacity:1;\n\n  visibility:visible;\n\n}\n\n\n.tj1-modal-inner{\n\n  position:relative;\n\n  width:\n  min(1120px,100%);\n\n  max-height:\n  calc(100vh - 56px);\n\n  display:grid;\n\n  grid-template-columns:\n  .9fr 1.1fr;\n\n  overflow:auto;\n\n  background:\n  var(--paper);\n\n  box-shadow:\n  var(--shadow-lg);\n\n}\n\n\n.tj1-modal-media{\n\n  min-height:680px;\n\n  background:\n  var(--ivory);\n\n}\n\n\n.tj1-modal-media img{\n\n  width:100%;\n  height:100%;\n\n  min-height:680px;\n\n  object-fit:cover;\n\n}\n\n\n.tj1-modal-content{\n\n  padding:\n  clamp(40px,5vw,70px);\n\n}\n\n\n.tj1-modal-content h2{\n\n  margin-top:\n  15px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  clamp(40px,4vw,58px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-modal-copy{\n\n  margin-top:26px;\n\n  color:\n  var(--text);\n\n  font-size:13px;\n\n  line-height:1.9;\n\n}\n\n\n.tj1-modal-copy p + p{\n\n  margin-top:17px!important;\n\n}\n\n\n.tj1-modal-copy h3{\n\n  margin:\n  25px 0 8px!important;\n\n  color:\n  var(--navy);\n\n  font:\n  500\n  25px\/1.2\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tj1-modal-note{\n\n  margin:\n  28px 0;\n\n  padding:\n  20px;\n\n  border-left:\n  2px solid\n  var(--bronze);\n\n  background:\n  var(--ivory);\n\n}\n\n\n.tj1-modal-note strong{\n\n  display:block;\n\n  color:\n  var(--bronze);\n\n  font-size:8px;\n\n  letter-spacing:.16em;\n\n}\n\n\n.tj1-modal-note p{\n\n  margin-top:\n  8px!important;\n\n  color:\n  var(--text);\n\n  font-size:9.5px;\n\n  line-height:1.7;\n\n}\n\n\n.tj1-modal-close{\n\n  position:absolute;\n\n  z-index:10;\n\n  right:15px;\n  top:15px;\n\n  width:42px;\n  height:42px;\n\n  display:grid;\n  place-items:center;\n\n  border:0;\n\n  border-radius:50%;\n\n  background:\n  var(--navy);\n\n  color:#fff;\n\n  font-size:24px;\n\n}\n\n\n\n\/* =========================================================\nREVEAL\n========================================================= *\/\n\n.tj1-reveal{\n\n  opacity:0;\n\n  transform:\n  translateY(22px);\n\n  transition:\n  opacity .7s ease,\n  transform .7s ease;\n\n}\n\n\n.tj1-reveal.is-visible{\n\n  opacity:1;\n  transform:none;\n\n}\n\n\n\n\/* MOBILE BAR *\/\n\n.tj1-mobile-bar{\n\n  display:none;\n\n}\n\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media(max-width:1050px){\n\n  .tj1-wrap{\n\n    width:\n    calc(100% - 58px);\n\n  }\n\n\n  .tj1-feature-grid{\n\n    gap:45px;\n\n  }\n\n\n  .tj1-grid{\n\n    grid-template-columns:\n    repeat(2,1fr);\n\n  }\n\n\n  .tj1-final-inner{\n\n    display:block;\n\n  }\n\n\n  .tj1-final-actions{\n\n    margin-top:30px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\nTABLET PORTRAIT\n========================================================= *\/\n\n@media(max-width:850px){\n\n  .tj1-hero{\n\n    min-height:730px;\n\n    align-items:flex-end;\n\n  }\n\n\n  .tj1-hero-inner{\n\n    min-height:730px;\n\n    align-items:flex-end;\n\n  }\n\n\n  .tj1-hero-overlay{\n\n    background:\n    linear-gradient(\n      180deg,\n      rgba(252,250,247,.04),\n      rgba(252,250,247,.10) 37%,\n      rgba(252,250,247,.91) 67%,\n      rgba(252,250,247,.99)\n    );\n\n  }\n\n\n  .tj1-hero-copy{\n\n    padding:\n    330px 0 58px;\n\n  }\n\n\n  .tj1-feature-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tj1-heading{\n\n    display:block;\n\n  }\n\n\n  .tj1-heading>p{\n\n    margin-top:\n    18px!important;\n\n  }\n\n\n  .tj1-ritual-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tj1-ritual-card{\n\n    max-width:700px;\n\n    width:100%;\n\n    margin:auto;\n\n  }\n\n\n  .tj1-modal-inner{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tj1-modal-media{\n\n    min-height:420px;\n\n  }\n\n\n  .tj1-modal-media img{\n\n    min-height:420px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:680px){\n\n  body{\n\n    padding-bottom:62px;\n\n  }\n\n\n  .tj1-wrap{\n\n    width:\n    calc(100% - 30px);\n\n  }\n\n\n  .tj1-flower{\n\n    opacity:.10!important;\n\n  }\n\n\n  .tj1-hero{\n\n    min-height:680px;\n\n  }\n\n\n  .tj1-hero-inner{\n\n    min-height:680px;\n\n  }\n\n\n  .tj1-hero-copy{\n\n    padding:\n    292px 0 48px;\n\n  }\n\n\n  .tj1-hero-copy h1{\n\n    font-size:\n    clamp(43px,11.5vw,51px);\n\n  }\n\n\n  .tj1-hero-copy>p{\n\n    font-size:12px;\n\n  }\n\n\n  .tj1-actions{\n\n    display:grid;\n\n  }\n\n\n  .tj1-btn{\n\n    width:100%;\n\n  }\n\n\n  .tj1-scroll{\n\n    display:none;\n\n  }\n\n\n  .tj1-category-list{\n\n    justify-content:flex-start;\n    gap:30px;\n\n  }\n\n\n  .tj1-filter{\n\n    min-height:60px;\n\n  }\n\n\n  .tj1-featured,\n  .tj1-journal-section,\n  .tj1-ritual{\n\n    padding:\n    72px 0;\n\n  }\n\n\n  .tj1-feature-copy h2,\n  .tj1-heading h2,\n  .tj1-section-center h2{\n\n    font-size:42px;\n\n  }\n\n\n  .tj1-feature-image img{\n\n    aspect-ratio:\n    4\/3;\n\n  }\n\n\n  .tj1-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tj1-card h3{\n\n    font-size:27px;\n\n  }\n\n\n  .tj1-slow{\n\n    min-height:560px;\n\n  }\n\n\n  .tj1-slow-inner{\n\n    min-height:560px;\n\n    align-items:flex-end;\n\n  }\n\n\n  .tj1-slow-overlay{\n\n    background:\n    linear-gradient(\n      180deg,\n      rgba(16,28,56,.20),\n      rgba(16,28,56,.90) 62%,\n      rgba(16,28,56,.97)\n    );\n\n  }\n\n\n  .tj1-slow-copy{\n\n    padding:\n    250px 0 60px;\n\n  }\n\n\n  .tj1-slow-copy h2{\n\n    font-size:43px;\n\n  }\n\n\n  .tj1-final{\n\n    padding:\n    68px 0;\n\n  }\n\n\n  .tj1-final h2{\n\n    font-size:42px;\n\n  }\n\n\n  .tj1-final-actions{\n\n    display:grid;\n\n  }\n\n\n  .tj1-modal{\n\n    padding:10px;\n\n  }\n\n\n  .tj1-modal-media,\n  .tj1-modal-media img{\n\n    min-height:280px;\n\n    max-height:380px;\n\n  }\n\n\n  .tj1-modal-content{\n\n    padding:\n    32px 22px;\n\n  }\n\n\n  .tj1-mobile-bar{\n\n    position:fixed;\n\n    z-index:99990;\n\n    left:0;\n    right:0;\n    bottom:0;\n\n    height:62px;\n\n    display:grid;\n\n    grid-template-columns:\n    .9fr 1.1fr;\n\n    gap:7px;\n\n    padding:\n    7px 9px;\n\n    background:\n    rgba(252,250,247,.97);\n\n    border-top:\n    1px solid\n    var(--line);\n\n    box-shadow:\n    0 -7px 24px\n    rgba(16,28,56,.08);\n\n    backdrop-filter:\n    blur(12px);\n\n  }\n\n\n  .tj1-mobile-bar a{\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:8px;\n\n    border:\n    1px solid\n    var(--line);\n\n    font-size:9px;\n\n    font-weight:700;\n\n    letter-spacing:.08em;\n\n  }\n\n\n  .tj1-mobile-bar a:last-child{\n\n    border-color:\n    var(--bronze);\n\n    background:\n    var(--bronze);\n\n    color:#fff;\n\n  }\n\n}\n\n\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #thea-journal-v1 *,\n  #thea-journal-v1 *::before,\n  #thea-journal-v1 *::after{\n\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n\n  }\n\n\n  .tj1-reveal{\n\n    opacity:1!important;\n    transform:none!important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function(){\n\n'use strict';\n\n\nconst root =\ndocument.getElementById(\n  'thea-journal-v1'\n);\n\n\nif(\n  !root ||\n  root.dataset.ready === '1'\n){\n\n  return;\n\n}\n\n\nroot.dataset.ready =\n'1';\n\n\n\n\/* =========================================================\nARTICLE DATA\n========================================================= *\/\n\nconst articles = [\n\n  {\n    id:'sleep',\n    category:'wellness',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-giac-ngu-va-thu-gian-v002.webp',\n\n    categoryVI:'WELLNESS',\n    categoryEN:'WELLNESS',\n\n    titleVI:\n    'Gi\u1ea5c ng\u1ee7 v\u00e0 l\u00e0n da: v\u00ec sao ngh\u1ec9 ng\u01a1i c\u0169ng l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a routine?',\n\n    titleEN:\n    'Sleep and skin: why rest belongs in your routine.',\n\n    excerptVI:\n    'M\u1ed9t routine ch\u0103m s\u00f3c kh\u00f4ng ch\u1ec9 n\u1eb1m tr\u00ean b\u00e0n m\u1ef9 ph\u1ea9m. Nh\u1ecbp ngh\u1ec9 ng\u01a1i \u0111\u1ec1u \u0111\u1eb7n c\u0169ng l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a c\u00e1ch b\u1ea1n ch\u0103m s\u00f3c b\u1ea3n th\u00e2n.',\n\n    excerptEN:\n    'A thoughtful routine is not limited to skincare products. Consistent rest is also part of how you care for yourself.',\n\n    timeVI:'4 PH\u00daT \u0110\u1eccC',\n    timeEN:'4 MIN READ'\n  },\n\n\n  {\n    id:'massage',\n    category:'skin',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-massage-mat-tai-nha-v002.webp',\n\n    categoryVI:'CH\u0102M S\u00d3C DA',\n    categoryEN:'SKIN CARE',\n\n    titleVI:\n    'Massage m\u1eb7t t\u1ea1i nh\u00e0: ch\u1eadm h\u01a1n \u0111\u1ec3 c\u1ea3m nh\u1eadn l\u00e0n da.',\n\n    titleEN:\n    'At-home facial massage: slow down and reconnect with your skin.',\n\n    excerptVI:\n    'M\u1ed9t v\u00e0i ph\u00fat massage nh\u1eb9 nh\u00e0ng c\u00f3 th\u1ec3 tr\u1edf th\u00e0nh kho\u1ea3ng th\u1eddi gian th\u01b0 gi\u00e3n trong routine ch\u0103m s\u00f3c cu\u1ed1i ng\u00e0y.',\n\n    excerptEN:\n    'A few minutes of gentle massage can become a calming moment in your evening care routine.',\n\n    timeVI:'4 PH\u00daT \u0110\u1eccC',\n    timeEN:'4 MIN READ'\n  },\n\n\n  {\n    id:'water',\n    category:'wellness',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-thoi-quen-uong-nuoc-v002.webp',\n\n    categoryVI:'WELLNESS',\n    categoryEN:'WELLNESS',\n\n    titleVI:\n    'U\u1ed1ng n\u01b0\u1edbc: m\u1ed9t th\u00f3i quen nh\u1ecf trong h\u00e0nh tr\u00ecnh wellness.',\n\n    titleEN:\n    'Hydration: a small habit in your wellness journey.',\n\n    excerptVI:\n    'Thay v\u00ec ch\u1ea1y theo qu\u00e1 nhi\u1ec1u nguy\u00ean t\u1eafc ph\u1ee9c t\u1ea1p, h\u00e3y b\u1eaft \u0111\u1ea7u b\u1eb1ng nh\u1eefng th\u00f3i quen c\u01a1 b\u1ea3n m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 duy tr\u00ec m\u1ed7i ng\u00e0y.',\n\n    excerptEN:\n    'Instead of following an overly complex routine, begin with simple habits you can consistently maintain.',\n\n    timeVI:'3 PH\u00daT \u0110\u1eccC',\n    timeEN:'3 MIN READ'\n  },\n\n\n  {\n    id:'movement',\n    category:'lifestyle',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-van-dong-nhe-wellness-v002.webp',\n\n    categoryVI:'L\u1ed0I S\u1ed0NG',\n    categoryEN:'LIFESTYLE',\n\n    titleVI:\n    'V\u1eadn \u0111\u1ed9ng nh\u1eb9: kho\u1ea3ng ngh\u1ec9 c\u1ea7n thi\u1ebft gi\u1eefa m\u1ed9t ng\u00e0y b\u1eadn r\u1ed9n.',\n\n    titleEN:\n    'Gentle movement: a welcome pause in a busy day.',\n\n    excerptVI:\n    'B\u1ea1n kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i c\u00f3 m\u1ed9t bu\u1ed5i t\u1eadp d\u00e0i. M\u1ed9t v\u00e0i ph\u00fat chuy\u1ec3n \u0111\u1ed9ng c\u0169ng c\u00f3 th\u1ec3 l\u00e0 c\u00e1ch \u0111\u1ec3 quay l\u1ea1i v\u1edbi c\u01a1 th\u1ec3.',\n\n    excerptEN:\n    'You do not always need a long workout. A few minutes of movement can be a simple way to reconnect with your body.',\n\n    timeVI:'4 PH\u00daT \u0110\u1eccC',\n    timeEN:'4 MIN READ'\n  },\n\n\n  {\n    id:'slow',\n    category:'lifestyle',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-hoa-va-nhip-song-cham-v002.webp',\n\n    categoryVI:'SLOW BEAUTY',\n    categoryEN:'SLOW BEAUTY',\n\n    titleVI:\n    'Slow Beauty: \u0111\u1eb9p h\u01a1n khi b\u1ea1n cho m\u00ecnh th\u1eddi gian.',\n\n    titleEN:\n    'Slow Beauty: beauty grows when you give yourself time.',\n\n    excerptVI:\n    'Ch\u1eadm l\u1ea1i kh\u00f4ng c\u00f3 ngh\u0129a l\u00e0 l\u00e0m \u00edt h\u01a1n. \u0110\u00f3 l\u00e0 l\u1ef1a ch\u1ecdn nh\u1eefng \u0111i\u1ec1u ph\u00f9 h\u1ee3p h\u01a1n v\u00e0 duy tr\u00ec ch\u00fang \u0111\u1ee7 l\u00e2u \u0111\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t ph\u1ea7n c\u1ee7a cu\u1ed9c s\u1ed1ng.',\n\n    excerptEN:\n    'Slowing down does not mean doing less. It means choosing what suits you and giving it enough time to become part of your life.',\n\n    timeVI:'5 PH\u00daT \u0110\u1eccC',\n    timeEN:'5 MIN READ'\n  },\n\n\n  {\n    id:'daycare',\n    category:'skin',\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-bao-ve-da-ban-ngay-v002.webp',\n\n    categoryVI:'CH\u0102M S\u00d3C DA',\n    categoryEN:'SKIN CARE',\n\n    titleVI:\n    'B\u1ea3o v\u1ec7 da ban ng\u00e0y: b\u01b0\u1edbc nh\u1ecf nh\u01b0ng kh\u00f4ng n\u00ean b\u1ecf qua.',\n\n    titleEN:\n    'Daytime skin protection: a small step worth keeping.',\n\n    excerptVI:\n    'Routine ban ng\u00e0y n\u00ean \u0111\u01b0\u1ee3c gi\u1eef \u0111\u01a1n gi\u1ea3n v\u00e0 ph\u00f9 h\u1ee3p v\u1edbi t\u00ecnh tr\u1ea1ng da, m\u00f4i tr\u01b0\u1eddng s\u1ed1ng c\u0169ng nh\u01b0 th\u00f3i quen c\u00e1 nh\u00e2n.',\n\n    excerptEN:\n    'A daytime routine should remain simple and appropriate for your skin condition, environment and personal habits.',\n\n    timeVI:'5 PH\u00daT \u0110\u1eccC',\n    timeEN:'5 MIN READ'\n  }\n\n];\n\n\n\nconst articleContent = {\n\n  morning:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-bao-ve-da-ban-ngay-v002.webp',\n\n    categoryVI:'CH\u0102M S\u00d3C DA',\n    categoryEN:'SKIN CARE',\n\n    titleVI:\n    'Routine bu\u1ed5i s\u00e1ng: \u0111\u01a1n gi\u1ea3n nh\u01b0ng nh\u1ea5t qu\u00e1n.',\n\n    titleEN:\n    'A morning routine: simple, thoughtful and consistent.',\n\n    vi:`\n      <p>M\u1ed9t routine t\u1ed1t kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i c\u00f3 th\u1eadt nhi\u1ec1u b\u01b0\u1edbc. \u0110i\u1ec1u quan tr\u1ecdng h\u01a1n l\u00e0 l\u1ef1a ch\u1ecdn nh\u1eefng b\u01b0\u1edbc ph\u00f9 h\u1ee3p v\u00e0 duy tr\u00ec \u0111\u1ec1u \u0111\u1eb7n.<\/p>\n\n      <h3>01 \u00b7 L\u00e0m s\u1ea1ch nh\u1eb9 nh\u00e0ng<\/h3>\n      <p>B\u1eaft \u0111\u1ea7u ng\u00e0y m\u1edbi b\u1eb1ng b\u01b0\u1edbc l\u00e0m s\u1ea1ch ph\u00f9 h\u1ee3p v\u1edbi t\u00ecnh tr\u1ea1ng da v\u00e0 c\u1ea3m gi\u00e1c c\u1ee7a l\u00e0n da sau khi th\u1ee9c d\u1eady.<\/p>\n\n      <h3>02 \u00b7 Duy tr\u00ec \u0111\u1ed9 \u1ea9m<\/h3>\n      <p>L\u1ef1a ch\u1ecdn s\u1ea3n ph\u1ea9m d\u01b0\u1ee1ng c\u00f3 k\u1ebft c\u1ea5u ph\u00f9 h\u1ee3p v\u1edbi da, m\u00f4i tr\u01b0\u1eddng v\u00e0 th\u00f3i quen sinh ho\u1ea1t c\u1ee7a b\u1ea1n.<\/p>\n\n      <h3>03 \u00b7 B\u1ea3o v\u1ec7 da ban ng\u00e0y<\/h3>\n      <p>Ho\u00e0n thi\u1ec7n routine b\u1eb1ng b\u01b0\u1edbc b\u1ea3o v\u1ec7 da ph\u00f9 h\u1ee3p tr\u01b0\u1edbc khi ti\u1ebfp x\u00fac v\u1edbi m\u00f4i tr\u01b0\u1eddng b\u00ean ngo\u00e0i.<\/p>\n\n      <p>M\u1ed9t routine ng\u1eafn nh\u01b0ng d\u1ec5 duy tr\u00ec th\u01b0\u1eddng c\u00f3 gi\u00e1 tr\u1ecb h\u01a1n m\u1ed9t routine ph\u1ee9c t\u1ea1p m\u00e0 b\u1ea1n ch\u1ec9 th\u1ef1c hi\u1ec7n trong v\u00e0i ng\u00e0y.<\/p>\n    `,\n\n    en:`\n      <p>A thoughtful routine does not need to contain many steps. What matters more is choosing suitable steps and following them consistently.<\/p>\n\n      <h3>01 \u00b7 Gentle cleansing<\/h3>\n      <p>Begin your morning with a cleansing step appropriate for your skin and how it feels when you wake up.<\/p>\n\n      <h3>02 \u00b7 Maintain hydration<\/h3>\n      <p>Choose a moisturising texture that suits your skin, environment and daily routine.<\/p>\n\n      <h3>03 \u00b7 Daytime protection<\/h3>\n      <p>Complete your routine with appropriate daytime protection before heading outdoors.<\/p>\n\n      <p>A simple routine you can maintain is often more meaningful than a complicated one you follow only briefly.<\/p>\n    `\n\n  },\n\n\n  sleep:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-giac-ngu-va-thu-gian-v002.webp',\n\n    categoryVI:'WELLNESS',\n    categoryEN:'WELLNESS',\n\n    titleVI:\n    'Gi\u1ea5c ng\u1ee7 v\u00e0 l\u00e0n da: v\u00ec sao ngh\u1ec9 ng\u01a1i c\u0169ng l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a routine?',\n\n    titleEN:\n    'Sleep and skin: why rest belongs in your routine.',\n\n    vi:`\n      <p>Ch\u0103m s\u00f3c b\u1ea3n th\u00e2n kh\u00f4ng ch\u1ec9 n\u1eb1m \u1edf s\u1ea3n ph\u1ea9m b\u1ea1n s\u1eed d\u1ee5ng. Nh\u1ecbp ngh\u1ec9 ng\u01a1i v\u00e0 c\u00e1ch b\u1ea1n k\u1ebft th\u00fac m\u1ed9t ng\u00e0y c\u0169ng l\u00e0 m\u1ed9t ph\u1ea7n c\u1ee7a wellness.<\/p>\n\n      <h3>T\u1ea1o m\u1ed9t nh\u1ecbp k\u1ebft th\u00fac ng\u00e0y<\/h3>\n      <p>Gi\u1ea3m b\u1edbt c\u00f4ng vi\u1ec7c, \u00e1nh s\u00e1ng m\u1ea1nh v\u00e0 nh\u1eefng ho\u1ea1t \u0111\u1ed9ng k\u00edch th\u00edch ngay tr\u01b0\u1edbc gi\u1edd ng\u1ee7 c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n t\u1ea1o c\u1ea3m gi\u00e1c chuy\u1ec3n sang tr\u1ea1ng th\u00e1i ngh\u1ec9 ng\u01a1i.<\/p>\n\n      <h3>\u0110\u01a1n gi\u1ea3n h\u00f3a routine bu\u1ed5i t\u1ed1i<\/h3>\n      <p>L\u00e0m s\u1ea1ch, d\u01b0\u1ee1ng \u1ea9m v\u00e0 d\u00e0nh m\u1ed9t v\u00e0i ph\u00fat y\u00ean t\u0129nh c\u00f3 th\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t nghi th\u1ee9c nh\u1ecf \u0111\u1ec3 k\u1ebft th\u00fac ng\u00e0y.<\/p>\n    `,\n\n    en:`\n      <p>Self-care is not only about the products you use. Rest and the way you end your day are also part of wellness.<\/p>\n\n      <h3>Create an evening rhythm<\/h3>\n      <p>Reduce work, bright light and stimulating activities before bedtime to help create a calmer transition into rest.<\/p>\n\n      <h3>Simplify your evening routine<\/h3>\n      <p>Cleansing, moisturising and a few quiet minutes can become a simple ritual to close your day.<\/p>\n    `\n\n  },\n\n\n  massage:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-massage-mat-tai-nha-v002.webp',\n\n    categoryVI:'CH\u0102M S\u00d3C DA',\n    categoryEN:'SKIN CARE',\n\n    titleVI:\n    'Massage m\u1eb7t t\u1ea1i nh\u00e0: ch\u1eadm h\u01a1n \u0111\u1ec3 c\u1ea3m nh\u1eadn l\u00e0n da.',\n\n    titleEN:\n    'At-home facial massage: slow down and reconnect with your skin.',\n\n    vi:`\n      <p>Massage m\u1eb7t t\u1ea1i nh\u00e0 c\u00f3 th\u1ec3 \u0111\u01a1n gi\u1ea3n l\u00e0 v\u00e0i ph\u00fat \u0111\u1ec3 b\u1ea1n ch\u1eadm l\u1ea1i trong routine cu\u1ed1i ng\u00e0y.<\/p>\n\n      <h3>Gi\u1eef \u0111\u1ed9ng t\u00e1c nh\u1eb9<\/h3>\n      <p>Kh\u00f4ng c\u1ea7n t\u1ea1o l\u1ef1c m\u1ea1nh. \u01afu ti\u00ean c\u1ea3m gi\u00e1c d\u1ec5 ch\u1ecbu v\u00e0 tr\u00e1nh k\u00e9o c\u0103ng da qu\u00e1 m\u1ee9c.<\/p>\n\n      <h3>K\u1ebft h\u1ee3p v\u1edbi routine hi\u1ec7n c\u00f3<\/h3>\n      <p>B\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n nh\u1eb9 nh\u00e0ng khi d\u00f9ng s\u1ea3n ph\u1ea9m d\u01b0\u1ee1ng c\u00f3 \u0111\u1ed9 tr\u01b0\u1ee3t ph\u00f9 h\u1ee3p.<\/p>\n    `,\n\n    en:`\n      <p>At-home facial massage can simply be a few minutes to slow down during your evening routine.<\/p>\n\n      <h3>Keep it gentle<\/h3>\n      <p>You do not need strong pressure. Prioritise comfort and avoid excessive pulling on the skin.<\/p>\n\n      <h3>Work with your existing routine<\/h3>\n      <p>You can incorporate gentle movements while applying a suitable skincare product with adequate slip.<\/p>\n    `\n\n  },\n\n\n  water:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-thoi-quen-uong-nuoc-v002.webp',\n\n    categoryVI:'WELLNESS',\n    categoryEN:'WELLNESS',\n\n    titleVI:\n    'U\u1ed1ng n\u01b0\u1edbc: m\u1ed9t th\u00f3i quen nh\u1ecf trong h\u00e0nh tr\u00ecnh wellness.',\n\n    titleEN:\n    'Hydration: a small habit in your wellness journey.',\n\n    vi:`\n      <p>Wellness th\u01b0\u1eddng b\u1eaft \u0111\u1ea7u t\u1eeb nh\u1eefng \u0111i\u1ec1u c\u01a1 b\u1ea3n. U\u1ed1ng n\u01b0\u1edbc \u0111\u1ec1u \u0111\u1eb7n l\u00e0 m\u1ed9t th\u00f3i quen \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 \u0111\u01b0a v\u00e0o nh\u1ecbp s\u1ed1ng h\u1eb1ng ng\u00e0y.<\/p>\n\n      <h3>\u0110\u1eebng ch\u1edd \u0111\u1ebfn khi qu\u00e1 kh\u00e1t<\/h3>\n      <p>\u0110\u1eb7t n\u01b0\u1edbc \u1edf n\u01a1i b\u1ea1n d\u1ec5 nh\u00ecn th\u1ea5y ho\u1eb7c t\u1ea1o m\u1ed9t nh\u1ecbp u\u1ed1ng n\u01b0\u1edbc c\u00f9ng c\u00e1c ho\u1ea1t \u0111\u1ed9ng quen thu\u1ed9c trong ng\u00e0y.<\/p>\n\n      <h3>T\u1eadp trung v\u00e0o t\u00ednh \u0111\u1ec1u \u0111\u1eb7n<\/h3>\n      <p>Kh\u00f4ng c\u1ea7n bi\u1ebfn vi\u1ec7c u\u1ed1ng n\u01b0\u1edbc th\u00e0nh m\u1ed9t nhi\u1ec7m v\u1ee5 ph\u1ee9c t\u1ea1p. M\u1ee5c ti\u00eau l\u00e0 x\u00e2y d\u1ef1ng m\u1ed9t th\u00f3i quen b\u1ea1n c\u00f3 th\u1ec3 duy tr\u00ec l\u00e2u d\u00e0i.<\/p>\n    `,\n\n    en:`\n      <p>Wellness often begins with the basics. Regular hydration is a simple habit that can fit naturally into your day.<\/p>\n\n      <h3>Do not wait until you feel very thirsty<\/h3>\n      <p>Keep water somewhere visible or associate hydration with familiar moments in your daily routine.<\/p>\n\n      <h3>Focus on consistency<\/h3>\n      <p>Hydration does not need to become a complicated task. The goal is to build a habit you can comfortably maintain.<\/p>\n    `\n\n  },\n\n\n  movement:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-van-dong-nhe-wellness-v002.webp',\n\n    categoryVI:'L\u1ed0I S\u1ed0NG',\n    categoryEN:'LIFESTYLE',\n\n    titleVI:\n    'V\u1eadn \u0111\u1ed9ng nh\u1eb9: kho\u1ea3ng ngh\u1ec9 c\u1ea7n thi\u1ebft gi\u1eefa m\u1ed9t ng\u00e0y b\u1eadn r\u1ed9n.',\n\n    titleEN:\n    'Gentle movement: a welcome pause in a busy day.',\n\n    vi:`\n      <p>Kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o b\u1ea1n c\u0169ng c\u1ea7n m\u1ed9t bu\u1ed5i t\u1eadp d\u00e0i. M\u1ed9t v\u00e0i ph\u00fat \u0111\u1ee9ng l\u00ean, \u0111i l\u1ea1i ho\u1eb7c v\u1eadn \u0111\u1ed9ng nh\u1eb9 c\u0169ng c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n thay \u0111\u1ed5i nh\u1ecbp c\u1ee7a m\u1ed9t ng\u00e0y nhi\u1ec1u c\u00f4ng vi\u1ec7c.<\/p>\n\n      <h3>Bi\u1ebfn chuy\u1ec3n \u0111\u1ed9ng th\u00e0nh th\u00f3i quen nh\u1ecf<\/h3>\n      <p>Thay v\u00ec ch\u1edd m\u1ed9t kho\u1ea3ng th\u1eddi gian th\u1eadt d\u00e0i, h\u00e3y t\u00ecm nh\u1eefng kho\u1ea3ng ng\u1eafn nh\u01b0ng l\u1eb7p l\u1ea1i \u0111\u1ec1u \u0111\u1eb7n.<\/p>\n\n      <h3>L\u1eafng nghe c\u01a1 th\u1ec3<\/h3>\n      <p>Ch\u1ecdn m\u1ee9c v\u1eadn \u0111\u1ed9ng ph\u00f9 h\u1ee3p v\u1edbi th\u1ec3 tr\u1ea1ng v\u00e0 c\u1ea3m gi\u00e1c c\u1ee7a b\u1ea1n t\u1ea1i th\u1eddi \u0111i\u1ec3m \u0111\u00f3.<\/p>\n    `,\n\n    en:`\n      <p>You do not always need a long workout. A few minutes of walking or gentle movement can change the rhythm of a busy day.<\/p>\n\n      <h3>Turn movement into a small habit<\/h3>\n      <p>Instead of waiting for a large block of free time, look for short moments you can repeat consistently.<\/p>\n\n      <h3>Listen to your body<\/h3>\n      <p>Choose a level of movement appropriate for how your body feels at that moment.<\/p>\n    `\n\n  },\n\n\n  slow:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-hoa-va-nhip-song-cham-v002.webp',\n\n    categoryVI:'SLOW BEAUTY',\n    categoryEN:'SLOW BEAUTY',\n\n    titleVI:\n    'Slow Beauty: \u0111\u1eb9p h\u01a1n khi b\u1ea1n cho m\u00ecnh th\u1eddi gian.',\n\n    titleEN:\n    'Slow Beauty: beauty grows when you give yourself time.',\n\n    vi:`\n      <p>Slow Beauty kh\u00f4ng ph\u1ea3i l\u00e0 l\u00e0m m\u1ecdi th\u1ee9 th\u1eadt ch\u1eadm. \u0110\u00f3 l\u00e0 c\u00e1ch l\u1ef1a ch\u1ecdn nh\u1eefng \u0111i\u1ec1u ph\u00f9 h\u1ee3p, b\u1edbt ch\u1ea1y theo qu\u00e1 nhi\u1ec1u xu h\u01b0\u1edbng v\u00e0 t\u1ea1o ra m\u1ed9t routine m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 s\u1ed1ng c\u00f9ng l\u00e2u d\u00e0i.<\/p>\n\n      <h3>\u00cdt h\u01a1n nh\u01b0ng c\u00f3 ch\u1ee7 \u0111\u00edch<\/h3>\n      <p>Kh\u00f4ng ph\u1ea3i s\u1ea3n ph\u1ea9m hay th\u00f3i quen n\u00e0o c\u0169ng c\u1ea7n xu\u1ea5t hi\u1ec7n trong routine c\u1ee7a b\u1ea1n.<\/p>\n\n      <h3>Duy tr\u00ec thay v\u00ec li\u00ean t\u1ee5c thay \u0111\u1ed5i<\/h3>\n      <p>M\u1ed9t routine \u1ed5n \u0111\u1ecbnh cho ph\u00e9p b\u1ea1n hi\u1ec3u r\u00f5 h\u01a1n c\u1ea3m gi\u00e1c v\u00e0 nhu c\u1ea7u c\u1ee7a ch\u00ednh m\u00ecnh.<\/p>\n\n      <h3>Beauty \u00b7 Wellness \u00b7 Soul<\/h3>\n      <p>V\u1ebb \u0111\u1eb9p, s\u1ee9c kh\u1ecfe v\u00e0 tr\u1ea1ng th\u00e1i tinh th\u1ea7n kh\u00f4ng c\u1ea7n \u0111\u01b0\u1ee3c t\u00e1ch r\u1eddi. \u0110\u00f3 c\u00f3 th\u1ec3 l\u00e0 ba ph\u1ea7n c\u1ee7a c\u00f9ng m\u1ed9t h\u00e0nh tr\u00ecnh ch\u0103m s\u00f3c b\u1ea3n th\u00e2n.<\/p>\n    `,\n\n    en:`\n      <p>Slow Beauty does not mean doing everything slowly. It means choosing what suits you, stepping away from constant trends and creating a routine you can live with long-term.<\/p>\n\n      <h3>Less, but more intentional<\/h3>\n      <p>Not every product or habit needs to be part of your routine.<\/p>\n\n      <h3>Consistency over constant change<\/h3>\n      <p>A stable routine gives you more space to understand your own preferences and needs.<\/p>\n\n      <h3>Beauty \u00b7 Wellness \u00b7 Soul<\/h3>\n      <p>Beauty, wellbeing and your inner state do not have to exist separately. They can become three parts of one self-care journey.<\/p>\n    `\n\n  },\n\n\n  daycare:{\n\n    image:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-08-bao-ve-da-ban-ngay-v002.webp',\n\n    categoryVI:'CH\u0102M S\u00d3C DA',\n    categoryEN:'SKIN CARE',\n\n    titleVI:\n    'B\u1ea3o v\u1ec7 da ban ng\u00e0y: b\u01b0\u1edbc nh\u1ecf nh\u01b0ng kh\u00f4ng n\u00ean b\u1ecf qua.',\n\n    titleEN:\n    'Daytime skin protection: a small step worth keeping.',\n\n    vi:`\n      <p>Routine ban ng\u00e0y c\u1ea7n c\u00e2n b\u1eb1ng gi\u1eefa s\u1ef1 \u0111\u01a1n gi\u1ea3n v\u00e0 t\u00ednh ph\u00f9 h\u1ee3p v\u1edbi m\u00f4i tr\u01b0\u1eddng s\u1ed1ng c\u1ee7a b\u1ea1n.<\/p>\n\n      <h3>L\u00e0m s\u1ea1ch ph\u00f9 h\u1ee3p<\/h3>\n      <p>Kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o da c\u0169ng c\u1ea7n c\u1ea3m gi\u00e1c l\u00e0m s\u1ea1ch th\u1eadt m\u1ea1nh. \u01afu ti\u00ean c\u1ea3m gi\u00e1c tho\u1ea3i m\u00e1i sau khi l\u00e0m s\u1ea1ch.<\/p>\n\n      <h3>Duy tr\u00ec \u0111\u1ed9 \u1ea9m<\/h3>\n      <p>L\u1ef1a ch\u1ecdn k\u1ebft c\u1ea5u d\u01b0\u1ee1ng ph\u00f9 h\u1ee3p v\u1edbi t\u00ecnh tr\u1ea1ng da v\u00e0 th\u1eddi ti\u1ebft.<\/p>\n\n      <h3>\u0110\u1eebng qu\u00ean b\u01b0\u1edbc b\u1ea3o v\u1ec7 ban ng\u00e0y<\/h3>\n      <p>H\u00e3y \u0111\u01b0a b\u01b0\u1edbc b\u1ea3o v\u1ec7 da v\u00e0o routine tr\u01b0\u1edbc khi b\u1ea1n b\u1eaft \u0111\u1ea7u c\u00e1c ho\u1ea1t \u0111\u1ed9ng ngo\u00e0i tr\u1eddi.<\/p>\n    `,\n\n    en:`\n      <p>A daytime routine should balance simplicity with what is appropriate for your environment and lifestyle.<\/p>\n\n      <h3>Cleanse appropriately<\/h3>\n      <p>Your skin does not always need an aggressively cleansed feeling. Prioritise comfort after cleansing.<\/p>\n\n      <h3>Maintain hydration<\/h3>\n      <p>Choose a moisturising texture suitable for your skin condition and climate.<\/p>\n\n      <h3>Remember daytime protection<\/h3>\n      <p>Include appropriate skin protection in your routine before spending time outdoors.<\/p>\n    `\n\n  }\n\n};\n\n\n\n\/* =========================================================\nSTATE\n========================================================= *\/\n\nlet lang = 'vi';\n\nlet category = 'all';\n\n\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\nconst grid =\nroot.querySelector(\n  '#tj1-grid'\n);\n\n\nfunction renderGrid(){\n\n  grid.innerHTML = '';\n\n\n  const visible =\n  category === 'all'\n  ? articles\n  : articles.filter(\n      item =>\n      item.category === category\n    );\n\n\n  visible.forEach(\n    item => {\n\n      const article =\n      document.createElement(\n        'article'\n      );\n\n\n      article.className =\n      'tj1-card';\n\n\n      article.innerHTML = `\n\n        <button\n          type=\"button\"\n          class=\"tj1-card-button\"\n          data-article=\"${item.id}\"\n        >\n\n          <span class=\"tj1-card-media\">\n\n            <img\n              src=\"${item.image}\"\n              alt=\"${\n                lang === 'en'\n                ? item.titleEN\n                : item.titleVI\n              }\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/span>\n\n\n          <span class=\"tj1-card-body\">\n\n            <span class=\"tj1-card-category\">\n              ${\n                lang === 'en'\n                ? item.categoryEN\n                : item.categoryVI\n              }\n            <\/span>\n\n\n            <h3>\n              ${\n                lang === 'en'\n                ? item.titleEN\n                : item.titleVI\n              }\n            <\/h3>\n\n\n            <p>\n              ${\n                lang === 'en'\n                ? item.excerptEN\n                : item.excerptVI\n              }\n            <\/p>\n\n\n            <span class=\"tj1-card-footer\">\n\n              <span>\n                ${\n                  lang === 'en'\n                  ? item.timeEN\n                  : item.timeVI\n                }\n              <\/span>\n\n              <b>\u2192<\/b>\n\n            <\/span>\n\n          <\/span>\n\n        <\/button>\n\n      `;\n\n\n      grid.appendChild(\n        article\n      );\n\n    }\n  );\n\n}\n\n\n\n\/* =========================================================\nFILTER\n========================================================= *\/\n\nroot\n.querySelectorAll(\n  '.tj1-filter'\n)\n.forEach(\n  button => {\n\n    button.addEventListener(\n      'click',\n      () => {\n\n        root\n        .querySelectorAll(\n          '.tj1-filter'\n        )\n        .forEach(\n          el =>\n          el.classList.remove(\n            'is-active'\n          )\n        );\n\n\n        button.classList.add(\n          'is-active'\n        );\n\n\n        category =\n        button.dataset.filter;\n\n\n        renderGrid();\n\n      }\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\nMODAL\n========================================================= *\/\n\nconst modal =\nroot.querySelector(\n  '#tj1-modal'\n);\n\n\nconst modalImage =\nroot.querySelector(\n  '#tj1-modal-image'\n);\n\n\nconst modalTitle =\nroot.querySelector(\n  '#tj1-modal-title'\n);\n\n\nconst modalCategory =\nroot.querySelector(\n  '#tj1-modal-category'\n);\n\n\nconst modalCopy =\nroot.querySelector(\n  '#tj1-modal-copy'\n);\n\n\nconst closeButton =\nroot.querySelector(\n  '.tj1-modal-close'\n);\n\n\nfunction openArticle(\n  id\n){\n\n  const item =\n  articleContent[id];\n\n\n  if(!item){\n    return;\n  }\n\n\n  modalImage.src =\n  item.image;\n\n\n  modalTitle.textContent =\n  lang === 'en'\n  ? item.titleEN\n  : item.titleVI;\n\n\n  modalCategory.textContent =\n  lang === 'en'\n  ? item.categoryEN\n  : item.categoryVI;\n\n\n  modalCopy.innerHTML =\n  lang === 'en'\n  ? item.en\n  : item.vi;\n\n\n  modal.classList.add(\n    'is-open'\n  );\n\n\n  modal.setAttribute(\n    'aria-hidden',\n    'false'\n  );\n\n\n  document.documentElement.style.overflow =\n  'hidden';\n\n\n  closeButton.focus();\n\n}\n\n\nfunction closeArticle(){\n\n  modal.classList.remove(\n    'is-open'\n  );\n\n\n  modal.setAttribute(\n    'aria-hidden',\n    'true'\n  );\n\n\n  document.documentElement.style.overflow =\n  '';\n\n}\n\n\n\nroot.addEventListener(\n  'click',\n  e => {\n\n    const trigger =\n    e.target.closest(\n      '[data-article]'\n    );\n\n\n    if(\n      !trigger\n    ){\n      return;\n    }\n\n\n    openArticle(\n      trigger.dataset.article\n    );\n\n  }\n);\n\n\ncloseButton.addEventListener(\n  'click',\n  closeArticle\n);\n\n\nmodal.addEventListener(\n  'click',\n  e => {\n\n    if(\n      e.target === modal\n    ){\n\n      closeArticle();\n\n    }\n\n  }\n);\n\n\ndocument.addEventListener(\n  'keydown',\n  e => {\n\n    if(\n      e.key === 'Escape' &&\n      modal.classList.contains(\n        'is-open'\n      )\n    ){\n\n      closeArticle();\n\n    }\n\n  }\n);\n\n\n\n\/* =========================================================\nREVEAL\n========================================================= *\/\n\nconst reduced =\nwindow.matchMedia(\n  '(prefers-reduced-motion: reduce)'\n).matches;\n\n\nconst reveals =\nroot.querySelectorAll(\n  '.tj1-reveal'\n);\n\n\nif(\n  'IntersectionObserver'\n  in window &&\n  !reduced\n){\n\n  const observer =\n  new IntersectionObserver(\n\n    entries => {\n\n      entries.forEach(\n        entry => {\n\n          if(\n            entry.isIntersecting\n          ){\n\n            entry.target.classList.add(\n              'is-visible'\n            );\n\n\n            observer.unobserve(\n              entry.target\n            );\n\n          }\n\n        }\n      );\n\n    },\n\n    {\n      threshold:.10,\n      rootMargin:\n      '0px 0px -5% 0px'\n    }\n\n  );\n\n\n  reveals.forEach(\n    el =>\n    observer.observe(\n      el\n    )\n  );\n\n}else{\n\n  reveals.forEach(\n    el =>\n    el.classList.add(\n      'is-visible'\n    )\n  );\n\n}\n\n\n\n\/* =========================================================\nSMOOTH SCROLL\n========================================================= *\/\n\nroot\n.querySelectorAll(\n  'a[href^=\"#tj1-\"]'\n)\n.forEach(\n  link => {\n\n    link.addEventListener(\n      'click',\n      e => {\n\n        const target =\n        root.querySelector(\n          link.getAttribute(\n            'href'\n          )\n        );\n\n\n        if(!target){\n          return;\n        }\n\n\n        e.preventDefault();\n\n\n        target.scrollIntoView({\n\n          behavior:\n          reduced\n          ? 'auto'\n          : 'smooth',\n\n          block:'start'\n\n        });\n\n      }\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\nLANGUAGE\n========================================================= *\/\n\nconst STORAGE_KEY =\n'thea_lang';\n\n\nconst LANG_SELECTOR =\n'.th3-language a,' +\n'.th3-mobile-language a,' +\n'.tf2-language a,' +\n'[data-thea-lang-switch]';\n\n\nfunction getLanguageButton(\n  el\n){\n\n  const direct =\n  el.getAttribute(\n    'data-thea-lang-switch'\n  );\n\n\n  if(\n    direct === 'vi' ||\n    direct === 'en'\n  ){\n    return direct;\n  }\n\n\n  if(\n    el.classList.contains(\n      'th3-lang-vi'\n    )\n  ){\n    return 'vi';\n  }\n\n\n  if(\n    el.classList.contains(\n      'th3-lang-en'\n    )\n  ){\n    return 'en';\n  }\n\n\n  const text =\n  String(\n    el.textContent || ''\n  )\n  .trim()\n  .toUpperCase();\n\n\n  if(text === 'VI'){\n    return 'vi';\n  }\n\n\n  if(text === 'EN'){\n    return 'en';\n  }\n\n\n  return null;\n\n}\n\n\n\nfunction translate(){\n\n  root\n  .querySelectorAll(\n    '[data-vi][data-en]'\n  )\n  .forEach(\n    el => {\n\n      el.textContent =\n      el.getAttribute(\n        'data-' + lang\n      );\n\n    }\n  );\n\n\n  root.lang =\n  lang;\n\n\n  document.documentElement.lang =\n  lang;\n\n\n  renderGrid();\n\n}\n\n\n\nfunction setLanguage(\n  value,\n  notify\n){\n\n  value =\n  String(\n    value || ''\n  )\n  .toLowerCase()\n  .split('-')[0];\n\n\n  if(\n    value !== 'vi' &&\n    value !== 'en'\n  ){\n    return;\n  }\n\n\n  lang =\n  value;\n\n\n  try{\n\n    localStorage.setItem(\n      STORAGE_KEY,\n      lang\n    );\n\n  }catch(e){}\n\n\n  translate();\n\n\n  if(notify){\n\n    document.dispatchEvent(\n\n      new CustomEvent(\n        'thea:languagechange',\n        {\n          detail:{\n            lang:lang,\n            source:\n            'thea-journal-v1'\n          }\n        }\n      )\n\n    );\n\n  }\n\n}\n\n\n\nlet initial =\n'vi';\n\n\nconst requested =\nnew URLSearchParams(\n  location.search\n)\n.get(\n  'lang'\n);\n\n\nif(\n  requested === 'vi' ||\n  requested === 'en'\n){\n\n  initial =\n  requested;\n\n}else{\n\n  try{\n\n    initial =\n    localStorage.getItem(\n      STORAGE_KEY\n    ) || 'vi';\n\n  }catch(e){}\n\n}\n\n\nsetLanguage(\n  initial,\n  false\n);\n\n\n\ndocument.addEventListener(\n  'click',\n  e => {\n\n    const button =\n    e.target.closest(\n      LANG_SELECTOR\n    );\n\n\n    if(!button){\n      return;\n    }\n\n\n    const code =\n    getLanguageButton(\n      button\n    );\n\n\n    if(!code){\n      return;\n    }\n\n\n    e.preventDefault();\n\n\n    setLanguage(\n      code,\n      true\n    );\n\n  },\n  true\n);\n\n\n\ndocument.addEventListener(\n  'thea:languagechange',\n  e => {\n\n    if(\n      !e.detail ||\n      e.detail.source ===\n      'thea-journal-v1'\n    ){\n      return;\n    }\n\n\n    setLanguage(\n      e.detail.lang ||\n      e.detail.language,\n      false\n    );\n\n  }\n);\n\n\n\n\/* INITIAL *\/\n\nrenderGrid();\n\n\nwindow.THEAJournalV1 = {\n\n  setLanguage:\n  code =>\n  setLanguage(\n    code,\n    true\n  ),\n\n  getLanguage:\n  () => lang\n\n};\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>B\u00cd QUY\u1ebeT L\u00c0M \u0110\u1eb8P V\u1ebb \u0111\u1eb9p \u0111\u01b0\u1ee3c nu\u00f4i d\u01b0\u1ee1ng m\u1ed7i ng\u00e0y. Nh\u1eefng g\u1ee3i \u00fd v\u1ec1 ch\u0103m s\u00f3c da, wellness v\u00e0 l\u1ed1i s\u1ed1ng gi\u00fap b\u1ea1n x\u00e2y d\u1ef1ng nh\u1eefng th\u00f3i quen nh\u1ecf nh\u01b0ng b\u1ec1n v\u1eefng h\u01a1n cho h\u00e0nh tr\u00ecnh Beauty \u00b7 Wellness \u00b7 Soul. KH\u00c1M PH\u00c1 B\u00c0I VI\u1ebeT \u2192 KH\u00c1M PH\u00c1 D\u1ecaCH V\u1ee4 SCROLL TO DISCOVER \u2193 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4912","page","type-page","status-publish","hentry"],"lang":"vi","translations":{"vi":4912},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4912"}],"version-history":[{"count":4,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4912\/revisions"}],"predecessor-version":[{"id":4917,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4912\/revisions\/4917"}],"wp:attachment":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}