{"id":12,"date":"2026-09-19T12:18:01","date_gmt":"2026-09-19T12:18:01","guid":{"rendered":"https:\/\/lumma.regalivillabali.com\/?page_id=12"},"modified":"2026-09-19T13:00:16","modified_gmt":"2026-09-19T13:00:16","slug":"home-2","status":"publish","type":"page","link":"https:\/\/lumma.regalivillabali.com\/?page_id=12","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-462f672 e-con-full e-flex e-con e-parent\" data-id=\"462f672\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c247443 elementor-widget elementor-widget-html\" data-id=\"c247443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-hero-final\">\r\n\r\n  <div class=\"lg-hero-bg\"><\/div>\r\n\r\n  <div class=\"lg-hero-overlay\"><\/div>\r\n\r\n  <!-- LEFT BOTANICAL DECORATION -->\r\n  <div class=\"lg-hero-leaves\" aria-hidden=\"true\">\r\n\r\n    <svg viewBox=\"0 0 180 420\" preserveAspectRatio=\"none\">\r\n      <path\r\n        d=\"M12 420 C35 350 24 300 65 245 C105 190 72 130 132 72\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.2\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M38 335 C18 318 14 294 20 274 C42 282 49 302 38 335Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M45 286 C67 268 83 268 99 278 C84 296 66 299 45 286Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M67 233 C48 213 45 190 51 172 C75 184 82 207 67 233Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M83 184 C106 166 121 166 139 176 C124 193 104 197 83 184Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M103 132 C89 111 92 91 103 76 C120 94 119 114 103 132Z\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1\"\r\n      \/>\r\n    <\/svg>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- CONTENT -->\r\n\r\n  <div class=\"lg-hero-content\">\r\n\r\n    <span class=\"lg-hero-eyebrow\">\r\n      TANAMAN, KEINDAHAN, KEHIDUPAN\r\n    <\/span>\r\n\r\n    <h1>\r\n      Hadirkan<br>\r\n      Keindahan Alam\r\n      <small>di Setiap Sudut Rumah<\/small>\r\n    <\/h1>\r\n\r\n    <p>\r\n      Lumma Garden menyediakan berbagai koleksi tanaman hias\r\n      berkualitas untuk mempercantik rumah, taman, dan ruang hidup Anda.\r\n    <\/p>\r\n\r\n    <div class=\"lg-hero-buttons\">\r\n\r\n      <a href=\"#produk\" class=\"lg-hero-btn-primary\">\r\n        Belanja Tanaman\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#kategori\" class=\"lg-hero-btn-secondary\">\r\n        Lihat Koleksi\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BENEFITS -->\r\n\r\n    <div class=\"lg-hero-benefits\">\r\n\r\n      <div>\r\n        <span class=\"lg-benefit-icon\">\u2661<\/span>\r\n        <span>Tanaman Berkualitas<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <span class=\"lg-benefit-icon\">\u2667<\/span>\r\n        <span>Pengiriman Aman<\/span>\r\n      <\/div>\r\n\r\n      <div>\r\n        <span class=\"lg-benefit-icon\">\u25c7<\/span>\r\n        <span>Konsultasi Gratis<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- RIGHT HANDWRITTEN TEXT -->\r\n\r\n  <div class=\"lg-hero-script\">\r\n    More<br>\r\n    Plants<br>\r\n    Happier People\r\n    <span>\u2661<\/span>\r\n  <\/div>\r\n\r\n\r\n  <!-- QUOTE -->\r\n\r\n  <div class=\"lg-hero-quote\">\r\n\r\n    <p>\r\n      \u201cRumah yang indah<br>\r\n      berawal dari tanaman yang bahagia.\u201d\r\n    <\/p>\r\n\r\n    <i><\/i>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   LUMMA GARDEN \u2014 FINAL HERO\r\n   ========================================= *\/\r\n\r\n.lg-hero-final{\r\n  position:relative;\r\n  width:100%;\r\n  min-height:335px;\r\n  height:335px;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  background:#f5f1e7;\r\n  font-family:Montserrat, Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BACKGROUND\r\n   ========================================= *\/\r\n\r\n.lg-hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-3;\r\n\r\n  background-image:url(\"https:\/\/images.pexels.com\/photos\/450516\/pexels-photo-450516.jpeg?auto=compress&cs=tinysrgb&w=2200\");\r\n\r\n  background-size:cover;\r\n  background-position:center 54%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRADIENT OVERLAY\r\n   ========================================= *\/\r\n\r\n.lg-hero-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(247,244,234,1) 0%,\r\n      rgba(247,244,234,.97) 23%,\r\n      rgba(247,244,234,.84) 38%,\r\n      rgba(247,244,234,.35) 55%,\r\n      rgba(32,61,29,.02) 75%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n   ========================================= *\/\r\n\r\n.lg-hero-content{\r\n  position:absolute;\r\n  left:5vw;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  width:46%;\r\n  max-width:650px;\r\n  z-index:4;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.lg-hero-eyebrow{\r\n  display:block;\r\n  margin-bottom:8px;\r\n\r\n  color:#315b2a;\r\n\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:3px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.lg-hero-content h1{\r\n  margin:0;\r\n\r\n  color:#213b21;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:48px;\r\n  line-height:.9;\r\n  font-weight:500;\r\n  letter-spacing:-1px;\r\n}\r\n\r\n.lg-hero-content h1 small{\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#202a21;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:39px;\r\n  line-height:.95;\r\n  font-weight:500;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.lg-hero-content p{\r\n  width:470px;\r\n  max-width:100%;\r\n\r\n  margin:15px 0 13px;\r\n\r\n  color:#353b35;\r\n\r\n  font-size:10.5px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n   ========================================= *\/\r\n\r\n.lg-hero-buttons{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n}\r\n\r\n\r\n.lg-hero-btn-primary,\r\n.lg-hero-btn-secondary{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  height:38px;\r\n  box-sizing:border-box;\r\n\r\n  font-size:10px;\r\n  font-weight:600;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.lg-hero-btn-primary{\r\n  min-width:145px;\r\n  gap:10px;\r\n\r\n  padding:0 17px;\r\n\r\n  color:#ffffff;\r\n  background:#315b2a;\r\n\r\n  border-radius:20px;\r\n}\r\n\r\n.lg-hero-btn-primary span{\r\n  font-size:17px;\r\n  font-weight:400;\r\n}\r\n\r\n.lg-hero-btn-primary:hover{\r\n  background:#23451e;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 8px 18px rgba(36,69,30,.18);\r\n}\r\n\r\n\r\n.lg-hero-btn-secondary{\r\n  min-width:110px;\r\n\r\n  padding:0 18px;\r\n\r\n  color:#315b2a;\r\n\r\n  background:rgba(255,255,255,.5);\r\n\r\n  border:1px solid #315b2a;\r\n  border-radius:20px;\r\n}\r\n\r\n.lg-hero-btn-secondary:hover{\r\n  color:#ffffff;\r\n  background:#315b2a;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BENEFITS\r\n   ========================================= *\/\r\n\r\n.lg-hero-benefits{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:22px;\r\n\r\n  margin-top:16px;\r\n}\r\n\r\n\r\n.lg-hero-benefits > div{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n\r\n  color:#394339;\r\n\r\n  font-size:8.5px;\r\n  white-space:nowrap;\r\n}\r\n\r\n\r\n.lg-benefit-icon{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  width:17px;\r\n  height:17px;\r\n\r\n  color:#315b2a;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT LEAVES\r\n   ========================================= *\/\r\n\r\n.lg-hero-leaves{\r\n  position:absolute;\r\n\r\n  left:-18px;\r\n  top:0;\r\n\r\n  width:145px;\r\n  height:100%;\r\n\r\n  z-index:2;\r\n\r\n  color:rgba(49,91,42,.48);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lg-hero-leaves svg{\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HANDWRITTEN TEXT\r\n   ========================================= *\/\r\n\r\n.lg-hero-script{\r\n  position:absolute;\r\n\r\n  right:5.5%;\r\n  top:24%;\r\n\r\n  z-index:5;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:\r\n    \"Brush Script MT\",\r\n    \"Segoe Script\",\r\n    cursive;\r\n\r\n  font-size:27px;\r\n  line-height:.85;\r\n\r\n  transform:rotate(-5deg);\r\n\r\n  text-shadow:0 2px 8px rgba(0,0,0,.15);\r\n}\r\n\r\n.lg-hero-script span{\r\n  display:inline-block;\r\n\r\n  margin-left:55px;\r\n  margin-top:5px;\r\n\r\n  font-size:24px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   QUOTE\r\n   ========================================= *\/\r\n\r\n.lg-hero-quote{\r\n  position:absolute;\r\n\r\n  right:0;\r\n  bottom:0;\r\n\r\n  width:260px;\r\n\r\n  padding:17px 28px 15px;\r\n\r\n  box-sizing:border-box;\r\n\r\n  background:rgba(30,42,28,.55);\r\n\r\n  backdrop-filter:blur(3px);\r\n\r\n  z-index:5;\r\n}\r\n\r\n\r\n.lg-hero-quote p{\r\n  margin:0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:\r\n    \"Cormorant Garamond\",\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:15px;\r\n  line-height:1.05;\r\n}\r\n\r\n\r\n.lg-hero-quote i{\r\n  display:block;\r\n\r\n  width:38px;\r\n  height:1px;\r\n\r\n  margin-top:10px;\r\n\r\n  background:#d7c99f;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .lg-hero-content{\r\n    width:55%;\r\n  }\r\n\r\n  .lg-hero-content h1{\r\n    font-size:42px;\r\n  }\r\n\r\n  .lg-hero-content h1 small{\r\n    font-size:34px;\r\n  }\r\n\r\n  .lg-hero-script{\r\n    right:4%;\r\n    font-size:22px;\r\n  }\r\n\r\n  .lg-hero-quote{\r\n    width:220px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .lg-hero-final{\r\n    height:520px;\r\n    min-height:520px;\r\n  }\r\n\r\n  .lg-hero-bg{\r\n    background-position:65% center;\r\n  }\r\n\r\n  .lg-hero-overlay{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(247,244,234,.98) 0%,\r\n        rgba(247,244,234,.91) 42%,\r\n        rgba(247,244,234,.28) 72%,\r\n        rgba(30,42,28,.18) 100%\r\n      );\r\n  }\r\n\r\n  .lg-hero-content{\r\n    left:22px;\r\n    right:22px;\r\n    top:38px;\r\n    transform:none;\r\n    width:auto;\r\n    max-width:none;\r\n  }\r\n\r\n  .lg-hero-content h1{\r\n    font-size:39px;\r\n    line-height:.91;\r\n  }\r\n\r\n  .lg-hero-content h1 small{\r\n    font-size:31px;\r\n  }\r\n\r\n  .lg-hero-content p{\r\n    width:auto;\r\n    font-size:10px;\r\n    margin-top:13px;\r\n  }\r\n\r\n  .lg-hero-buttons{\r\n    gap:8px;\r\n  }\r\n\r\n  .lg-hero-btn-primary{\r\n    min-width:135px;\r\n  }\r\n\r\n  .lg-hero-btn-secondary{\r\n    min-width:100px;\r\n  }\r\n\r\n  .lg-hero-benefits{\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n    margin-top:13px;\r\n  }\r\n\r\n  .lg-hero-benefits > div{\r\n    font-size:7.5px;\r\n  }\r\n\r\n  .lg-hero-leaves{\r\n    width:100px;\r\n    opacity:.65;\r\n  }\r\n\r\n  .lg-hero-script{\r\n    right:18px;\r\n    top:auto;\r\n    bottom:115px;\r\n    font-size:23px;\r\n  }\r\n\r\n  .lg-hero-quote{\r\n    width:100%;\r\n    padding:13px 22px;\r\n  }\r\n\r\n  .lg-hero-quote p{\r\n    font-size:14px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n   ========================================= *\/\r\n\r\n@media(max-width:420px){\r\n\r\n  .lg-hero-final{\r\n    height:540px;\r\n    min-height:540px;\r\n  }\r\n\r\n  .lg-hero-content h1{\r\n    font-size:35px;\r\n  }\r\n\r\n  .lg-hero-content h1 small{\r\n    font-size:28px;\r\n  }\r\n\r\n  .lg-hero-benefits{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c92695f e-con-full e-flex e-con e-parent\" data-id=\"c92695f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0affc67 elementor-widget elementor-widget-html\" data-id=\"0affc67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-cat-pixel\">\r\n\r\n  <div class=\"lg-cat-pixel-inner\">\r\n\r\n    <!-- ITEM 01 -->\r\n    <a href=\"#katalog\" class=\"lg-cat-pixel-item active\">\r\n\r\n      <div class=\"lg-cat-pixel-circle lg-cat-pixel-all\">\r\n\r\n        <svg viewBox=\"0 0 24 24\"\r\n             fill=\"none\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n          <rect x=\"4\" y=\"4\" width=\"6\" height=\"6\"\r\n                rx=\"1\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\/>\r\n\r\n          <rect x=\"14\" y=\"4\" width=\"6\" height=\"6\"\r\n                rx=\"1\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\/>\r\n\r\n          <rect x=\"4\" y=\"14\" width=\"6\" height=\"6\"\r\n                rx=\"1\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\/>\r\n\r\n          <rect x=\"14\" y=\"14\" width=\"6\" height=\"6\"\r\n                rx=\"1\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.6\"\/>\r\n\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n      <span>Semua Produk<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 02 -->\r\n    <a href=\"#bougenville-mini\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1597055181300-0d0a5e8e5f1b?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Bougenville Mini\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Bougenville Mini<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 03 -->\r\n    <a href=\"#bougenville-bonsai\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Bougenville Bonsai\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Bougenville Bonsai<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 04 -->\r\n    <a href=\"#bougenville-jumbo\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Bougenville Jumbo\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Bougenville Jumbo<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 05 -->\r\n    <a href=\"#variegata\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1614594975525-e45190c55d0b?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Bougenville Variegata\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Variegata<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 06 -->\r\n    <a href=\"#bunga-lebat\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Bunga Lebat\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Bunga Lebat<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 07 -->\r\n    <a href=\"#koleksi-langka\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1459411621453-7b03977f4bfc?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Koleksi Langka\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Koleksi Langka<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- ITEM 08 -->\r\n    <a href=\"#pot-media\"\r\n       class=\"lg-cat-pixel-item\">\r\n\r\n      <div class=\"lg-cat-pixel-circle lg-cat-pot\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1485955900006-10f4d324d411?auto=format&fit=crop&w=300&q=85\"\r\n          alt=\"Pot dan Media Tanam\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n      <span>Pot &amp; Media Tanam<\/span>\r\n\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   LUMMA GARDEN\r\n   02 \u2014 CATEGORY\r\n   PIXEL STYLE \/ DESKTOP FULL WIDTH\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel,\r\n.lg-cat-pixel *,\r\n.lg-cat-pixel *::before,\r\n.lg-cat-pixel *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel {\r\n\r\n  width: 100%;\r\n\r\n  height: 112px;\r\n\r\n  background: #fff;\r\n\r\n  border-bottom: 1px solid #f0eeee;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-inner {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  padding:\r\n    8px clamp(35px, 5vw, 75px);\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(8, 1fr);\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-item {\r\n\r\n  height: 96px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 7px;\r\n\r\n  color: #252525 !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-item:hover {\r\n\r\n  color: #a21e47 !important;\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CIRCLE\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-circle {\r\n\r\n  width: 57px;\r\n\r\n  height: 57px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #f4f0ef;\r\n\r\n  border: 1px solid #eee7e5;\r\n\r\n  position: relative;\r\n\r\n  transition:\r\n    border-color .2s ease,\r\n    box-shadow .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-item:hover\r\n.lg-cat-pixel-circle {\r\n\r\n  border-color: #c88a9d;\r\n\r\n  box-shadow:\r\n    0 5px 14px rgba(150,30,70,.12);\r\n\r\n  transform: scale(1.04);\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-circle img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIRST \/ ALL PRODUCT\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-all {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border: none;\r\n\r\n  background: #f8e9ed;\r\n\r\n  color: #a21e47;\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-all svg {\r\n\r\n  width: 25px;\r\n\r\n  height: 25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-item > span {\r\n\r\n  display: block;\r\n\r\n  max-width: 145px;\r\n\r\n  overflow: hidden;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n  color: #262626;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 500;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-item:hover > span {\r\n\r\n  color: #a21e47;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pixel-item.active\r\n.lg-cat-pixel-circle {\r\n\r\n  background: #f8e9ed;\r\n\r\n}\r\n\r\n\r\n.lg-cat-pixel-item.active > span {\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POT\r\n   ========================================================= *\/\r\n\r\n.lg-cat-pot img {\r\n\r\n  object-position: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .lg-cat-pixel {\r\n\r\n    height: 108px;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-inner {\r\n\r\n    padding-left: 25px;\r\n\r\n    padding-right: 25px;\r\n\r\n    gap: 4px;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-circle {\r\n\r\n    width: 52px;\r\n\r\n    height: 52px;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-item > span {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .lg-cat-pixel {\r\n\r\n    height: 112px;\r\n\r\n    overflow-x: auto;\r\n\r\n    overflow-y: hidden;\r\n\r\n    scrollbar-width: none;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel::-webkit-scrollbar {\r\n\r\n    display: none;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-inner {\r\n\r\n    width: max-content;\r\n\r\n    min-width: max-content;\r\n\r\n    display: flex;\r\n\r\n    gap: 18px;\r\n\r\n    padding:\r\n      8px 18px;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-item {\r\n\r\n    width: 70px;\r\n\r\n    height: 96px;\r\n\r\n    flex-shrink: 0;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-circle {\r\n\r\n    width: 55px;\r\n\r\n    height: 55px;\r\n\r\n  }\r\n\r\n  .lg-cat-pixel-item > span {\r\n\r\n    width: 70px;\r\n\r\n    white-space: normal;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.25;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a81b00 e-con-full e-flex e-con e-parent\" data-id=\"6a81b00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f713f3 elementor-widget elementor-widget-html\" data-id=\"1f713f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-prod-pixel\">\r\n\r\n  <div class=\"lg-prod-pixel-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"lg-prod-pixel-header\">\r\n\r\n      <div>\r\n        <span class=\"lg-prod-pixel-eyebrow\">\r\n          PRODUK UNGGULAN\r\n        <\/span>\r\n\r\n        <h2>Tanaman Pilihan untuk Anda<\/h2>\r\n      <\/div>\r\n\r\n      <a href=\"#katalog\" class=\"lg-prod-pixel-all\">\r\n        Lihat Semua Produk\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PRODUCT GRID -->\r\n    <div class=\"lg-prod-pixel-grid\">\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 01\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-pink\"\r\n        data-product-name=\"Bougenville Pink\"\r\n        data-product-price=\"150000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Pink\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Pink<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 150.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(12)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 02\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-putih\"\r\n        data-product-name=\"Bougenville Putih\"\r\n        data-product-price=\"175000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Putih\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Putih<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 175.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(8)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 03\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-variegata\"\r\n        data-product-name=\"Bougenville Variegata\"\r\n        data-product-price=\"250000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Variegata\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Variegata<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 250.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(15)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 04\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-merah-bonsai\"\r\n        data-product-name=\"Bougenville Merah Bonsai\"\r\n        data-product-price=\"325000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1563241527-3004b7be0ffd?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1563241527-3004b7be0ffd?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Merah Bonsai\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Merah Bonsai<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 325.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(10)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 05\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-orange\"\r\n        data-product-name=\"Bougenville Orange\"\r\n        data-product-price=\"175000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1591886960571-74d43a9d4166?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1591886960571-74d43a9d4166?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Orange\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Orange<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 175.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(9)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- =================================================\r\n           PRODUCT 06\r\n           ================================================= -->\r\n\r\n      <article\r\n        class=\"lg-prod-card\"\r\n        data-product-id=\"bougenville-ungu\"\r\n        data-product-name=\"Bougenville Ungu\"\r\n        data-product-price=\"150000\"\r\n        data-product-image=\"https:\/\/images.unsplash.com\/photo-1527061011665-3652c757a4d4?auto=format&fit=crop&w=700&q=85\"\r\n      >\r\n\r\n        <div class=\"lg-prod-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1527061011665-3652c757a4d4?auto=format&fit=crop&w=700&q=85\"\r\n            alt=\"Bougenville Ungu\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lg-prod-wishlist\"\r\n            aria-label=\"Tambah ke wishlist\"\r\n          >\r\n            \u2661\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-prod-info\">\r\n\r\n          <h3>Bougenville Ungu<\/h3>\r\n\r\n          <div class=\"lg-prod-price\">\r\n            Rp 150.000\r\n          <\/div>\r\n\r\n          <div class=\"lg-prod-rating\">\r\n            <span>\u2605\u2605\u2605\u2605\u2605<\/span>\r\n            <small>(11)<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lg-prod-cart\"\r\n        >\r\n          + Keranjang\r\n        <\/button>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   LUMMA GARDEN\r\n   03 \u2014 FEATURED PRODUCTS\r\n   DESKTOP FULL WIDTH\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel,\r\n.lg-prod-pixel *,\r\n.lg-prod-pixel *::before,\r\n.lg-prod-pixel *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel {\r\n  width: 100%;\r\n  background: #fff;\r\n\r\n  padding:\r\n    18px clamp(35px, 4.8vw, 75px)\r\n    22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel-inner {\r\n  width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel-header {\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\r\n.lg-prod-pixel-eyebrow {\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: #a21e47;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\r\n.lg-prod-pixel-header h2 {\r\n  margin: 0;\r\n\r\n  color: #202020;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 25px;\r\n\r\n  line-height: 1.05;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ALL PRODUCTS LINK\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel-all {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  padding-bottom: 3px;\r\n\r\n  color: #a21e47 !important;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  border-bottom: 1px solid transparent;\r\n\r\n  transition: border-color .2s ease;\r\n}\r\n\r\n\r\n.lg-prod-pixel-all span {\r\n  font-size: 15px;\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1;\r\n}\r\n\r\n\r\n.lg-prod-pixel-all:hover {\r\n  color: #8d173d !important;\r\n\r\n  border-color: #a21e47;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n   ========================================================= *\/\r\n\r\n.lg-prod-pixel-grid {\r\n\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6, minmax(0, 1fr));\r\n\r\n  gap:\r\n    clamp(12px, 1.25vw, 24px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n   ========================================================= *\/\r\n\r\n.lg-prod-card {\r\n\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n\r\n  background: #fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n.lg-prod-image {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  aspect-ratio: 1.18 \/ 1;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 6px;\r\n\r\n  background: #f5f2f1;\r\n}\r\n\r\n\r\n.lg-prod-image img {\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n\r\n  transition:\r\n    transform .45s ease;\r\n}\r\n\r\n\r\n.lg-prod-card:hover\r\n.lg-prod-image img {\r\n\r\n  transform: scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WISHLIST\r\n   ========================================================= *\/\r\n\r\n.lg-prod-wishlist {\r\n\r\n  position: absolute;\r\n\r\n  top: 7px;\r\n  right: 7px;\r\n\r\n  z-index: 4;\r\n\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 0;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(255,255,255,.94);\r\n\r\n  color: #a21e47;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    0 2px 7px rgba(0,0,0,.08);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n\r\n.lg-prod-wishlist:hover {\r\n\r\n  transform: scale(1.1);\r\n\r\n  background: #fff;\r\n\r\n}\r\n\r\n\r\n.lg-prod-wishlist.active {\r\n\r\n  background: #a21e47;\r\n\r\n  color: #fff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO\r\n   ========================================================= *\/\r\n\r\n.lg-prod-info {\r\n\r\n  padding-top: 7px;\r\n\r\n}\r\n\r\n\r\n.lg-prod-info h3 {\r\n\r\n  margin: 0 0 3px;\r\n\r\n  overflow: hidden;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-overflow: ellipsis;\r\n\r\n  color: #252525;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.3;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.lg-prod-price {\r\n\r\n  color: #a21e47;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RATING\r\n   ========================================================= *\/\r\n\r\n.lg-prod-rating {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 5px;\r\n\r\n  margin-top: 3px;\r\n\r\n}\r\n\r\n\r\n.lg-prod-rating span {\r\n\r\n  color: #e9ae18;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: .2px;\r\n\r\n}\r\n\r\n\r\n.lg-prod-rating small {\r\n\r\n  color: #929292;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADD TO CART\r\n   Hidden desktop \/ visible hover\r\n   ========================================================= *\/\r\n\r\n.lg-prod-cart {\r\n\r\n  position: absolute;\r\n\r\n  left: 7px;\r\n  right: 7px;\r\n\r\n  bottom: 58px;\r\n\r\n  height: 31px;\r\n\r\n  border: 0;\r\n\r\n  border-radius: 4px;\r\n\r\n  background: #a21e47;\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 700;\r\n\r\n  cursor: pointer;\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateY(5px);\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.lg-prod-card:hover\r\n.lg-prod-cart {\r\n\r\n  opacity: 1;\r\n\r\n  transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .lg-prod-pixel {\r\n\r\n    padding-left: 28px;\r\n    padding-right: 28px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(3, minmax(0, 1fr));\r\n\r\n    row-gap: 22px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .lg-prod-pixel {\r\n\r\n    padding:\r\n      18px\r\n      18px\r\n      25px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-header {\r\n\r\n    align-items: flex-end;\r\n\r\n    margin-bottom: 14px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-header h2 {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-eyebrow {\r\n\r\n    font-size: 7px;\r\n\r\n    letter-spacing: 2.2px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-all {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-all span {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 18px 12px;\r\n\r\n  }\r\n\r\n  .lg-prod-image {\r\n\r\n    aspect-ratio: 1 \/ 1;\r\n\r\n  }\r\n\r\n  .lg-prod-info h3 {\r\n\r\n    font-size: 10px;\r\n\r\n  }\r\n\r\n  .lg-prod-price {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n  .lg-prod-rating span {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n  .lg-prod-rating small {\r\n\r\n    font-size: 7px;\r\n\r\n  }\r\n\r\n  .lg-prod-cart {\r\n\r\n    position: static;\r\n\r\n    width: 100%;\r\n\r\n    height: 30px;\r\n\r\n    margin-top: 7px;\r\n\r\n    opacity: 1;\r\n\r\n    transform: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .lg-prod-pixel-header h2 {\r\n\r\n    font-size: 20px;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-all {\r\n\r\n    font-size: 0;\r\n\r\n  }\r\n\r\n  .lg-prod-pixel-all span {\r\n\r\n    font-size: 17px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  const cards = document.querySelectorAll(\r\n    '.lg-prod-pixel .lg-prod-card'\r\n  );\r\n\r\n  const CART_KEY = 'lummaGardenCart';\r\n\r\n\r\n  function getCart() {\r\n\r\n    try {\r\n\r\n      return JSON.parse(\r\n        localStorage.getItem(CART_KEY)\r\n      ) || [];\r\n\r\n    } catch (error) {\r\n\r\n      return [];\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function saveCart(cart) {\r\n\r\n    localStorage.setItem(\r\n      CART_KEY,\r\n      JSON.stringify(cart)\r\n    );\r\n\r\n    document.dispatchEvent(\r\n      new CustomEvent(\r\n        'lummaCartUpdated',\r\n        {\r\n          detail: cart\r\n        }\r\n      )\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function formatPrice(price) {\r\n\r\n    return new Intl.NumberFormat(\r\n      'id-ID'\r\n    ).format(price);\r\n\r\n  }\r\n\r\n\r\n  cards.forEach(function (card) {\r\n\r\n    const cartButton =\r\n      card.querySelector('.lg-prod-cart');\r\n\r\n    const wishlistButton =\r\n      card.querySelector('.lg-prod-wishlist');\r\n\r\n\r\n    \/* ================================================\r\n       ADD TO CART\r\n       ================================================ *\/\r\n\r\n    cartButton.addEventListener(\r\n      'click',\r\n      function () {\r\n\r\n        const id =\r\n          card.dataset.productId;\r\n\r\n        const name =\r\n          card.dataset.productName;\r\n\r\n        const price =\r\n          Number(card.dataset.productPrice);\r\n\r\n        const image =\r\n          card.dataset.productImage;\r\n\r\n\r\n        let cart = getCart();\r\n\r\n        const existing =\r\n          cart.find(\r\n            item => item.id === id\r\n          );\r\n\r\n\r\n        if (existing) {\r\n\r\n          existing.quantity += 1;\r\n\r\n        } else {\r\n\r\n          cart.push({\r\n\r\n            id: id,\r\n\r\n            name: name,\r\n\r\n            price: price,\r\n\r\n            image: image,\r\n\r\n            quantity: 1\r\n\r\n          });\r\n\r\n        }\r\n\r\n\r\n        saveCart(cart);\r\n\r\n\r\n        const originalText =\r\n          cartButton.textContent;\r\n\r\n        cartButton.textContent =\r\n          '\u2713 Ditambahkan';\r\n\r\n\r\n        setTimeout(\r\n          function () {\r\n\r\n            cartButton.textContent =\r\n              originalText;\r\n\r\n          },\r\n          1200\r\n        );\r\n\r\n\r\n        console.log(\r\n          'Lumma Garden:',\r\n          name,\r\n          'Rp',\r\n          formatPrice(price)\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* ================================================\r\n       WISHLIST\r\n       ================================================ *\/\r\n\r\n    wishlistButton.addEventListener(\r\n      'click',\r\n      function (event) {\r\n\r\n        event.preventDefault();\r\n\r\n        event.stopPropagation();\r\n\r\n        wishlistButton.classList.toggle(\r\n          'active'\r\n        );\r\n\r\n\r\n        wishlistButton.textContent =\r\n          wishlistButton.classList.contains('active')\r\n            ? '\u2665'\r\n            : '\u2661';\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9054618 e-con-full e-flex e-con e-parent\" data-id=\"9054618\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed073e1 elementor-widget elementor-widget-html\" data-id=\"ed073e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-promo-pixel\">\r\n\r\n  <div class=\"lg-promo-pixel-bg\"><\/div>\r\n\r\n  <div class=\"lg-promo-pixel-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"lg-promo-pixel-content\">\r\n\r\n      <span class=\"lg-promo-pixel-eyebrow\">\r\n        SPECIAL OFFER\r\n      <\/span>\r\n\r\n      <h2>\r\n        Bawa Pulang\r\n        <em>Keindahan Tanaman<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Penawaran spesial untuk koleksi tanaman pilihan Lumma Garden.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CENTER OFFER -->\r\n    <div class=\"lg-promo-pixel-offer\">\r\n\r\n      <strong>30%<\/strong>\r\n\r\n      <div>\r\n        <span>HEMAT HINGGA<\/span>\r\n        <small>Tanaman pilihan<\/small>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CTA -->\r\n    <a\r\n      href=\"#katalog\"\r\n      class=\"lg-promo-pixel-button\"\r\n    >\r\n      Lihat Promo\r\n      <span>\u2192<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   LUMMA GARDEN\r\n   06 \u2014 PROMO\r\n   DESKTOP FULL WIDTH \/ COMPACT\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel,\r\n.lg-promo-pixel *,\r\n.lg-promo-pixel *::before,\r\n.lg-promo-pixel *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  height: 108px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #8f2345;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel-bg {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(116,25,55,.98) 0%,\r\n      rgba(143,35,69,.94) 35%,\r\n      rgba(143,35,69,.72) 58%,\r\n      rgba(143,35,69,.25) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/images.pexels.com\/photos\/450516\/pexels-photo-450516.jpeg?auto=compress&cs=tinysrgb&w=1800\");\r\n\r\n  background-size: cover;\r\n\r\n  background-position:\r\n    center,\r\n    center 48%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel-inner {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  height: 100%;\r\n\r\n  padding:\r\n    0 clamp(35px, 5vw, 80px);\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr auto auto;\r\n\r\n  align-items: center;\r\n\r\n  column-gap: clamp(35px, 6vw, 90px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel-content {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-eyebrow {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color: #f2d8df;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.8px;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-content h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: clamp(22px, 2.2vw, 34px);\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -.4px;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-content h2 em {\r\n\r\n  color: #f2cbd6;\r\n\r\n  font-style: italic;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-content p {\r\n\r\n  margin: 6px 0 0;\r\n\r\n  color: rgba(255,255,255,.72);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.3;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OFFER\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel-offer {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  padding:\r\n    9px 15px;\r\n\r\n  border-left:\r\n    1px solid rgba(255,255,255,.25);\r\n\r\n  border-right:\r\n    1px solid rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-offer strong {\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 36px;\r\n\r\n  line-height: .8;\r\n\r\n  font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-offer div {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-offer span {\r\n\r\n  color: #f4d8df;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-offer small {\r\n\r\n  margin-top: 3px;\r\n\r\n  color: rgba(255,255,255,.65);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.lg-promo-pixel-button {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 11px;\r\n\r\n  height: 31px;\r\n\r\n  padding:\r\n    0 16px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.6);\r\n\r\n  border-radius: 999px;\r\n\r\n  color: #fff !important;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-button span {\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1;\r\n\r\n}\r\n\r\n\r\n.lg-promo-pixel-button:hover {\r\n\r\n  background: #fff;\r\n\r\n  color: #8f2345 !important;\r\n\r\n  transform: translateY(-1px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .lg-promo-pixel {\r\n\r\n    height: 105px;\r\n\r\n  }\r\n\r\n  .lg-promo-pixel-inner {\r\n\r\n    padding:\r\n      0 30px;\r\n\r\n    column-gap: 25px;\r\n\r\n  }\r\n\r\n  .lg-promo-pixel-content h2 {\r\n\r\n    font-size: 24px;\r\n\r\n  }\r\n\r\n  .lg-promo-pixel-offer strong {\r\n\r\n    font-size: 30px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .lg-promo-pixel {\r\n\r\n    height: auto;\r\n\r\n    min-height: 205px;\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-bg {\r\n\r\n    background-image:\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(116,25,55,.92) 0%,\r\n        rgba(143,35,69,.86) 100%\r\n      ),\r\n\r\n      url(\"https:\/\/images.pexels.com\/photos\/450516\/pexels-photo-450516.jpeg?auto=compress&cs=tinysrgb&w=1000\");\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-inner {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 14px;\r\n\r\n    padding:\r\n      27px 20px;\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-content h2 {\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1.02;\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-content p {\r\n\r\n    font-size: 8px;\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-offer {\r\n\r\n    border-left: 0;\r\n    border-right: 0;\r\n\r\n    border-top:\r\n      1px solid rgba(255,255,255,.2);\r\n\r\n    border-bottom:\r\n      1px solid rgba(255,255,255,.2);\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n      9px 0;\r\n\r\n  }\r\n\r\n\r\n  .lg-promo-pixel-button {\r\n\r\n    width: 100%;\r\n\r\n    height: 34px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9dd110 e-con-full e-flex e-con e-parent\" data-id=\"c9dd110\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f86ecf elementor-widget elementor-widget-html\" data-id=\"9f86ecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-howto-pixel\">\r\n\r\n  <div class=\"lg-howto-pixel-inner\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"lg-howto-pixel-heading\">\r\n\r\n      <span>CARA PEMESANAN<\/span>\r\n\r\n      <h2>\r\n        Mudah dari Pilih Tanaman\r\n        <em>hingga Sampai di Rumah.<\/em>\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- STEPS -->\r\n    <div class=\"lg-howto-pixel-steps\">\r\n\r\n\r\n      <!-- STEP 01 -->\r\n      <div class=\"lg-howto-pixel-step\">\r\n\r\n        <div class=\"lg-howto-pixel-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"1.4\"\r\n               stroke-linecap=\"round\"\r\n               stroke-linejoin=\"round\">\r\n\r\n            <path d=\"M3 10.5L12 4l9 6.5\"\/>\r\n            <path d=\"M5 9.5V20h14V9.5\"\/>\r\n            <path d=\"M9 20v-5h6v5\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-copy\">\r\n\r\n          <h3>Pilih Tanaman<\/h3>\r\n\r\n          <p>\r\n            Temukan tanaman favorit\r\n            dari koleksi Lumma Garden.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"lg-howto-pixel-connector\">\r\n        <span>\u2192<\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 02 -->\r\n      <div class=\"lg-howto-pixel-step\">\r\n\r\n        <div class=\"lg-howto-pixel-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"1.4\"\r\n               stroke-linecap=\"round\"\r\n               stroke-linejoin=\"round\">\r\n\r\n            <path d=\"M6 7h15l-1.5 8.5H8z\"\/>\r\n            <path d=\"M6 7L5 3H2\"\/>\r\n\r\n            <circle cx=\"9\" cy=\"19\" r=\"1.4\"\/>\r\n            <circle cx=\"18\" cy=\"19\" r=\"1.4\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-copy\">\r\n\r\n          <h3>Masukkan Keranjang<\/h3>\r\n\r\n          <p>\r\n            Pilih jumlah tanaman\r\n            lalu tambahkan ke keranjang.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"lg-howto-pixel-connector\">\r\n        <span>\u2192<\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 03 -->\r\n      <div class=\"lg-howto-pixel-step\">\r\n\r\n        <div class=\"lg-howto-pixel-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"1.4\"\r\n               stroke-linecap=\"round\"\r\n               stroke-linejoin=\"round\">\r\n\r\n            <rect\r\n              x=\"3\"\r\n              y=\"4\"\r\n              width=\"18\"\r\n              height=\"16\"\r\n              rx=\"2\"\r\n            \/>\r\n\r\n            <path d=\"M7 8h10\"\/>\r\n            <path d=\"M7 12h6\"\/>\r\n            <path d=\"M7 16h8\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-copy\">\r\n\r\n          <h3>Isi Data Pesanan<\/h3>\r\n\r\n          <p>\r\n            Lengkapi nama, WhatsApp,\r\n            alamat, dan catatan.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CONNECTOR -->\r\n      <div class=\"lg-howto-pixel-connector\">\r\n        <span>\u2192<\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- STEP 04 -->\r\n      <div class=\"lg-howto-pixel-step\">\r\n\r\n        <div class=\"lg-howto-pixel-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"1.4\"\r\n               stroke-linecap=\"round\"\r\n               stroke-linejoin=\"round\">\r\n\r\n            <path\r\n              d=\"M20 11.5\r\n                 C20 16.2 16.4 20 12 20\r\n                 C10.5 20 9.1 19.6 8 19\r\n                 L4 20\r\n                 L5.1 16.2\r\n                 C4.4 15 4 13.7 4 12.3\r\n                 C4 7.7 7.6 4 12 4\r\n                 C16.4 4 20 7.1 20 11.5Z\"\r\n            \/>\r\n\r\n            <path d=\"M8 11h8\"\/>\r\n            <path d=\"M8 14h5\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lg-howto-pixel-copy\">\r\n\r\n          <h3>Konfirmasi WhatsApp<\/h3>\r\n\r\n          <p>\r\n            Admin membantu konfirmasi\r\n            stok, ongkir, dan pembayaran.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SMALL NOTE -->\r\n    <div class=\"lg-howto-pixel-note\">\r\n\r\n      <span class=\"lg-howto-pixel-note-icon\">\u2726<\/span>\r\n\r\n      <span>\r\n        Butuh bantuan memilih tanaman?\r\n      <\/span>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/628XXXXXXXXXX\"\r\n        target=\"_blank\"\r\n      >\r\n        Chat dengan Admin \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   LUMMA GARDEN\r\n   07 \u2014 HOW TO ORDER\r\n   DESKTOP FULL WIDTH \/ COMPACT\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel,\r\n.lg-howto-pixel *,\r\n.lg-howto-pixel *::before,\r\n.lg-howto-pixel *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel {\r\n\r\n  width: 100%;\r\n\r\n  background: #fff;\r\n\r\n  border-bottom: 1px solid #eee9e7;\r\n\r\n  padding:\r\n    24px clamp(35px, 5vw, 80px)\r\n    20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-inner {\r\n\r\n  width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-heading {\r\n\r\n  display: flex;\r\n\r\n  align-items: flex-end;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-heading > span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: #a21e47;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 2.8px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-heading h2 {\r\n\r\n  margin: 0;\r\n\r\n  color: #252525;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 25px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 400;\r\n\r\n  letter-spacing: -.3px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-heading h2 em {\r\n\r\n  color: #a21e47;\r\n\r\n  font-style: italic;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-steps {\r\n\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 40px\r\n    1fr 40px\r\n    1fr 40px\r\n    1fr;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-step {\r\n\r\n  min-width: 0;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    28px 38px 1fr;\r\n\r\n  align-items: center;\r\n\r\n  column-gap: 10px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-number {\r\n\r\n  align-self: start;\r\n\r\n  padding-top: 2px;\r\n\r\n  color: #c2aaaF;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-icon {\r\n\r\n  width: 38px;\r\n\r\n  height: 38px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #f7e9ed;\r\n\r\n  color: #a21e47;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-icon svg {\r\n\r\n  width: 19px;\r\n\r\n  height: 19px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-copy {\r\n\r\n  min-width: 0;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-copy h3 {\r\n\r\n  margin: 0 0 3px;\r\n\r\n  color: #292929;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-copy p {\r\n\r\n  margin: 0;\r\n\r\n  max-width: 185px;\r\n\r\n  color: #888;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTOR\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-connector {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  color: #b9a0a7;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-connector span {\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 300;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n.lg-howto-pixel-note {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: flex-end;\r\n\r\n  gap: 8px;\r\n\r\n  margin-top: 15px;\r\n\r\n  color: #8a8a8a;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-note-icon {\r\n\r\n  color: #a21e47;\r\n\r\n  font-size: 11px;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-note a {\r\n\r\n  color: #a21e47 !important;\r\n\r\n  font-weight: 700;\r\n\r\n  text-decoration: none !important;\r\n\r\n}\r\n\r\n\r\n.lg-howto-pixel-note a:hover {\r\n\r\n  text-decoration: underline !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .lg-howto-pixel {\r\n\r\n    padding-left: 28px;\r\n    padding-right: 28px;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-steps {\r\n\r\n    grid-template-columns:\r\n      1fr 20px\r\n      1fr 20px\r\n      1fr 20px\r\n      1fr;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-step {\r\n\r\n    grid-template-columns:\r\n      24px 32px 1fr;\r\n\r\n    column-gap: 7px;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-icon {\r\n\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-icon svg {\r\n\r\n    width: 16px;\r\n    height: 16px;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-copy h3 {\r\n\r\n    font-size: 9px;\r\n\r\n  }\r\n\r\n  .lg-howto-pixel-copy p {\r\n\r\n    font-size: 7px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .lg-howto-pixel {\r\n\r\n    padding:\r\n      25px 18px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-heading {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 25px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-heading > span {\r\n\r\n    margin-bottom: 7px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-heading h2 {\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1.05;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-steps {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 0;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-step {\r\n\r\n    grid-template-columns:\r\n      25px 45px 1fr;\r\n\r\n    column-gap: 10px;\r\n\r\n    min-height: 66px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-number {\r\n\r\n    padding-top: 3px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-icon {\r\n\r\n    width: 45px;\r\n    height: 45px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-icon svg {\r\n\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-copy h3 {\r\n\r\n    font-size: 10px;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-copy p {\r\n\r\n    max-width: none;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1.45;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-connector {\r\n\r\n    display: block;\r\n\r\n    height: 18px;\r\n\r\n    margin-left: 47px;\r\n\r\n    color: #c8b1b7;\r\n\r\n    transform:\r\n      rotate(90deg);\r\n\r\n    transform-origin:\r\n      left center;\r\n\r\n  }\r\n\r\n\r\n  .lg-howto-pixel-note {\r\n\r\n    justify-content: flex-start;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    margin-top: 15px;\r\n\r\n    padding-top: 14px;\r\n\r\n    border-top: 1px solid #eee9e7;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-318ccab e-con-full e-flex e-con e-parent\" data-id=\"318ccab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17b862d elementor-widget elementor-widget-html\" data-id=\"17b862d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-blog-pixel\">\r\n\r\n  <div class=\"lg-blog-head\">\r\n    <div>\r\n      <span class=\"lg-blog-eyebrow\">TIPS & INSPIRASI<\/span>\r\n      <h2>Rawat Tanaman,<br><em>Nikmati Keindahannya.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"lg-blog-all\">\r\n      Lihat Semua Artikel <span>\u2192<\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n\r\n  <div class=\"lg-blog-grid\">\r\n\r\n    <!-- ARTICLE 01 -->\r\n    <article class=\"lg-blog-card\">\r\n\r\n      <a href=\"#\" class=\"lg-blog-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1592150621744-aca64f48394a?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Perawatan tanaman bougenville\"\r\n        >\r\n        <span class=\"lg-blog-tag\">PERAWATAN<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"lg-blog-content\">\r\n        <span class=\"lg-blog-meta\">Tips Tanaman<\/span>\r\n\r\n        <h3>\r\n          Cara Merawat Bougenville agar Rajin Berbunga\r\n        <\/h3>\r\n\r\n        <p>\r\n          Panduan sederhana untuk menjaga tanaman tetap sehat,\r\n          subur, dan tampil penuh warna.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"lg-blog-read\">\r\n          Baca Selengkapnya <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- ARTICLE 02 -->\r\n    <article class=\"lg-blog-card\">\r\n\r\n      <a href=\"#\" class=\"lg-blog-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1485955900006-10f4d324d411?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Memilih tanaman untuk rumah\"\r\n        >\r\n        <span class=\"lg-blog-tag\">PANDUAN<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"lg-blog-content\">\r\n        <span class=\"lg-blog-meta\">Panduan Belanja<\/span>\r\n\r\n        <h3>\r\n          Memilih Tanaman yang Tepat untuk Rumah\r\n        <\/h3>\r\n\r\n        <p>\r\n          Kenali karakter tanaman dan sesuaikan dengan\r\n          ruang serta suasana yang ingin Anda ciptakan.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"lg-blog-read\">\r\n          Baca Selengkapnya <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- ARTICLE 03 -->\r\n    <article class=\"lg-blog-card\">\r\n\r\n      <a href=\"#\" class=\"lg-blog-image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1598880940080-ff9a29891b85?auto=format&fit=crop&w=900&q=85\"\r\n          alt=\"Tips menyiram tanaman\"\r\n        >\r\n        <span class=\"lg-blog-tag\">TIPS<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"lg-blog-content\">\r\n        <span class=\"lg-blog-meta\">Perawatan Tanaman<\/span>\r\n\r\n        <h3>\r\n          Tips Menyiram Tanaman agar Tetap Sehat\r\n        <\/h3>\r\n\r\n        <p>\r\n          Kenali kebutuhan air tanaman agar tidak kekurangan\r\n          maupun mendapatkan terlalu banyak air.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"lg-blog-read\">\r\n          Baca Selengkapnya <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   LUMMA GARDEN \u2014 BLOG \/ ARTICLES\r\n   ========================================= *\/\r\n\r\n.lg-blog-pixel{\r\n  width:100%;\r\n  background:#ffffff;\r\n  padding:30px 5vw 34px;\r\n  box-sizing:border-box;\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.lg-blog-head{\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.lg-blog-eyebrow{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#8f2345;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.lg-blog-head h2{\r\n  margin:0;\r\n  color:#292225;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:27px;\r\n  line-height:1.08;\r\n  font-weight:500;\r\n}\r\n\r\n.lg-blog-head h2 em{\r\n  color:#8f2345;\r\n  font-style:italic;\r\n}\r\n\r\n\r\n\/* VIEW ALL *\/\r\n\r\n.lg-blog-all{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  color:#8f2345;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  white-space:nowrap;\r\n  padding-bottom:3px;\r\n}\r\n\r\n.lg-blog-all span{\r\n  font-size:17px;\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.lg-blog-all:hover span{\r\n  transform:translateX(4px);\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.lg-blog-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:18px;\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.lg-blog-card{\r\n  display:grid;\r\n  grid-template-columns:42% 58%;\r\n  min-height:145px;\r\n  background:#faf7f6;\r\n  border:1px solid #eee6e4;\r\n  overflow:hidden;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.lg-blog-card:hover{\r\n  transform:translateY(-3px);\r\n  box-shadow:0 10px 28px rgba(55,25,30,.09);\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.lg-blog-image{\r\n  position:relative;\r\n  display:block;\r\n  height:100%;\r\n  min-height:145px;\r\n  overflow:hidden;\r\n}\r\n\r\n.lg-blog-image img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  transition:transform .5s ease;\r\n}\r\n\r\n.lg-blog-card:hover .lg-blog-image img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n\r\n\/* TAG *\/\r\n\r\n.lg-blog-tag{\r\n  position:absolute;\r\n  left:9px;\r\n  bottom:9px;\r\n  padding:5px 7px;\r\n  background:#ffffff;\r\n  color:#8f2345;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n.lg-blog-content{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:15px 16px;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.lg-blog-meta{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#9b8e91;\r\n  font-size:9px;\r\n  letter-spacing:.6px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.lg-blog-content h3{\r\n  margin:0 0 7px;\r\n  color:#30272a;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:16px;\r\n  line-height:1.2;\r\n  font-weight:500;\r\n}\r\n\r\n.lg-blog-content p{\r\n  margin:0 0 9px;\r\n  color:#766d70;\r\n  font-size:9.5px;\r\n  line-height:1.5;\r\n}\r\n\r\n.lg-blog-read{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:5px;\r\n  width:max-content;\r\n  color:#8f2345;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n}\r\n\r\n.lg-blog-read span{\r\n  font-size:14px;\r\n  transition:transform .2s ease;\r\n}\r\n\r\n.lg-blog-read:hover span{\r\n  transform:translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width:1100px){\r\n\r\n  .lg-blog-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .lg-blog-card:last-child{\r\n    grid-column:1 \/ -1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width:700px){\r\n\r\n  .lg-blog-pixel{\r\n    padding:25px 18px 28px;\r\n  }\r\n\r\n  .lg-blog-head{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n    gap:10px;\r\n    margin-bottom:16px;\r\n  }\r\n\r\n  .lg-blog-head h2{\r\n    font-size:24px;\r\n  }\r\n\r\n  .lg-blog-grid{\r\n    grid-template-columns:1fr;\r\n    gap:12px;\r\n  }\r\n\r\n  .lg-blog-card:last-child{\r\n    grid-column:auto;\r\n  }\r\n\r\n  .lg-blog-card{\r\n    grid-template-columns:38% 62%;\r\n    min-height:135px;\r\n  }\r\n\r\n  .lg-blog-image{\r\n    min-height:135px;\r\n  }\r\n\r\n  .lg-blog-content{\r\n    padding:13px;\r\n  }\r\n\r\n  .lg-blog-content h3{\r\n    font-size:15px;\r\n  }\r\n\r\n  .lg-blog-content p{\r\n    font-size:9px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca86482 e-con-full e-flex e-con e-parent\" data-id=\"ca86482\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c771ff7 elementor-widget elementor-widget-html\" data-id=\"c771ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-cta-pixel\">\r\n\r\n  <div class=\"lg-cta-inner\">\r\n\r\n    <div class=\"lg-cta-copy\">\r\n      <span class=\"lg-cta-eyebrow\">BUTUH BANTUAN?<\/span>\r\n\r\n      <h2>\r\n        Bingung Memilih Tanaman?\r\n        <em>Kami Siap Membantu.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Konsultasikan kebutuhan tanaman, ukuran, hingga cara\r\n        perawatannya bersama tim Lumma Garden.\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"lg-cta-actions\">\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/628XXXXXXXXXX\"\r\n        class=\"lg-cta-button\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n        <span class=\"lg-wa-icon\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M20.52 3.48A11.86 11.86 0 0 0 12.08 0C5.52 0 .18 5.34.18 11.9c0 2.1.55 4.15 1.6 5.96L.08 24l6.28-1.65a11.87 11.87 0 0 0 5.71 1.46h.01c6.56 0 11.9-5.34 11.9-11.9 0-3.18-1.24-6.17-3.46-8.43ZM12.08 21.82h-.01a9.88 9.88 0 0 1-5.03-1.38l-.36-.21-3.73.98 1-3.64-.23-.37a9.88 9.88 0 0 1-1.51-5.3c0-5.46 4.44-9.9 9.91-9.9 2.65 0 5.14 1.03 7.01 2.9a9.86 9.86 0 0 1 2.9 7.02c0 5.46-4.44 9.9-9.91 9.9Zm5.43-7.42c-.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.25-.46-2.38-1.47-.88-.79-1.47-1.76-1.64-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.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.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span>\r\n          Chat Admin WhatsApp\r\n          <small>Respon cepat untuk konsultasi<\/small>\r\n        <\/span>\r\n\r\n        <strong>\u2192<\/strong>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   LUMMA GARDEN \u2014 CTA WHATSAPP\r\n   ========================================= *\/\r\n\r\n.lg-cta-pixel{\r\n  width:100%;\r\n  background:#8f2345;\r\n  padding:28px 5vw;\r\n  box-sizing:border-box;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* subtle botanical glow *\/\r\n\r\n.lg-cta-pixel::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:330px;\r\n  height:330px;\r\n  right:-100px;\r\n  top:-150px;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:50%;\r\n}\r\n\r\n.lg-cta-pixel::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:220px;\r\n  height:220px;\r\n  right:35px;\r\n  bottom:-150px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* INNER *\/\r\n\r\n.lg-cta-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:40px;\r\n  width:100%;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.lg-cta-copy{\r\n  max-width:720px;\r\n}\r\n\r\n.lg-cta-eyebrow{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  color:#e9c8d2;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.lg-cta-copy h2{\r\n  margin:0 0 7px;\r\n  color:#ffffff;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:27px;\r\n  line-height:1.08;\r\n  font-weight:500;\r\n}\r\n\r\n.lg-cta-copy h2 em{\r\n  color:#f1d6dd;\r\n  font-style:italic;\r\n}\r\n\r\n.lg-cta-copy p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:10px;\r\n  line-height:1.55;\r\n  max-width:570px;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.lg-cta-actions{\r\n  flex-shrink:0;\r\n}\r\n\r\n.lg-cta-button{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  min-width:245px;\r\n  padding:11px 13px;\r\n  background:#ffffff;\r\n  color:#8f2345;\r\n  text-decoration:none;\r\n  box-sizing:border-box;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.lg-cta-button:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 25px rgba(30,10,15,.18);\r\n}\r\n\r\n\r\n\/* WHATSAPP ICON *\/\r\n\r\n.lg-wa-icon{\r\n  width:34px;\r\n  height:34px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#f7ecef;\r\n  border-radius:50%;\r\n  flex-shrink:0;\r\n}\r\n\r\n.lg-wa-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n  fill:#8f2345;\r\n}\r\n\r\n\r\n\/* BUTTON TEXT *\/\r\n\r\n.lg-cta-button > span:not(.lg-wa-icon){\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:2px;\r\n  flex:1;\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n.lg-cta-button small{\r\n  color:#9c858b;\r\n  font-size:8px;\r\n  font-weight:400;\r\n}\r\n\r\n.lg-cta-button strong{\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width:850px){\r\n\r\n  .lg-cta-inner{\r\n    gap:25px;\r\n  }\r\n\r\n  .lg-cta-copy h2{\r\n    font-size:24px;\r\n  }\r\n\r\n  .lg-cta-button{\r\n    min-width:220px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width:650px){\r\n\r\n  .lg-cta-pixel{\r\n    padding:27px 18px;\r\n  }\r\n\r\n  .lg-cta-inner{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:18px;\r\n  }\r\n\r\n  .lg-cta-copy{\r\n    max-width:none;\r\n  }\r\n\r\n  .lg-cta-copy h2{\r\n    font-size:23px;\r\n  }\r\n\r\n  .lg-cta-copy p{\r\n    font-size:10px;\r\n    max-width:100%;\r\n  }\r\n\r\n  .lg-cta-actions{\r\n    width:100%;\r\n  }\r\n\r\n  .lg-cta-button{\r\n    width:100%;\r\n    min-width:0;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ec246e e-con-full e-flex e-con e-parent\" data-id=\"6ec246e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4604b9 elementor-widget elementor-widget-html\" data-id=\"e4604b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lg-footer-pixel\">\r\n\r\n  <div class=\"lg-footer-main\">\r\n\r\n    <!-- BRAND -->\r\n    <div class=\"lg-footer-brand\">\r\n\r\n      <a href=\"#\" class=\"lg-footer-logo\">\r\n        Lumma <span>Garden<\/span>\r\n      <\/a>\r\n\r\n      <p>\r\n        Membawa sedikit keindahan alam ke rumah Anda.\r\n        Temukan tanaman pilihan untuk membuat ruang terasa\r\n        lebih hidup dan indah.\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"https:\/\/wa.me\/628XXXXXXXXXX\"\r\n        class=\"lg-footer-wa\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n        <span>Chat WhatsApp<\/span>\r\n        <strong>\u2192<\/strong>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- NAVIGATION -->\r\n    <div class=\"lg-footer-column\">\r\n\r\n      <h4>NAVIGASI<\/h4>\r\n\r\n      <a href=\"#\">Home<\/a>\r\n      <a href=\"#\">Produk<\/a>\r\n      <a href=\"#\">Tentang Kami<\/a>\r\n      <a href=\"#\">Artikel<\/a>\r\n      <a href=\"#\">Kontak<\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PRODUCTS -->\r\n    <div class=\"lg-footer-column\">\r\n\r\n      <h4>KATEGORI<\/h4>\r\n\r\n      <a href=\"#\">Bougenville<\/a>\r\n      <a href=\"#\">Tanaman Hias<\/a>\r\n      <a href=\"#\">Tanaman Outdoor<\/a>\r\n      <a href=\"#\">Pot & Media Tanam<\/a>\r\n      <a href=\"#\">Koleksi Pilihan<\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTACT -->\r\n    <div class=\"lg-footer-column lg-footer-contact\">\r\n\r\n      <h4>HUBUNGI KAMI<\/h4>\r\n\r\n      <div class=\"lg-footer-contact-item\">\r\n        <span class=\"lg-contact-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2C7.59 2 4 5.59 4 10c0 5.5 8 12 8 12s8-6.5 8-12c0-4.41-3.59-8-8-8Zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span>\r\n          Bali, Indonesia\r\n        <\/span>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"lg-footer-contact-item\">\r\n\r\n        <span class=\"lg-contact-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.61 21 3 13.39 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span>\r\n          +62 812 3456 7890\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"lg-footer-contact-item\">\r\n\r\n        <span class=\"lg-contact-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm0 4-8 5-8-5V6l8 5 8-5v2Z\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n\r\n        <span>\r\n          hello@lummagarden.com\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SOCIAL -->\r\n\r\n      <div class=\"lg-footer-social\">\r\n\r\n        <a href=\"#\" aria-label=\"Instagram\">\r\n          IG\r\n        <\/a>\r\n\r\n        <a href=\"#\" aria-label=\"Facebook\">\r\n          FB\r\n        <\/a>\r\n\r\n        <a href=\"#\" aria-label=\"TikTok\">\r\n          TK\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- BOTTOM -->\r\n\r\n  <div class=\"lg-footer-bottom\">\r\n\r\n    <span>\r\n      \u00a9 2026 Lumma Garden. All Rights Reserved.\r\n    <\/span>\r\n\r\n    <div class=\"lg-footer-bottom-links\">\r\n      <a href=\"#\">Privacy Policy<\/a>\r\n      <a href=\"#\">Terms & Conditions<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   LUMMA GARDEN \u2014 FOOTER\r\n   ========================================= *\/\r\n\r\n.lg-footer-pixel{\r\n  width:100%;\r\n  background:#292225;\r\n  color:#ffffff;\r\n  padding:38px 5vw 0;\r\n  box-sizing:border-box;\r\n  font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN FOOTER\r\n   ========================================= *\/\r\n\r\n.lg-footer-main{\r\n  display:grid;\r\n  grid-template-columns:2fr 1fr 1.25fr 1.55fr;\r\n  gap:55px;\r\n  padding-bottom:32px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BRAND\r\n   ========================================= *\/\r\n\r\n.lg-footer-brand{\r\n  max-width:330px;\r\n}\r\n\r\n.lg-footer-logo{\r\n  display:inline-block;\r\n  margin-bottom:12px;\r\n  color:#ffffff;\r\n  font-family:Georgia, \"Times New Roman\", serif;\r\n  font-size:27px;\r\n  line-height:1;\r\n  font-weight:500;\r\n  text-decoration:none;\r\n}\r\n\r\n.lg-footer-logo span{\r\n  color:#d99aa9;\r\n  font-style:italic;\r\n}\r\n\r\n.lg-footer-brand p{\r\n  margin:0 0 17px;\r\n  color:rgba(255,255,255,.58);\r\n  font-size:10px;\r\n  line-height:1.7;\r\n  max-width:290px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   WHATSAPP\r\n   ========================================= *\/\r\n\r\n.lg-footer-wa{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  padding:9px 13px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  color:#ffffff;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  transition:\r\n    background .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n.lg-footer-wa strong{\r\n  color:#d99aa9;\r\n  font-size:15px;\r\n  font-weight:400;\r\n}\r\n\r\n.lg-footer-wa:hover{\r\n  background:rgba(255,255,255,.06);\r\n  border-color:rgba(255,255,255,.35);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   COLUMNS\r\n   ========================================= *\/\r\n\r\n.lg-footer-column{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.lg-footer-column h4{\r\n  margin:0 0 13px;\r\n  color:#d99aa9;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:1.7px;\r\n}\r\n\r\n.lg-footer-column a{\r\n  width:max-content;\r\n  margin-bottom:8px;\r\n  color:rgba(255,255,255,.58);\r\n  font-size:9.5px;\r\n  line-height:1.3;\r\n  text-decoration:none;\r\n  transition:\r\n    color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.lg-footer-column a:hover{\r\n  color:#ffffff;\r\n  transform:translateX(2px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTACT\r\n   ========================================= *\/\r\n\r\n.lg-footer-contact-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-bottom:9px;\r\n  color:rgba(255,255,255,.58);\r\n  font-size:9.5px;\r\n  line-height:1.4;\r\n}\r\n\r\n.lg-contact-icon{\r\n  width:16px;\r\n  height:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-shrink:0;\r\n}\r\n\r\n.lg-contact-icon svg{\r\n  width:13px;\r\n  height:13px;\r\n  fill:#d99aa9;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SOCIAL\r\n   ========================================= *\/\r\n\r\n.lg-footer-social{\r\n  display:flex;\r\n  gap:7px;\r\n  margin-top:5px;\r\n}\r\n\r\n.lg-footer-social a{\r\n  width:25px;\r\n  height:25px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin:0;\r\n  border:1px solid rgba(255,255,255,.16);\r\n  color:rgba(255,255,255,.68);\r\n  font-size:7px;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease;\r\n}\r\n\r\n.lg-footer-social a:hover{\r\n  background:#8f2345;\r\n  color:#ffffff;\r\n  transform:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOTTOM\r\n   ========================================= *\/\r\n\r\n.lg-footer-bottom{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  padding:15px 0;\r\n  border-top:1px solid rgba(255,255,255,.09);\r\n  color:rgba(255,255,255,.38);\r\n  font-size:8px;\r\n}\r\n\r\n.lg-footer-bottom-links{\r\n  display:flex;\r\n  gap:18px;\r\n}\r\n\r\n.lg-footer-bottom-links a{\r\n  color:rgba(255,255,255,.38);\r\n  text-decoration:none;\r\n  transition:color .2s ease;\r\n}\r\n\r\n.lg-footer-bottom-links a:hover{\r\n  color:#ffffff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n   ========================================= *\/\r\n\r\n@media (max-width:950px){\r\n\r\n  .lg-footer-main{\r\n    grid-template-columns:1.6fr 1fr 1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  .lg-footer-brand{\r\n    grid-column:1 \/ -1;\r\n    max-width:500px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   ========================================= *\/\r\n\r\n@media (max-width:650px){\r\n\r\n  .lg-footer-pixel{\r\n    padding:32px 18px 0;\r\n  }\r\n\r\n  .lg-footer-main{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:28px 22px;\r\n    padding-bottom:25px;\r\n  }\r\n\r\n  .lg-footer-brand{\r\n    grid-column:1 \/ -1;\r\n  }\r\n\r\n  .lg-footer-logo{\r\n    font-size:25px;\r\n  }\r\n\r\n  .lg-footer-bottom{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:8px;\r\n    padding:14px 0;\r\n  }\r\n\r\n  .lg-footer-bottom-links{\r\n    gap:12px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width:420px){\r\n\r\n  .lg-footer-main{\r\n    grid-template-columns:1fr;\r\n    gap:23px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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>TANAMAN, KEINDAHAN, KEHIDUPAN Hadirkan Keindahan Alam di Setiap Sudut Rumah Lumma Garden menyediakan berbagai koleksi tanaman hias berkualitas untuk mempercantik [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":27,"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/lumma.regalivillabali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}