.elementor-703 .elementor-element.elementor-element-aad8019{padding:0px 0px 90px 0px;}.elementor-703 .elementor-element.elementor-element-44ef1cb{width:100%;max-width:100%;}.elementor-703 .elementor-element.elementor-element-44ef1cb .swiper-menu-nav .swiper-pagination-bullet{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;}@media(max-width:767px){.elementor-703 .elementor-element.elementor-element-aad8019{padding:0px 0px 60px 0px;}}/* Start custom CSS for tastyc-menu, class: .elementor-element-44ef1cb *//* ========================================================== */
/* SECȚIUNEA 1: ECRANE MARI (DESKTOP ȘI PESTE 992PX)        */
/* ========================================================== */
@media only screen and (min-width: 992px) {

    /* 1. STRUCTURA DE COLOANE (2 PRODUSE PE RÂND) */
    .col-lg-6, .col-xl-4 {
        width: 50% !important; /* Ocupă jumătate din lățime */
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /* 2. STRUCTURA CONTAINERULUI DE PRODUS (ACTUALIZAT PENTRU BORDER) */
    .tst-menu-book-item {
        background-color: transparent !important;
        border: 1px solid #FFD700 !important; /* Border subțire auriu */
        position: relative !important;
        padding: 0 !important;
        margin-bottom: 40px !important;
        height: 350px !important; /* Setează înălțimea blocului */
    }

    /* 3. NEUTRALIZAREA CONTAINERULUI DE TEXT PĂRINTE */
    .tst-menu-book-item > div:not(.tst-item-cover-frame) {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0; left: 0;
        z-index: 5;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. POZIȚIONAREA ȘI DIMENSIUNEA IMAGINII */
    .tst-item-cover-frame {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0; left: 0;
        z-index: 1;
        overflow: hidden;
    }

    .tst-item-cover-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* 5. POZIȚIONAREA ȘI CENTRAREA TEXTULUI */
    .tst-menu-book-name {
        display: block !important;
        position: absolute !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        color: #FFFFFF !important;
        text-align: center !important;
        z-index: 10 !important;
        font-size: 30px !important;
        text-shadow: 0 0 10px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 1) !important;
        width: 90%;
        padding: 0 !important;
    }

    /* 6. ELIMINAREA DESCRIERII ȘI EXTINDEREA LINK-ULUI (pentru click pe poză) */
    .tst-menu-book-desc {
        display: none !important;
    }
    .tst-menu-book-name a {
        color: #FFFFFF !important;
        position: absolute !important; 
        top: 0 !important; left: 0 !important;
        width: 100% !important; 
        height: 100% !important; 
        z-index: 9999 !important; /* Forțează link-ul să fie deasupra */
        padding: 0 !important;
    }
}

/* ========================================================== */
/* SECȚIUNEA 2: ECRANE MICI (MOBIL ȘI SUB 992PX)          */
/* ========================================================== */
@media only screen and (max-width: 991px) {

    /* 1. STRUCTURA DE COLOANE (1 PRODUS PE RÂND) */
    /* Forțează produsele să ocupe 100% din lățime pe mobil */
    .col-lg-6, .col-xl-4, .col-sm-6, .col-md-6, .col-6 { /* Includem mai multe clase de mobil */
        width: 100% !important; 
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* 2. STRUCTURA CONTAINERULUI DE PRODUS (STILURI IDENTICE CA PE DESKTOP) */
    .tst-menu-book-item {
        background-color: transparent !important; 
        border: 1px solid #FFD700 !important; 
        position: relative !important;
        padding: 0 !important;
        margin-bottom: 30px !important; /* Spațiu mai mic pe mobil */
        height: 200px !important; /* Înălțime ajustată pentru mobil (opțional, redus de la 350px) */
    }

    /* 3. NEUTRALIZAREA CONTAINERULUI DE TEXT PĂRINTE (identic) */
    .tst-menu-book-item > div:not(.tst-item-cover-frame) {
        width: 100% !important; 
        height: 100% !important; 
        position: absolute !important; 
        top: 0; left: 0;
        z-index: 5; 
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 4. POZIȚIONAREA ȘI DIMENSIUNEA IMAGINII (identic) */
    .tst-item-cover-frame {
        width: 100% !important; 
        height: 100% !important;
        position: absolute !important; 
        top: 0; left: 0;
        z-index: 1; 
        overflow: hidden; 
    }

    .tst-item-cover-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; 
    }
    
    /* 5. POZIȚIONAREA ȘI CENTRAREA TEXTULUI (Font ajustat pentru mobil) */
    .tst-menu-book-name {
        display: block !important; 
        position: absolute !important; 
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%) !important; 
        color: #FFFFFF !important; 
        text-align: center !important; 
        z-index: 10 !important; 
        font-size: 24px !important; /* Font mai mic pe mobil */
        text-shadow: 0 0 8px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 1) !important;
        width: 90%; 
        padding: 0 !important;
    }

    /* 6. ELIMINAREA DESCRIERII ȘI EXTINDEREA LINK-ULUI (identic) */
    .tst-menu-book-desc {
        display: none !important;
    }
    .tst-menu-book-name a {
        color: #FFFFFF !important;
        position: absolute !important; 
        top: 0 !important; left: 0 !important;
        width: 100% !important; 
        height: 100% !important; 
        z-index: 9999 !important; /* Link deasupra tuturor */
        padding: 0 !important;
    }
}/* End custom CSS */