
/* SONTEKLIF_RETRO_FINAL_V68
   Shared visual finishing layer.
   Classic orange / white 2019 layout.
*/

/* Global content width - desktop */
@media(min-width:1025px) {
    body main.container {
        width:1000px !important;
        max-width:calc(100% - 32px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }
}

/* Shared retro appearance */
body main.container .product,
body main.container .st-product-card,
body main.container .st-shop-hero-v14,
body main.container .st-seller-trust-v9 {
    border-radius:0 !important;
    box-shadow:none !important;
}

/* Product cards */
body main.container .st-product-card,
body main.container article.product,
body main.container a.product.st-product-v13 {
    background:#fff !important;
    border:1px solid #dedede !important;
    border-radius:0 !important;
    box-shadow:none !important;
    min-width:0 !important;
}

body main.container .st-product-card:hover,
body main.container article.product:hover,
body main.container a.product.st-product-v13:hover {
    border-color:#f7941d !important;
}

/* Product thumbnails */
body main.container .st-product-photo img,
body main.container article.product .photo img,
body main.container a.product.st-product-v13 .image img {
    max-width:100% !important;
    object-fit:contain !important;
}

/* Product prices */
body main.container .st-product-price,
body main.container article.product .price,
body main.container a.product.st-product-v13 .price {
    color:#ed8200 !important;
    font-weight:800 !important;
}

/* Home product grid */
@media(min-width:1025px) {
    body main.container .st-product-grid {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* Category product grid */
@media(min-width:1025px) {
    body main.container > .grid {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* Shop product grid */
@media(min-width:1025px) {
    body main.container .st-shop-tab-panel-v15 .grid {
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

/* Shop hero and statistics */
body main.container .st-shop-hero-v14 {
    border:1px solid #ddd !important;
}

body main.container .st-shop-stats-v11 {
    border-radius:0 !important;
    box-shadow:none !important;
}

/* Shop tabs */
body main.container .st-shop-tabs-v15 {
    border-bottom:1px solid #f7941d !important;
}

/* Product detail gallery */
body main.container .st-gallery {
    border-radius:0 !important;
    box-shadow:none !important;
}

body main.container .st-gallery-main {
    height:300px !important;
    background:#fff !important;
}

body main.container .st-gallery-main img {
    padding:0 !important;
    object-fit:contain !important;
}

/* Seller trust */
body main.container .st-seller-trust-v9 {
    border:1px solid #dedede !important;
    background:#fff !important;
}

body main.container .st-seller-name-v9 {
    font-size:14px !important;
}

/* Product detail price */
body main.container .product > section > .price {
    color:#ed8200 !important;
    font-weight:800 !important;
}

/* Disabled demo purchase */
body main.container button.buy:disabled {
    background:#f7941d !important;
    color:#fff !important;
    opacity:.75 !important;
    cursor:not-allowed !important;
    border-radius:0 !important;
}

/* Tablet */
@media(min-width:701px) and (max-width:1024px) {
    body main.container {
        max-width:calc(100% - 24px) !important;
        box-sizing:border-box !important;
    }
}

/* Mobile */
@media(max-width:700px) {
    body main.container {
        width:100% !important;
        max-width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }

    body main.container .st-product-grid,
    body main.container .st-shop-tab-panel-v15 .grid {
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
    }

    body main.container .st-gallery-main {
        height:250px !important;
    }

    body main.container .st-gallery-main img {
        max-width:100% !important;
        max-height:100% !important;
    }
}

@media(max-width:380px) {
    body main.container .st-gallery-main {
        height:210px !important;
    }
}


/* SONTEKLIF_ORIGINAL_2019_COLORS */
:root {
    --st-orange: #f88f11;
    --st-blue: #2496d1;
    --st-text: #474747;
    --st-border: #dcdcdc;
    --st-light: #f5f5f5;
}

@media (min-width: 1050px) {
    body .container {
        max-width: 988px;
    }
}

body {
    color: var(--st-text);
}

input, select, textarea {
    border-color: var(--st-border);
}

a:hover {
    color: var(--st-orange);
}

/* SONTEKLIF_FINAL_RESPONSIVE_2019 */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }

@media (min-width: 1025px) {
    body .container {
        width: 988px;
        max-width: calc(100% - 24px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1024px) {
    body .container {
        width: auto;
        max-width: 100%;
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media (max-width: 640px) {
    body .container {
        margin-left: 8px;
        margin-right: 8px;
    }
    input, select, textarea {
        max-width: 100%;
    }
}
