.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* ===== SLOGAN TEXT STYLE ===== */
.slogan-text {
    font-family: 'Great Vibes', cursive;
    font-size: 2.5rem;
    font-weight: 500;
    color: #A7A5A6;
    letter-spacing: 0.8px;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    padding: 24px 10px 10px 10px;
}


/* ================================
   MOBILE PRODUCT TABS
================================ */

@media (max-width: 767px) {

    /* Blog post title */
    .title {
        font-size: 1.8rem !important;
    }

    .blog-posts .entry-title {
        font-weight: 400 !important;
        font-size: 1.4rem !important;
    }

    /* Support Phome */
    .footer .widget-about-info a {
        font-size: 1.4rem !important;
    }

}

/* Blog post title destop */
.blog-posts .entry-title {
    font-weight: 400 !important;
    font-size: 1.6rem !important;
}

/* ================================
   HOME SLIDE ANIMATION
================================ */
/* Base */
.intro-slide {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* Overlay nhẹ */
.intro-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.05);
}


/* =================================
   SLIDE 1
   Hoàn toàn tĩnh
================================= */

.owl-item.active .slide-1 {
    transform: scale(1);
}


/* =================================
   SLIDE 2
   Sáng nhẹ tạo cảm giác tươi
================================= */

.owl-item.active .slide-2 {
    animation: freshFood 4.5s ease forwards;
}

@keyframes freshFood {
    from {
        filter: brightness(0.96);
    }
    to {
        filter: brightness(1);
    }
}


/* =================================
   SLIDE 3
   Ken Burns cực nhẹ
================================= */

.owl-item.active .slide-3 {
    animation: softZoom 4.5s ease forwards;
}

@keyframes softZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.02);
    }
}

/* =================================
   SLIDE 4
   Ken Burns cực nhẹ
================================= */

.owl-item.active .slide-4 {
    animation: softZoom 4.5s ease forwards;
}

@keyframes softZoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.02);
    }
}


/* =================================
   SLIDE 5
   Fade mềm
================================= */

.owl-item.active .slide-5 {
    animation: softFade 2s ease;
}

@keyframes softFade {
    from {
        opacity: 0.92;
    }
    to {
        opacity: 1;
    }
}



/* =================================
   HOME PRODUCT
================================= */
/* Desktop lớn: 5 sản phẩm/hàng -> 2 hàng = 10 sản phẩm */
#products-all-tab .row > div:nth-child(n+11),
#products-stuffed-meat-tab .row > div:nth-child(n+11),
#products-braised-meat-tab .row > div:nth-child(n+11),
#products-marinated-meat-tab .row > div:nth-child(n+11) {
    display: none;
}

/* Tablet: 3 sản phẩm/hàng -> 2 hàng = 6 sản phẩm */
@media (max-width: 991px) {
    #products-all-tab .row > div:nth-child(n+7),
    #products-stuffed-meat-tab .row > div:nth-child(n+7),
    #products-braised-meat-tab .row > div:nth-child(n+7),
    #products-marinated-meat-tab .row > div:nth-child(n+7) {
        display: none;
    }
}

/* Mobile: 2 sản phẩm/hàng -> 2 hàng = 4 sản phẩm */
@media (max-width: 767px) {
    #products-all-tab .row > div:nth-child(n+5),
    #products-stuffed-meat-tab .row > div:nth-child(n+5),
    #products-braised-meat-tab .row > div:nth-child(n+5),
    #products-marinated-meat-tab .row > div:nth-child(n+5) {
        display: none;
    }
}