/* PLUSGOLD V25 - configurable homepage section order */
.pg-home-sections{display:flex;flex-direction:column;min-width:0}
.pg-home-sections>section{min-width:0}

/* V26 - full width hero slider */
.home-hero-area{overflow:hidden;}
.home-slider-shell{position:relative;width:100%;}
.home-slider-shell #jssor_1,
.home-slider-shell #jssor_1 [data-u="slides"]{
    width:100% !important;
    max-width:none !important;
}
.home-slider-shell #jssor_1 [data-p]{
    overflow:hidden;
}
.home-slider-shell #jssor_1 [data-u="image"]{
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
}
@media (min-width: 1400px){
    .home-slider-shell #jssor_1,
    .home-slider-shell #jssor_1 [data-u="slides"]{
        min-height:720px;
    }
}
@media (max-width: 991.98px){
    .home-slider-shell #jssor_1,
    .home-slider-shell #jssor_1 [data-u="slides"]{
        min-height:440px;
    }
}
@media (max-width: 575.98px){
    .home-slider-shell #jssor_1,
    .home-slider-shell #jssor_1 [data-u="slides"]{
        min-height:280px;
    }
    .home-slider-shell #jssor_1 [data-u="image"]{
        object-position:center center;
    }
}

/* V27 - stronger full-bleed slider rendering */
.home-slider-shell #jssor_1{background:#eef2f6;}
.home-slider-shell #jssor_1 > div[data-u="slides"] > div[data-p]{width:100% !important;height:100% !important;}
.home-slide-link{display:block;position:relative;width:100%;height:100%;}
.home-slide-bg{position:absolute;inset:0;display:block;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.home-slider-shell #jssor_1 [data-u="image"]{position:relative;z-index:2;opacity:0;width:100% !important;height:100% !important;object-fit:cover;}


/* V30 - use the real banner aspect ratio (2048 x 630) */
.home-hero-area{overflow:hidden;}
.home-slider-shell{position:relative;width:100%;background:#f5f7fa;}
.home-slider-shell #jssor_1,
.home-slider-shell #jssor_1 [data-u="slides"]{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
}
.home-slider-shell #jssor_1 > div[data-u="slides"] > div[data-p]{
    width:100% !important;
    height:100% !important;
    overflow:hidden;
}
.home-slide-link{display:block;position:relative;width:100%;height:100%;}
.home-slide-bg{
    position:absolute;inset:0;display:block;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% 100%;
}
.home-slider-shell #jssor_1 [data-u="image"]{
    position:relative;z-index:2;opacity:0;
    width:100% !important;height:100% !important;
    object-fit:fill !important;
}
/* Jssor scales the 2048x630 canvas proportionally, so on mobile the slider
   becomes shallow instead of leaving a tall blank area below the banner. */
@media(max-width:575.98px){
    .home-slider-dots{bottom:8px !important;}
}

/* V47 - homepage category image: show full artwork, no crop */
.home-page .category-image{
    aspect-ratio:3/2 !important;
    background:#fff !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
}
.home-page .category-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
}
.home-page .category-card:hover .category-image img{
    transform:none !important;
}
@media(max-width:575.98px){
    .home-page .category-image{aspect-ratio:3/2 !important;}
}

/* V60 - keep slider bullets clear of overlapping quick-action cards */
@media (min-width: 992px){
    .home-slider-dots{
        bottom:58px !important;
        z-index:12 !important;
    }
}
@media (max-width: 991.98px){
    .home-slider-dots{
        bottom:8px !important;
    }
}