/*
Theme Name: Kreativija
Template: astra
*/

/* =========================================================
   GLOBAL
========================================================= */

body{
    background:#f4f5f7;
    color:#222;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

.site{
    background:#f4f5f7;
}

a{
    transition:all .2s ease;
}

/* =========================================================
   MAIN WRAP
========================================================= */

.st-maedler-product-wrap{
    max-width:1450px;
    margin:0 auto;
    padding:30px 20px 80px;
}

/* =========================================================
   BREADCRUMBS
========================================================= */

.st-maedler-breadcrumbs{
    margin-bottom:25px;
    font-size:14px;
    color:#888;
}

.st-maedler-breadcrumbs a{
    color:#888;
    text-decoration:none;
}

.st-maedler-breadcrumbs a:hover{
    color:#d71920;
}

/* =========================================================
   TOP LAYOUT
========================================================= */

.st-maedler-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) 380px;
    gap:40px;
    align-items:start;
}

/* =========================================================
   LEFT SIDE
========================================================= */

.st-maedler-left{
    background:#fff;
    border-radius:12px;
    padding:35px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

/* =========================================================
   TITLE
========================================================= */

.st-maedler-title{
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    color:#1d1d1d;
    margin-bottom:25px;
}

/* =========================================================
   META
========================================================= */

.st-maedler-meta-line{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:30px;
}

.st-maedler-meta-line span{
    background:#f1f2f4;
    border:1px solid #e4e6ea;
    padding:12px 16px;
    border-radius:8px;
    font-size:15px;
    color:#555;
    font-weight:500;
}

.st-maedler-meta-line strong{
    color:#111;
    font-weight:700;
}

/* =========================================================
   IMAGE GRID
========================================================= */

.st-maedler-media-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
    margin-bottom:35px;
}

.st-maedler-image-box{
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:12px;
    min-height:450px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    overflow:hidden;
}

.st-maedler-image-box img{
    max-width:100%;
    max-height:380px;
    object-fit:contain;
}

.st-maedler-placeholder{
    color:#999;
    font-size:16px;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.st-maedler-short-description{
    font-size:17px;
    line-height:1.9;
    color:#444;
}

.st-maedler-short-description p:last-child{
    margin-bottom:0;
}

/* =========================================================
   LINKS
========================================================= */

.st-maedler-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:35px;
}

.st-maedler-links a{
    background:#d71920;
    color:#fff;
    text-decoration:none;
    padding:14px 22px;
    border-radius:8px;
    font-weight:700;
    font-size:15px;
}

.st-maedler-links a:hover{
    background:#b91218;
    transform:translateY(-2px);
}

/* =========================================================
   BUYBOX
========================================================= */

.st-maedler-buybox{
    background:#fff;
    border-radius:12px;
    padding:28px;
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
    position:sticky;
    top:30px;
}

/* =========================================================
   STOCK
========================================================= */

.st-maedler-stock{
    border-radius:10px;
    padding:18px 20px;
    margin-bottom:25px;
    font-size:17px;
    font-weight:700;
}

.st-stock-in-stock{
    background:#ebfff1;
    color:#11853c;
    border-left:5px solid #1db954;
}

.st-stock-low-stock{
    background:#fff9e8;
    color:#b8860b;
    border-left:5px solid #e3b505;
}

.st-stock-out-of-stock{
    background:#fff0f0;
    color:#b00020;
    border-left:5px solid #d71920;
}

.st-stock-unknown{
    background:#f3f4f6;
    color:#666;
    border-left:5px solid #999;
}

.st-maedler-stock small{
    display:block;
    margin-top:8px;
    font-size:13px;
    opacity:.8;
    font-weight:500;
}

/* =========================================================
   IDENT BOX
========================================================= */

.st-maedler-ident-box{
    background:#f7f8fa;
    border:1px solid #e3e5e8;
    border-radius:10px;
    padding:20px;
    margin-bottom:28px;
}

.st-maedler-ident-box span{
    display:block;
    font-size:14px;
    color:#777;
    margin-bottom:8px;
}

.st-maedler-ident-box strong{
    font-size:38px;
    line-height:1;
    color:#1b1b1b;
    font-weight:800;
}

/* =========================================================
   PRICE TABLE
========================================================= */

.st-maedler-price-table-box{
    margin-bottom:30px;
}

.st-maedler-price-table-box h2{
    font-size:24px;
    margin-bottom:18px;
    color:#1d1d1d;
}

.st-maedler-price-table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:10px;
}

.st-maedler-price-table th{
    background:#2d2d2d;
    color:#fff;
    text-align:left;
    font-size:15px;
}

.st-maedler-price-table th,
.st-maedler-price-table td{
    padding:15px 16px;
    border:1px solid #ececec;
}

.st-maedler-price-table td{
    background:#fff;
    font-size:15px;
}

.st-maedler-price-table tr:nth-child(even) td{
    background:#fafafa;
}

/* =========================================================
   CART
========================================================= */

.st-maedler-cart-box{
    margin-top:10px;
}

.st-maedler-cart-box form.cart{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.st-maedler-cart-box .quantity{
    margin:0!important;
}

.st-maedler-cart-box input.qty{
    height:52px;
    width:90px;
    border-radius:8px;
    border:1px solid #d7d7d7;
}

.st-maedler-cart-box .single_add_to_cart_button{
    width:100%;
    height:58px;
    border:none!important;
    border-radius:10px!important;
    background:#d71920!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:800!important;
    transition:all .2s ease;
}

.st-maedler-cart-box .single_add_to_cart_button:hover{
    background:#b91218!important;
    transform:translateY(-2px);
}

/* =========================================================
   SPECS
========================================================= */

.st-maedler-specs-section{
    background:#fff;
    border-radius:12px;
    padding:35px;
    margin-top:40px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.st-maedler-specs-section h2{
    font-size:32px;
    margin-bottom:28px;
    color:#1d1d1d;
}

.st-maedler-specs-table{
    width:100%;
    border-collapse:collapse;
}

.st-maedler-specs-table th,
.st-maedler-specs-table td{
    padding:18px;
    border-bottom:1px solid #ececec;
    text-align:left;
}

.st-maedler-specs-table th{
    width:35%;
    background:#fafafa;
    font-weight:700;
    color:#222;
}

.st-maedler-specs-table td{
    background:#fff;
    color:#444;
}

/* =========================================================
   DESCRIPTION SECTION
========================================================= */

.st-maedler-description-section{
    background:#fff;
    border-radius:12px;
    padding:35px;
    margin-top:40px;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.st-maedler-description-section h2{
    font-size:32px;
    margin-bottom:25px;
    color:#1d1d1d;
}

.st-maedler-description-section p{
    line-height:1.9;
    color:#444;
    font-size:17px;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:1100px){

    .st-maedler-top{
        grid-template-columns:1fr;
    }

    .st-maedler-buybox{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .st-maedler-product-wrap{
        padding:20px 14px 50px;
    }

    .st-maedler-left,
    .st-maedler-buybox,
    .st-maedler-specs-section,
    .st-maedler-description-section{
        padding:22px;
    }

    .st-maedler-title{
        font-size:34px;
    }

    .st-maedler-media-grid{
        grid-template-columns:1fr;
    }

    .st-maedler-image-box{
        min-height:300px;
    }

    .st-maedler-image-box img{
        max-height:240px;
    }

    .st-maedler-ident-box strong{
        font-size:30px;
    }

    .st-maedler-specs-table th,
    .st-maedler-specs-table td{
        padding:14px;
        font-size:14px;
    }

}