{"product_id":"bioceline-bio-collagen-real-deep-mask","title":"Bioceline Bio Collagen Real Deep Mask","description":"\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\nconst target=\ndocument.querySelector(\".product__description\")||\ndocument.querySelector(\".rte\");\n\nif(!target)return;\n\ntarget.innerHTML=`\n\n\u003cdiv class=\"bioPD\"\u003e\n\n  \u003cdiv class=\"bioPD-head\"\u003e\n    \u003cspan\u003eBIOCELINE BAKIM REHBERİ\u003c\/span\u003e\n    \u003ch2\u003eÜrün Detayları\u003c\/h2\u003e\n    \u003cp\u003eFormül, bakım özellikleri, kullanım ve ürün hakkında tüm detaylar.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- ÜRÜN İÇERİĞİ --\u003e\n  \u003cdiv class=\"bioPD-item active\"\u003e\n\n    \u003cbutton class=\"bioPD-btn\" type=\"button\"\u003e\n\n      \u003cspan class=\"bioPD-left\"\u003e\n        \u003cspan class=\"bioPD-icon\"\u003e✦\u003c\/span\u003e\n\n        \u003cspan class=\"bioPD-title\"\u003e\n          \u003csmall\u003eFORMÜL\u003c\/small\u003e\n          \u003cstrong\u003eÜrün İçeriği\u003c\/strong\u003e\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cspan class=\"bioPD-plus\"\u003e\u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n\n    \u003cdiv class=\"bioPD-panel\"\u003e\n      \u003cdiv class=\"bioPD-inner\"\u003e\n\n        \u003cdiv class=\"bioPD-feature\"\u003e\n\n          \u003cspan class=\"bioPD-heart\"\u003e♡\u003c\/span\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003e243 Da Kolajen \u0026amp; Hiyalüronik Asit\u003c\/strong\u003e\n\n            \u003cp\u003e\n              Ultra düşük molekül ağırlıklı kolajen ve hiyalüronik asit\n              içeren bakım formülü.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003ch3\u003eİçindekiler (INCI)\u003c\/h3\u003e\n\n        \u003cdiv class=\"bioPD-inci\"\u003e\n          Water, Galactomyces Ferment Filtrate, Glycerin,\n          Acrylates Copolymer, Niacinamide,\n          Ceratonia Siliqua (Carob) Gum, Collagen Extract,\n          Hydrolyzed Hyaluronic Acid, Betaine, Allantoin,\n          Adenosine, Lactobacillus Ferment Lysate,\n          Lactobacillus Ferment, Bifida Ferment Filtrate,\n          Chondrus Crispus Extract, Algin, Dipropylene Glycol,\n          Agar, Hydroxyacetophenone, 1,2-Hexanediol,\n          Polyglyceryl-10 Laurate, Caprylyl Glycol, Sucrose,\n          Butylene Glycol, Disodium EDTA,\n          Rosa Damascena Flower Water,\n          Pyrus Communis (Pear) Fruit Extract,\n          Iris Florentina Root Extract,\n          Hedera Helix (Ivy) Leaf\/Stem Extract,\n          Cucumis Melo (Melon) Fruit Extract,\n          Ethylhexylglycerin, Dipotassium Glycyrrhizate,\n          Tocopherol.\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bioPD-tech\"\u003e\n\n          \u003cstrong\u003eFormül Detayları\u003c\/strong\u003e\n\n          \u003cp\u003e\n            Water \u003cb\u003e76.8%\u003c\/b\u003e ·\n            Galactomyces Ferment Filtrate \u003cb\u003e2%\u003c\/b\u003e ·\n            Glycerin \u003cb\u003e5%\u003c\/b\u003e ·\n            Acrylates Copolymer \u003cb\u003e0.5%\u003c\/b\u003e ·\n            Niacinamide \u003cb\u003e3%\u003c\/b\u003e ·\n            Ceratonia Siliqua Gum \u003cb\u003e0.25%\u003c\/b\u003e ·\n            Collagen Extract \u003cb\u003e0.2%\u003c\/b\u003e ·\n            Hydrolyzed Hyaluronic Acid \u003cb\u003e0.11%\u003c\/b\u003e ·\n            Betaine \u003cb\u003e0.5%\u003c\/b\u003e ·\n            Allantoin \u003cb\u003e0.11%\u003c\/b\u003e ·\n            Adenosine \u003cb\u003e0.3%\u003c\/b\u003e ·\n            Lactobacillus Ferment Lysate \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Lactobacillus Ferment \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Bifida Ferment Filtrate \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Chondrus Crispus Extract \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Algin \u003cb\u003e0.5%\u003c\/b\u003e ·\n            Dipropylene Glycol \u003cb\u003e2%\u003c\/b\u003e ·\n            Agar \u003cb\u003e0.5%\u003c\/b\u003e ·\n            Hydroxyacetophenone \u003cb\u003e0.5%\u003c\/b\u003e ·\n            1,2-Hexanediol \u003cb\u003e0.5%\u003c\/b\u003e ·\n            Polyglyceryl-10 Laurate \u003cb\u003e0.8%\u003c\/b\u003e ·\n            Caprylyl Glycol \u003cb\u003e0.05%\u003c\/b\u003e ·\n            Sucrose \u003cb\u003e0.2%\u003c\/b\u003e ·\n            Butylene Glycol \u003cb\u003e3%\u003c\/b\u003e ·\n            Disodium EDTA \u003cb\u003e0.05%\u003c\/b\u003e ·\n            Rosa Damascena Flower Water \u003cb\u003e2%\u003c\/b\u003e ·\n            Pyrus Communis Fruit Extract \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Iris Florentina Root Extract \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Hedera Helix Leaf\/Stem Extract \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Cucumis Melo Fruit Extract \u003cb\u003e0.01%\u003c\/b\u003e ·\n            Ethylhexylglycerin \u003cb\u003e0.05%\u003c\/b\u003e ·\n            Dipotassium Glycyrrhizate \u003cb\u003e0.2%\u003c\/b\u003e ·\n            Tocopherol \u003cb\u003e0.3%\u003c\/b\u003e.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ÜRÜN ÖZELLİKLERİ --\u003e\n  \u003cdiv class=\"bioPD-item\"\u003e\n\n    \u003cbutton class=\"bioPD-btn\" type=\"button\"\u003e\n\n      \u003cspan class=\"bioPD-left\"\u003e\n        \u003cspan class=\"bioPD-icon\"\u003e◇\u003c\/span\u003e\n\n        \u003cspan class=\"bioPD-title\"\u003e\n          \u003csmall\u003eBAKIM ETKİSİ\u003c\/small\u003e\n          \u003cstrong\u003eÜrün Özellikleri\u003c\/strong\u003e\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cspan class=\"bioPD-plus\"\u003e\u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n\n    \u003cdiv class=\"bioPD-panel\"\u003e\n      \u003cdiv class=\"bioPD-inner\"\u003e\n\n        \u003cp\u003e\n          Cildin nemlenmesine, elastikiyetinin artmasına ve gözenek\n          görünümünün azalmasına yardımcı olarak daha sıkı ve canlı\n          bir cilt görünümünü destekler.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          \u003cstrong\u003e243 Da ultra düşük molekül ağırlıklı kolajen ve\n          hiyalüronik asit içerir.\u003c\/strong\u003e Cildin daha pürüzsüz ve\n          elastik görünmesine yardımcı olur.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"bioPD-benefits\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cstrong\u003eNem Desteği\u003c\/strong\u003e\n            \u003cp\u003eCildin nemli ve bakımlı görünümünü destekler.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cstrong\u003eElastik Görünüm\u003c\/strong\u003e\n            \u003cp\u003eDaha pürüzsüz ve elastik bir görünümü destekler.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cstrong\u003eCanlı Görünüm\u003c\/strong\u003e\n            \u003cp\u003eDaha sıkı ve canlı bir cilt görünümüne yardımcı olur.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- KULLANIM --\u003e\n  \u003cdiv class=\"bioPD-item\"\u003e\n\n    \u003cbutton class=\"bioPD-btn\" type=\"button\"\u003e\n\n      \u003cspan class=\"bioPD-left\"\u003e\n        \u003cspan class=\"bioPD-icon\"\u003e◌\u003c\/span\u003e\n\n        \u003cspan class=\"bioPD-title\"\u003e\n          \u003csmall\u003eBAKIM RİTÜELİ\u003c\/small\u003e\n          \u003cstrong\u003eNasıl Kullanılır?\u003c\/strong\u003e\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cspan class=\"bioPD-plus\"\u003e\u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n\n    \u003cdiv class=\"bioPD-panel\"\u003e\n      \u003cdiv class=\"bioPD-inner\"\u003e\n\n        \u003cdiv class=\"bioPD-step\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cp\u003e\n            Cilt bakım rutininizi tamamladıktan sonra maskenin\n            koruyucu filmini çıkarın.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bioPD-step\"\u003e\n          \u003cspan\u003e2\u003c\/span\u003e\n          \u003cp\u003e\n            Maskeyi yüzünüze dikkatlice uygulayın ve cildinize\n            nazikçe oturtun.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bioPD-step\"\u003e\n          \u003cspan\u003e3\u003c\/span\u003e\n          \u003cp\u003e\n            Maske tamamen şeffaflaşana kadar bekleyin,\n            ardından nazikçe çıkarın.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bioPD-tip\"\u003e\n\n          \u003cstrong\u003e✦ Bioceline İpucu\u003c\/strong\u003e\n\n          \u003cp\u003e\n            Daha yoğun bir bakım için gece maskesi olarak\n            kullanabilir veya en az \u003cb\u003e3 saat\u003c\/b\u003e boyunca\n            cildinizde bırakabilirsiniz.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- UYARILAR --\u003e\n  \u003cdiv class=\"bioPD-item\"\u003e\n\n    \u003cbutton class=\"bioPD-btn\" type=\"button\"\u003e\n\n      \u003cspan class=\"bioPD-left\"\u003e\n        \u003cspan class=\"bioPD-icon\"\u003e!\u003c\/span\u003e\n\n        \u003cspan class=\"bioPD-title\"\u003e\n          \u003csmall\u003eBİLGİLENDİRME\u003c\/small\u003e\n          \u003cstrong\u003eUyarılar \u0026amp; Saklama\u003c\/strong\u003e\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cspan class=\"bioPD-plus\"\u003e\u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n\n    \u003cdiv class=\"bioPD-panel\"\u003e\n      \u003cdiv class=\"bioPD-inner\"\u003e\n\n        \u003cp\u003e\n          Kullanım sırasında veya sonrasında, özellikle doğrudan\n          güneş ışığına maruz kalındığında uygulama bölgesinde\n          kızarıklık, şişlik veya benzeri anormal belirtiler\n          görülmesi durumunda kullanımı durdurunuz ve bir uzmana\n          danışınız.\n        \u003c\/p\u003e\n\n        \u003cul class=\"bioPD-warning\"\u003e\n          \u003cli\u003eYaralı veya tahriş olmuş cilt üzerinde kullanmayınız.\u003c\/li\u003e\n          \u003cli\u003eÇocukların ulaşamayacağı yerde saklayınız.\u003c\/li\u003e\n          \u003cli\u003eDoğrudan güneş ışığından uzak tutunuz.\u003c\/li\u003e\n          \u003cli\u003eUygun saklama koşullarında muhafaza ediniz.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- EK BİLGİLER --\u003e\n  \u003cdiv class=\"bioPD-item\"\u003e\n\n    \u003cbutton class=\"bioPD-btn\" type=\"button\"\u003e\n\n      \u003cspan class=\"bioPD-left\"\u003e\n        \u003cspan class=\"bioPD-icon\"\u003e♡\u003c\/span\u003e\n\n        \u003cspan class=\"bioPD-title\"\u003e\n          \u003csmall\u003eALIŞVERİŞ BİLGİSİ\u003c\/small\u003e\n          \u003cstrong\u003eEk Bilgiler\u003c\/strong\u003e\n        \u003c\/span\u003e\n      \u003c\/span\u003e\n\n      \u003cspan class=\"bioPD-plus\"\u003e\u003c\/span\u003e\n\n    \u003c\/button\u003e\n\n\n    \u003cdiv class=\"bioPD-panel\"\u003e\n      \u003cdiv class=\"bioPD-inner\"\u003e\n\n        \u003cdiv class=\"bioPD-info\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cp\u003e\n              Bu ürün \u003cstrong\u003eBioceline\u003c\/strong\u003e tarafından\n              gönderilmektedir.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            \u003cp\u003e\n              Siparişiniz özenle hazırlanarak gönderilir.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cp\u003e\n              Ürün ve sipariş süreçleriyle ilgili sorularınız için\n              bizimle iletişime geçebilirsiniz.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n`;\n\n\n\/* =========================================\n   BIOCELINE CSS\n========================================= *\/\n\nconst style=document.createElement(\"style\");\n\nstyle.textContent=`\n\n.bioPD{\n  --pink:#fbf3f1;\n  --rose:#ad6654;\n  --rose2:#c98779;\n  --text:#302c3b;\n  --body:#716970;\n\n  width:100%;\n  max-width:900px;\n  margin:20px auto 35px;\n}\n\n\n\/* HEADER *\/\n\n.bioPD-head{\n  text-align:center;\n  padding:22px 15px 28px;\n}\n\n.bioPD-head\u003espan{\n  display:block;\n  margin-bottom:8px;\n\n  color:var(--rose);\n\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.22em;\n}\n\n.bioPD-head h2{\n  margin:0 0 9px!important;\n\n  color:var(--text)!important;\n\n  font-size:clamp(28px,4vw,40px)!important;\n  line-height:1.1;\n  letter-spacing:-.025em;\n}\n\n.bioPD-head p{\n  max-width:560px;\n  margin:auto!important;\n\n  color:#887b80;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* CARDS *\/\n\n.bioPD-item{\n  margin-bottom:12px;\n  overflow:hidden;\n\n  border-radius:20px;\n\n  background:rgba(255,255,255,.56);\n\n  border:1px solid rgba(173,102,84,.13);\n\n  box-shadow:\n    0 10px 30px rgba(83,55,58,.045);\n\n  transition:.3s ease;\n}\n\n.bioPD-item.active{\n  border-color:rgba(173,102,84,.25);\n\n  box-shadow:\n    0 15px 38px rgba(83,55,58,.07);\n}\n\n\n\/* BUTTON *\/\n\n.bioPD-btn{\n  width:100%;\n  min-height:78px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  padding:16px 20px;\n\n  border:0;\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\n\n  text-align:left;\n  font:inherit;\n}\n\n.bioPD-left{\n  display:flex;\n  align-items:center;\n  gap:14px;\n}\n\n\n\/* ICON *\/\n\n.bioPD-icon{\n  width:43px;\n  height:43px;\n\n  flex:0 0 43px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  color:var(--rose);\n\n  font-size:18px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #fff9f7,\n      #f4ddd9\n    );\n\n  border:\n    1px solid rgba(173,102,84,.12);\n}\n\n\n\/* TITLES *\/\n\n.bioPD-title{\n  display:flex;\n  flex-direction:column;\n  gap:3px;\n}\n\n.bioPD-title small{\n  color:var(--rose);\n\n  font-size:9px;\n  font-weight:700;\n\n  letter-spacing:.18em;\n}\n\n.bioPD-title strong{\n  color:var(--text);\n\n  font-size:17px;\n  font-weight:700;\n\n  line-height:1.25;\n}\n\n\n\/* PLUS *\/\n\n.bioPD-plus{\n  position:relative;\n\n  width:34px;\n  height:34px;\n\n  flex:0 0 34px;\n\n  border-radius:50%;\n\n  background:#faece9;\n\n  transition:.3s ease;\n}\n\n.bioPD-plus:before,\n.bioPD-plus:after{\n  content:\"\";\n\n  position:absolute;\n\n  top:50%;\n  left:50%;\n\n  width:12px;\n  height:1.5px;\n\n  background:var(--rose);\n\n  border-radius:10px;\n\n  transform:translate(-50%,-50%);\n\n  transition:.3s ease;\n}\n\n.bioPD-plus:after{\n  transform:\n    translate(-50%,-50%)\n    rotate(90deg);\n}\n\n.bioPD-item.active .bioPD-plus{\n  transform:rotate(180deg);\n\n  background:#f2d8d4;\n}\n\n.bioPD-item.active .bioPD-plus:after{\n  transform:\n    translate(-50%,-50%)\n    rotate(0);\n}\n\n\n\/* OPEN CLOSE *\/\n\n.bioPD-panel{\n  display:grid;\n\n  grid-template-rows:0fr;\n\n  transition:\n    grid-template-rows\n    .38s cubic-bezier(.4,0,.2,1);\n}\n\n.bioPD-item.active .bioPD-panel{\n  grid-template-rows:1fr;\n}\n\n.bioPD-inner{\n  min-height:0;\n  overflow:hidden;\n\n  margin:0 20px;\n\n  color:var(--body);\n\n  font-size:14px;\n  line-height:1.75;\n}\n\n.bioPD-item.active .bioPD-inner{\n  padding:20px 0 23px;\n\n  border-top:\n    1px solid rgba(173,102,84,.10);\n}\n\n.bioPD-inner p{\n  margin:0 0 16px!important;\n}\n\n.bioPD-inner h3{\n  margin:20px 0 10px!important;\n\n  color:var(--text)!important;\n\n  font-size:15px!important;\n}\n\n\n\/* FEATURE *\/\n\n.bioPD-feature{\n  display:flex;\n  gap:13px;\n\n  padding:17px;\n\n  margin-bottom:18px;\n\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f5dfdc,\n      #fff9f7\n    );\n}\n\n.bioPD-heart{\n  width:36px;\n  height:36px;\n\n  flex:0 0 36px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#fff;\n\n  color:var(--rose);\n}\n\n.bioPD-feature strong{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#96594d;\n\n  font-size:14px;\n}\n\n.bioPD-feature p{\n  margin:0!important;\n\n  font-size:13px;\n}\n\n\n\/* INCI *\/\n\n.bioPD-inci{\n  padding:17px;\n\n  border-radius:15px;\n\n  background:rgba(251,243,241,.88);\n\n  color:#756b70;\n\n  font-size:12.5px;\n  line-height:1.8;\n\n  overflow-wrap:anywhere;\n}\n\n\n\/* TECH *\/\n\n.bioPD-tech{\n  margin-top:13px;\n\n  padding:16px 17px;\n\n  border-radius:15px;\n\n  border:\n    1px solid rgba(173,102,84,.09);\n\n  background:\n    rgba(255,255,255,.48);\n}\n\n.bioPD-tech\u003estrong{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--rose);\n\n  font-size:12px;\n\n  letter-spacing:.04em;\n}\n\n.bioPD-tech p{\n  margin:0!important;\n\n  color:#82777b;\n\n  font-size:11.5px;\n  line-height:1.85;\n}\n\n.bioPD-tech b{\n  color:#9b6256;\n}\n\n\n\/* BENEFITS *\/\n\n.bioPD-benefits{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:10px;\n\n  margin-top:19px;\n}\n\n.bioPD-benefits\u003ediv{\n  padding:16px;\n\n  border-radius:15px;\n\n  background:\n    rgba(251,243,241,.84);\n\n  border:\n    1px solid rgba(173,102,84,.08);\n}\n\n.bioPD-benefits span{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#c98779;\n\n  font-size:10px;\n  font-weight:700;\n\n  letter-spacing:.12em;\n}\n\n.bioPD-benefits strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--text);\n\n  font-size:13px;\n}\n\n.bioPD-benefits p{\n  margin:0!important;\n\n  font-size:12px;\n  line-height:1.55;\n}\n\n\n\/* STEPS *\/\n\n.bioPD-step{\n  display:flex;\n  align-items:flex-start;\n\n  gap:13px;\n\n  padding:10px 0;\n}\n\n.bioPD-step\u003espan{\n  width:31px;\n  height:31px;\n\n  flex:0 0 31px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#f3dbd7;\n\n  color:var(--rose);\n\n  font-size:11px;\n  font-weight:700;\n}\n\n.bioPD-step p{\n  margin:3px 0 0!important;\n}\n\n\n\/* TIP *\/\n\n.bioPD-tip{\n  margin-top:14px;\n\n  padding:17px;\n\n  border-radius:16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f4ddda,\n      #fff9f7\n    );\n}\n\n.bioPD-tip strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:#96594d;\n\n  font-size:13px;\n}\n\n.bioPD-tip p{\n  margin:0!important;\n\n  font-size:13px;\n}\n\n\n\/* WARNINGS *\/\n\n.bioPD-warning{\n  padding:0;\n  margin:8px 0 0;\n\n  list-style:none;\n}\n\n.bioPD-warning li{\n  position:relative;\n\n  padding:9px 0 9px 20px;\n\n  border-bottom:\n    1px solid rgba(173,102,84,.08);\n}\n\n.bioPD-warning li:last-child{\n  border-bottom:0;\n}\n\n.bioPD-warning li:before{\n  content:\"\";\n\n  position:absolute;\n\n  left:2px;\n  top:18px;\n\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:#d9a19a;\n}\n\n\n\/* EXTRA INFO *\/\n\n.bioPD-info{\n  display:grid;\n  gap:10px;\n}\n\n.bioPD-info\u003ediv{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n\n  padding:13px 15px;\n\n  border-radius:14px;\n\n  background:\n    rgba(251,243,241,.80);\n}\n\n.bioPD-info\u003ediv\u003espan{\n  width:29px;\n  height:29px;\n\n  flex:0 0 29px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:#fff;\n\n  color:var(--rose);\n\n  font-size:12px;\n}\n\n.bioPD-info p{\n  margin:0!important;\n\n  font-size:13px;\n}\n\n.bioPD-info strong{\n  color:var(--rose);\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:749px){\n\n  .bioPD{\n    margin:10px auto 25px;\n  }\n\n  .bioPD-head{\n    padding:18px 8px 22px;\n  }\n\n  .bioPD-head h2{\n    font-size:27px!important;\n  }\n\n  .bioPD-head p{\n    font-size:13px;\n  }\n\n  .bioPD-item{\n    border-radius:17px;\n  }\n\n  .bioPD-btn{\n    min-height:70px;\n\n    padding:14px 13px;\n  }\n\n  .bioPD-left{\n    gap:10px;\n  }\n\n  .bioPD-icon{\n    width:38px;\n    height:38px;\n\n    flex-basis:38px;\n\n    font-size:15px;\n  }\n\n  .bioPD-title strong{\n    font-size:15px;\n  }\n\n  .bioPD-title small{\n    font-size:8px;\n  }\n\n  .bioPD-plus{\n    width:30px;\n    height:30px;\n\n    flex-basis:30px;\n  }\n\n  .bioPD-inner{\n    margin:0 14px;\n\n    font-size:13.5px;\n  }\n\n  .bioPD-benefits{\n    grid-template-columns:1fr;\n  }\n\n  .bioPD-inci{\n    padding:14px;\n\n    font-size:12px;\n  }\n\n  .bioPD-tech{\n    padding:14px;\n  }\n\n  .bioPD-tech p{\n    font-size:11px;\n  }\n\n}\n\n`;\n\ndocument.head.appendChild(style);\n\n\n\/* =========================================\n   ACCORDION\n========================================= *\/\n\nconst items=target.querySelectorAll(\".bioPD-item\");\n\nitems.forEach(function(item){\n\n  const button=item.querySelector(\".bioPD-btn\");\n\n  button.addEventListener(\"click\",function(){\n\n    const open=item.classList.contains(\"active\");\n\n    items.forEach(function(other){\n      other.classList.remove(\"active\");\n    });\n\n    if(!open){\n      item.classList.add(\"active\");\n    }\n\n  });\n\n});\n\n});\n\u003c\/script\u003e","brand":"Mağazam","offers":[{"title":"Default Title","offer_id":44133485805642,"sku":null,"price":299.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/0629\/3834\/files\/ChatGPTImage29Agu202604_02_25.png?v=1787965473","url":"https:\/\/bioceline.co\/products\/bioceline-bio-collagen-real-deep-mask","provider":"Bioceline","version":"1.0","type":"link"}