Doğanın sunduğu en saf hammaddeleri kullanarak; mevsimlerin ve modanın ötesine geçen zamansız tasarımlar üretiyoruz.

Ecocotton | Fine Living at Home

Denizli

Türkiye

Merkezefendi

Default

Aynı Gün Kargo imkanı ile {{brand}}{{name}} ürününü hemen ücretsiz kargo imkanı ile sipariş verebilirsiniz.

{{name}} - {{brand}}

Organik {{name}} Markalı Ürünleri Aynı Gün Kargo imkanı ile Hemen Sipariş Oluşturabilirsiniz.

{{name}} Markalı Ürünler ve Fiyatları

{{name}} Modelleri Aynı Gün Kargo imkanı ile Hemen Ücretsiz Kargo İmkan ile Sipariş Oluşturabilirsiniz.

{{name}} Modelleri ve Fiyatları - Ecocotton

Ecocotton - Blog Yazımız Yayında {{name}} Konu Başlıklı Yazımızı Hemen Oku.

{{name}} - Ecocotton

Ecocotton - Blog Yazımız Yayında Konu Başlıklı {{name}} Yazımızı Hemen Oku.

Menü Linkleri

Menü Link

Ana Link

Link Sütunları

Görsel Sütunları

Görseller

Görsel Objesi

Alt Linkler

Alt Link

Sosyal Linkler

Sosyal Link

Link

Görsel

Marka Harf Liste

Marka Harf Obje

Harf

Marka

Mağazalar

Mağaza

Şehir

Başlık

Saat

Adres

Telefon

Aranacak Numara

Form Elemanları

Form Eleman

Seçenekler

Seçenek

Detaylı Sayfa Verisi

Sekmeler

Sekme

Sekme Adı

Komponent

İçerik

Liste

Metin Listesi

Metin Verisi

Metin

Görsel ve Linkler

Görsel ve Link

Oran

Açıklama

İçerik Görsel

Genişlik

En-boy

Buton Listesi

Buton Arka Plan Renk

Buton Yazı Renk

Elemanlar Pozisyon

Konum

Left

Bottom

Right

Arkaplan Rengi

Görsel ve Link Simple Listesi

Görsel ve Link Simple

Sekmeler ve Ürünler

Sekme ve Ürünler

Ürünler

Başlık ve Link Listesi

Başlık ve Linkler

Linkler

Afişler

Afiş Verisi

Mobil Oran

Başlık Yazı Boyutu

Başlık Mobil Yazı Boyutu

Buton

Satırlar

Sütunlar

Mobil Satılar

Mobil Sütunlar

Pozisyon

Mobil Konum

Web Konum

Arkaplan

Özellikler

Özellik

KEY (Ürün Detay)

FAQ Veri

Yorumlar

Yorum

Yıldız

Özel Alanlar

Özel Alan Adı

Yazı Listesi

Yazı

Görsel-Link-Sıralama Listesi

Görsel-Link-Sıralama

Sıralama

Başlık-Mağazalar Listesi

Başlık-Mağazalar

FullPageSlider İçerik

Slider İçerik

Video

İçerik Pozisyon

İçerik Konum

Üst

Sağ

Görsel-Başlık-Açıklama-Link Listesi

Görsel-Başlık-Açıklama-Link

Başlık-Açıklama Listesi

Başlık-Açıklama

Başlık-Açıklama-Yıldız-İsim Listesi

Başlık-Açıklama-Yıldız-İsim

İsim

Başlık-Açıklama-Link Listesi

Başlık-Açıklama-Link

Görsel-Etiket-En-boy Listesi

Görsel-Etiket-Enboy

Etiket

Slider Tip 2 Listesi

Slider Tip 2

Alt Başlık

Etiket Arkaplan Rengi

Veri Listesi

Veri

Slider Tip 2 (Özel Alan) Listesi

Slider Tip 2 (Özel Alan)

Duyuru Listesi

Duyuru

Modal Başlık

Modal Açıklama

İsim-Renk Listesi

İsim-Renk

Renk Kodu

showAttributeProduct

products

products2

title

marginTop

mobileMarginTop

shortDescAttrName

Ayrıca şunları da beğenebilirsiniz









<p class="p1"><b><font color="#27463d">E-bültene kayıt ol %10 indirim senin olsun</font></b></p>

