/* =========================================================
   OFFER
========================================================= */
/* OFFER SLIDER - FINAL FIX */

.offer-slider {
    width: 100% !important;
    max-width: 100% !important;
    height: 170px !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 26px;
    border-radius: 16px;
    background: #FDF9F5 !important;
    box-sizing: border-box !important;
}

/* Slides */
.offer-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: none !important;
}

.offer-slide.active {
    display: block !important;
}

/* Complete Image - No Crop */
.offer-slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Overlay */
.offer-overlay {
    position: absolute;
    inset: 0;
    padding: 15px 25px;
    color: #fff;
    background: linear-gradient(
        90deg,
        rgba(50,15,5,.35),
        transparent
    );
}

/* Slider Dots */
.slider-dots {
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
}

/* iPad */
@media (max-width: 1024px) {
    .offer-slider {
        height: 150px !important;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .offer-slider {
        height: 120px !important;
        border-radius: 10px;
    }
}


    /* =========================================================
   FINAL OFFER AUTO SLIDER + PREMIUM ARROW FIX
   Added without removing existing page design/code.
========================================================= */

.offer-slider{
    position:relative !important;
    width:100% !important;
    height:150px !important;
    overflow:hidden !important;
    margin:24px 0 28px !important;
    border-radius:14px !important;
    background:#f5eee8 !important;
    border:1px solid #ead9cd !important;
    box-shadow:0 5px 18px rgba(80,40,20,.08) !important;
}

.offer-slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateX(18px) !important;
    transition:opacity .55s ease,transform .55s ease,visibility .55s ease !important;
    pointer-events:none !important;
}

.offer-slide.active{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translateX(0) !important;
    pointer-events:auto !important;
}

.offer-slide img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}

.slider-dots{
    position:absolute !important;
    left:50% !important;
    bottom:8px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    z-index:50 !important;
}

.slider-dot{
    width:7px !important;
    height:7px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#fff !important;
    opacity:.55 !important;
    transition:.25s ease !important;
}

.slider-dot.active{
    width:19px !important;
    border-radius:10px !important;
    opacity:1 !important;
}

/* Premium sliders */
.premium-slider-wrap{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 2px !important;
}

.premium-slider{
    width:100% !important;
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:275px !important;
    gap:16px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    padding:4px 4px 14px !important;
    cursor:grab !important;
}

.premium-slider:active{
    cursor:grabbing !important;
}

.premium-slider::-webkit-scrollbar{
    display:none !important;
}

.premium-slider > article{
    width:275px !important;
    min-width:275px !important;
    scroll-snap-align:start !important;
   border:1px solid var(--border);
}

/* Desktop arrows */
.premium-slider-wrap .slider-arrow{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:35px !important;
    height:35px !important;
    padding:0 !important;
    border:1px solid #eadbd1 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#85280C !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    z-index:100 !important;
    box-shadow:0 5px 18px rgba(60,25,10,.15) !important;
    transition:background .2s ease,color .2s ease,transform .2s ease !important;
}

.premium-slider-wrap .slider-arrow:hover{
    background:#85280C !important;
    color:#fff !important;
    transform:translateY(-50%) scale(1.05) !important;
}

.premium-slider-wrap .slider-arrow.left{
    left:-1px !important;
}

.premium-slider-wrap .slider-arrow.right{
    right:-1px !important;
}

@media(max-width:850px){

    .offer-slider{
        height:112px !important;
        margin:20px 0 24px !important;
        border-radius:12px !important;
    }

    .premium-slider{
        grid-auto-columns:82% !important;
        gap:11px !important;
        scroll-snap-type:x mandatory !important;
        padding-left:2px !important;
        padding-right:2px !important;
    }

    .premium-slider > article{
        width:100% !important;
        min-width:0 !important;
    }

    .premium-slider-wrap .slider-arrow{
        display:none !important;
    }

}

@media(max-width:430px){

    .offer-slider{
        height:115px !important;
    }

}


/* Offer Slider | Original responsive rules grouped by component */

@media (max-width:1024px) {
.offer-slider {
    height:190px;border-radius:16px
}
.offer-overlay {
    padding:24px 28px
}
.offer-overlay h3 {
    font-size:25px
}
.offer-overlay p {
    font-size:11px
}
}

@media (max-width:1024px) {
.offer-slider {
    height:175px
}
.offer-overlay {
    padding:20px 22px
}
.offer-overlay h3 {
    font-size:22px;max-width:235px
}
.offer-overlay p {
    font-size:10px;max-width:210px
}
.offer-button {
    font-size:10px;padding:8px 11px
}
}

.offer-slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}