İstanbul

Türkiye

Fatih

Default

Kayan Yazı

Yazı

Sosyal Medya Hesapları

Facebook

Instagram

Twitter

LinkedIn

Pinterest

YouTube

TikTok

Features

Feature

Resim

Başlık

Altbaşlık

Yönlendirme

Açıklama

Tabbed Features

Tab Label

Image

Is List Type Dot ?

Soru - Cevap

Soru

Cevap

Swiper Slide

Slides

Button

Yazı Rengi

Buton Yazı Rengi

Buton Arkaplan Rengi

Content Position

Mobile Image

Button Hover Arkaplan Rengi

Button Hover Yazı Rengi

Tablet Image

Video

Subtutle

Background Image Link

Mobile Content Position

Text Align

Desktop Image Size

Mobile Image Size

Social Media Posts

Post

Link

Aspect Ratio

Promo Texts

Text

Brands

Brand

Background Gradient

First Color

Second Color

test

item1

item2

AspectRatio

Description Position

Image Object Fit

Testimonials

Testimonial

Rating

Quote

Writer

Logo Position

Horizontal Align

Banner List

Banner

Title

Text Color

Button Background Color

Button Text Color

Grid Layout

Image Gallery

Gallery Item

Heading

TextAlign

Image Size

Cart Page Info Items

Cart Page Info Item

Button & Links

Button & Link

Background Color

Border Color

Hover Text Color

Hover Background Color

Open Link New Tab

Desktop Button Width

Mobile Button Width

Border Radius

Hover Border Color

nofollow

noreferrer

noopener

FixedAddToBasketButtonPosition

Etiket - Görsel Listesi

Etiket- Görsel

Etiket

Görsel

Görsel Yüksekliği

Mobil Görsel Yükseliği

Görsel Genişliği

Mobil Görsel Genişliği

Görsel Pozisyonu

Görselin Köşelere Uzaklığı

İletişim

Alışveriş deneyiminizi iyileştirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Detaylı bilgiye Gizlilik ve Çerez Politikası sayfamızdan erişebilirsiniz.

Özel fiyatları ve içerikleri görüntüleyebilmek için Türkçe ile devam edin.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" referrerpolicy="no-referrer">

