/* ============================================================
   GREAT OFFERS CAROUSEL - Match realestatebelek (Owl Carousel)
   4 cards visible, slide 4 at once, loop after 12
   ============================================================ */

.great-offers-wrapper {
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.great-offers-wrapper .owl-carousel {
    width: 100% !important;
    max-width: 1170px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Owl v1: owl-wrapper-outer is viewport - must clip to 4 cards */
/* CRITICAL: Override owl.theme.css line 150 - width:101%!important causes expansion */
/* Use #featured-properties .great-offers-wrapper to beat #featured-properties rules in akkus.css */
#featured-properties .great-offers-wrapper .owl-wrapper-outer,
.great-offers-wrapper .owl-wrapper-outer {
    overflow: hidden !important;
    position: relative !important;
    width: 1140px !important;
    max-width: 100% !important;
}

/* CRITICAL: owl-wrapper MUST be 12×itemWidth (3420px) - width:auto was shrinking to 1140px */
/* Use #featured-properties .great-offers-wrapper to beat #featured-properties .owl-wrapper in akkus.css */
#featured-properties .great-offers-wrapper .owl-wrapper,
.great-offers-wrapper .owl-wrapper {
    display: block !important;
    position: relative !important;
    width: 3420px !important; /* 12 items × 285px - holds all cards for sliding */
    min-width: 3420px !important;
    max-width: none !important;
}

#featured-properties .great-offers-wrapper .owl-item,
.great-offers-wrapper .owl-item {
    float: left !important;
    display: block !important;
    position: relative !important;
    clear: none !important;
}

.great-offers-wrapper .owl-item .item {
    width: 100% !important;
    display: block !important;
}

.great-offers-wrapper .owl-item * {
    box-sizing: border-box !important;
}

.great-offers-wrapper .owl-wrapper::after {
    content: "" !important;
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    height: 0 !important;
}

.great-offers-wrapper .owl-controls {
    position: relative !important;
    margin-top: 20px !important;
}

.great-offers-wrapper .owl-buttons {
    position: absolute !important;
    top: 50% !important;
    width: 100% !important;
    margin-top: -20px !important;
}

.great-offers-wrapper .owl-prev,
.great-offers-wrapper .owl-next {
    position: absolute !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.great-offers-wrapper .owl-prev {
    left: -50px !important;
}

.great-offers-wrapper .owl-next {
    right: -50px !important;
}

/* Responsive: owl-wrapper must hold all 12 items at each breakpoint */
@media (max-width: 979px) {
    #featured-properties .great-offers-wrapper .owl-wrapper,
    .great-offers-wrapper .owl-wrapper {
        width: 3756px !important; /* 12 × 313px (940÷3) */
        min-width: 3756px !important;
    }
}
@media (max-width: 768px) {
    #featured-properties .great-offers-wrapper .owl-wrapper,
    .great-offers-wrapper .owl-wrapper {
        width: 4320px !important; /* 12 × 360px (720÷2) */
        min-width: 4320px !important;
    }
}
@media (max-width: 479px) {
    #featured-properties .great-offers-wrapper .owl-wrapper,
    .great-offers-wrapper .owl-wrapper {
        width: 4140px !important; /* 12 × 345px (mobile) */
        min-width: 4140px !important;
    }
}