{"id":58,"date":"2026-10-13T15:21:01","date_gmt":"2026-10-13T07:21:01","guid":{"rendered":"https:\/\/keinabeauty.com\/?page_id=58"},"modified":"2026-11-02T15:01:14","modified_gmt":"2026-11-02T08:01:14","slug":"facial-treatment","status":"publish","type":"page","link":"https:\/\/keinabeauty.com\/en\/facial-treatment\/","title":{"rendered":"4. Facial Treatment"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"58\" class=\"elementor elementor-58\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e7bd47 e-con e-atomic-element e-flexbox-base e-default-div e-2e7bd47-823ba31\" data-id=\"2e7bd47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2e7bd47\">\n    \t\t<div class=\"elementor-element elementor-element-efd13c7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"efd13c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KEINA PART 01: GRADIENT HERO -->\r\n<section class=\"keina-animated-hero\" id=\"keina-hero\">\r\n\r\n  <div class=\"kah-container\">\r\n\r\n    <!-- BREADCRUMB -->\r\n    <nav class=\"kah-breadcrumb\" aria-label=\"Breadcrumb\">\r\n      <a href=\"https:\/\/keinabeauty.com\/en\/\">Home<\/a>\r\n      <span class=\"kah-breadcrumb-separator\" aria-hidden=\"true\">\u203a<\/span>\r\n      <a href=\"https:\/\/keinabeauty.com\/en\/treatment\/\">Treatment<\/a>\r\n      <span class=\"kah-breadcrumb-separator\" aria-hidden=\"true\">\u203a<\/span>\r\n      <a href=\"https:\/\/keinabeauty.com\/en\/product\/\">Products<\/a>\r\n    <\/nav>\r\n\r\n    <!-- HERO CONTENT -->\r\n    <div class=\"kah-content\">\r\n\r\n      <!-- TEXT LEFT -->\r\n      <div class=\"kah-text\">\r\n\r\n        <span class=\"kah-eyebrow\">\r\n          DERMATOLOGIST \u00b7 TREATMENT\r\n        <\/span>\r\n\r\n        <h1 class=\"kah-title\">\r\n          Facial Treatment\r\n          <span>Keina Clinic<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"kah-title-line\"><\/div>\r\n\r\n        <p class=\"kah-description\">\r\n          A facial skincare routine that helps cleanse pores, exfoliate dead skin cells, and maintain the skin\u2019s moisture and health so that your face looks cleaner, fresher, and more radiant.\r\n        <\/p>\r\n\r\n        <div class=\"kah-buttons\">\r\n\r\n          <a\r\n            href=\"https:\/\/wa.me\/6281138902333\/\"\r\n            class=\"kah-button kah-button-primary\"\r\n          >\r\n            Consultations\r\n            <span aria-hidden=\"true\">\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FULL-WIDTH IMAGE -->\r\n      <div class=\"kah-image-wrap\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"kah-image\"\r\n          src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Sampul-Facial-NEW-scaled.png\"\r\n          alt=\"KEINA Clinic aesthetic treatment\"\r\n          fetchpriority=\"high\"\r\n        \/>\r\n\r\n        <div class=\"kah-image-caption\">\r\n          <span class=\"kah-caption-dot\"><\/span>\r\n          <span>Personalized Dermatology Care<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');\r\n\r\n\/* =====================================\r\n   BASE & GRADIENT BACKGROUND\r\n===================================== *\/\r\n.keina-animated-hero {\r\n  --kah-green: #41AB5D;\r\n  --kah-dark: #245C38;\r\n  --kah-text: #26352B;\r\n  --kah-muted: #6C766E;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  max-width: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n\r\n  \/* Soft organic gradient, not a solid box *\/\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 8% 12%,\r\n      rgba(190, 229, 192, 0.52) 0%,\r\n      rgba(190, 229, 192, 0) 43%\r\n    ),\r\n    radial-gradient(\r\n      ellipse at 52% 100%,\r\n      rgba(235, 244, 222, 0.75) 0%,\r\n      rgba(235, 244, 222, 0) 48%\r\n    ),\r\n    linear-gradient(\r\n      120deg,\r\n      #F8FAF3 0%,\r\n      #F1F7EC 38%,\r\n      #FFFFFF 72%,\r\n      #F4F8EE 100%\r\n    );\r\n\r\n  color: var(--kah-text);\r\n  font-family: 'DM Sans', sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.keina-animated-hero *,\r\n.keina-animated-hero *::before,\r\n.keina-animated-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.kah-container {\r\n  width: 100%;\r\n  max-width: none;\r\n  margin: 0;\r\n}\r\n\r\n\/* =====================================\r\n   BREADCRUMB\r\n===================================== *\/\r\n.kah-breadcrumb {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 42px 15% 24px;\r\n\r\n  color: var(--kah-muted);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n\r\n  animation: kah-breadcrumb-in 0.7s ease both;\r\n}\r\n\r\n.kah-breadcrumb a {\r\n  color: var(--kah-muted);\r\n  text-decoration: none;\r\n  transition: color 0.25s ease;\r\n}\r\n\r\n.kah-breadcrumb a:hover {\r\n  color: var(--kah-green);\r\n}\r\n\r\n.kah-breadcrumb-separator {\r\n  color: #A3ADA4;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n.kah-breadcrumb-current {\r\n  color: var(--kah-dark);\r\n  font-weight: 600;\r\n}\r\n\r\n\/* =====================================\r\n   HERO LAYOUT\r\n===================================== *\/\r\n.kah-content {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  max-width: none;\r\n  gap: 0;\r\n}\r\n\r\n\/* =====================================\r\n   LEFT TEXT\r\n===================================== *\/\r\n.kah-text {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display: flex;\r\n  flex: 0 0 50%;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n\r\n  min-width: 0;\r\n  padding: 5px 5% 100px 15%;\r\n\r\n  animation: kah-rise 0.9s ease both;\r\n}\r\n\r\n.kah-eyebrow {\r\n  display: inline-block;\r\n  margin-bottom: 20px;\r\n\r\n  color: var(--kah-green);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.kah-title {\r\n  margin: 0;\r\n\r\n  color: var(--kah-dark);\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(40px, 4.5vw, 68px);\r\n  font-weight: 500;\r\n  line-height: 1.12;\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n.kah-title span {\r\n  display: block;\r\n  color: var(--kah-green);\r\n  font-style: italic;\r\n}\r\n\r\n.kah-title-line {\r\n  width: 68px;\r\n  height: 3px;\r\n  margin: 27px 0 23px;\r\n\r\n  border-radius: 5px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    #41AB5D,\r\n    #A6D7A2\r\n  );\r\n\r\n  transform-origin: left;\r\n  animation: kah-line-reveal 0.8s 0.4s ease both;\r\n}\r\n\r\n.kah-description {\r\n  max-width: 490px;\r\n  margin: 0;\r\n\r\n  color: var(--kah-muted);\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n\/* =====================================\r\n   BUTTONS\r\n===================================== *\/\r\n.kah-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-top: 32px;\r\n}\r\n\r\n\r\n.kah-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n\r\n  min-height: 50px;\r\n  padding: 14px 25px;\r\n\r\n  \/* Rounded corners *\/\r\n  border: 1px solid var(--kah-green);\r\n  border-radius: 30px;\r\n\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-decoration: none;\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background 0.25s ease,\r\n    color 0.25s ease,\r\n    border-color 0.25s ease,\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.kah-button:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.kah-button-primary {\r\n  background: var(--kah-green);\r\n  color: #FFFFFF;\r\n  box-shadow: 0 8px 20px rgba(65, 171, 93, 0.16);\r\n}\r\n\r\n.kah-button-primary:hover {\r\n  background: var(--kah-dark);\r\n  border-color: var(--kah-dark);\r\n  color: #FFFFFF;\r\n}\r\n\r\n.kah-button-secondary {\r\n  background: transparent;\r\n  color: var(--kah-dark);\r\n}\r\n\r\n.kah-button-secondary:hover {\r\n  background: var(--kah-dark);\r\n  border-color: var(--kah-dark);\r\n  color: #FFFFFF;\r\n}\r\n\r\n\r\n\/* =====================================\r\n   IMAGE: FULL WIDTH COLUMN\r\n===================================== *\/\r\n.kah-image-wrap {\r\n  position: relative;\r\n  flex: 0 0 50%;\r\n  width: 50%;\r\n  max-width: none;\r\n  min-width: 0;\r\n  min-height: 600px;\r\n  align-self: stretch;\r\n  overflow: hidden;\r\n\r\n  background: transparent;\r\n\r\n  animation: kah-photo-reveal 1s 0.15s ease both;\r\n}\r\n\r\n.kah-image {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 600px;\r\n  margin: 0;\r\n\r\n  aspect-ratio: auto;\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  border: 0;\r\n  border-radius: 0;\r\n\r\n  animation: kah-soft-float 6s ease-in-out infinite;\r\n}\r\n\r\n\/* Image caption *\/\r\n.kah-image-caption {\r\n  position: absolute;\r\n  right: 24px;\r\n  bottom: 28px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  max-width: calc(100% - 40px);\r\n  padding: 14px 18px;\r\n\r\n  border: 1px solid rgba(36, 92, 56, 0.08);\r\n  border-radius: 4px;\r\n\r\n  background: rgba(255, 255, 255, 0.94);\r\n  color: var(--kah-dark);\r\n\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.3px;\r\n\r\n  box-shadow: 0 8px 28px rgba(30, 60, 38, 0.08);\r\n}\r\n\r\n.kah-caption-dot {\r\n  flex: 0 0 8px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--kah-green);\r\n}\r\n\r\n\r\n\/* =====================================\r\n   KEINA \u2014 ELEGANT REVEAL ANIMATIONS\r\n===================================== *\/\r\n\r\n\/* Animasi dasar *\/\r\n@keyframes kah-fade-up {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes kah-title-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    filter: blur(5px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n  }\r\n}\r\n\r\n@keyframes kah-line-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: scaleX(0);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: scaleX(1);\r\n  }\r\n}\r\n\r\n@keyframes kah-image-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: scale(1.07);\r\n    clip-path: inset(3% 3% 3% 3%);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    clip-path: inset(0);\r\n  }\r\n}\r\n\r\n@keyframes kah-caption-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes kah-breadcrumb-reveal {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-8px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Breadcrumb *\/\r\n.kah-breadcrumb {\r\n  animation: kah-breadcrumb-reveal 0.8s ease-out both;\r\n}\r\n\r\n\/* Teks utama *\/\r\n.kah-eyebrow {\r\n  animation: kah-fade-up 0.8s 0.15s ease-out both;\r\n}\r\n\r\n.kah-title {\r\n  animation: kah-title-reveal 1s 0.25s cubic-bezier(.2,.7,.2,1) both;\r\n}\r\n\r\n\/* Nama klinik muncul sedikit setelah judul *\/\r\n.kah-title span {\r\n  animation: kah-fade-up 0.9s 0.45s ease-out both;\r\n}\r\n\r\n\/* Garis dekoratif *\/\r\n.kah-title-line {\r\n  transform-origin: left center;\r\n  animation: kah-line-reveal 0.8s 0.65s cubic-bezier(.2,.7,.2,1) both;\r\n}\r\n\r\n\/* Deskripsi *\/\r\n.kah-description {\r\n  animation: kah-fade-up 0.9s 0.55s ease-out both;\r\n}\r\n\r\n\/* Tombol konsultasi *\/\r\n.kah-buttons {\r\n  animation: kah-fade-up 0.9s 0.7s ease-out both;\r\n}\r\n\r\n.kah-button {\r\n  transition:\r\n    transform 0.35s cubic-bezier(.2,.7,.2,1),\r\n    box-shadow 0.35s ease,\r\n    background 0.35s ease,\r\n    border-color 0.35s ease;\r\n}\r\n\r\n.kah-button-primary {\r\n  box-shadow: 0 8px 22px rgba(65,171,93,0.16);\r\n}\r\n\r\n.kah-button-primary:hover {\r\n  transform: translateY(-3px) scale(1.025);\r\n  box-shadow: 0 12px 28px rgba(36,92,56,0.22);\r\n}\r\n\r\n\/* Gambar utama: zoom-in satu kali saat halaman dibuka *\/\r\n.kah-image-wrap {\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  animation: none;\r\n}\r\n\r\n.kah-image {\r\n  transform: scale(1);\r\n  animation: kah-image-reveal 1.4s 0.2s cubic-bezier(.2,.7,.2,1) both;\r\n  will-change: transform, opacity;\r\n}\r\n\r\n\/* Caption gambar *\/\r\n.kah-image-caption {\r\n  animation: kah-caption-reveal 0.8s 0.85s ease-out both;\r\n  transition:\r\n    box-shadow 0.35s ease,\r\n    transform 0.35s ease;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n  .kah-image-wrap:hover .kah-image-caption {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 32px rgba(30,60,38,0.13);\r\n  }\r\n}\r\n\r\n\/* Tampilan mobile *\/\r\n@media (max-width: 640px) {\r\n  .kah-image {\r\n    animation-duration: 1.1s;\r\n  }\r\n\r\n  .kah-image-caption {\r\n    animation-delay: 0.5s;\r\n  }\r\n}\r\n\r\n\/* Aksesibilitas *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .keina-animated-hero .kah-breadcrumb,\r\n  .keina-animated-hero .kah-eyebrow,\r\n  .keina-animated-hero .kah-title,\r\n  .keina-animated-hero .kah-title span,\r\n  .keina-animated-hero .kah-title-line,\r\n  .keina-animated-hero .kah-description,\r\n  .keina-animated-hero .kah-buttons,\r\n  .keina-animated-hero .kah-image,\r\n  .keina-animated-hero .kah-image-caption {\r\n    animation: none !important;\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n    clip-path: none !important;\r\n  }\r\n}\r\n\r\n\r\n\/* =====================================\r\n   TABLET\r\n===================================== *\/\r\n@media (max-width: 900px) {\r\n  .kah-breadcrumb {\r\n    padding: 20px 5%;\r\n  }\r\n\r\n  .kah-text {\r\n    padding: 45px 4% 50px 5%;\r\n  }\r\n\r\n  .kah-title {\r\n    font-size: clamp(36px, 5vw, 50px);\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .kah-description {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .kah-image-wrap,\r\n  .kah-image {\r\n    min-height: 500px;\r\n  }\r\n\r\n  .kah-buttons {\r\n    gap: 10px;\r\n  }\r\n\r\n  .kah-button {\r\n    padding: 12px 16px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE\r\n===================================== *\/\r\n@media (max-width: 640px) {\r\n  .kah-breadcrumb {\r\n    gap: 7px;\r\n    padding: 18px 22px 22px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .kah-content {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .kah-text {\r\n    flex: 0 0 auto;\r\n    width: 100%;\r\n    padding: 30px 22px 40px;\r\n  }\r\n\r\n  .kah-eyebrow {\r\n    margin-bottom: 15px;\r\n    font-size: 10px;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  .kah-title {\r\n    font-size: clamp(38px, 10vw, 49px);\r\n    line-height: 1.15;\r\n    letter-spacing: -0.8px;\r\n  }\r\n\r\n  .kah-title-line {\r\n    margin: 21px 0 18px;\r\n  }\r\n\r\n  .kah-description {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .kah-buttons {\r\n    gap: 10px;\r\n    margin-top: 25px;\r\n  }\r\n\r\n  .kah-button {\r\n    min-height: 46px;\r\n    padding: 12px 15px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .kah-image-wrap {\r\n    flex: 0 0 auto;\r\n    width: 100%;\r\n    max-width: none;\r\n    min-height: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .kah-image {\r\n    width: 100%;\r\n    height: auto;\r\n    min-height: 0;\r\n    aspect-ratio: 4 \/ 3;\r\n    object-fit: cover;\r\n    animation: none;\r\n  }\r\n\r\n  .kah-image-caption {\r\n    right: 15px;\r\n    bottom: 15px;\r\n    padding: 11px 13px;\r\n    font-size: 10px;\r\n  }\r\n}\r\n\r\n\/* =====================================\r\n   ACCESSIBILITY\r\n===================================== *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .keina-animated-hero *,\r\n  .keina-animated-hero *::before,\r\n  .keina-animated-hero *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aa09397 e-flex e-con-boxed e-con e-parent\" data-id=\"aa09397\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ae3530 elementor-widget elementor-widget-html\" data-id=\"2ae3530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- KEINA TREATMENT CARDS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&amp;family=Playfair+Display:wght@500;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"keina-products\">\r\n  <div class=\"kp-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Facial-Brightening.png\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Facial Brightening<\/h3>\r\n        <p class=\"kp-description\">Helps brighten dull skin, even out skin tone, and improve the skin\u2019s appearance so it looks cleaner, fresher, and more radiant. Suitable for skin that looks tired and lacks radiance.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp150.000<\/span>\r\n            <span class=\"kp-new-price\">Rp125.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Facial%20Brightening.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 2 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Collagen-Facial.png\" alt=\"Allergan Botox 100 Unit\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Collagen Facial<\/h3>\r\n        <p class=\"kp-description\">Helps maintain the skin\u2019s moisture and elasticity, improves skin texture, and leaves the face feeling smoother, more supple, and well-nourished. Suitable for skin that looks dull and is beginning to lose its elasticity.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp600.000<\/span>\r\n            <span class=\"kp-new-price\">Rp456.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Collagen%20Facial.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 3 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Exosome-Facial.png\" alt=\"Korean Botox 20 Unit\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Exosome Facial<\/h3>\r\n        <p class=\"kp-description\">Helps support the skin\u2019s regeneration process, improve skin texture, and maintain skin hydration and health so that the skin appears smoother, fresher, and more radiant.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp750.000<\/span>\r\n            <span class=\"kp-new-price\">Rp480.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Exosome%20Facial.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 4 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Radical-Facial-White.png\" alt=\"Korean Botox 50 Unit\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Radical Facial White<\/h3>\r\n        <p class=\"kp-description\">Helps brighten dull skin, minimize the appearance of dark spots, and even out skin tone to make your face look brighter, clearer, and more radiant. Suitable for skin with uneven tone and a dull appearance.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp1.000.000<\/span>\r\n            <span class=\"kp-new-price\">Rp700.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20RRadical%20Facial%20White.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 5 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Facial-Microdermabrasi.png\" alt=\"Korean Botox 100 Unit\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Facial + Microdermabrasi\/RF<\/h3>\r\n        <p class=\"kp-description\">Helps remove dead skin cells, cleanse the skin\u2019s surface, improve skin texture, and minimize the appearance of pores to make the face look smoother, brighter, and fresher.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp250.000<\/span>\r\n            <span class=\"kp-new-price\">Rp173.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Facial+Microdermabrasi\/RF.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 6 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Exosome-Facial-Retinol-Peel.png\" alt=\"Celtox\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Exosome Facial + Retinol Peel<\/h3>\r\n        <p class=\"kp-description\">Helps remove dead skin cells, accelerates skin renewal, improves skin texture, and minimizes the appearance of fine lines and acne scars to make the skin look brighter and more even-toned.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp51.200.000<\/span>\r\n            <span class=\"kp-new-price\">Rp780.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Exosome%20Facial+Retinol%20Peel.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- CARD 7 -->\r\n    <article class=\"kp-card\">\r\n      <div class=\"kp-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/keinabeauty.com\/wp-content\/uploads\/2026\/10\/Hydra-Facial-Exosome.png\" alt=\"Microbotox\" loading=\"lazy\">\r\n        <span class=\"kp-category\">SKIN TREATMENT<\/span>\r\n      <\/div>\r\n      <div class=\"kp-content\">\r\n        <h3>Hydra Facial Exosome<\/h3>\r\n        <p class=\"kp-description\">Helps cleanse pores, remove impurities and dead skin cells, and improve skin hydration. This combination of treatments helps the skin feel more moisturized, smooth, fresh, and radiant.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Read more +<\/button>\r\n        <div class=\"kp-price\">\r\n          <span class=\"kp-price-label\">SPECIAL PRICE<\/span>\r\n          <div class=\"kp-price-row\">\r\n            <span class=\"kp-old-price\">Rp1.200.000<\/span>\r\n            <span class=\"kp-new-price\">Rp720.000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <a class=\"kp-book\" href=\"https:\/\/wa.me\/6281138902333?text=Halo%20Keina%20Clinic%2C%20saya%20ingin%20booking%20Hydra%20Facial%20Exosome.\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <svg class=\"kp-wa-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M20.52 3.48A11.82 11.82 0 0 0 12.04 0C5.45 0 .09 5.36.09 11.95c0 2.11.55 4.17 1.59 5.98L0 24l6.24-1.64a11.94 11.94 0 0 0 5.8 1.48h.01C18.64 23.84 24 18.48 24 11.89a11.8 11.8 0 0 0-3.48-8.41ZM12.05 21.8h-.01a9.9 9.9 0 0 1-5.04-1.38l-.36-.21-3.7.97.99-3.61-.24-.37a9.85 9.85 0 0 1-1.52-5.25c0-5.46 4.44-9.9 9.91-9.9a9.83 9.83 0 0 1 7 2.9 9.83 9.83 0 0 1 2.9 7c0 5.46-4.44 9.9-9.93 9.9Zm5.43-7.41c-.3-.15-1.77-.87-2.05-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.1 3.2 5.08 4.49.71.31 1.27.5 1.7.64.71.23 1.35.2 1.86.12.57-.08 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.13-.27-.2-.57-.35Z\"\/><\/svg>\r\n          BOOKING VIA WHATSAPP\r\n        <\/a>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.keina-products {\r\n  --kp-green: #41AB5D;\r\n  --kp-dark-green: #245C38;\r\n  --kp-text: #303630;\r\n  --kp-muted: #747A75;\r\n  --kp-border: #E8EDE8;\r\n  width: 100%;\r\n  font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n.keina-products *,\r\n.keina-products *::before,\r\n.keina-products *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.keina-products .kp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n.keina-products .kp-card {\r\n  min-width: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--kp-border);\r\n  border-radius: 13px;\r\n  overflow: hidden;\r\n  box-shadow: 0 3px 12px rgba(36, 92, 56, 0.06);\r\n  transition: box-shadow 0.25s ease, border-color 0.25s ease;\r\n}\r\n\r\n.keina-products .kp-card:hover {\r\n  border-color: #D6E6D9;\r\n  box-shadow: 0 7px 20px rgba(36, 92, 56, 0.10);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.keina-products .kp-image {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 4 \/ 3;\r\n  overflow: hidden;\r\n  background: #F2F5F1;\r\n  cursor: zoom-in;\r\n}\r\n\r\n.keina-products .kp-image img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.keina-products .kp-image.is-zoomed img {\r\n  transform: scale(1.12);\r\n}\r\n\r\n\/* CATEGORY *\/\r\n.keina-products .kp-category {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  z-index: 2;\r\n  display: inline-block;\r\n  max-width: calc(100% - 20px);\r\n  padding: 5px 9px;\r\n  border-radius: 20px;\r\n  background: var(--kp-green);\r\n  color: #FFFFFF;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.35px;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n.keina-products .kp-content {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  padding: 13px 13px 14px;\r\n}\r\n\r\n.keina-products .kp-content h3 {\r\n  width: 100%;\r\n  margin: 0 0 3px;\r\n  padding: 0;\r\n  color: var(--kp-dark-green);\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  min-height: 0;\r\n  max-height: 2.6em;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n}\r\n\r\n.keina-products .kp-description {\r\n  width: 100%;\r\n  margin: 0 0 7px;\r\n  color: var(--kp-muted);\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: 2;\r\n  overflow: hidden;\r\n}\r\n\r\n.keina-products .kp-card.is-expanded .kp-description {\r\n  display: block;\r\n  overflow: visible;\r\n  -webkit-line-clamp: unset;\r\n}\r\n\r\n\/* READ MORE *\/\r\n.keina-products .kp-readmore {\r\n  appearance: none;\r\n  position: relative;\r\n  border: 0;\r\n  border-radius: 0;\r\n  padding: 0;\r\n  margin: 0 0 24px;\r\n  background: transparent;\r\n  color: var(--kp-green);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  cursor: pointer;\r\n  text-align: left;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.keina-products .kp-readmore::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  width: calc(100% + 26px);\r\n  bottom: -12px;\r\n  height: 1px;\r\n  background: #DDE5D8;\r\n  pointer-events: none;\r\n}\r\n\r\n.keina-products .kp-readmore:hover,\r\n.keina-products .kp-card.is-expanded .kp-readmore {\r\n  color: var(--kp-dark-green);\r\n}\r\n\r\n\/* PRICE *\/\r\n.keina-products .kp-price {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  margin-top: 0;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.keina-products .kp-price-label {\r\n  color: #7D857E;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n.keina-products .kp-price-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: baseline;\r\n  gap: 8px;\r\n}\r\n\r\n.keina-products .kp-old-price {\r\n  color: #999F99;\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n  text-decoration: line-through;\r\n}\r\n\r\n.keina-products .kp-new-price {\r\n  color: var(--kp-green);\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n\/* BOOKING BUTTON *\/\r\n.keina-products .kp-book {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  margin-top: auto;\r\n  padding: 11px 8px;\r\n  border: 1px solid var(--kp-green);\r\n  border-radius: 6px;\r\n  background: var(--kp-green);\r\n  color: #FFFFFF !important;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  transition: background 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.keina-products .kp-book:hover {\r\n  background: var(--kp-dark-green);\r\n  border-color: var(--kp-dark-green);\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n.keina-products .kp-wa-icon {\r\n  display: block;\r\n  flex: 0 0 19px;\r\n  width: 19px;\r\n  height: 19px;\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n  .keina-products .kp-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .keina-products .kp-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .keina-products .kp-card {\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .keina-products .kp-content {\r\n    padding: 10px 9px 11px;\r\n  }\r\n\r\n  .keina-products .kp-content h3 {\r\n    margin: 0 0 3px;\r\n    font-size: 15px;\r\n    line-height: 1.3;\r\n    max-height: 2.6em;\r\n  }\r\n\r\n  .keina-products .kp-description {\r\n    margin-bottom: 6px;\r\n    font-size: 11px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .keina-products .kp-readmore {\r\n    margin-bottom: 22px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .keina-products .kp-readmore::after {\r\n    width: calc(100% + 18px);\r\n    bottom: -22px;\r\n  }\r\n\r\n  .keina-products .kp-price {\r\n    gap: 7px;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .keina-products .kp-price-label {\r\n    font-size: 9px;\r\n    letter-spacing: 1.3px;\r\n  }\r\n\r\n  .keina-products .kp-price-row {\r\n    gap: 5px;\r\n  }\r\n\r\n  .keina-products .kp-old-price {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .keina-products .kp-new-price {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .keina-products .kp-book {\r\n    min-height: 38px;\r\n    gap: 5px;\r\n    padding: 8px 5px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .keina-products .kp-wa-icon {\r\n    flex-basis: 16px;\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n\r\n  .keina-products .kp-category {\r\n    top: 7px;\r\n    left: 7px;\r\n    max-width: calc(100% - 14px);\r\n    padding: 4px 7px;\r\n    font-size: 8px;\r\n  }\r\n}\r\n\r\n\/* ZOOM ANIMATION KESELURUHAN CARD *\/\r\n@keyframes kpZoomIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: scale(0.90);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n.keina-products .kp-card {\r\n  animation: kpZoomIn 0.6s ease backwards;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n\/* Urutan animasi card *\/\r\n.keina-products .kp-card:nth-child(1) { animation-delay: 0.05s; }\r\n.keina-products .kp-card:nth-child(2) { animation-delay: 0.12s; }\r\n.keina-products .kp-card:nth-child(3) { animation-delay: 0.19s; }\r\n.keina-products .kp-card:nth-child(4) { animation-delay: 0.26s; }\r\n.keina-products .kp-card:nth-child(5) { animation-delay: 0.33s; }\r\n.keina-products .kp-card:nth-child(6) { animation-delay: 0.40s; }\r\n.keina-products .kp-card:nth-child(7) { animation-delay: 0.47s; }\r\n.keina-products .kp-card:nth-child(8) { animation-delay: 0.54s; }\r\n\r\n\/* Zoom seluruh card saat kursor diarahkan *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n  .keina-products .kp-card:hover {\r\n    transform: scale(1.04);\r\n    position: relative;\r\n    z-index: 5;\r\n    box-shadow: 0 12px 28px rgba(36, 92, 56, 0.16);\r\n  }\r\n}\r\n\r\n\/* Zoom tombol secara terpisah *\/\r\n.keina-products .kp-book {\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.keina-products .kp-book:hover {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 6px 16px rgba(36, 92, 56, 0.18);\r\n}\r\n\r\n\/* Kurangi animasi jika pengguna memilih minim gerakan *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .keina-products .kp-card,\r\n  .keina-products .kp-book {\r\n    animation: none;\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  document.addEventListener(\"click\", function (event) {\r\n    var target = event.target;\r\n\r\n    if (!target || typeof target.closest !== \"function\") {\r\n      return;\r\n    }\r\n\r\n    var readButton = target.closest(\r\n      \".keina-products .kp-readmore\"\r\n    );\r\n\r\n    if (readButton) {\r\n      var card = readButton.closest(\".kp-card\");\r\n\r\n      if (!card) {\r\n        return;\r\n      }\r\n\r\n      var expanded = card.classList.toggle(\"is-expanded\");\r\n\r\n      readButton.textContent = expanded\r\n        ? \"Baca lebih sedikit -\"\r\n        : \"Baca selengkapnya +\";\r\n\r\n      readButton.setAttribute(\r\n        \"aria-expanded\",\r\n        expanded ? \"true\" : \"false\"\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    var imageBox = target.closest(\r\n      \".keina-products .kp-image\"\r\n    );\r\n\r\n    if (imageBox) {\r\n      imageBox.classList.toggle(\"is-zoomed\");\r\n    }\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home \u203a Treatment \u203a Produk DERMATOLOGIST \u00b7 TREATMENT Facial Treatment Keina Clinic Perawatan kulit wajah yang membantu membersihkan pori-pori, mengangkat sel kulit mati, serta menjaga kelembapan dan kesehatan kulit agar wajah tampak lebih bersih, segar, dan bercahaya. Consultations \u2197 Personalized Dermatology Care SKIN TREATMENT Facial Brightening Membantu mencerahkan kulit kusam, meratakan warna kulit, serta meningkatkan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":65,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":2132,"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/pages\/58\/revisions\/2132"}],"wp:attachment":[{"href":"https:\/\/keinabeauty.com\/en\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}