/* GalleryMedia wallpaper card: isolated center-focus carousel. */
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus { position: relative !important; display: block !important; height: 436px !important; overflow: hidden !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__stage { position: relative !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item { position: absolute !important; top: 0 !important; display: block !important; width: 28% !important; height: 100% !important; overflow: hidden !important; border-radius: 12px !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(150%) scale(.86) !important; transition: transform .5s ease, opacity .35s ease, filter .35s ease !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { left: 50% !important; width: 52% !important; opacity: 1 !important; pointer-events: auto !important; transform: translateX(-50%) !important; z-index: 3 !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous { left: 0 !important; opacity: .72 !important; pointer-events: auto !important; transform: scale(.93) !important; filter: brightness(.76) saturate(.76) !important; z-index: 2 !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next { right: 0 !important; opacity: .72 !important; pointer-events: auto !important; transform: scale(.93) !important; filter: brightness(.76) saturate(.76) !important; z-index: 2 !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav { position: absolute !important; top: 50% !important; z-index: 5 !important; display: grid !important; width: 34px !important; height: 34px !important; place-items: center !important; border: 0 !important; border-radius: 50% !important; background: #f6530a !important; color: #fff !important; cursor: pointer !important; transform: translateY(-50%) !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav--previous { left: 8px !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav--next { right: 8px !important; }
.gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav:hover, .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav:focus-visible { background: #103f33 !important; }
@media (max-width: 767.98px) { .gallery-media-card--wallpapers .gallery-media-wallpaper-focus { height: 360px !important; } .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { left: 0 !important; width: 100% !important; transform: none !important; } .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous { transform: translateX(-112%) scale(.93) !important; } .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next { transform: translateX(112%) scale(.93) !important; } }

/* The reference-home stylesheet is loaded later and uses !important rules. */
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus { position: relative !important; display: block !important; height: 436px !important; overflow: hidden !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__stage { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item { position: absolute !important; top: 0 !important; display: block !important; width: 24% !important; height: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { left: 50% !important; right: auto !important; width: 48% !important; opacity: 1 !important; pointer-events: auto !important; transform: translateX(-50%) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active img { object-fit: contain !important; object-position: center !important; background: #f4f0ea !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous { left: 0 !important; right: auto !important; opacity: .72 !important; pointer-events: auto !important; transform: scale(.92) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next { right: 0 !important; left: auto !important; opacity: .72 !important; pointer-events: auto !important; transform: scale(.92) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav { position: absolute !important; top: 50% !important; z-index: 10 !important; display: grid !important; width: 32px !important; height: 32px !important; min-width: 32px !important; margin: 0 !important; padding: 0 !important; place-items: center !important; border: 0 !important; border-radius: 50% !important; background: #f6530a !important; color: #fff !important; transform: translateY(-50%) !important; }

/* Full-image wallpaper slideshow: one complete wallpaper at a time. */
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item,
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous,
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next { left: 0 !important; right: auto !important; width: 100% !important; height: 100% !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(104%) !important; filter: none !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous { transform: translateX(-104%) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { left: 0 !important; width: 100% !important; opacity: 1 !important; pointer-events: auto !important; transform: translateX(0) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item img,
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; background: #f5f2ed !important; }

/* Active image sits at the top; the following image fills the remaining area. */
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus { --wallpaper-active-height: 260px; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { top: 0 !important; height: var(--wallpaper-active-height) !important; transform: translateY(0) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active img { object-fit: contain !important; object-position: top center !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next { top: var(--wallpaper-active-height) !important; right: auto !important; bottom: 0 !important; height: calc(100% - var(--wallpaper-active-height)) !important; opacity: 1 !important; pointer-events: none !important; transform: translateY(0) !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next img { object-fit: cover !important; object-position: top center !important; }

/* Six home-page thumbnails remain horizontal; all other media stays on the index page. */
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus { height: 436px !important; padding-bottom: 82px !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__stage { height: 100% !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-active { top: 0 !important; height: 100% !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-next,
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__item.is-previous { opacity: 0 !important; pointer-events: none !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnails { position: absolute !important; right: 0 !important; bottom: 0 !important; left: 0 !important; z-index: 12 !important; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important; height: 74px !important; padding: 6px !important; background: #fff !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnail { display: block !important; min-width: 0 !important; height: 62px !important; padding: 0 !important; overflow: hidden !important; border: 2px solid transparent !important; border-radius: 6px !important; background: #f4f0ea !important; cursor: pointer !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnail img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnail.is-active { border-color: #f6530a !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__nav { top: calc(50% - 41px) !important; }

/* Fit the stage to the active image, so no empty vertical block appears on mobile. */
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus { height: calc(var(--wallpaper-active-height) + 82px) !important; min-height: 0 !important; padding-bottom: 82px !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__stage { height: var(--wallpaper-active-height) !important; min-height: 0 !important; }
html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnails { display: grid !important; visibility: visible !important; opacity: 1 !important; }
@media (max-width: 767.98px) {
    html body.public-home-layout .home-ref-gallery .gallery-media-card--wallpapers .gallery-media-wallpaper-focus__thumbnail { height: 62px !important; }
}
