{"product_id":"bioceline-collagen-mask-bronzer-i̇kisi-bir-arada","title":"Bioceline Collagen Mask - Bronzer İkisi Bir Arada","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\u003eBronz görünümden yoğun cilt bakımına kadar setiniz hakkında tüm detaylar.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- ÜRÜN ÖZELLİKLERİ --\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\u003e2’Lİ BAKIM SETİ\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        \u003cdiv class=\"bioPD-feature\"\u003e\n\n          \u003cspan class=\"bioPD-heart\"\u003e♡\u003c\/span\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong\u003eBronzluk \u0026amp; Yoğun Bakım Bir Arada\u003c\/strong\u003e\n\n            \u003cp\u003e\n              Bioceline Bronzer ve Bio Collagen Real Deep Mask ile\n              cildin daha ışıltılı, nemli ve bakımlı görünümünü\n              destekleyen tamamlayıcı bir bakım deneyimi.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bioPD-benefits\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cstrong\u003eBronz Görünüm\u003c\/strong\u003e\n            \u003cp\u003e\n              Cilde doğal ve ışıltılı bronz bir görünüm\n              kazandırmaya yardımcı olur.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cstrong\u003eNem Desteği\u003c\/strong\u003e\n            \u003cp\u003e\n              Cildin daha nemli ve bakımlı görünmesini\n              desteklemeye yardımcı olur.\n            \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\u003e\n              Daha pürüzsüz, canlı ve ışıltılı bir cilt\n              görünümünü destekler.\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\n  \u003c!-- BRONZER --\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\u003eBRONZ BAKIM\u003c\/small\u003e\n          \u003cstrong\u003eBioceline Bronzer\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          Yoğun bronzluk etkisi sağlayan\n          \u003cstrong\u003eBioceline Bronzer\u003c\/strong\u003e,\n          cildinize doğal ve ışıltılı bir görünüm\n          kazandırmaya yardımcı olur.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"bioPD-info\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e150\u003c\/span\u003e\n            \u003cp\u003e\n              \u003cstrong\u003e150 ml\u003c\/strong\u003e ürün hacmine sahiptir.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cp\u003e\n              Yağ formülü sayesinde cilde kolayca uygulanır.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003eTR\u003c\/span\u003e\n            \u003cp\u003e\n              Türkiye'de üretilmiştir.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"bioPD-tip\"\u003e\n\n          \u003cstrong\u003e☀ Güneş Koruması Hakkında\u003c\/strong\u003e\n\n          \u003cp\u003e\n            Bioceline Bronzer \u003cb\u003eSPF koruması içermez.\u003c\/b\u003e\n            Güneşe maruz kalacağınız durumlarda uygun bir güneş\n            koruyucu ürün ayrıca kullanılmalıdır.\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!-- COLLAGEN MASK --\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\u003eYOĞUN BAKIM\u003c\/small\u003e\n          \u003cstrong\u003eBio Collagen Real Deep Mask\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          \u003cstrong\u003eBioceline Bio Collagen Real Deep Mask\u003c\/strong\u003e,\n          cildin nem dengesini desteklemeye yardımcı olan,\n          kolajen içerikli yoğun bakım yüz maskesidir.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Cilde daha canlı, nemli ve pürüzsüz bir görünüm\n          kazandırmaya yardımcı olur. Özel maske yapısı sayesinde\n          cilde rahatça uyum sağlar ve bakım süreci boyunca\n          cildin nemlenmesini destekler.\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 Dengesi\u003c\/strong\u003e\n            \u003cp\u003e\n              Cildin nemli görünümünün korunmasını destekler.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cstrong\u003ePürüzsüzlük\u003c\/strong\u003e\n            \u003cp\u003e\n              Daha yumuşak ve pürüzsüz bir görünümü destekler.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cstrong\u003eKolajen Bakımı\u003c\/strong\u003e\n            \u003cp\u003e\n              Kolajen içerikli yoğun bir bakım deneyimi sunar.\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\n  \u003c!-- NASIL KULLANILIR --\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        \u003ch3\u003eBioceline Bronzer\u003c\/h3\u003e\n\n        \u003cdiv class=\"bioPD-step\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cp\u003e\n            Yeterli miktarda bronzer ürünü cildinize uygulayı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            Ürünü cildinize eşit şekilde dağıtarak nazikçe\n            uygulayın.\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            İstediğiniz bronzluk görünümüne göre uygulama\n            miktarını ayarlayabilirsiniz.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n\n        \u003ch3\u003eBio Collagen Real Deep Mask\u003c\/h3\u003e\n\n        \u003cdiv class=\"bioPD-step\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cp\u003e\n            Maskeyi temiz cildinize dikkatlice yerleştirin.\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            Maskenin yüzünüze rahatça oturduğundan emin olun.\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            Bakım süresi sonunda maskeyi nazikçe çıkarın.\n          \u003c\/p\u003e\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        \u003cul class=\"bioPD-warning\"\u003e\n\n          \u003cli\u003e\n            Bronzer SPF güneş koruması içermez.\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Güneşe maruz kalacağınız durumlarda uygun bir\n            güneş koruyucu kullanınız.\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Tahriş olmuş veya yaralı cilt üzerinde kullanmayınız.\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Kullanım sırasında tahriş veya beklenmeyen bir reaksiyon\n            oluşması durumunda kullanımı durdurunuz.\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Çocukların ulaşamayacağı yerde saklayınız.\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Doğrudan güneş ışığından uzak tutunuz.\n          \u003c\/li\u003e\n\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İ --\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              Barkod No: \u003cstrong\u003eBioceline2li\u003c\/strong\u003e\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 PRODUCT CARD 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.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  color:var(--rose);\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  color:var(--text)!important;\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  color:#887b80;\n  font-size:14px;\n  line-height:1.65;\n}\n\n\n\/* CARD *\/\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:\n    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:\n    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  padding:16px 20px;\n\n  border:0;\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\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  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  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\/* TITLE *\/\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  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  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  background:#f2d8d4;\n}\n\n.bioPD-item.active .bioPD-plus:after{\n  transform:\n    translate(-50%,-50%)\n    rotate(0);\n}\n\n\n\/* PANEL *\/\n\n.bioPD-panel{\n  display:grid;\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  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  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  color:var(--rose);\n}\n\n.bioPD-feature strong{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#96594d;\n  font-size:14px;\n}\n\n.bioPD-feature p{\n  margin:0!important;\n  font-size:13px;\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\/* INFO CARDS *\/\n\n.bioPD-info{\n  display:grid;\n  gap:10px;\n\n  margin-top:17px;\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:31px;\n  height:31px;\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:#fff;\n\n  color:var(--rose);\n\n  font-size:10px;\n  font-weight:700;\n}\n\n.bioPD-info p{\n  margin:0!important;\n  font-size:13px;\n}\n\n.bioPD-info strong{\n  color:var(--rose);\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  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:17px;\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  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\/* 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    padding:14px 13px;\n  }\n\n  .bioPD-left{\n    gap:10px;\n  }\n\n  .bioPD-icon{\n    width:38px;\n    height:38px;\n    flex-basis:38px;\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    flex-basis:30px;\n  }\n\n  .bioPD-inner{\n    margin:0 14px;\n    font-size:13.5px;\n  }\n\n  .bioPD-benefits{\n    grid-template-columns:1fr;\n  }\n\n}\n\n`;\n\ndocument.head.appendChild(style);\n\n\n\/* =========================================\n   ACCORDION\n========================================= *\/\n\nconst items=\ntarget.querySelectorAll(\".bioPD-item\");\n\nitems.forEach(function(item){\n\n  const button=\n  item.querySelector(\".bioPD-btn\");\n\n  button.addEventListener(\"click\",function(){\n\n    const open=\n    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":44133530730570,"sku":null,"price":649.0,"currency_code":"TRY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/0629\/3834\/files\/ChatGPTImage29Agu202604_35_56_ec159202-303d-4843-8944-d6ce41a4fffd.png?v=1787968467","url":"https:\/\/bioceline.co\/products\/bioceline-collagen-mask-bronzer-i%cc%87kisi-bir-arada","provider":"Bioceline","version":"1.0","type":"link"}