.elementor-2057 .elementor-element.elementor-element-62011e3{margin-top:53px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2057 .elementor-element.elementor-element-bd52fd7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-2057 .elementor-element.elementor-element-62011e3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for forst_core_portfolio_vertical_showcase, class: .elementor-element-e0e6ddc *//* 1. Hide the 10th item and all 'clones' */
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-item:nth-child(n+10),
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-item[class*="clone"],
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .swiper-slide-duplicate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* 2. Force all first 9 items to be fully visible and opaque */
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-item:nth-child(-n+9) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
    margin-bottom: 30px; /* Adjust spacing between wine items */
}

/* 3. Reset the container to act like a normal vertical list */
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-items-inner {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important; /* Stops the slider from 'jumping' */
}

/* 4. Allow the wrapper to expand to the full height of 9 items */
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-items,
.elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-m.qodef-portfolio-vertical-showcase {
    height: auto !important;
    overflow: visible !important;
}

/* 5. Mobile adjustment to ensure they stack correctly */
@media (max-width: 768px) {
    .elementor-2057 .elementor-element.elementor-element-e0e6ddc .qodef-e-item:nth-child(-n+9) {
        width: 100% !important;
        margin-bottom: 20px;
    }
}/* End custom CSS */