.slideshow-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.83fr) minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
}
.slideshow-layout--container {
    width: min(100% - 32px, var(--web-site-width, 1200px));
    margin-inline: auto;
}
.slideshow-layout > .home-slideshow {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 18px;
}
.slideshow-layout .home-slideshow__track,
.slideshow-layout .home-slideshow__media,
.slideshow-layout .home-slideshow__media picture { height: 100%; }
.slideshow-layout .home-slideshow__media img {
    height: 100%;
    object-fit: cover;
}
.slideshow-right-banners {
    display: grid;
    grid-auto-rows: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
}
.slideshow-right-banners__item {
    display: block;
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: 18px;
    aspect-ratio: 5 / 3;
}
.slideshow-right-banners__item picture { display: block; height: 100%; }
.slideshow-right-banners__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slideshow-layout--banners-only { grid-template-columns: minmax(0, 1fr); }
.slideshow-layout--banners-only .slideshow-right-banners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 767px) {
    .slideshow-layout { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .slideshow-layout--container { width: calc(100% - 20px); }
    .slideshow-right-banners { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .slideshow-layout > .home-slideshow, .slideshow-right-banners__item { border-radius: 12px; }
    .slideshow-layout .home-slideshow__media img { height: auto; }
}

.category-menu-icon { width: 24px; height: 24px; object-fit: contain; flex: 0 0 24px; vertical-align: middle; margin-inline-end: 8px; }
.slideshow-layout--with-categories { grid-template-columns: clamp(240px, 22vw, 300px) minmax(0, 1fr); }
.slideshow-layout--with-categories.slideshow-layout--with-right { grid-template-columns: clamp(240px, 22vw, 300px) minmax(0, 1.85fr) minmax(0, 1fr); }
.slideshow-categories { display: flex; flex-direction: column; gap: 4px; padding: 18px; min-width: 0; background: #fff; border: 1px solid #e7ece8; border-radius: 18px; box-shadow: 0 2px 8px #163b2210; }
.slideshow-categories__link { display: flex; align-items: center; gap: 14px; padding: 10px 6px; color: #26352e; text-decoration: none; font-weight: 600; border-radius: 10px; }
.slideshow-categories__link img { width: 48px; height: 48px; object-fit: contain; flex-shrink: 0; }
.slideshow-categories__link:hover, .slideshow-categories__link:focus-visible { background: #f0f7f2; color: #216237; }
.slideshow-layout--with-categories.slideshow-layout--banners-only { grid-template-columns: clamp(240px, 22vw, 300px) minmax(0, 1fr); }
@media (max-width: 991px) {
    .slideshow-layout--with-categories, .slideshow-layout--with-categories.slideshow-layout--with-right, .slideshow-layout--with-categories.slideshow-layout--banners-only { grid-template-columns: minmax(0, 1fr); }
    .slideshow-categories { display: none; }
    .slideshow-categories__link { flex: 0 0 auto; gap: 8px; padding: 6px 10px; }
    .slideshow-categories__link img { width: 32px; height: 32px; }
}

/* Shared category identity across navigation and hero. */
i.category-menu-icon { display:inline-flex; align-items:center; justify-content:center; font-size:19px; color:inherit; }
.slideshow-categories { padding:12px; gap:2px; border-color:#e5ece7; box-shadow:0 4px 20px rgba(25,60,38,.06); }
.slideshow-categories__link { gap:12px; padding:10px; font-size:14px; line-height:1.4; transition:background .18s ease,color .18s ease; }
.slideshow-categories__icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; flex:0 0 46px; border-radius:13px; color:#2b7549; background:#f0f7f2; font-size:25px; }
.slideshow-categories__icon img { width:34px; height:34px; }
.slideshow-categories__title { flex:1; min-width:0; overflow-wrap:anywhere; }
.slideshow-categories__arrow { font-size:9px; color:#9aada0; }
.slideshow-categories__link.is-active { background:#edf6ef; color:#24653d; }
.slideshow-categories__link:focus-visible { outline:2px solid #39845a; outline-offset:-2px; }
@media(max-width:991px){.slideshow-categories__icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:21px}.slideshow-categories__icon img{width:28px;height:28px}.slideshow-categories__arrow{display:none}.slideshow-categories__link{font-size:13px}.slideshow-categories__title{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.slideshow-categories__link{transition:none}}

/* Keep the three desktop columns within one shared, compact hero height. */
@media (min-width: 992px) {
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) {
        height: clamp(420px, 40vw, 520px);
        grid-template-rows: minmax(0, 1fr);
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) > * {
        min-height: 0;
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .slideshow-categories {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #cddbd1 transparent;
    }
    .slideshow-layout--with-categories .slideshow-categories__link {
        flex-shrink: 0;
        min-height: 52px;
        padding: 7px 10px;
    }
    .slideshow-layout--with-categories .slideshow-categories__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 23px;
    }
    .slideshow-layout--with-categories .slideshow-categories__icon img {
        width: 30px;
        height: 30px;
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .home-slideshow__item {
        min-height: 0;
        overflow: hidden;
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .home-slideshow__media {
        position: absolute;
        inset: 0;
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .slideshow-right-banners__item {
        aspect-ratio: auto;
        min-height: 0;
        height: 100%;
    }
    .slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .slideshow-right-banners__item picture {
        position: absolute;
        inset: 0;
    }
}

/* Spacing above the equal-height slideshow layout. */
.home-page > .slideshow-layout { margin-top: 24px; }
.home-page > .home-slideshow { margin-top: 24px; }
.slideshow-layout > .home-slideshow,
.slideshow-layout .slideshow-right-banners__item { background: #f5f7f8; }
.slideshow-layout .home-slideshow__item .home-slideshow__media img {
    object-fit: cover;
    object-position: center;
}
@media (max-width: 767px) {
    .home-page > .slideshow-layout,
    .home-page > .home-slideshow { margin-top: 16px; }
}

/* Colors and typography configured in the website settings. */
.slideshow-categories {
    background: var(--web-slideshow-category-background, #ffffff);
    color: var(--web-slideshow-category-text, #26352e);
}
.slideshow-categories .slideshow-categories__link {
    font-family: var(--web-slideshow-category-font-family, var(--web-menu-font-family, inherit));
    font-size: var(--web-slideshow-category-font-size, 14px);
    color: var(--web-slideshow-category-text, #26352e);
}
.slideshow-categories .slideshow-categories__link:hover,
.slideshow-categories .slideshow-categories__link:focus-visible,
.slideshow-categories .slideshow-categories__link.is-active {
    background: var(--web-slideshow-category-hover-background, #edf6ef);
    color: var(--web-slideshow-category-hover-text, #24653d);
}
.slideshow-categories .slideshow-categories__link:focus-visible {
    outline-color: var(--web-slideshow-category-hover-text, #24653d);
}
.slideshow-categories .slideshow-categories__icon {
    background: var(--web-slideshow-category-icon-background, #f0f7f2);
    color: var(--web-slideshow-category-icon-text, #2b7549);
}
.slideshow-categories .slideshow-categories__arrow { color: currentColor; opacity: .5; }
@media(max-width:991px){
    .slideshow-categories .slideshow-categories__link { font-size:var(--web-slideshow-category-mobile-font-size,13px); }
}

/* Desktop category rail and multi-level mega panel share the hero bounds. */
@media(min-width:992px){
.slideshow-layout--with-categories{position:relative;grid-template-columns:290px minmax(0,1fr)}
.slideshow-layout--with-categories.slideshow-layout--with-right{grid-template-columns:290px minmax(0,1.85fr) minmax(0,1fr)}
.slideshow-layout--with-categories.slideshow-layout--banners-only{grid-template-columns:290px minmax(0,1fr)}
.slideshow-layout--with-categories:not(.slideshow-layout--banners-only) .slideshow-categories,.slideshow-categories{overflow:visible;padding:8px}
.slideshow-categories__scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;height:100%}
.slideshow-categories__row{display:flex;align-items:center;border-radius:10px;margin:2px 0}
.slideshow-categories__row .slideshow-categories__link{flex:1;min-width:0;font-weight:500;gap:10px}
.slideshow-categories__expand{flex:0 0 30px;min-height:44px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:10px;border-radius:8px}
.slideshow-categories__row.is-open{background:var(--web-slideshow-category-hover-background,#edf6ef);color:var(--web-slideshow-category-hover-text,#24653d)}
.slideshow-categories__expand:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.slideshow-mega{position:absolute;left:304px;right:0;top:0;height:100%;min-height:280px;box-sizing:border-box;z-index:25;padding:22px;background:var(--web-slideshow-category-background,#fff);color:var(--web-slideshow-category-text,#26352e);border:1px solid #e2e8e5;border-radius:16px;box-shadow:0 14px 35px #122b351c;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-family:var(--web-slideshow-category-font-family,inherit)}
.slideshow-mega[hidden]{display:none!important}
.slideshow-categories:after{content:'';position:absolute;left:290px;top:0;bottom:0;width:14px;z-index:24}
.slideshow-mega header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e6ece9}
.slideshow-mega header>a{font-size:16px;font-weight:650;color:inherit;text-decoration:none}
.slideshow-mega header>a i{font-size:12px;margin-left:8px}
.slideshow-mega header button{width:36px;height:36px;border:1px solid #e2e8e5;background:transparent;color:inherit;border-radius:9px;cursor:pointer}
.slideshow-mega__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px;align-items:start}
.slideshow-mega h3{margin:0 0 12px;font:600 14px/1.5 var(--web-slideshow-category-font-family,inherit)}
.slideshow-mega a{color:inherit;text-decoration:none}
.slideshow-mega__children{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.slideshow-mega__children>li{max-width:100%;min-width:0}
.slideshow-mega__children a{display:flex;align-items:center;gap:9px;padding:8px 10px;min-height:38px;border:1px solid #e2e8e5;border-radius:8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.slideshow-mega__children img{width:34px;height:34px;object-fit:contain;flex-shrink:0}
.slideshow-mega__children a>i{font-size:20px;color:var(--web-slideshow-category-icon-text,#2b7549)}
.slideshow-mega__children .slideshow-mega__children{margin:8px 0 8px 12px;padding-left:10px;border-left:2px solid #e6ece9}
.slideshow-mega a:hover{color:var(--web-slideshow-category-hover-text,#24653d);background:var(--web-slideshow-category-hover-background,#edf6ef)}
.slideshow-mega a:focus-visible,.slideshow-mega button:focus-visible{outline:2px solid var(--web-main-color,#24653d);outline-offset:2px}
}