{"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\/id\/facial-treatment\/","title":{"rendered":"4. Facial Treatment"},"content":{"rendered":"\t\t<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\/\">Home<\/a>\r\n      <span class=\"kah-breadcrumb-separator\" aria-hidden=\"true\">\u203a<\/span>\r\n      <a href=\"https:\/\/keinabeauty.com\/treatment\/\">Treatment<\/a>\r\n      <span class=\"kah-breadcrumb-separator\" aria-hidden=\"true\">\u203a<\/span>\r\n      <a href=\"https:\/\/keinabeauty.com\/id\/product\/\">Produk<\/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          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.\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\">Membantu mencerahkan kulit kusam, meratakan warna kulit, serta meningkatkan tampilan kulit agar terlihat lebih bersih, segar, dan bercahaya. Cocok untuk kulit yang tampak lelah dan kurang cerah.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu menjaga kelembapan dan elastisitas kulit, memperbaiki tekstur kulit, serta membuat wajah terasa lebih halus, kenyal, dan terawat. Cocok untuk kulit yang tampak kusam dan mulai kehilangan elastisitas.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu mendukung proses regenerasi kulit, memperbaiki tekstur kulit, serta menjaga hidrasi dan kesehatan kulit agar tampak lebih halus, segar, dan bercahaya.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu mencerahkan kulit kusam, menyamarkan tampilan noda gelap, serta meratakan warna kulit agar wajah terlihat lebih cerah, bersih, dan bercahaya. Cocok untuk kulit dengan warna tidak merata dan tampilan kusam.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu mengangkat sel kulit mati, membersihkan permukaan kulit, memperbaiki tekstur kulit, serta menyamarkan tampilan pori-pori agar wajah tampak lebih halus, cerah, dan segar.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu mengangkat sel kulit mati, mempercepat pembaruan permukaan kulit, memperbaiki tekstur kulit, serta menyamarkan garis halus dan noda bekas jerawat agar kulit tampak lebih cerah dan merata.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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\">Membantu membersihkan pori-pori, mengangkat kotoran dan sel kulit mati, serta meningkatkan hidrasi kulit. Kombinasi perawatan ini membantu kulit terasa lebih lembap, halus, segar, dan bercahaya.<\/p>\r\n        <button class=\"kp-readmore\" type=\"button\" aria-expanded=\"false\">Baca selengkapnya +<\/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>\n\t\t","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\/id\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":65,"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":2132,"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/pages\/58\/revisions\/2132"}],"wp:attachment":[{"href":"https:\/\/keinabeauty.com\/id\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}