{"product_id":"sybasoil-perlite3lt","title":"Sybasoil Perlite 3lt (2-6mm)","description":"\u003c!-- HYDROCULTURE MOBILE POP — exact match to old FX (works for FX + GLX) --\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  :root{ --brand:#074635 }\n\n  @media (max-width:720px){\n    \/* FX sections *\/\n    .fx-wrap .fx-head,\n    .fx-wrap .dose-card,\n    .fx-wrap .box,\n    .fx-wrap .table,\n    .fx-wrap .band,\n    .fx-wrap details.fx-faq,\n    \/* GLX equivalents *\/\n    .glx-wrap .glx-hero,\n    .glx-wrap .glx-card,\n    .glx-wrap .glx-box,\n    .glx-wrap .glx-table-wrap,\n    .glx-wrap details.glx-dis{\n      background:#fff !important;\n      border-left:4px solid var(--brand) !important;\n      box-shadow:0 1px 0 rgba(16,39,27,.05) !important;\n    }\n\n    \/* don't pop container wrappers *\/\n    .fx-wrap .fx-grid,\n    .fx-wrap .fx-dose,\n    .fx-wrap .fx-steps,\n    .fx-wrap .fx-tables,\n    .fx-wrap .fx-bands,\n    .fx-wrap .fx-pills,\n    .fx-wrap .fx-cta,\n    .glx-wrap .glx-grid,\n    .glx-wrap .glx-benefits,\n    .glx-wrap .glx-cta-row,\n    .glx-wrap .glx-badges{\n      background:transparent !important;\n      border:0 !important;\n      box-shadow:none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  \/* ====== Theme ====== *\/\n  :root{\n    --brand:#074635;\n    --brand-contrast:#ffffff;\n    --border:#e7ece9;\n    --card-bg:#ffffff;\n    --page-bg:#f5f7f6;\n    --muted:#3b584a;\n    --text:#0f2a1d;\n  }\n\n  \/* ====== Global layout ====== *\/\n  body{margin:0;background:var(--page-bg);}\n  .glx-wrap{font-family:\"Segoe UI\",Arial,sans-serif;color:var(--text);line-height:1.6;font-size:16px;max-width:820px;margin:0 auto;padding:16px}\n  .glx-hero{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#fafcfb}\n  .glx-title{font-size:22px;font-weight:800;margin:0;color:#10271b}\n  .glx-sub{color:var(--muted);margin-top:2px}\n  .glx-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}\n  .glx-badge{font-size:12px;border:1px solid #dfe7e3;border-radius:999px;padding:6px 10px;background:#fff}\n\n  \/* CTA row (single CTA) *\/\n  .glx-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}\n  .glx-btn{display:inline-block;text-align:center;padding:10px 14px;border-radius:8px;font-weight:700;text-decoration:none}\n  .glx-btn--alt{background:var(--brand);color:var(--brand-contrast);border:1px solid var(--brand);transition:filter .2s ease, transform .02s ease}\n  .glx-btn--alt:hover{filter:brightness(0.93)}\n  .glx-btn--alt:active{transform:translateY(1px)}\n  .glx-btn:focus-visible{outline:2px solid rgba(7,70,53,.45);outline-offset:2px}\n\n  \/* Benefits *\/\n  .glx-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}\n  .glx-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff}\n  .glx-card h4{margin:0 0 6px 0;font-size:14px;color:#153b2a}\n  .glx-card p{margin:0;color:#243f33;font-size:14px}\n\n  \/* Table (base) *\/\n  .glx-table-wrap{display:flex;justify-content:center;margin:26px auto 10px}\n  .glx-table{width:100%;max-width:720px;border-collapse:collapse;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background:#fff}\n  .glx-table th,.glx-table td{padding:12px 0;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top}\n  .glx-table th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#3b4a42}\n  .glx-table th:first-child,.glx-table td:first-child{text-align:center;font-weight:600}\n  .glx-table td:nth-child(2){text-align:left}\n\n  \/* ====== Narrow, centered “card” around the table (desktop\/tablet) ====== *\/\n  @media (min-width:721px){\n    .glx-table-wrap{\n      max-width:720px;\n      margin:26px auto 10px;\n      border:1px solid rgba(0,0,0,0.06);\n      border-radius:12px;\n      background:#fff;\n      overflow:hidden;\n      box-shadow:0 1px 3px rgba(0,0,0,0.04);\n      padding:0 0;\n    }\n    .glx-table{max-width:none;width:100%;border-top:none;border-bottom:none}\n    .glx-table tr:last-child td{border-bottom:0}\n    @media (hover:hover){\n      .glx-table tbody tr:hover td{background:#fafcfb}\n    }\n  }\n\n  \/* Two columns (WITH divider) *\/\n  .glx-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}\n  .glx-grid.glx-split\u003e.glx-box:nth-child(2){border-left:1px solid var(--border);padding-left:16px}\n  .glx-box{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fafcfb}\n  .glx-box h3{margin:0 0 8px 0;font-size:15px;color:#153b2a}\n  .glx-list{margin:0;padding-left:18px}\n  .glx-list li{margin:6px 0}\n\n  \/* Details *\/\n  details.glx-dis{border:1px solid var(--border);border-radius:10px;padding:12px;background:#fff;margin:10px 0}\n  details.glx-dis\u003esummary{cursor:pointer;font-weight:700;list-style:none}\n  details.glx-dis\u003esummary::-webkit-details-marker{display:none}\n  details.glx-dis\u003esummary:after{content:\"▸\";margin-left:6px}\n  details.glx-dis[open]\u003esummary:after{content:\"▾\"}\n\n  \/* No sticky CTA on mobile *\/\n  .glx-sticky-ctas{display:none !important;}\n\n  \/* ====== Mobile-only: section cards \u0026 emphasis ====== *\/\n  @media (max-width:720px){\n    .glx-wrap { font-size:15px; }\n    .glx-hero{padding:12px 12px}\n    .glx-cta-row .glx-btn{width:100%}\n\n    .glx-hero,\n    .glx-benefits,\n    .glx-table-wrap,\n    .glx-grid,\n    details.glx-dis {\n      background:#ffffff;\n      border-left:4px solid var(--brand);\n      border:1px solid var(--border);\n      border-radius:12px;\n      padding:12px;\n      margin:14px 8px;\n      box-shadow:0 1px 0 rgba(16,39,27,0.05);\n    }\n\n    .glx-table-wrap{margin:26px 8px 10px}\n    .glx-table th,.glx-table td{padding:10px 10px}\n\n    details[mobile-scroll] summary + p{max-height:180px;overflow-y:auto;padding-right:5px}\n  }\n\n  @media (max-width:480px){\n    .glx-grid{grid-template-columns:1fr}\n    .glx-grid.glx-split\u003e.glx-box:nth-child(2){\n      border-left:none;padding-left:12px;border-top:1px solid var(--border);margin-top:8px;padding-top:12px;\n    }\n  }\n\u003c\/style\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glx-wrap\"\u003e\u003c!-- HERO --\u003e\n\u003csection class=\"glx-hero\"\u003e\n\u003ch1 class=\"glx-title\"\u003eSybasoil Perlite\u003c\/h1\u003e\n\u003cp class=\"glx-sub\"\u003eVolcanic perlite, heat-expanded for maximum aeration. These bright, ultra-light “pearls” boost drainage and reduce how long water sits in the mix—ideal for plants that prefer drying out between waterings. \u003cbr\u003e\u003cstrong\u003ePack size:\u003c\/strong\u003e 3 liters.\u003c\/p\u003e\n\u003cdiv class=\"glx-badges\"\u003e\u003cspan class=\"glx-badge\"\u003e🌋 Volcanic glass\u003c\/span\u003e \u003cspan class=\"glx-badge\"\u003e🌬️ Root aeration\u003c\/span\u003e \u003cspan class=\"glx-badge\"\u003e💧 Fast drainage\u003c\/span\u003e \u003cspan class=\"glx-badge\"\u003e⚖️ Neutral pH\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- Single CTA (same tab; UPDATED link; no rel=\"noopener\") --\u003e\n\u003cdiv aria-label=\"Navigation options\" class=\"glx-cta-row\"\u003e\u003ca class=\"glx-btn glx-btn--alt\" href=\"https:\/\/green-leaf.gr\/en-eu\/pages\/en-plant-search\"\u003e Not sure which mix your plant needs? Find it here → \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"glx-benefits\"\u003e\n\u003cdiv class=\"glx-card\"\u003e\n\u003ch4\u003eRoot aeration\u003c\/h4\u003e\n\u003cp\u003eCreates the oxygen-rich conditions roots love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glx-card\"\u003e\n\u003ch4\u003eLower water retention\u003c\/h4\u003e\n\u003cp\u003eMore drainage, fewer root-rot issues from soggy mixes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glx-card\"\u003e\n\u003ch4\u003eNeutral \u0026amp; lightweight\u003c\/h4\u003e\n\u003cp\u003eDoesn’t shift pH and keeps mixes lighter overall.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SPEC TABLE (narrow card on desktop; full width on mobile) --\u003e\n\u003csection aria-label=\"Properties \/ Uses\" class=\"glx-table-wrap\" id=\"mix-details\"\u003e\n\u003ctable class=\"glx-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eProperty\u003c\/th\u003e\n\u003cth\u003eDescription\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eHeat-expanded volcanic glass\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eColor\u003c\/td\u003e\n\u003ctd\u003eWhite — matte pearly finish\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStructure\u003c\/td\u003e\n\u003ctd\u003eHighly porous, ultra-light, low water retention\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003epH\u003c\/td\u003e\n\u003ctd\u003eNeutral (7–7.5)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFunction\u003c\/td\u003e\n\u003ctd\u003eImproves drainage, aerates roots, reduces rot risk\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eUses\u003c\/td\u003e\n\u003ctd\u003eHouseplant mixes, succulents, cacti, semi-hydro blends\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- WHY \/ HOW --\u003e\n\u003csection class=\"glx-grid glx-split\"\u003e\n\u003cdiv class=\"glx-box\"\u003e\n\u003ch3\u003eWhy use Perlite\u003c\/h3\u003e\n\u003cul class=\"glx-list\"\u003e\n\u003cli\u003e\u003cstrong\u003eOpens air pockets:\u003c\/strong\u003e better root “breathing”.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eReliable drainage:\u003c\/strong\u003e fewer water “pockets” in the substrate.\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eNeutral pH:\u003c\/strong\u003e compatible with most mixes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"glx-box\"\u003e\n\u003ch3\u003eHow to use\u003c\/h3\u003e\n\u003col class=\"glx-list\"\u003e\n\u003cli\u003eAdd \u003cstrong\u003e10–30%\u003c\/strong\u003e perlite to your substrate.\u003c\/li\u003e\n\u003cli\u003eMix thoroughly for even distribution.\u003c\/li\u003e\n\u003cli\u003eLightly mist first or wear a mask to reduce dust exposure.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ (closed by default) --\u003e\u003cdetails class=\"glx-dis\"\u003e\n\u003csummary\u003e💧 Will it hold a lot of water?\u003c\/summary\u003e\n\u003cp style=\"margin-top: 10px;\"\u003eNo—perlite has low water retention and is mainly used to improve drainage.\u003c\/p\u003e\n\u003c\/details\u003e\u003cdetails class=\"glx-dis\"\u003e\n\u003csummary\u003e🧪 Does it change pH?\u003c\/summary\u003e\n\u003cp style=\"margin-top: 10px;\"\u003eIt stays neutral at pH 7–7.5 and won’t alter substrate acidity.\u003c\/p\u003e\n\u003c\/details\u003e\u003cdetails class=\"glx-dis\"\u003e\n\u003csummary\u003e🪵 Is it suitable for all plants?\u003c\/summary\u003e\n\u003cp style=\"margin-top: 10px;\"\u003eYes—especially useful for species that need strong root aeration.\u003c\/p\u003e\n\u003c\/details\u003e\u003c!-- NOTE --\u003e\u003cdetails class=\"glx-dis\"\u003e\n\u003csummary\u003e🔎 Note\u003c\/summary\u003e\n\u003cp style=\"margin-top: 10px;\"\u003ePerlite can produce dust while handling—lightly dampen it first or use a mask.\u003c\/p\u003e\n\u003c\/details\u003e\u003c\/div\u003e\n\u003c!-- No sticky CTA on mobile --\u003e\n\u003cdiv style=\"display: none;\" class=\"glx-sticky-ctas\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"OEM","offers":[{"title":"Default Title","offer_id":56666841973084,"sku":"49966413414727","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2962\/3312\/files\/Sybasoil-Perlite-3lt-_2-6mm.jpg?v=1770453244","url":"https:\/\/green-leaf.gr\/en-eu\/products\/sybasoil-perlite3lten","provider":"Greenleaf Garden Center","version":"1.0","type":"link"}