Name: Snapback Hat — Forest Green
Brand: Saint Dylon
Price: 1100.00 TRY
Availability: OutOfStock

Saint Dylon

Aspect Ratio Enum

Navbar Image

Image

Description

Hide arrow next to description

Link

Navbar Menu Item

First Image

Second Image

Menus

Categories Title

Sub Categories Title

Change Title Text Color

Title Text Color

Navbar Menu Items

Menu Items

Horizontal Align Enum

Slider Item

Image Desktop

Image Mobile

Image Link

Show Card

Title

Title H Tag

Subtitle

Subtitle H Tag

Button

[Mobile] Horizontal Align

[Desktop/Tablet] Horizontal Align

Title Font Size

[Mobile] Shrink Card

[Desktop] Shrink Card

Video

Show Button

Button Type

Open In New Tab

[Mobile] Vertical Align

[Desktop/Tablet] Vertical Align

Change Button Primary Color

Button Primary Color

Change Button Background Color

Button Background Color

Text

Slider Items

Item

Text List

Discovery Double Item

Image Items

Hide Button

Hide Background Overlay

Image Aspect Ratio

Image Object Fit

Discovery Category

Remove Border

Link (Main & Sublinks)

Discovery Categories

Discovery Item

Title & Links

Links

Footer Menu Items

Footer Menu Item

Socials Enum

Social

Social Link

Social Media

Socials

Social Item

Shipping Policy

Description Text

Linked Text

Shipping Policy Text Color

Type One Search Placeholder

Image With Link

Type Two Search Placeholder

link

Social Media Image

Image mobile width

Image desktop width

Image position setting

Position

Mobile top

Mobile left

Desktop top

Desktop left

Social Media Images

Size Values

Label

Value

Size

Sizes

Size Guide Items

Size Guide Item

Overlay Background Color Enum

Question

Faqs

Frequently Asked Questions

Frequently Asked Question

Modal Attributes

Show Attributes

If not selected, attributes will be shown in the modal

Show Attributes Under Buttons

"Show Attributes Under Buttons" if selected

Expandable default is open?

If "Show Attributes Under Buttons" is not selected

Icon

Attributes

Object Fit Enum

Font Size Enum

Marquee Image Item

Container Link

Marquee Image Items

Marquee Image

Font Weight Enum

Position Enum

Title Text

Change Title Color

Title Color

Title Weight

Title Italic

Announcement Item

Change Background Color

Background Color

Announcement Items

Announcement

Slider Video Item

Is Video?

[Tablet/Desktop] Video

[Mobile] Video

Button Type Enum

Description Position Enum

Navbar Menu Second Item Font

Font Weight

Navbar Menu Third Item Font

Variant Display Enum

Category Preview

Do not upload large sizes. (250px x 250px)

Change Colors

Open in new tab

Categories Preview

Quantity Input Enum

Position Enum2

Vertical Align Enum

Main Category Font Settings

Border Style Enum

H Tag

Review Star

Review

Star

First & Last Name

Date

Comment

Images

Reviews

Top Bottom Enum

Email Subscription Title

Is Italic

Change Color

Color

Email Subscription Subtitle

Tag Image

Name

[Desktop/Tablet] Image Width

[Desktop/Tablet] Image Height

[Mobile] Image Width

[Mobile] Image Height

Tag Images

Brand Image

External Link Target

Title Position

Title Center Position

Show Button?

Video Aspect Ratio

Video Object Fit

Brand Image List

Brand Image Item

Brand Image Button

Change Primary Color

Primary Color

Image Size Enum

Product Image Size Enum

2000 TL Üzeri Alışverişlerde Kargo Ücretsiz

<div>260 GSM<br>Tek beden, ayarlanabilir snapback kapama</div><div>Premium 5-panel yapı</div><div>Formunu koruyan ön paneller</div>

Snapback Hat — Forest Green

Yeşil

Renk

Snapback Hat – Forest Green

<span style=" font-size: 14px; font-weight: 400">Alışveriş deneyiminizi iyileştirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Detaylı bilgiye&nbsp;</span><a href="https://tolgacelebi.myikas.com/pages/cerez-politikasi" rel="noopener noreferrer" target="_blank" style="background-color: rgb(255, 255, 255); font-weight: 400; font-size: 14px"><u>Gizlilik ve Çerez Politikası</u></a><span style=" font-size: 14px; font-weight: 400">&nbsp;sayfamızdan erişebilirsiniz.</span>

Select another country or region to view content specific to your location and shop online.

#3b1ecdff

#6ec22bff