<style>
  .wrapper.relative.z-\[1\].grid.grid-cols-\[var\(--mobile-cols\)\].items-center.py-3.md\:grid-cols-\[var\(--tablet-cols\)\].lg\:grid-cols-\[var\(--cols\)\].lg\:py-5
    .relative.ml-2.hidden.items-center.gap-8.lg\:flex.indiana-scroll-container.indiana-scroll-container--hide-scrollbars
    a {
    color: #3b1427 !important;
  }
  .relative.flex.items-center.justify-end.gap-5
    button:not(.justify-center)
    svg
    circle {
    fill: #27463d !important;
  }

  .btn-secondary {
    color: #fff !important;
    border-color: #3b1427 !important;
    background-color: #3b1427 !important;
  }
  .btn-secondary:hover {
    color: #3b1427 !important;
    border-color: #3b1427 !important;
    background-color: #fff !important;
  }

  .btn-primary {
    color: #3b1427 !important;
    border-color: #3b1427 !important;
    background-color: #fff !important;
  }
  .btn-primary:hover {
    color: #fff !important;
    border-color: #3b1427 !important;
    background-color: #3b1427 !important;
  }

  .wrapper.mb-8.flex.items-center.justify-between
    .flex.items-center
    .flex.items-center.justify-center.text-text-01
    svg
    path {
    fill: #27463d !important;
  }

  .swiper-wrapper
    > .swiper-slide
    > .relative.flex.h-full.w-full.grow.flex-col
    > .mt-3.flex.w-full.flex-col.lg\:mt-5
    > .mb-\[5px\].flex
    span {
    color: #27463d !important;
  }

  .swiper-wrapper
    > .swiper-slide
    > .relative.flex.h-full.w-full.grow.flex-col
    > .mt-3.flex.w-full.flex-col.lg\:mt-5
    > .flex.max-md\:flex-col.md\:items-center.md\:gap-2
    span {
    color: #27463d !important;
  }

  .swiper-wrapper
    > .swiper-slide
    > .relative.flex.h-full.w-full.grow.flex-col
    > .mt-3.flex.w-full.flex-col.lg\:mt-5
    > .prose {
    color: #27463d !important;
  }
  .w-full.bg-\[\#f9f3ed\] {
    background-color: #ebefe7 !important;
  }

  .flex.items-center.justify-center.rounded-full.border.border-text-01.text-text-01
    svg
    path {
    fill: #27463d !important;
  }

  .grid.grid-cols-1.items-start.gap-\[45px\].rounded-\[20px\].bg-white.px-9.py-8.lg\:grid-cols-3.lg\:px-\[calc\(12\.5\%-2\.25rem\)\]
    .prose {
    color: #27463d !important;
  }

  .flex.w-full.flex-col.items-center.gap-6
    .max-w-none.text-center.text-lg.font-bold.text-text-01.lg\:text-\[30px\],
  .flex.w-full.flex-col.items-center.gap-6
    .-mt-2.max-w-none.text-center.text-text-01 {
    color: #27463d !important;
  }

  .mt-\[var\(--mob-margin-top\)\].py-\[var\(--paddingY\)\].lg\:mt-\[var\(--margin-top\)\].lg\:py-\[var\(--mob-paddingY\)\]
    .wrapper.flex.items-center.gap-6.max-lg\:flex-col.justify-between
    .btn-primary {
    color: #27463d !important;
    border-color: #27463d !important;
    background-color: #fff !important;
  }

  .mt-\[var\(--mob-margin-top\)\].py-\[var\(--paddingY\)\].lg\:mt-\[var\(--margin-top\)\].lg\:py-\[var\(--mob-paddingY\)\]
    .wrapper.flex.items-center.gap-6.max-lg\:flex-col.justify-between
    .btn-primary:hover {
    color: #fff !important;
    border-color: #fff !important;
    background-color: #27463d !important;
  }

  .wrapper.absolute.inset-0.z-50.h-full.w-full
    .absolute.bottom-\[var\(--wbottom\)\].left-\[var\(--wleft\)\].right-\[var\(--wright\)\].top-\[var\(--wtop\)\].flex.flex-col.gap-1.text-button-01.p-4.items-center.justify-center.text-center
    .mt-6.flex.items-center.gap-2
    .btn-secondary.\!min-h-\[56px\].\!px-10 {
    color: #3b1427 !important;
    border-color: #3b1427 !important;
    background-color: #fff !important;
  }

  .wrapper.mt-\[var\(--mthm\)\].grid.w-full.grid-cols-1.max-lg\:gap-8.lg\:mt-\[var\(--mth\)\].lg\:grid-cols-2
    .flex.flex-col.items-start.justify-center.gap-5.p-\[var\(--pm\)\].lg\:gap-6.lg\:p-\[var\(--p\)\]
    .max-w-none.text-\[30px\].font-bold.text-text-01.lg\:text-\[45px\],
  .wrapper.mt-\[var\(--mthm\)\].grid.w-full.grid-cols-1.max-lg\:gap-8.lg\:mt-\[var\(--mth\)\].lg\:grid-cols-2
    .flex.flex-col.items-start.justify-center.gap-5.p-\[var\(--pm\)\].lg\:gap-6.lg\:p-\[var\(--p\)\]
    .max-w-none.text-text-01 {
    color: #27463d !important;
  }

  .swiper-wrapper
    .swiper-slide
    .flex.w-full.flex-col.items-start.gap-4
    .flex.items-center.gap-1.text-text-01 {
    color: #27463d !important;
  }
  .swiper-wrapper
    .swiper-slide
    .flex.w-full.flex-col.items-start.gap-4
    .flex.items-center.gap-1.text-text-01
    .icon.icon-instagram
    path {
    fill: #27463d !important;
  }

  #footer-el
    .wrapper.grid.grid-cols-1.gap-5.pb-10.lg\:grid-cols-12.lg\:gap-10
    .flex.w-full.flex-col.max-lg\:hidden.lg\:col-span-2
    .mb-6.font-bold.hover\:underline {
    color: #27463d !important;
  }

  #footer-el
    .wrapper.grid.grid-cols-1.gap-5.pb-10.lg\:grid-cols-12.lg\:gap-10
    .flex.w-full.flex-col.max-lg\:hidden.lg\:col-span-2
    .flex.flex-col.gap-4
    .clink {
    color: #27463d !important;
  }

  .wrapper.flex.items-center.justify-between.gap-5.max-lg\:flex-col-reverse
    .flex.items-center.gap-\[18px\].max-lg\:w-full.max-lg\:flex-wrap.max-lg\:justify-between
    .text-xs.text-text-01.underline {
    color: #27463d !important;
  }

  .wrapper.flex.items-center.justify-between.gap-5.max-lg\:flex-col-reverse
    .flex.items-center.justify-between.max-lg\:w-full
    .text-xs.text-text-01 {
    color: #27463d !important;
  }

  .wrapper.grid.grid-cols-1.lg\:grid-cols-\[58\%\,42\%\]
    .flex.w-full.flex-col.max-lg\:pt-3.lg\:pl-6
    .text-\[30px\].font-bold.text-text-01.max-lg\:hidden {
    color: #27463d !important;
  }
  .wrapper.grid.grid-cols-1.lg\:grid-cols-\[58\%\,42\%\]
    .flex.w-full.flex-col.max-lg\:pt-3.lg\:pl-6
    .flex.items-center.gap-2
    .text-lg.font-bold.text-text-01 {
    color: #27463d !important;
  }

  .my-3
    > .flex.flex-wrap.gap-2
    .btn-primary.relative.\!bg-text-01.\!text-white {
    color: #ffffff !important;
    background-color: #27463d !important;
    border-color: #27463d !important;
  }

  .wrapper.grid.grid-cols-1.lg\:grid-cols-\[58\%\,42\%\]
    .flex.w-full.flex-col.max-lg\:pt-3.lg\:pl-6
    .border-b.border-\[\#ddd\]
    button {
    color: #27463d !important;
  }

  .flex.flex-col.items-start.justify-center.gap-5.p-\[var\(--pm\)\].lg\:gap-6.lg\:p-\[var\(--p\)\]
    .prose.max-w-none.text-text-01
    .responsive-wrapper
    .content-box
    h2
    font,
  .content-box p font {
    color: #27463d !important;
  }

  .mt-\[var\(--mMarginTop\)\].lg\:mt-\[var\(--wMarginTop\)\]
    .wrapper.mb-8.flex.items-center.justify-between
    .text-center.text-\[30px\].font-bold.text-text-01.lg\:text-\[45px\] {
    color: #27463d !important;
  }

  #reviews .flex.w-full.flex-col.items-center.gap-5 .text-\[30px\].font-bold,
  #reviews
    .flex.w-full.flex-col.items-center.gap-5
    .flex.w-full.flex-col.items-center.gap-3
    .text-xs.\!leading-none,
  #reviews
    .flex.w-full.flex-col.items-center.gap-5
    .flex.w-full.flex-col.items-center.gap-3
    .flex.w-full.flex-col.items-center.gap-2
    .grid.grid-cols-\[50px\,140px\,10px\].items-center.gap-2
    .text-xs,
  #reviews
    .flex.w-full.flex-col.items-center.gap-5
    .flex.w-full.flex-col.items-center.gap-3
    .flex.w-full.flex-col.items-center.gap-2
    .ml-auto.text-sm {
    color: #27463d !important;
  }

  #reviews .text-button-02.mt-6.text-center.text-base.font-medium {
    color: #27463d !important;
  }

  .wrapper.relative.z-\[1\].grid.grid-cols-\[var\(--mobile-cols\)\].items-center.py-3.md\:grid-cols-\[var\(--tablet-cols\)\].lg\:grid-cols-\[var\(--cols\)\].lg\:py-5
    .relative.flex.items-center.justify-end.gap-5
    button
    svg
    rect {
    stroke: #27463d !important;
  }

  .wrapper.relative.z-\[1\].grid.grid-cols-\[var\(--mobile-cols\)\].items-center.py-3.md\:grid-cols-\[var\(--tablet-cols\)\].lg\:grid-cols-\[var\(--cols\)\].lg\:py-5
    .relative.flex.items-center.justify-end.gap-5
    div
    button
    svg
    path {
    stroke: #27463d !important;
  }
  .wrapper.relative.z-\[1\].grid.grid-cols-\[var\(--mobile-cols\)\].items-center.py-3.md\:grid-cols-\[var\(--tablet-cols\)\].lg\:grid-cols-\[var\(--cols\)\].lg\:py-5
    .relative.flex.items-center.justify-end.gap-5
    div
    button
    svg {
    background-color: unset !important;
  }

  /* ------ COPYRIGHT LOGO ------- */

  /*
  
  footer [class*="wrapper flex items-center justify-between"] [class*="max-lg:w-full"] > div:is([class*="text-xs text-text-01"]){
   display: flex;
   align-items: center;
   gap: 8px;
  }
  
  footer [class*="wrapper flex items-center justify-between"] [class*="max-lg:w-full"] > div:is([class*="text-xs text-text-01"])::before{
   content: '';
   display: inline-block;
   width: 32px;
   height: 32px;
   background-image: url("https://cdn.myikas.com/images/101cb916-2372-402d-965f-276dea95ebff/6d3c6d66-aff2-4660-a237-3d4fef6ccd98/image_1080.webp");
   background-size: contain;
  }
  
  
  footer [class*="wrapper flex items-center justify-between"] [class*="max-lg:w-full"]:not(.gap-\[18px\]){
   margin-left: auto;
  }
  
  */

  footer
    [class*="wrapper flex items-center justify-between gap-5 max-lg:flex-col-reverse"]
    span {
    display: none;
  }

  footer
    [class*="wrapper flex items-center justify-between gap-5 max-lg:flex-col-reverse"] {
    align-items: flex-start;
  }


