/* SONTEKLIF_2019_FINAL_DESIGN */

body main.main {
    max-width:1000px !important;
    display:grid !important;
    grid-template-columns:230px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:start !important;
    margin:16px auto !important;
}

body main.main > section {
    min-width:0 !important;
}

body main.main .sidebar {
    width:auto !important;
    min-width:0 !important;
}

/* 2019 slider */
body main.main .slider {
    height:260px !important;
    min-height:260px !important;
    overflow:hidden !important;
    border:1px solid #d5d5d5 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:linear-gradient(125deg,#e7f8fc,#fff) !important;
    margin-bottom:14px !important;
    position:relative !important;
}

body main.main .slider .slide {
    height:100% !important;
    padding:35px 20px 30px !important;
    text-align:center !important;
}

body main.main .slider h2 {
    font:normal 23px/1.35 Arial,sans-serif !important;
    color:#333 !important;
    margin:0 0 24px !important;
}

body main.main .slider .payment {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:15px !important;
    padding:12px !important;
    border:1px solid #e2e2e2 !important;
    background:rgba(255,255,255,.7) !important;
}

body main.main .slider .payment span {
    font:bold 15px Arial,sans-serif !important;
}

body main.main .slider .dots {
    position:absolute !important;
    bottom:8px !important;
    left:0 !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    gap:7px !important;
}

/* Vitrin kapsayicisi */
body main.main .products {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

/* Son uygulanan 2019 vitrin */
body main.main .products .st19-home {
    display:block !important;
    width:100% !important;
}

body main.main .products .st19-tabs {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:0 !important;
    background:#f7f7f7 !important;
    border:1px solid #d5d5d5 !important;
    border-bottom:0 !important;
}

body main.main .products .st19-tab {
    min-width:0 !important;
    border-radius:0 !important;
    border:0 !important;
    border-right:1px solid #d5d5d5 !important;
    background:#f7f7f7 !important;
    color:#222 !important;
    padding:10px 2px !important;
    font:bold 11px Arial,sans-serif !important;
    text-align:center !important;
}

body main.main .products .st19-tab.active {
    background:#ff9519 !important;
    color:#111 !important;
}

body main.main .products .st19-panel {
    display:none !important;
    min-height:430px !important;
    border:1px solid #d5d5d5 !important;
    background:#fff !important;
}

body main.main .products .st19-panel.active {
    display:block !important;
}

body main.main .products .st19-grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

body main.main .products .st19-card {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    min-width:0 !important;
    min-height:210px !important;
    padding:13px 8px !important;
    margin:0 !important;
    border:0 !important;
    border-right:1px solid #ddd !important;
    border-bottom:1px solid #ddd !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
}

body main.main .products .st19-photo {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:135px !important;
}

body main.main .products .st19-photo img {
    max-width:145px !important;
    max-height:130px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
}

body main.main .products .st19-name {
    font:12px/1.4 Arial,sans-serif !important;
    color:#222 !important;
    margin:8px 0 !important;
}

body main.main .products .st19-price {
    margin-top:auto !important;
    color:#b00000 !important;
    font:14px Arial,sans-serif !important;
}

/* Eski vitrin yapisi kullaniliyorsa */
body main.main .products .st-product-grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:0 !important;
}

body main.main .products .st-product-card {
    min-width:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border:0 !important;
    border-right:1px solid #ddd !important;
    border-bottom:1px solid #ddd !important;
    padding:12px !important;
    text-align:center !important;
}

body main.main .products .st-product-photo {
    height:135px !important;
}

body main.main .products .st-product-photo img {
    max-width:145px !important;
    max-height:130px !important;
    object-fit:contain !important;
}

body main.main .products .st-product-price {
    color:#b00000 !important;
}

/* Alt bilgi */
.st19-footer-info {
    max-width:1000px;
    margin:18px auto 28px;
    padding:12px 5px;
    border-top:2px solid #f7931e;
    border-bottom:1px solid #f7931e;
    color:#555;
    font:11px/1.7 Arial,sans-serif;
}

.st19-footer-info h3 {
    margin:10px 0 3px;
    font:bold 12px Arial,sans-serif;
    color:#333;
}

.st19-footer-info p {
    margin:0 0 9px;
}

@media(max-width:700px) {
    body main.main {
        display:block !important;
        width:calc(100% - 20px) !important;
    }

    body main.main .sidebar {
        margin-bottom:12px !important;
    }

    body main.main .slider {
        height:220px !important;
        min-height:220px !important;
    }

    body main.main .slider h2 {
        font-size:17px !important;
    }

    body main.main .products .st19-tabs {
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    }

    body main.main .products .st19-tab {
        font-size:9px !important;
        padding:8px 1px !important;
    }

    body main.main .products .st19-grid,
    body main.main .products .st-product-grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .st19-footer-info {
        margin:15px 10px;
    }
}