/* ===== FILMFLIX ESHOP THEME ===== */

body{
    background:#070b10;
}

/* PRODUCT CARD */

.ffx-product{
    background:#11161d;
    border-radius:14px;
    overflow:hidden;
    transition:0.25s;
    position:relative;
    height:100%;
}

.ffx-product:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,0.7);
}

.ffx-product-link{
    text-decoration:none;
    color:inherit;
    display:block;
}

.ffx-product-image{
    position:relative;
    background:#0b0f14;
    height:260px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.ffx-product-image img{
    max-height:220px;
    max-width:100%;
    object-fit:contain;
    transition:0.3s;
}

.ffx-product:hover img{
    transform:scale(1.07);
}

/* overlay */

.ffx-product-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.55);
    opacity:0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.25s;
}

.ffx-product:hover .ffx-product-overlay{
    opacity:1;
}

.ffx-view{
    background:#E50914;
    padding:10px 18px;
    border-radius:8px;
    font-weight:600;
    color:white;
}

/* info */

.ffx-product-info{
    padding:16px;
}

.ffx-product-title{
    font-size:16px;
    color:#ffffff;
    font-weight:600;
}

.ffx-product-price{
    margin-top:6px;
    color:#9fe870;
    font-weight:700;
    font-size:17px;
}

/* text e-shopu není navigace, takže vlastní typografie */
.ffx-product-row-title{
    color:#ffffff;
    font-size:20px;
    font-weight:700;
}

.ffx-product-row-price{
    color:#9fe870;
    font-size:17px;
    font-weight:700;
}

.ffx-product-row-desc{
    color:#b8c2cc;
}


/* mezery mezi produkty */
.row.mb-4{
    padding:18px 20px;
    border-radius:12px;
    transition:0.2s;
}

/* jemný hover jako mají karty */
.row.mb-4:hover{
    background:#11161d;
}

/* hezčí nadpis */
.fw-bold{
    letter-spacing:0.3px;
}

/* podnadpis stránky */
.eshop-subtitle{
    max-width:720px;
    color:#9aa6b2;
    font-size:15px;
    line-height:1.6;
    margin-top:-28px;
    margin-bottom:38px;
}


/* ===== HEADER STRÁNKY ESHOP ===== */

.eshop-header{
    margin-bottom:40px;
}

/* menší, filmflix styl nadpisu stránky */
.eshop-title{
    font-size:42px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:0.4px;
}

/* podnadpis */
.eshop-subtitle{
    max-width:720px;
    color:#9aa6b2;
    font-size:15px;
    line-height:1.6;
}

/* mezera mezi hlavičkou stránky a produkty */
.eshop-products{
    margin-top:30px;
}


.eshop-subtitle{
    display:block;
    margin-bottom:40px;
}

/* mezera OD HLAVIČKY stránky */
.eshop-item:first-child{
    margin-top: 35px;
}

body{ outline: 6px solid lime; }