.elementor-4452 .elementor-element.elementor-element-5ed4f1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-35c3aba4{margin-top:40px;margin-bottom:0px;}.elementor-4452 .elementor-element.elementor-element-6450b256 > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-6450b256 .motta-heading{font-size:34px;font-weight:500;line-height:32px;}.elementor-4452 .elementor-element.elementor-element-2070ea45 > .elementor-container{max-width:1308px;}.elementor-4452 .elementor-element.elementor-element-2070ea45{border-style:solid;border-width:0px 0px 0px 0px;border-color:#ECF0F4;padding:0px 0px 8px 0px;}.elementor-4452 .elementor-element.elementor-element-bc97c8b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4452 .elementor-element.elementor-element-00db1c7{margin-top:50px;margin-bottom:0px;}.elementor-4452 .elementor-element.elementor-element-fcc04a0 > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-fcc04a0 .motta-heading{font-size:37px;font-weight:500;line-height:32px;}.elementor-4452 .elementor-element.elementor-element-756fa83{margin-top:50px;margin-bottom:0px;}.elementor-4452 .elementor-element.elementor-element-40d510f > .elementor-widget-container{padding:13px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-40d510f .motta-heading{font-size:37px;font-weight:500;line-height:32px;}@media(max-width:767px){.elementor-4452 .elementor-element.elementor-element-6450b256 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-6450b256 .motta-heading{font-size:18px;}.elementor-4452 .elementor-element.elementor-element-2070ea45{border-width:4px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-4452 .elementor-element.elementor-element-fcc04a0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-fcc04a0 .motta-heading{font-size:18px;}.elementor-4452 .elementor-element.elementor-element-40d510f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-40d510f .motta-heading{font-size:18px;}}@media(min-width:768px){.elementor-4452 .elementor-element.elementor-element-5ed4f1f{--width:100%;}.elementor-4452 .elementor-element.elementor-element-bc97c8b{--width:100%;}}/* Start custom CSS for motta-product-grid, class: .elementor-element-53659f5 *//* Motta Product Grid kartlarını kutu içine al */
.motta-product-grid .product-inner {
    border: 1px solid #f0f0f0 !important; /* İnce çerçeve */
    border-radius: 12px !important; /* Köşeleri yumuşat */
    padding: 15px !important;
    background-color: #fff !important;
    text-align: left !important; /* Her şeyi sola yasla */
    transition: box-shadow 0.3s ease !important;
}

/* Mouse üzerine gelince gölge ver */
.motta-product-grid .product-inner:hover {
    box-shadow: 0px 8px 25px rgba(0,0,0,0.06) !important;
}

/* Başlığı sola yasla ve düzenle */
.motta-product-grid .product-inner .woocommerce-loop-product__title {
    text-align: left !important;
    font-size: 15px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}

/* Fiyatı sola yasla */
.motta-product-grid .product-inner .price {
    justify-content: flex-start !important;
    display: flex !important;
    font-size: 16px !important;
    color: #111 !important;
}
/* Başlık, fiyat ve meta bilgilerini sola yasla */
.motta-product-grid .product-inner .woocommerce-loop-product__title,
.motta-product-grid .product-inner .price,
.motta-product-grid .product-inner .product-sku {
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
}

/* Fiyat aralığını ve simgesini düzenle */
.motta-product-grid .product-inner .price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
/* Alt gri şeridin tasarımı */
.min-order-bar {
    background-color: #f5f5f5; /* Açık gri arka plan */
    padding: 8px 12px;
    margin: 10px -15px -15px -15px; /* Kutunun en altına tam sıfırlanması için */
    border-radius: 0 0 8px 8px; /* Alt köşeleri yuvarla */
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #666;
    border-top: 1px solid #eee;
}

.min-order-bar strong {
    color: #333;
    font-size: 13px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16a8a73 *//* Genel Izgara Yapısı */
.mitra-bento-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Sütunlu yapı */
    grid-gap: 20px; /* Kutular arası boşluk */
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Kutu Temel Ayarları */
.mitra-bento-item {
    position: relative;
    border-radius: 20px; /* Köşe yuvarlaklığı */
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px; /* Kutuların yüksekliği */
    display: flex;
    align-items: flex-end; /* Yazıyı aşağı it */
    text-decoration: none !important;
    transition: transform 0.3s ease; /* Hover efekti yumuşatma */
}

/* Hover Efekti (Üzerine gelince az büyüsün) */
.mitra-bento-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Küçük Kutular (Üst satır) - Standart davranış */
.item-small {
    grid-column: span 1;
}

/* Büyük Kutular (Alt satır) - 2 birim yer kaplasın */
.item-large {
    grid-column: span 2;
}

/* Karartma Efekti (Yazı okunsun diye) */
.mitra-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Aşağıdan yukarı siyah gölge */
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
}

/* Yazı Alanı */
.mitra-content {
    position: relative;
    z-index: 2; /* Gölgenin üstüne çıksın */
    padding: 25px;
    width: 100%;
}

.mitra-content h3 {
    color: #fff; /* Beyaz yazı */
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* MOBİL UYUM (Responsive) */
@media (max-width: 900px) {
    .mitra-bento-container {
        grid-template-columns: repeat(2, 1fr); /* Tablette 2 sütun olsun */
    }
    .item-large {
        grid-column: span 1; /* Tablette büyük kutular da tekli olsun */
    }
}

@media (max-width: 600px) {
    .mitra-bento-container {
        grid-template-columns: 1fr; /* Mobilde tek sütun (alt alta) */
        padding: 10px;
    }
    .item-large {
        grid-column: span 1;
    }
    .mitra-bento-item {
        height: 250px; /* Mobilde boyu biraz kısaltalım */
    }
}/* End custom CSS */
/* Start custom CSS for motta-product-grid, class: .elementor-element-6649dae *//* Motta Product Grid kartlarını kutu içine al */
.motta-product-grid .product-inner {
    border: 1px solid #f0f0f0 !important; /* İnce çerçeve */
    border-radius: 12px !important; /* Köşeleri yumuşat */
    padding: 15px !important;
    background-color: #fff !important;
    text-align: left !important; /* Her şeyi sola yasla */
    transition: box-shadow 0.3s ease !important;
}

/* Mouse üzerine gelince gölge ver */
.motta-product-grid .product-inner:hover {
    box-shadow: 0px 8px 25px rgba(0,0,0,0.06) !important;
}

/* Başlığı sola yasla ve düzenle */
.motta-product-grid .product-inner .woocommerce-loop-product__title {
    text-align: left !important;
    font-size: 15px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}

/* Fiyatı sola yasla */
.motta-product-grid .product-inner .price {
    justify-content: flex-start !important;
    display: flex !important;
    font-size: 16px !important;
    color: #111 !important;
}
/* Başlık, fiyat ve meta bilgilerini sola yasla */
.motta-product-grid .product-inner .woocommerce-loop-product__title,
.motta-product-grid .product-inner .price,
.motta-product-grid .product-inner .product-sku {
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
}

/* Fiyat aralığını ve simgesini düzenle */
.motta-product-grid .product-inner .price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
/* Alt gri şeridin tasarımı */
.min-order-bar {
    background-color: #f5f5f5; /* Açık gri arka plan */
    padding: 8px 12px;
    margin: 10px -15px -15px -15px; /* Kutunun en altına tam sıfırlanması için */
    border-radius: 0 0 8px 8px; /* Alt köşeleri yuvarla */
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #666;
    border-top: 1px solid #eee;
}

.min-order-bar strong {
    color: #333;
    font-size: 13px;
}/* End custom CSS */
/* Start custom CSS for motta-product-grid, class: .elementor-element-9581b53 *//* Motta Product Grid kartlarını kutu içine al */
.motta-product-grid .product-inner {
    border: 1px solid #f0f0f0 !important; /* İnce çerçeve */
    border-radius: 12px !important; /* Köşeleri yumuşat */
    padding: 15px !important;
    background-color: #fff !important;
    text-align: left !important; /* Her şeyi sola yasla */
    transition: box-shadow 0.3s ease !important;
}

/* Mouse üzerine gelince gölge ver */
.motta-product-grid .product-inner:hover {
    box-shadow: 0px 8px 25px rgba(0,0,0,0.06) !important;
}

/* Başlığı sola yasla ve düzenle */
.motta-product-grid .product-inner .woocommerce-loop-product__title {
    text-align: left !important;
    font-size: 15px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}

/* Fiyatı sola yasla */
.motta-product-grid .product-inner .price {
    justify-content: flex-start !important;
    display: flex !important;
    font-size: 16px !important;
    color: #111 !important;
}
/* Başlık, fiyat ve meta bilgilerini sola yasla */
.motta-product-grid .product-inner .woocommerce-loop-product__title,
.motta-product-grid .product-inner .price,
.motta-product-grid .product-inner .product-sku {
    text-align: left !important;
    display: block !important;
    margin-left: 0 !important;
}

/* Fiyat aralığını ve simgesini düzenle */
.motta-product-grid .product-inner .price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 10px !important;
}
/* Alt gri şeridin tasarımı */
.min-order-bar {
    background-color: #f5f5f5; /* Açık gri arka plan */
    padding: 8px 12px;
    margin: 10px -15px -15px -15px; /* Kutunun en altına tam sıfırlanması için */
    border-radius: 0 0 8px 8px; /* Alt köşeleri yuvarla */
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #666;
    border-top: 1px solid #eee;
}

.min-order-bar strong {
    color: #333;
    font-size: 13px;
}/* End custom CSS */