/* ==========================================================
   catalogue.css — Catalogue/Brochure Swiper
   ========================================================== */

.jyl-catalogue-section{
    background:var(--jyl-white);
    overflow-x:clip;
    padding:4rem 0;
    
}
.jyl-dark .jyl-catalogue-section{background:var(--jyl-black)}

/* Section header */
.jyl-catalogue-section__header{max-width:640px;margin-bottom:2rem}
.jyl-catalogue-section__label{
    font-size:var(--jyl-fs-12);font-weight:var(--jyl-fw-medium);
    letter-spacing:.12em;text-transform:uppercase;color:var(--jyl-grey-light);margin:0 0 12px;
}
.jyl-catalogue-section__heading{
    font-size:var(--jyl-fs-40);font-weight:var(--jyl-fw-bold);
    color:var(--jyl-grey-dark);margin:0 0 1rem;line-height:1.15;
}
@media(max-width:1197px){.jyl-catalogue-section__heading{font-size:var(--jyl-fs-32)}}
@media(max-width:597px){.jyl-catalogue-section__heading{font-size:26px}}
.jyl-dark .jyl-catalogue-section__heading{color:var(--jyl-white)}
.jyl-catalogue-section__desc{
    font-size:var(--jyl-fs-16);color:var(--jyl-grey-light);margin:0;line-height:1.6;
}

/* Swiper container */
.jyl-catalogue-swiper{overflow:visible;cursor:grab}
.jyl-catalogue-swiper:active{cursor:grabbing}
.jyl-catalogue-swiper .swiper-slide{height:auto}

/* Card */
.jyl-catalogue-card{
    position:relative;
    aspect-ratio:3/4;
    border-radius:var(--jyl-radius-lg);
    border:1px solid var(--jyl-beige-medium);
    overflow:hidden;
    background:var(--jyl-beige-light);
    user-select:none;
}
@media(max-width:1197px){.jyl-catalogue-card{border-color:var(--jyl-grey-light)}}
.jyl-dark .jyl-catalogue-card{border-color:var(--jyl-grey-medium);background:#2a2a2a}

/* Card image with parallax */
.jyl-catalogue-card__img{position:absolute;inset:0;overflow:hidden}
.jyl-catalogue-card__img-inner{
    position:absolute;inset:0;width:100%;height:100%;
    will-change:transform;
    /* Default: scale 1.2, y starts at 0 — matches target site initial state */
    transform: translateY(-4%) scale(1.2);
}
.jyl-catalogue-card__img-inner img{
    position:absolute;inset:0;width:100%;height:100% !important;
    object-fit:cover;pointer-events:none;
    opacity:.85;
    transition:opacity .4s var(--jyl-ease),
               transform 1s var(--jyl-ease-sharp);
}
.jyl-catalogue-card:hover .jyl-catalogue-card__img-inner img{opacity:1}

/* Gradient overlay — top dark like target site */
.jyl-catalogue-card__gradient{
    position:absolute;inset:0;pointer-events:none;z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.35) 20%,transparent 50%);
}

/* Type label — top-left, matches target site */
.jyl-catalogue-card__type{
    position:absolute;top:1.25rem;left:1.25rem;z-index:2;margin:0;
    color:var(--jyl-white);
    font-size:14px;font-weight:var(--jyl-fw-medium);
    letter-spacing:.08em;text-transform:uppercase;
}
@media(min-width:1198px){
    .jyl-catalogue-card__type{font-size:18px;top:3rem;left:3rem}
}

/* Title */
.jyl-catalogue-card__title{
    position:absolute;bottom:4rem;left:1rem;right:1rem;z-index:2;margin:0;
    color:var(--jyl-white);font-size:15px;font-weight:var(--jyl-fw-medium);line-height:1.4;
}
@media(max-width:767px){.jyl-catalogue-card__title{font-size:14px;bottom:3.75rem}}

/* Action buttons — bottom-right, two buttons like target site */
.jyl-catalogue-card__actions{
    position:absolute;bottom:1.25rem;right:1.25rem;
    z-index:10;display:flex;gap:8px;
}
@media(min-width:1198px){
    .jyl-catalogue-card__actions{bottom:1.5rem;right:1.5rem;}
}

/* Override icon-btn styles scoped to catalogue actions */
.jyl-catalogue-card__actions .jyl-icon-btn{
    background:var(--jyl-beige-medium);
    color:var(--jyl-black);
}
.jyl-dark .jyl-catalogue-card__actions .jyl-icon-btn{
    background:var(--jyl-grey-medium);
    color:var(--jyl-white);
}

/* Editor fallback — when Swiper is not initialized */
.jyl-catalogue-swiper:not(.swiper-initialized) {
    overflow: hidden;
}
.jyl-catalogue-swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 32px;
    flex-wrap: nowrap;
    overflow: visible;
}
.jyl-catalogue-swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 calc(100% / 3.5 - 28px);
    min-width: 0;
    width: auto !important;
}