@media (min-width: 1024px){
  footer
    [class*="wrapper flex items-center justify-between gap-5 max-lg:flex-col-reverse"] {
    align-items: flex-end !important;
  }
}


/* -------- header icon renkleri --- */

header [class*="relative flex items-center justify-end gap-5"] svg{
 color: #27463d !important;
}

</style>

<script>
  function insertFooterRichText() {
    const target = document.querySelector("footer > div:nth-child(2)");

    if (target && !target.querySelector(".rich-text-inserted")) {
      const container = document.createElement("div");
      container.className = "rich-text-inserted";
      container.style.display = "flex";
      container.style.alignItems = "center";
      container.style.gap = "12px";
      container.style.marginTop = "12px";

      const img = document.createElement("img");
      img.src =
        "https://cdn.myikas.com/images/101cb916-2372-402d-965f-276dea95ebff/6d3c6d66-aff2-4660-a237-3d4fef6ccd98/image_1080.webp";
      img.alt = "logo";
      img.style.width = "32px";
      img.style.height = "32px";
      img.style.objectFit = "contain";

      const textDiv = document.createElement("div");
      textDiv.style.fontSize = "14px";
      textDiv.style.color = "#000";
      textDiv.innerHTML = `
          Stratejik pazarlama<br>
          ve reklam yönetimi: 
          <a href="https://kreatif.net" target="_blank" style="font-weight: bold; text-decoration: underline;">
            kreatif.net
          </a>
        `;

      container.appendChild(img);
      container.appendChild(textDiv);
      target.appendChild(container);
    }
  }

  insertFooterRichText();

  const observer = new MutationObserver(() => {
    insertFooterRichText();
  });
  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });
</script>



  <h3 style="text-align:center; margin-bottom: 20px;">Katalog Talebi</h3>

  <input type="text" name="isim" placeholder="Adınız Soyadınız" required="" style="width:100%; padding:12px; margin-bottom:10px; border:1px solid #ccc; border-radius:8px;">
  
  <input type="email" name="email" placeholder="E-posta Adresiniz" required="" style="width:100%; padding:12px; margin-bottom:16px; border:1px solid #ccc; border-radius:8px;">

  <label style="display:block; font-size:14px; margin-bottom:6px;">
    <input type="checkbox" required="" style="margin-right:8px;">
    Pazarlama iznini kabul ediyorum.
  </label>

  <label style="display:block; font-size:14px; margin-bottom:6px;">
    <input type="checkbox" required="" style="margin-right:8px;">
    Gizlilik politikasını okudum, onaylıyorum.
  </label>

  <label style="display:block; font-size:14px; margin-bottom:16px;">
    <input type="checkbox" required="" style="margin-right:8px;">
    Çerez kullanım politikasını kabul ediyorum.
  </label>

  <button type="submit" style="width:100%; background-color:#5c9c7e; color:white; padding:12px; border:none; border-radius:8px; font-size:16px; cursor:pointer;">
    Gönder
  </button>
