/* Homepage Links Slider Section */
.homepage-links-slider {
    padding: 40px 0;
    background: #fff;
    position: relative;
}

.homepage-links-slider .section-title {
    margin-bottom: 15px;
    margin-top: 70px;
    font-size: 2.6rem;
    color: #212121;
    text-align: left;
}

.links-slider-wrapper {
    position: relative;
}

/* Swiper container styles */
.links-slider-swiper-container {
    overflow: hidden;
    position: relative;
}

.links-slider-swiper-container .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.links-slider-item {
    position: relative;
    overflow: hidden;
    height: 100%;
    /* Remove visual card/shadow for clean image tiles */
    box-shadow: none;
    background: transparent;
    transition: transform 0.3s ease;
}

.links-slider-item:hover {
    transform: translateY(-1px);
}

.links-slider-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.links-slider-image {
    overflow: hidden;
    /* Enforce 1080x580 (approx 1.862) aspect ratio */
    aspect-ratio: 1080 / 580;
    margin: 0; /* avoid extra white space below */
}

.links-slider-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.links-slider-item:hover .links-slider-image img {
    transform: scale(1.05);
}

/* Swiper Pagination Progress Bar - Matching Bestselling Section */
.links-slider-pagination {
    position: relative !important;
    margin-top: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100px !important;
    height: 3px !important;
}

.links-slider-pagination.swiper-pagination-progressbar {
    background: rgba(0,0,0,0.15) !important;
    border-radius: 2px !important;
}

.links-slider-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #003366 !important;
    border-radius: 2px !important;
}

/* Desktop Styles - Grid Layout */
@media (min-width: 768px) {
    .links-slider-swiper-container .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        transform: none !important;
    }

    .links-slider-swiper-container .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Hide pagination on desktop */
    .links-slider-pagination {
        display: none;
    }
}

/* Mobile Styles - Swiper Active */
@media (max-width: 767px) {
    .homepage-links-slider {
        padding: 30px 0px 0px 0px;
    }

    .homepage-links-slider .section-title {
        font-size: 2rem;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .links-slider-wrapper {
        margin: 0 -20px;
        padding: 0 20px;
        position: relative;
    }

    /* Ensure Swiper works properly on mobile */
    .links-slider-swiper-container {
        padding: 0; /* No extra padding needed without arrows */
        padding-bottom: 60px; /* Space for pagination like bestselling */
    }
}

/* Disable Swiper transform on desktop while keeping structure */
@media (min-width: 1024px) {
    .links-slider-swiper-container.swiper-initialized {
        overflow: visible;
    }

    .links-slider-swiper-container.swiper-initialized .swiper-wrapper {
        transform: none !important;
        transition: none !important;
    }
}