/** Shopify CDN: Minification failed

Line 17:18 Unexpected "{"
Line 17:27 Expected ":"
Line 17:34 Unexpected "{"
Line 18:20 Expected identifier but found whitespace
Line 18:22 Unexpected "{"
Line 18:31 Expected ":"
Line 18:80 Unexpected ","
Line 18:83 Unexpected "{"
Line 18:92 Expected ":"
Line 18:143 Unexpected ","
... and 76 more hidden warnings

**/
/* Genel stil ayarları */
#shopify-section-{{ section.id }} {
    --heading-color: {{ section.settings.heading_color | color_extract: 'red' }}, {{ section.settings.heading_color | color_extract: 'green' }}, {{ section.settings.heading_color | color_extract: 'blue' }};
    --color-body: {{ section.settings.text_color | color_extract: 'red' }}, {{ section.settings.text_color | color_extract: 'green' }}, {{ section.settings.text_color | color_extract: 'blue' }};
    --primary-button-background: 244, 165, 28;
    --primary-button-text-color: 255, 255, 255;
    --ap-nextap-buttonprev-background: {{ section.settings.prev_next_button_background | color_extract: 'red' }}, {{ section.settings.prev_next_button_background | color_extract: 'green' }}, {{ section.settings.prev_next_button_background | color_extract: 'blue' }};
    --ap-nextap-buttonprev-color: {{ section.settings.prev_next_button_color | color_extract: 'red' }}, {{ section.settings.prev_next_button_color | color_extract: 'green' }}, {{ section.settings.prev_next_button_color | color_extract: 'blue' }};
    --section-background: {{ section.settings.section_background }};
    --section-products-per-row: {{ section.settings.products_per_row }};
}

#shopify-section-{{ section.id }} .ap-productlist__inner--scroller {
    {% if section.settings.product_line == '1' %}
      grid-template-rows: 1fr;
    {% elsif section.settings.product_line == '2' %}
      grid-template-rows: 1fr 1fr;
    {% elsif section.settings.product_line == '3' %}
      grid-template-rows: 1fr 1fr 1fr;
    {% elsif section.settings.product_line == '4' %}
      grid-template-rows: 1fr 1fr 1fr 1fr;
    {% endif %}
}

/* Mobilde iki ürün görünümü ve başlık boyutunu küçültme */
@media screen and (max-width: 740px) {
    #shopify-section-{{ section.id }} {
      --section-products-per-row: 2; /* Mobilde iki ürün */
    }
    #shopify-section-{{ section.id }} .ap-productlist__inner--scroller {
      grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    }
    .section__header .heading {
      font-size: 18px; /* Mobilde başlık boyutu küçüldü */
    }
}

/* Daha geniş mobil cihazlar için */
@media screen and (min-width: 741px) {
    #shopify-section-{{ section.id }} {
      --section-products-per-row: {{ section.settings.products_per_row_mobile }};
    }
    #shopify-section-{{ section.id }} .ap-productlist__inner--scroller {
      grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    }
}

/* Tablet görünümü */
@media screen and (min-width: 1000px) {
    #shopify-section-{{ section.id }} {
      --section-products-per-row: {{ section.settings.products_per_row_tablet }};
    }
    #shopify-section-{{ section.id }} .ap-productlist__inner--scroller {
      grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    }
}

/* Masaüstü görünümü ve başlık küçültme */
@media screen and (min-width: 1200px) {
    #shopify-section-{{ section.id }} {
      --section-products-per-row: {{ section.settings.products_per_row_desktop }};
    }
    #shopify-section-{{ section.id }} .ap-productlist__inner--scroller {
      grid-auto-columns: calc(100% / var(--section-products-per-row, 4) - (var(--grid-gap) / var(--section-products-per-row, 4) * (var(--section-products-per-row, 4) - 1)));
    }
    .section__header .heading {
      font-size: 20px; /* Masaüstü başlık boyutu küçültüldü */
    }
}

/* Sekme stili ayarları */
.ap-navtabs__item-list {
    box-shadow: none;
    gap: 28px;
    justify-content: center;
}

.ap-navtabs__item {
    opacity: 1;
    text-transform: uppercase;
    color: var(--color-accent-1);
}

.ap-navtabs__item[ap-expanded-aria="true"],
.ap-navtabs__item:hover {
    color: var(--color-accent-5);
    border-color: var(--color-accent-5);
}

.ap-navtabs__item::before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 20px;
    height: 2px;
    background-color: var(--primary);
    opacity: 0;
    transition: all 0.4s;
    left: 0;
    display: none;
}

.ap-navtabs__item[ap-expanded-aria="true"]::before {
    opacity: 1;
}

.product-tab .ap-navtabs {
    width: 100%;
}

.product-tab .section__header {
    justify-content: center;
    margin-bottom: 0;
    flex-direction: column;
}

.product-tab,
.ap-productlist {
    margin: 0;
}

.product-tab {
    overflow: hidden;
}

.product-tab .ap-productlist__ap-nextprev {
    transform: translateY(-50%);
    top: 50%;
}

@media (max-width: 1199px) {
    .product-tab .section__header {
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .product-tab .ap-productlist__inner--scroller {
        grid-auto-flow: column;
    }
}

@media (max-width: 767px) {
    .ap-navtabs__item-list {
        flex-wrap: wrap;
    }
}

@media (max-width: 576px) {
    .product-tab .section__header {
        justify-content: center;
    }
}