<style>
  :root{
    --rk-pink:#CD065E;
    --rk-blue:#1f09a2;

    --rk-ink:#39364E;
    --rk-muted:#4b5563;
    --rk-border: rgba(31,9,162,0.14);
    --rk-shadow: 0 8px 24px rgba(0,0,0,0.08);
  }

  /* =========================
     GENEL
     ========================= */
  .rk-wrap{ font-family: inherit; }
  .rk-container{ max-width: 1120px; margin: 0 auto; }

  /* =========================
     İLETİŞİM KUTULARI (3 kart)
     ========================= */
  .contact-section{ padding: 34px 0 18px; }
  .contact-title{
    text-align:center;
    font-size: 28px;
    font-weight: 800;
    color: var(--rk-ink);
    margin: 10px 0 22px;
  }

  .contact-boxes{
    display:flex;
    flex-wrap:wrap;
    gap: 18px;
    justify-content: space-between;
  }

  .contact-box{
    flex: 1 1 calc(33.333% - 18px);
    background:#fff;
    border: 1px solid var(--rk-border);
    border-radius: 14px;
    padding: 18px 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .rk-ico{
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(31,9,162,0.08);
    color: var(--rk-blue);
    margin-bottom: 12px;
    transition: background .2s ease, color .2s ease;
  }
  .contact-box:hover .rk-ico{
    background: rgba(205,6,94,0.08);
    color: var(--rk-pink);
  }
  .rk-ico i{ font-size: 22px; line-height:1; }

  .contact-box h4{
    font-size: 16px;
    margin: 6px 0 8px;
    font-weight: 800;
    color: var(--rk-ink);
  }

  .rk-btn{
    margin-top: 10px;
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration:none;
    font-weight: 800;
    font-size: 13px;
    color: var(--rk-blue);
    border: 1px solid rgba(31,9,162,0.22);
    background:#fff;
    transition: transform .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
  }
  .rk-btn i{ color: var(--rk-blue); transition: color .15s ease; }
  .rk-btn:hover{
    transform: translateY(-1px);
    color: var(--rk-pink);
    border-color: rgba(205,6,94,0.28);
  }
  .rk-btn:hover i{ color: var(--rk-pink); }

  @media (max-width: 900px){
    .contact-box{ flex: 1 1 calc(50% - 18px); }
  }
  @media (max-width: 768px){
    .contact-box{ flex: 1 1 100%; }
  }

  /* =========================
     MAĞAZALAR (biraz aşağı)
     ========================= */
  .locations-section{
    padding: 26px 0 14px;   /* üst boşluk arttı, alt azaldı */
  }
  .locations-title{
    text-align:center;
    font-size: 24px;
    font-weight: 900;
    color: var(--rk-ink);
    margin: 10px 0 16px;
  }

  .locations-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .location-card{
    background:#fff;
    border: 1px solid var(--rk-border);
    border-radius: 14px;
    overflow:hidden;
    box-shadow: var(--rk-shadow);
  }

  .location-bar{
    height: 3px;
    background: linear-gradient(90deg, var(--rk-blue), var(--rk-pink));
    opacity: .85;
  }

  .location-top{
    padding: 16px 16px 12px;
    display:flex;
    gap: 12px;
    align-items:flex-start;
  }

  .location-icon{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(31,9,162,0.08);
    color: var(--rk-blue);
    flex: 0 0 44px;
    transition: background .2s ease, color .2s ease;
  }

  .location-card:hover .location-icon{
    background: rgba(205,6,94,0.08);
    color: var(--rk-pink);
  }

  .location-icon i{ font-size: 19px; line-height:1; }

  .location-name{
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    color: var(--rk-ink);
  }

  .location-lines{
    margin-top: 8px;
    display:grid;
    gap: 8px;
  }

  .location-line{
    display:flex;
    gap: 8px;
    align-items:flex-start;
    font-size: 13px;
    color: var(--rk-muted);
    line-height: 1.4;
  }

  .location-line i{
    margin-top: 2px;
    width: 16px;
    text-align:center;
    color: var(--rk-blue);
    flex: 0 0 16px;
  }

  .location-actions{
    display:flex;
    gap: 10px;
    flex-wrap:wrap;
    margin-top: 12px;
  }

  .loc-btn{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration:none;
    font-weight: 800;
    font-size: 13px;
    color: var(--rk-blue);
    border: 1px solid rgba(31,9,162,0.22);
    background:#fff;
    transition: transform .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
  }
  .loc-btn i{ color: var(--rk-blue); transition: color .15s ease; }
  .loc-btn:hover{
    transform: translateY(-1px);
    color: var(--rk-pink);
    border-color: rgba(205,6,94,0.28);
  }
  .loc-btn:hover i{ color: var(--rk-pink); }

  .location-map{
    height: 240px;
    border-top: 1px solid rgba(31,9,162,0.10);
  }
  .location-map iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
  }

  @media (max-width: 1024px){
    .locations-grid{ grid-template-columns: 1fr; }
    .location-map{ height: 260px; }
  }

  /* =========================
     İKAS FORM (YUKARI + DAHA DİK)
     - Form sayfada nerede ise orada kalır
     - Masaüstünde daraltılır ve yukarı alınır
     ========================= */
  .contact-form_content__S4PbH,
  [class*="contact-form_content__"]{
    font-family: inherit;
    margin: 12px auto 50px !important; /* yukarı al */
    padding: 22px 18px !important;
    background:#fff;
    border: 1px solid var(--rk-border);
    border-radius: 16px;
    box-shadow: var(--rk-shadow);
  }

  /* Masaüstünde daha dik görünüm */
  @media (min-width: 1024px){
    .contact-form_content__S4PbH,
    [class*="contact-form_content__"]{
      max-width: 760px !important; /* 1120 yerine dar */
      padding: 26px 22px !important;
    }
  }

  .contact-form_content__S4PbH h1,
  .contact-form_content__S4PbH h2,
  .contact-form_content__S4PbH h3,
  [class*="contact-form_content__"] h1,
  [class*="contact-form_content__"] h2,
  [class*="contact-form_content__"] h3{
    margin: 6px 0 18px !important;
    text-align:center;
    font-size: 34px;
    font-weight: 900;
    color: var(--rk-ink);
  }

  .contact-form_content__S4PbH input,
  .contact-form_content__S4PbH textarea,
  .contact-form_content__S4PbH select,
  [class*="contact-form_content__"] input,
  [class*="contact-form_content__"] textarea,
  [class*="contact-form_content__"] select{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(31,9,162,0.18);
    border-radius:12px;
    padding:12px 14px;
    font-size:14px;
    color: var(--rk-ink);
    background:#fff;
    font-family: inherit;
    transition: border-color .15s ease, box-shadow .15s ease;
  }

  .contact-form_content__S4PbH input,
  [class*="contact-form_content__"] input{ height:52px !important; }

  .contact-form_content__S4PbH textarea,
  [class*="contact-form_content__"] textarea{ min-height:170px !important; resize:vertical; }

  .contact-form_content__S4PbH input:focus,
  .contact-form_content__S4PbH textarea:focus,
  .contact-form_content__S4PbH select:focus,
  [class*="contact-form_content__"] input:focus,
  [class*="contact-form_content__"] textarea:focus,
  [class*="contact-form_content__"] select:focus{
    outline:none;
    border-color: rgba(31,9,162,0.45);
    box-shadow: 0 0 0 3px rgba(31,9,162,0.10);
  }

  .contact-form_content__S4PbH button,
  .contact-form_content__S4PbH [type="submit"],
  [class*="contact-form_content__"] button,
  [class*="contact-form_content__"] [type="submit"]{
    width:100%;
    height:52px;
    border-radius:12px;
    border:1px solid rgba(31,9,162,0.22);
    background:#fff;
    color: var(--rk-blue);
    font-weight: 900;
    font-family: inherit;
    cursor:pointer;
    transition: transform .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
  }

  .contact-form_content__S4PbH button:hover,
  .contact-form_content__S4PbH [type="submit"]:hover,
  [class*="contact-form_content__"] button:hover,
  [class*="contact-form_content__"] [type="submit"]:hover{
    transform: translateY(-1px);
    color: var(--rk-pink);
    border-color: rgba(205,6,94,0.28);
    box-shadow: 0 10px 22px rgba(0,0,0,0.08);
  }

  @media (max-width:768px){
    .contact-form_content__S4PbH,
    [class*="contact-form_content__"]{
      padding: 18px 14px !important;
      border-radius: 14px;
      max-width: 1120px !important;
    }
    .contact-form_content__S4PbH h1,
    .contact-form_content__S4PbH h2,
    .contact-form_content__S4PbH h3,
    [class*="contact-form_content__"] h1,
    [class*="contact-form_content__"] h2,
    [class*="contact-form_content__"] h3{
      font-size: 28px;
    }
  }
