/* ==========================================================================
   Al-Y Market Premium Card
   Scope: :is(#section_featured, .ae-offer-box--todays) only
   Identity: #ea5924, #1d1d1b, #ffffff
   Layout: RTL premium compact card, left discount, right wishlist, clean proof rows
   ========================================================================== */

:is(#section_featured, .ae-offer-box--todays) {
    --alw-orange: #ea5924;
    --alw-orange-dark: #d94d1d;
    --alw-black: #1d1d1b;
    --alw-white: #ffffff;
    --alw-green: #0f9f45;
    --alw-muted: #8b8f98;
    --alw-border: rgba(29, 29, 27, .08);
    --alw-soft: #f6f7f9;
    --alw-shadow: 0 8px 22px rgba(29, 29, 27, .055);
    --alw-shadow-hover: 0 14px 34px rgba(234, 89, 36, .13);
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-list {
    overflow: hidden;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-track {
    display: flex;
    align-items: stretch;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-slide,
:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-slide > div,
:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .carousel-box {
    height: auto;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card {
    position: relative;
    direction: rtl;
    display: grid;
    grid-template-rows: auto 1fr;
    min-height: 392px;
    height: 100%;
    overflow: hidden;
    color: var(--alw-black);
    background: var(--alw-white);
    border: 1px solid var(--alw-border);
    border-radius: 18px;
    box-shadow: var(--alw-shadow);
    text-align: right;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card a {
    color: inherit;
    text-decoration: none;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__visual {
    position: relative;
    min-width: 0;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__media {
    display: block;
    padding: 10px 10px 0;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__image-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 180px;
    padding: 4px;
    overflow: hidden;
    background: #ffffff;
    border-radius: 16px;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* left anchored discount badge */
:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    right: auto;
    z-index: 4;
    width: 38px;
    height: 38px;
    min-width: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--alw-orange);
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(234, 89, 36, .18);
    border-radius: 50%;
    box-shadow: 0 6px 14px rgba(29, 29, 27, .10);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    letter-spacing: -.35px;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    z-index: 4;
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--alw-orange);
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(29, 29, 27, .10);
    border-radius: 50%;
    box-shadow: 0 6px 14px rgba(29, 29, 27, .10);
    cursor: pointer;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish i {
    font-size: 24px;
    line-height: 1;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish.is-active {
    color: var(--alw-orange);
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__body {
    display: grid;
    grid-template-rows: auto auto auto auto auto;
    align-content: start;
    min-width: 0;
    padding: 8px 10px 10px;
    text-align: right;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__info {
    display: block;
    min-width: 0;
    text-align: right;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__brand {
    display: block;
    width: auto;
    max-width: 68px;
    height: 22px;
    max-height: 22px;
    padding: 2px 4px;
    margin: 0 0 5px auto;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid rgba(29, 29, 27, .08);
    border-radius: 7px;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__title {
    display: -webkit-box;
    min-height: 40px;
    max-height: 40px;
    margin: 0 0 6px;
    overflow: hidden;
    color: var(--alw-black);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.52;
    text-align: right;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__rating {
    width: max-content;
    max-width: 100%;
    height: 24px;
    margin: 0 0 6px auto;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: #4b5563;
    background: var(--alw-soft);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-align: right;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__star {
    color: var(--alw-orange);
    font-size: 13px;
    line-height: 1;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price-link {
    display: block;
    margin: 0 0 5px;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 28px;
    direction: rtl;
    text-align: right;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price {
    color: var(--alw-orange);
    font-size: 21px;
    font-weight: 900;
    line-height: 1.15;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__old-price {
    color: #9ca3af;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: line-through;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__delivery {
    height: 22px;
    margin: 0 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    color: var(--alw-green);
    font-size: 11.5px;
    font-weight: 900;
    line-height: 1;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__delivery i {
    color: var(--alw-green);
    font-size: 17px;
    line-height: 1;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    color: #ffffff;
    background: var(--alw-orange);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(234, 89, 36, .18);
    cursor: pointer;
    direction: rtl;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart i {
    font-size: 16px;
    line-height: 1;
    flex: 0 0 auto;
}

@media (hover: hover) {
    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card:hover {
        transform: translateY(-3px);
        border-color: rgba(234, 89, 36, .22);
        box-shadow: var(--alw-shadow-hover);
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart:hover {
        color: #ffffff;
        background: var(--alw-orange-dark);
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish:hover {
        color: var(--alw-orange);
        border-color: rgba(234, 89, 36, .24);
    }
}

@media (max-width: 1199.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card {
        min-height: 382px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__image-frame {
        height: 166px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__title {
        font-size: 12.5px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price {
        font-size: 19px;
    }
}

@media (max-width: 767.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card {
        min-height: 402px;
        border-radius: 16px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__media {
        padding: 9px 9px 0;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__image-frame {
        height: 180px;
        border-radius: 14px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__badge {
        top: 10px;
        left: 10px;
        width: 36px;
        height: 36px;
        min-width: 36px;
        padding: 0;
        font-size: 11px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish {
        top: 10px;
        right: 10px;
        width: 36px;
        height: 36px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__wish i {
        font-size: 23px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__body {
        padding: 8px 9px 9px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__title {
        min-height: 42px;
        max-height: 42px;
        font-size: 12.5px;
        line-height: 1.55;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__rating {
        height: 23px;
        font-size: 10.5px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price {
        font-size: 19px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__delivery {
        font-size: 11px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart {
        min-height: 39px;
        font-size: 11.5px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart i {
        font-size: 15px;
    }
}

@media (max-width: 374.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card {
        min-height: 380px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__image-frame {
        height: 158px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__title {
        min-height: 39px;
        max-height: 39px;
        font-size: 11.5px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__rating {
        height: 22px;
        font-size: 10px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__price {
        font-size: 18px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alw-premium-card__cart {
        min-height: 38px;
        font-size: 11px;
    }
}

/* Featured carousel motion performance */
:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-list {
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-track {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-peek-carousel .slick-slide {
    will-change: transform;
    backface-visibility: hidden;
}

:is(#section_featured, .ae-offer-box--todays) .alw-premium-card {
    contain: layout paint;
}

/* ==========================================================================
   Featured native scroll snap carousel
   LTR scroll engine, reversed Blade order, RTL card content
   Desktop: 6 cards
   Arrows outside product area
   ========================================================================== */

:is(#section_featured, .ae-offer-box--todays) .alway-featured-bleed {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-native-wrap {
    position: relative;
    width: 100%;
    overflow: visible;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 14px;
    direction: ltr;
    scroll-snap-type: x proximity;
    scroll-behavior: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: auto;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll::-webkit-scrollbar {
    display: none;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item {
    direction: rtl;
    flex: 0 0 calc(16.6667% - 8.3333px);
    min-width: calc(16.6667% - 8.3333px);
    max-width: calc(16.6667% - 8.3333px);
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item > .alw-premium-card {
    height: 100%;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-nav {
    position: absolute;
    top: 50%;
    z-index: 30;
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--alw-orange);
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(234, 89, 36, .22);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(29, 29, 27, .13);
    cursor: pointer;
    transform: translateY(-50%);
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-nav i {
    font-size: 22px;
    line-height: 1;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-nav--left {
    left: -24px;
}

:is(#section_featured, .ae-offer-box--todays) .alway-featured-nav--right {
    right: -24px;
}

@media (hover: hover) {
    :is(#section_featured, .ae-offer-box--todays) .alway-featured-nav:hover {
        border-color: rgba(234, 89, 36, .38);
        box-shadow: 0 10px 24px rgba(234, 89, 36, .16);
        transform: translateY(-50%) scale(1.04);
    }
}

@media (max-width: 1199.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll {
        gap: 9px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item {
        flex-basis: calc(16.6667% - 7.5px);
        min-width: calc(16.6667% - 7.5px);
        max-width: calc(16.6667% - 7.5px);
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-nav {
        width: 38px;
        height: 38px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-nav--left {
        left: -20px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-nav--right {
        right: -20px;
    }
}

@media (max-width: 991.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll {
        gap: 10px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item {
        flex-basis: calc(31.75% - 7px);
        min-width: calc(31.75% - 7px);
        max-width: calc(31.75% - 7px);
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-nav {
        display: none;
    }
}

@media (max-width: 575.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll {
        gap: 9px;
        padding-bottom: 10px;
        scroll-snap-type: x proximity;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item {
        flex-basis: calc(46.52% - 5px);
        min-width: calc(46.52% - 5px);
        max-width: calc(46.52% - 5px);
    }
}

@media (max-width: 374.98px) {
    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll {
        gap: 8px;
    }

    :is(#section_featured, .ae-offer-box--todays) .alway-featured-native-scroll__item {
        flex-basis: calc(46.52% - 4px);
        min-width: calc(46.52% - 4px);
        max-width: calc(46.52% - 4px);
    }
}


/* ALY UI PHASE 1 FEATURED CARD GLOBAL V1 */
#section_featured .alw-premium-card{background:linear-gradient(180deg,#fff 0%,#fff 68%,#fff7f3 100%);border:1px solid rgba(29,29,27,.08);border-radius:18px;box-shadow:0 8px 24px rgba(29,29,27,.075);overflow:hidden;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
@media (hover:hover){#section_featured .alw-premium-card:hover{transform:translateY(-3px);border-color:rgba(234,89,36,.26);box-shadow:0 16px 36px rgba(29,29,27,.13);}}
#section_featured .alw-premium-card__visual{background:linear-gradient(180deg,#fafafa 0%,#fff 100%);}
#section_featured .alw-premium-card__image-frame{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(29,29,27,.045);}
#section_featured .alw-premium-card__badge{background:#ea5924;color:#fff;border-radius:999px;box-shadow:0 8px 18px rgba(234,89,36,.24);font-weight:800;}
#section_featured .alw-premium-card__wish{background:#fff;border:1px solid rgba(29,29,27,.08);box-shadow:0 8px 18px rgba(29,29,27,.10);}
#section_featured .alw-premium-card__body{padding:10px 11px 12px;}
#section_featured .alw-premium-card__brand{max-height:22px;object-fit:contain;}
#section_featured .alw-premium-card__title{min-height:38px;color:#1d1d1b;font-weight:800;letter-spacing:-.01em;}
#section_featured .alw-premium-card__rating{color:#6b7280;}
#section_featured .alw-premium-card__star{color:#f5a524;}
#section_featured .alw-premium-card__price{color:#ea5924;font-weight:900;}
#section_featured .alw-premium-card__old-price{color:#9ca3af;}
#section_featured .alw-premium-card__delivery{background:#f3fbf6;color:#16803a;border:1px solid rgba(22,128,58,.12);border-radius:10px;}
#section_featured .alw-premium-card__cart{min-height:42px;border-radius:12px;background:linear-gradient(135deg,#ff7138 0%,#ea5924 55%,#d94316 100%);box-shadow:0 10px 22px rgba(234,89,36,.26);font-weight:900;}
@media (max-width:575.98px){#section_featured .alw-premium-card{border-radius:15px;box-shadow:0 7px 18px rgba(29,29,27,.07);}#section_featured .alw-premium-card__body{padding:8px 8px 10px;}#section_featured .alw-premium-card__title{min-height:34px;font-size:12px;}#section_featured .alw-premium-card__cart{min-height:38px;font-size:12px;}}