/* ===== RAMKA WYPRZEDAŻY W HERO ===== */

.hero-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}

.hero-left{
    flex:1;
    max-width:700px;
}

.hero-sale{
    min-height:45vh;
    display:flex;
    align-items:center;
}

.sale-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:35px;
    margin-top:50px;
}

/* ===== WYPRZEDAŻ W MENU MOBILNYM ===== */

.mobile-sale-link{
    display:none;
}

@media(max-width:800px){

    .mobile-sale-link{
        display:flex !important;
        align-items:center;
        justify-content:center;

        width:220px;
        min-height:54px;

        color:#ff3333 !important;

        border:2px solid #ff3333;
        border-radius:16px;

        font-size:18px !important;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.5px;
    }

    .mobile-sale-link:hover{
        background:#ff6836;
        border-color:#ff6836;
        color:#fff !important;
    }

}

.sale-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.3s;
}

.sale-card:hover{
    transform:translateY(-8px);
}

.sale-card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.sale-info{
    padding:25px;
    text-align:center;
}

.sale-info h3{
    margin-bottom:10px;
}

.description{
    color:#666;
    margin-bottom:20px;
}

.price{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.old-price{
    text-decoration:line-through;
    color:#999;
    font-size:18px;
}

.new-price{
    color:#caa25a;
    font-size:28px;
    font-weight:bold;
}

.sale-card .btn{
    width:100%;
}

.sale-box{
    width:380px;
    min-height:420px;
    flex-shrink:0;

    display:flex;
    flex-direction:column;

    border-radius:25px;
    overflow:hidden;

    background:#000;
    border:1px solid rgba(255,255,255,.15);

    box-shadow:
    0 30px 80px rgba(0,0,0,.7);
}

.sale-header{
    background:#ff3333;
    color:#fff;

    padding:18px;

    text-align:center;
    font-size:28px;
    font-weight:800;
}

.sale-content{
    flex:1;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    padding:40px;
    text-align:center;
}

.sale-content h3{
    font-size:30px;
    margin-bottom:20px;
}

.sale-content p{
    color:#ccc;
    line-height:1.6;
    margin-bottom:30px;
}

.sale-btn{
    display:inline-block;

    padding:15px 35px;

    background:#ff3333;
    color:#fff;

    border-radius:50px;

    font-weight:800;
    text-decoration:none;

    transition:.3s;
}

.sale-btn:hover{
    background:#ff6836;
    color:#000;
}

/* TABLET */

@media(max-width:900px){

    .hero-content{
        flex-direction:column;
        align-items:flex-start;
    }

    .sale-box{
        width:100%;
        max-width:380px;
        margin-top:40px;
    }

}

/* TELEFON */

@media(max-width:700px){

    .hero-content{
        align-items:center;
        text-align:center;
    }

    .hero-left{
        width:100%;

        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .hero h1,
    .hero p{
        text-align:center;
    }

    .sale-box{
        display:none;
    }

}

/* ===== WYPRZEDAZ W MENU MOBILNYM ===== */

.mobile-sale-link{
    display:none;
}

@media(max-width:800px){

    .mobile-sale-link{
        display:flex !important;
        align-items:center;
        justify-content:center;

        width:220px;
        min-height:54px;

        color:#ff3333 !important;

        border:2px solid #ff3333;
        border-radius:16px;

        font-size:18px !important;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.5px;
    }

    .mobile-sale-link:hover{
        background:#ff6836;
        border-color:#ff6836;
        color:#fff !important;
    }

}

/* ===== WYPRZEDAŻ ===== */

.sale-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:35px;
    margin-top:30px;
    margin-bottom:30px;
}

.sale-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.3s;
}

.sale-card:hover{
    transform:translateY(-8px);
}

.sale-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.sale-content{
    padding:25px;
    text-align:center;
}

.sale-content h3{
    margin-bottom:12px;
}

.sale-content p{
    color:#666;
    margin-bottom:20px;
    line-height:1.6;
}

.sale-prices{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

.old-price{
    text-decoration:line-through;
    color:#999;
    font-size:18px;
}

.new-price{
    color:#caa25a;
    font-size:28px;
    font-weight:700;
}

.sale-card .btn{
    width:100%;
}