</style>

<div class="rk-wrap">
  <div class="rk-container">

    
    <section class="contact-section">
      <h2 class="contact-title">İletişim</h2>

      <div class="contact-boxes">
        
        <div class="contact-box">
          <div class="rk-ico"><i class="fas fa-phone"></i></div>
          <h4>(0532) 151 63 97</h4>
          <a class="rk-btn" href="tel:+905321516397"><i class="fa-solid fa-phone"></i> Hemen Ara</a>
        </div>

        
        <div class="contact-box">
          <div class="rk-ico"><i class="fab fa-whatsapp"></i></div>
          <h4>WhatsApp İletişim</h4>
          <a class="rk-btn" href="https://api.whatsapp.com/send?phone=905321516397" target="_blank" rel="noopener">
            <i class="fa-brands fa-whatsapp"></i> Mesaj Gönder
          </a>
        </div>

        
        <div class="contact-box">
          <div class="rk-ico"><i class="fas fa-envelope"></i></div>
          <h4>info@rukomayo.com</h4>
          <a class="rk-btn" href="mailto:info@rukomayo.com"><i class="fa-solid fa-paper-plane"></i> E-Posta Gönder</a>
        </div>
      </div>
    </section>

    
    <section class="locations-section">
      <h3 class="locations-title">Mağazalarımız</h3>

      <div class="locations-grid">

        
        <article class="location-card">
          <div class="location-bar"></div>
          <div class="location-top">
            <div class="location-icon"><i class="fa-solid fa-shop"></i></div>

            <div class="location-meta">
              <h4 class="location-name">İstanbul Mağaza</h4>

              <div class="location-lines">
                <div class="location-line">
                  <i class="fa-solid fa-location-dot"></i>
                  <span>Sururi, Tarakçı Cafer Sk. no:24/129, 34120 Fatih/İstanbul</span>
                </div>
              </div>

              <div class="location-actions">
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/dir/?api=1&amp;destination=Sururi%2C%20Tarak%C3%A7%C4%B1%20Cafer%20Sk.%20no%3A24%2F129%2C%2034120%20Fatih%2F%C4%B0stanbul">
                  <i class="fa-solid fa-diamond-turn-right"></i> Yol Tarifi
                </a>
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=Sururi%2C%20Tarak%C3%A7%C4%B1%20Cafer%20Sk.%20no%3A24%2F129%2C%2034120%20Fatih%2F%C4%B0stanbul">
                  <i class="fa-solid fa-map-location-dot"></i> Haritada Aç
                </a>
              </div>
            </div>
          </div>

          <div class="location-map">
            <iframe loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps?q=Sururi%2C%20Tarak%C3%A7%C4%B1%20Cafer%20Sk.%20no%3A24%2F129%2C%2034120%20Fatih%2F%C4%B0stanbul&amp;output=embed"></iframe>
          </div>
        </article>

        
        <article class="location-card">
          <div class="location-bar"></div>
          <div class="location-top">
            <div class="location-icon"><i class="fa-solid fa-shop"></i></div>

            <div class="location-meta">
              <h4 class="location-name">Ankara Mağaza</h4>

              <div class="location-lines">
                <div class="location-line">
                  <i class="fa-solid fa-location-dot"></i>
                  <span>Kızılay, Gazi Mustafa Kemal Blv. No:12 D:284, 06420 Çankaya/Ankara</span>
                </div>
              </div>

              <div class="location-actions">
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/dir/?api=1&amp;destination=K%C4%B1z%C4%B1lay%2C%20Gazi%20Mustafa%20Kemal%20Blv.%20No%3A12%20D%3A284%2C%2006420%20%C3%87ankaya%2FAnkara">
                  <i class="fa-solid fa-diamond-turn-right"></i> Yol Tarifi
                </a>
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=K%C4%B1z%C4%B1lay%2C%20Gazi%20Mustafa%20Kemal%20Blv.%20No%3A12%20D%3A284%2C%2006420%20%C3%87ankaya%2FAnkara">
                  <i class="fa-solid fa-map-location-dot"></i> Haritada Aç
                </a>
              </div>
            </div>
          </div>

          <div class="location-map">
            <iframe loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps?q=K%C4%B1z%C4%B1lay%2C%20Gazi%20Mustafa%20Kemal%20Blv.%20No%3A12%20D%3A284%2C%2006420%20%C3%87ankaya%2FAnkara&amp;output=embed"></iframe>
          </div>
        </article>

        
        <article class="location-card">
          <div class="location-bar"></div>
          <div class="location-top">
            <div class="location-icon"><i class="fa-solid fa-warehouse"></i></div>

            <div class="location-meta">
              <h4 class="location-name">Toptan Mağaza</h4>

              <div class="location-lines">
                <div class="location-line">
                  <i class="fa-solid fa-location-dot"></i>
                  <span>Kızılay, Fevzi Çakmak-1 Sk. No:7 D:c, 06420 Çankaya/Ankara</span>
                </div>
              </div>

              <div class="location-actions">
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/dir/?api=1&amp;destination=K%C4%B1z%C4%B1lay%2C%20Fevzi%20%C3%87akmak-1%20Sk.%20No%3A7%20D%3Ac%2C%2006420%20%C3%87ankaya%2FAnkara">
                  <i class="fa-solid fa-diamond-turn-right"></i> Yol Tarifi
                </a>
                <a class="loc-btn" target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=K%C4%B1z%C4%B1lay%2C%20Fevzi%20%C3%87akmak-1%20Sk.%20No%3A7%20D%3Ac%2C%2006420%20%C3%87ankaya%2FAnkara">
                  <i class="fa-solid fa-map-location-dot"></i> Haritada Aç
                </a>
              </div>
            </div>
          </div>

          <div class="location-map">
            <iframe loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps?q=K%C4%B1z%C4%B1lay%2C%20Fevzi%20%C3%87akmak-1%20Sk.%20No%3A7%20D%3Ac%2C%2006420%20%C3%87ankaya%2FAnkara&amp;output=embed"></iframe>
          </div>
        </article>

      </div>
    </section>

  </div>
</div>
<style>
  /* SADECE DIŞ BOŞLUKLAR: section + container */
  section.contact-form_section__0UA6T{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  /* container ekstra boşluk veriyorsa */
  section.contact-form_section__0UA6T > div.contact-form_container__kQx9o{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Hash değişirse diye güvenli fallback (yalnızca SECTION ve direkt CONTAINER) */
  section[class^="contact-form_section__"]{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  section[class^="contact-form_section__"] > div[class^="contact-form_container__"]{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
</style>

Fırsatlar ve duyurularımız hakkında bilgi sahibi olmak için kaydolun!

Abone Ol

Wir verwenden Cookies in Übereinstimmung mit den gesetzlichen Bestimmungen, um Ihr Einkaufserlebnis zu verbessern. Ausführliche Informationen finden Sie auf unserer Seite Datenschutz und Cookie-Richtlinien.

Um standortspezifische Preise und Inhalte zu sehen, wechsele zum Shop für dein Land.

İletişim

(0532) 151 63 97

WhatsApp İletişim

[email protected]

Mağazalarımız

İstanbul Mağaza

Ankara Mağaza

Toptan Mağaza