<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis necessitatibus debitis eveniet atque esse modi aliquid quidem ut ex, eum expedita consequuntur libero dolorem. Quod magnam ipsum veniam exercitationem. Est!</div><div><br></div><div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis necessitatibus debitis eveniet atque esse modi aliquid quidem ut ex, eum expedita consequuntur libero dolorem. Quod magnam ipsum veniam exercitationem. Est!</div><div><br></div>

content

changeBgColor

bgColor

isFullWidth

<div id="sd-teslimat">
  <div class="sd-teslimat-ikon" aria-hidden="true">
    <svg viewBox="0 0 24 24">
      <rect x="3" y="5" width="18" height="16" rx="2"></rect>
      <line x1="16" y1="3" x2="16" y2="7"></line>
      <line x1="8" y1="3" x2="8" y2="7"></line>
      <line x1="3" y1="10" x2="21" y2="10"></line>
    </svg>
  </div>

  <div class="sd-teslimat-metin">
    <div>
      Tahmini teslimat:
      <strong id="sd-teslimat-tarih">Hesaplanıyor...</strong>
    </div>

    <small id="sd-kargo-bilgisi">
      Teslimat bilgisi hesaplanıyor.
    </small>
  </div>
</div>

<style>
  /* =========================================
     SATIN ALMA VE FAVORİ BUTONU YERLEŞİMİ
     ========================================= */

  [class*="ProductInfo_product-info__buttons"],
  [class*="product-info__buttons"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  div:has(> button[title="Sepete Ekle"]):has(> button[title*="İstek List"]),
  div:has(> button[title="Sepete Ekle"]):has(> button[aria-label*="İstek List"]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* =========================================
     SEPETE EKLE BUTONU
     ========================================= */

  button[title="Sepete Ekle"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 24px !important;

    border: 1px solid #111111 !important;
    border-radius: 3px !important;
    background-color: #111111 !important;

    color: #ffffff !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.4px !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
    box-shadow: none !important;

    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      transform 180ms ease !important;
  }

  @media (hover: hover) {
    button[title="Sepete Ekle"]:hover {
      border-color: #2a2a2a !important;
      background-color: #2a2a2a !important;
      box-shadow: 0 7px 18px rgba(0, 0, 0, 0.13) !important;
      transform: translateY(-1px) !important;
    }
  }

  button[title="Sepete Ekle"]:active {
    border-color: #000000 !important;
    background-color: #000000 !important;
    box-shadow: none !important;
    transform: translateY(0) !important;
  }

  button[title="Sepete Ekle"]:disabled {
    border-color: #d8d8d8 !important;
    background-color: #d8d8d8 !important;
    color: #777777 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* =========================================
     FAVORİ / İSTEK LİSTESİ BUTONU
     ========================================= */

  button[class*="favorite-button"],
  button[title*="İstek List"],
  button[aria-label*="İstek List"] {
    position: relative !important;
    display: block !important;
    flex: 0 0 54px !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #111111 !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z' fill='none' stroke='%23111111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 25px 25px !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;

    cursor: pointer !important;
    box-shadow: none !important;

    transition:
      background-color 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      transform 180ms ease !important;
  }

  button[class*="favorite-button"] svg,
  button[title*="İstek List"] svg,
  button[aria-label*="İstek List"] svg {
    opacity: 0 !important;
  }

  @media (hover: hover) {
    button[class*="favorite-button"]:hover,
    button[title*="İstek List"]:hover,
    button[aria-label*="İstek List"]:hover {
      border-color: #d32f2f !important;
      background-color: #fdf3f3 !important;

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z' fill='none' stroke='%23d32f2f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

      box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08) !important;
      transform: translateY(-1px) !important;
    }
  }

  button[class*="favorite-button"]:active,
  button[title*="İstek List"]:active,
  button[aria-label*="İstek List"]:active {
    box-shadow: none !important;
    transform: scale(0.95) !important;
  }

  /* Favoriye eklenmiş durum */

  button[title*="İstek List"][title*="Çıkar"],
  button[title*="İstek List"][title*="Kaldır"],
  button[aria-label*="İstek List"][aria-label*="Çıkar"],
  button[aria-label*="İstek List"][aria-label*="Kaldır"],
  button[aria-pressed="true"][class*="favorite"],
  button[aria-pressed="true"][title*="İstek List"],
  button[class*="favorite-button"][class*="active"],
  button[class*="favorite-button"][class*="selected"],
  button[class*="favorite-button"][class*="added"],
  button[class*="favorite-button"][class*="favorited"],
  button[class*="favorite-button"][class*="is-favorite"],
  button[class*="favorite-button"][class*="in-wishlist"],
  .active > button[class*="favorite-button"],
  .selected > button[class*="favorite-button"] {
    border-color: #d32f2f !important;
    background-color: #fdf3f3 !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z' fill='%23d32f2f' stroke='%23d32f2f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }

  /* =========================================
     TAHMİNİ TESLİMAT ALANI
     ========================================= */

  #sd-teslimat {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px;

    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;

    margin-top: -42px !important;
    margin-right: 0 !important;
    margin-bottom: -55px !important;
    margin-left: 0 !important;

    padding: 10px 0 !important;

    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;

    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    line-height: 1.35;
    text-align: center !important;
  }

  #sd-teslimat .sd-teslimat-ikon {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
  }

  #sd-teslimat .sd-teslimat-ikon svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #333333;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #sd-teslimat .sd-teslimat-metin {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #sd-teslimat strong {
    color: #2f6f4e !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  #sd-teslimat small {
    display: block;
    margin-top: 3px;
    color: #888888;
    font-size: 10px !important;
    line-height: 1.3;
    text-align: center !important;
  }

  /* =========================================
     ÜRÜN DETAYLARI VE TESLİMAT & İADE
     BAŞLIKLARINI ORTALAMA
     ========================================= */

  [data-type="expandable-header"][title="ÜRÜN DETAYLARI"],
  [data-type="expandable-header"][title="Ürün Detayları"],
  [data-type="expandable-header"][title="Teslimat & İade"],
  [data-type="expandable-header"][title="TESLİMAT & İADE"] {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  [data-type="expandable-header"][title="ÜRÜN DETAYLARI"]
    [data-type="expandable-title"],
  [data-type="expandable-header"][title="Ürün Detayları"]
    [data-type="expandable-title"],
  [data-type="expandable-header"][title="Teslimat & İade"]
    [data-type="expandable-title"],
  [data-type="expandable-header"][title="TESLİMAT & İADE"]
    [data-type="expandable-title"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 36px !important;
    padding-left: 36px !important;
    text-align: center !important;
  }

  [data-type="expandable-header"][title="ÜRÜN DETAYLARI"]
    > div[class*="arrow-holder"],
  [data-type="expandable-header"][title="Ürün Detayları"]
    > div[class*="arrow-holder"],
  [data-type="expandable-header"][title="Teslimat & İade"]
    > div[class*="arrow-holder"],
  [data-type="expandable-header"][title="TESLİMAT & İADE"]
    > div[class*="arrow-holder"] {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  /* Açılan açıklama içeriklerini ortalama */

  [data-type="expandable-header"][title="ÜRÜN DETAYLARI"]
    + [data-type="expandable-content"],
  [data-type="expandable-header"][title="Ürün Detayları"]
    + [data-type="expandable-content"],
  [data-type="expandable-header"][title="Teslimat & İade"]
    + [data-type="expandable-content"],
  [data-type="expandable-header"][title="TESLİMAT & İADE"]
    + [data-type="expandable-content"] {
    text-align: center !important;
  }

  [data-type="expandable-header"][title="ÜRÜN DETAYLARI"]
    + [data-type="expandable-content"] *,
  [data-type="expandable-header"][title="Ürün Detayları"]
    + [data-type="expandable-content"] *,
  [data-type="expandable-header"][title="Teslimat & İade"]
    + [data-type="expandable-content"] *,
  [data-type="expandable-header"][title="TESLİMAT & İADE"]
    + [data-type="expandable-content"] * {
    text-align: center !important;
  }

  /* =========================================
     MOBİL
     ========================================= */

  @media (max-width: 480px) {
    [class*="ProductInfo_product-info__buttons"],
    [class*="product-info__buttons"],
    div:has(> button[title="Sepete Ekle"]):has(> button[title*="İstek List"]),
    div:has(> button[title="Sepete Ekle"]):has(> button[aria-label*="İstek List"]) {
      grid-template-columns: minmax(0, 1fr) 52px !important;
      gap: 8px !important;
    }

    button[title="Sepete Ekle"] {
      height: 52px !important;
      padding: 0 18px !important;
      font-size: 12px !important;
      letter-spacing: 1.2px !important;
    }

    button[class*="favorite-button"],
    button[title*="İstek List"],
    button[aria-label*="İstek List"] {
      flex-basis: 52px !important;
      width: 52px !important;
      min-width: 52px !important;
      max-width: 52px !important;
      height: 52px !important;
      min-height: 52px !important;
      background-size: 24px 24px !important;
    }

    #sd-teslimat {
      gap: 8px;

      margin-top: -18px !important;
      margin-right: 0 !important;
      margin-bottom: -30px !important;
      margin-left: 0 !important;

      padding: 11px 0 !important;
      font-size: 13px !important;
    }

    #sd-teslimat .sd-teslimat-ikon {
      flex-basis: 16px;
      width: 16px;
      height: 16px;
    }

    #sd-teslimat .sd-teslimat-ikon svg {
      width: 16px;
      height: 16px;
    }

    #sd-teslimat strong {
      font-size: 13px !important;
    }

    #sd-teslimat small {
      margin-top: 3px;
      font-size: 10px !important;
      line-height: 1.3;
    }

    [data-type="expandable-header"][title="ÜRÜN DETAYLARI"]
      [data-type="expandable-title"],
    [data-type="expandable-header"][title="Ürün Detayları"]
      [data-type="expandable-title"],
    [data-type="expandable-header"][title="Teslimat & İade"]
      [data-type="expandable-title"],
    [data-type="expandable-header"][title="TESLİMAT & İADE"]
      [data-type="expandable-title"] {
      padding-right: 32px !important;
      padding-left: 32px !important;
    }
  }

  /* MASAÜSTÜ: CTA ve favori aynı hizada */
  @media (min-width: 481px) {
    [class*="ProductInfo_product-info__buttons"],
    [class*="product-info__buttons"],
    div:has(> button[title="Sepete Ekle"]):has(> button[title*="İstek List"]),
    div:has(> button[title="Sepete Ekle"]):has(> button[aria-label*="İstek List"]) {
      display: grid !important;
      grid-template-columns: 232px 44px !important;
      grid-template-rows: 44px !important;
      width: 284px !important;
      max-width: 284px !important;
      justify-content: start !important;
      justify-items: stretch !important;
      align-items: stretch !important;
      gap: 8px !important;
    }

    button[title="Sepete Ekle"] {
      width: 232px !important;
      height: 44px !important;
      min-height: 44px !important;
      padding: 0 20px !important;
    }

    button[class*="favorite-button"],
    button[title*="İstek List"],
    button[aria-label*="İstek List"] {
      flex: 0 0 44px !important;
      width: 44px !important;
      min-width: 44px !important;
      max-width: 44px !important;
      height: 44px !important;
      min-height: 44px !important;
      background-size: 22px 22px !important;
    }
  }


  /* Ürün sayfası bilgi hiyerarşisi */
  @media (min-width:481px){
    [class*="ProductInfo_product-info__details__"]{margin-top:10px!important;}
    [class*="ProductInfo_product-info__details__"] [class*="Expandable_expandable-default__header__"]{padding:10px 0!important;}
    [class*="ProductInfo_product-info__details__"] [class*="Expandable_expandable-default__header-title__"],
    [data-type="expandable-header"] [data-type="expandable-title"]{color:#303030!important;font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.045em!important;line-height:1.3!important;}
    div:has(> img[alt="BEDEN TABLOSU"]){display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;color:#303030!important;font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.045em!important;line-height:1.2!important;}
    img[alt="BEDEN TABLOSU"]{width:19px!important;height:19px!important;object-fit:contain!important;}
  }



  /* Mobil: Ürün Detayları / Teslimat & İade başlıkları */
  @media (max-width:480px){
    [class*="ProductInfo_product-info__details__"] [class*="Expandable_expandable-default__header-title__"],
    [data-type="expandable-header"] [data-type="expandable-title"]{
      color:#303030!important;
      font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif!important;
      font-size:12px!important;
      font-weight:600!important;
      letter-spacing:.045em!important;
      line-height:1.3!important;
    }
  }
</style>

<div style=""><div style="text-align: center;"><span style="color: rgb(99, 99, 99);">340 GSM</span></div><font color="#636363"><div style="text-align: center;">Tek beden, ayarlanabilir snapback kapama</div><div style="text-align: center;">Premium 6-panel yapı</div><div style="text-align: center;">Formunu koruyan ön paneller</div><div style="text-align: center;"><br></div></font></div><div style=""><h6 style="text-align: center; " class=""><font color="#636363">Kumaş &amp; Bakım</font></h6><p dir="ltr" style="text-align: center; "><font color="#636363">Nemli bezle bölgesel olarak temizleyiniz.</font></p><p dir="ltr" style="text-align: center; "><font color="#636363">Doğal şekilde kurulamaya bırakınız.</font></p><font face="Arial, sans-serif" color="#636363"></font><p></p></div>

Black Hat

STYLED WITH