/* ===== GOSHOP PRODUCT CARDS V2 SENIOR POLISH START ===== */

:root {
    --go-card-onyx: #111111;
    --go-card-graphite: #2A2522;
    --go-card-gold: #C89B3C;
    --go-card-gold-light: #E5C46A;
    --go-card-ivory: #FAF6EF;
    --go-card-border: rgba(74,58,46,.12);
}

/* =========================================================
   COMMON CARD SYSTEM
   ========================================================= */

.trending .item,
.goshop-best-sellers .item,
.goshop-big-save .item,
.goshop-flash-deals .item {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    border: 1px solid var(--go-card-border) !important;
    border-radius: 18px !important;

    background: #ffffff !important;

    box-shadow: 0 7px 24px rgba(17,17,17,.045) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .trending .item:hover,
    .goshop-best-sellers .item:hover,
    .goshop-big-save .item:hover,
    .goshop-flash-deals .item:hover {
        transform: translateY(-4px) !important;

        border-color: rgba(200,155,60,.30) !important;

        box-shadow:
            0 16px 38px rgba(17,17,17,.085) !important;
    }
}


/* =========================================================
   REFERENCE CODE
   Never leak the internal/reference code into commercial cards.
   It remains available elsewhere in the system/product detail.
   ========================================================= */

.trending .sell-area.ref,
.goshop-best-sellers .sell-area.ref,
.goshop-big-save .sell-area.ref,
.goshop-flash-deals .sell-area.ref,
.trending .item:hover .sell-area.ref,
.goshop-best-sellers .item:hover .sell-area.ref,
.goshop-big-save .item:hover .sell-area.ref,
.goshop-flash-deals .item:hover .sell-area.ref {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* =========================================================
   IMAGE STAGE
   Fixed stage prevents one product from becoming shorter/taller.
   ========================================================= */

.trending .item .item-img,
.goshop-best-sellers .item .item-img,
.goshop-big-save .item .item-img,
.goshop-flash-deals .item .item-img {
    position: relative !important;

    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border-bottom: 1px solid rgba(74,58,46,.065) !important;
}

.trending .item .item-img > img,
.goshop-best-sellers .item .item-img > img,
.goshop-big-save .item .item-img > img,
.goshop-flash-deals .item .item-img > img {
    width: auto !important;
    height: auto !important;

    max-width: 84% !important;

    object-fit: contain !important;

    margin: auto !important;

    transition: transform .22s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    .trending .item:hover .item-img > img,
    .goshop-best-sellers .item:hover .item-img > img,
    .goshop-big-save .item:hover .item-img > img,
    .goshop-flash-deals .item:hover .item-img > img {
        transform: scale(1.025) !important;
    }
}


/* =========================================================
   PRODUCT ACTIONS
   ========================================================= */

.trending .item .extra-list,
.goshop-best-sellers .item .extra-list,
.goshop-big-save .item .extra-list,
.goshop-flash-deals .item .extra-list {
    position: absolute !important;

    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    z-index: 15 !important;
}

.trending .item .extra-list ul,
.goshop-best-sellers .item .extra-list ul,
.goshop-big-save .item .extra-list ul,
.goshop-flash-deals .item .extra-list ul {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    gap: 6px !important;
}

.trending .item .extra-list li,
.goshop-best-sellers .item .extra-list li,
.goshop-big-save .item .extra-list li,
.goshop-flash-deals .item .extra-list li {
    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.trending .item .extra-list li > span,
.goshop-best-sellers .item .extra-list li > span,
.goshop-big-save .item .extra-list li > span,
.goshop-flash-deals .item .extra-list li > span {
    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(74,58,46,.11) !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.96) !important;

    color: var(--go-card-graphite) !important;

    box-shadow: 0 4px 14px rgba(17,17,17,.06) !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease !important;
}

.trending .item .extra-list li > span i,
.goshop-best-sellers .item .extra-list li > span i,
.goshop-big-save .item .extra-list li > span i,
.goshop-flash-deals .item .extra-list li > span i {
    color: var(--go-card-graphite) !important;
}

@media (hover: hover) and (pointer: fine) {
    .trending .item .extra-list li > span:hover,
    .goshop-best-sellers .item .extra-list li > span:hover,
    .goshop-big-save .item .extra-list li > span:hover,
    .goshop-flash-deals .item .extra-list li > span:hover {
        transform: translateY(-1px) !important;

        border-color: var(--go-card-gold-light) !important;

        background:
            linear-gradient(180deg,var(--go-card-gold-light),var(--go-card-gold)) !important;

        color: var(--go-card-onyx) !important;
    }

    .trending .item .extra-list li > span:hover i,
    .goshop-best-sellers .item .extra-list li > span:hover i,
    .goshop-big-save .item .extra-list li > span:hover i,
    .goshop-flash-deals .item .extra-list li > span:hover i {
        color: var(--go-card-onyx) !important;
    }
}


/* =========================================================
   CARD INFO / TYPOGRAPHY
   ========================================================= */

.trending .item > .info,
.goshop-best-sellers .item > .info,
.goshop-big-save .item > .info,
.goshop-flash-deals .item > .info {
    min-width: 0 !important;

    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    text-align: left !important;

    background: #ffffff !important;
}

.trending .item > .info > .name,
.goshop-best-sellers .item > .info > .name,
.goshop-big-save .item > .info > .name,
.goshop-flash-deals .item > .info > .name {
    order: 1 !important;

    overflow: hidden !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    color: var(--go-card-graphite) !important;

    text-transform: uppercase !important;
}

.trending .item > .info > .price,
.goshop-best-sellers .item > .info > .price,
.goshop-big-save .item > .info > .price,
.goshop-flash-deals .item > .info > .price {
    order: 2 !important;

    color: var(--go-card-onyx) !important;
}

.trending .item > .info > .item-cart-area,
.goshop-best-sellers .item > .info > .item-cart-area,
.goshop-big-save .item > .info > .item-cart-area,
.goshop-flash-deals .item > .info > .item-cart-area {
    order: 3 !important;

    width: 100% !important;

    padding: 0 !important;

    position: static !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}


/* =========================================================
   PRIMARY CTA — same gold language as the GoShop header
   ========================================================= */

.trending .item .add-to-cart-btn:not(.cart-out-of-stock),
.goshop-best-sellers .item .add-to-cart-btn:not(.cart-out-of-stock),
.goshop-big-save .item .add-to-cart-btn:not(.cart-out-of-stock),
.goshop-flash-deals .item .add-to-cart-btn:not(.cart-out-of-stock) {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(200,155,60,.72) !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            180deg,
            var(--go-card-gold-light) 0%,
            var(--go-card-gold) 100%
        ) !important;

    color: var(--go-card-onyx) !important;

    box-shadow:
        0 5px 14px rgba(200,155,60,.16) !important;

    font-weight: 850 !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease !important;
}

.trending .item .add-to-cart-btn:not(.cart-out-of-stock) i,
.goshop-best-sellers .item .add-to-cart-btn:not(.cart-out-of-stock) i,
.goshop-big-save .item .add-to-cart-btn:not(.cart-out-of-stock) i,
.goshop-flash-deals .item .add-to-cart-btn:not(.cart-out-of-stock) i {
    color: var(--go-card-onyx) !important;
}

@media (hover: hover) and (pointer: fine) {
    .trending .item .add-to-cart-btn:not(.cart-out-of-stock):hover,
    .goshop-best-sellers .item .add-to-cart-btn:not(.cart-out-of-stock):hover,
    .goshop-big-save .item .add-to-cart-btn:not(.cart-out-of-stock):hover,
    .goshop-flash-deals .item .add-to-cart-btn:not(.cart-out-of-stock):hover {
        transform: translateY(-1px) !important;

        box-shadow:
            0 8px 20px rgba(200,155,60,.25) !important;

        filter: brightness(1.025);
    }
}

/* Secondary quick-buy stays more discreet when two CTAs are enabled. */
.trending .item .add-to-cart-quick,
.goshop-best-sellers .item .add-to-cart-quick,
.goshop-big-save .item .add-to-cart-quick,
.goshop-flash-deals .item .add-to-cart-quick {
    border-color: rgba(74,58,46,.14) !important;

    background: #ffffff !important;
    color: var(--go-card-graphite) !important;

    box-shadow: none !important;
}


/* =========================================================
   OUT OF STOCK
   ========================================================= */

.trending .item .cart-out-of-stock,
.goshop-best-sellers .item .cart-out-of-stock,
.goshop-big-save .item .cart-out-of-stock,
.goshop-flash-deals .item .cart-out-of-stock {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(74,58,46,.10) !important;
    border-radius: 11px !important;

    background: #F2EFEA !important;

    color: #8a8178 !important;

    box-shadow: none !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    /* Owl featured rail: equal-height items */
    .trending .trending-item-slider .owl-stage {
        display: flex !important;
        align-items: stretch !important;
    }

    .trending .trending-item-slider .owl-item {
        height: auto !important;

        display: flex !important;
    }

    .trending .trending-item-slider .owl-item > .item {
        width: 100% !important;
        height: 100% !important;
    }

    .trending .item .item-img,
    .goshop-best-sellers .item .item-img,
    .goshop-big-save .item .item-img {
        flex: 0 0 235px !important;

        height: 235px !important;
        min-height: 235px !important;

        padding: 20px !important;
    }

    .trending .item .item-img > img,
    .goshop-best-sellers .item .item-img > img,
    .goshop-big-save .item .item-img > img {
        max-height: 192px !important;
    }

    .trending .item > .info,
    .goshop-best-sellers .item > .info,
    .goshop-big-save .item > .info {
        min-height: 220px !important;

        padding: 16px 16px 17px !important;
    }

    .trending .item > .info > .stars,
    .goshop-best-sellers .item > .info > .stars,
    .goshop-big-save .item > .info > .stars {
        order: 0 !important;

        min-height: 18px !important;

        margin: 0 0 10px !important;
    }

    .trending .item > .info > .name,
    .goshop-best-sellers .item > .info > .name,
    .goshop-big-save .item > .info > .name {
        min-height: 44px !important;

        margin: 0 0 10px !important;

        font-size: 14px !important;
        font-weight: 760 !important;
        line-height: 1.42 !important;
    }

    .trending .item > .info > .price,
    .goshop-best-sellers .item > .info > .price,
    .goshop-big-save .item > .info > .price {
        margin: auto 0 13px !important;

        font-size: 24px !important;
        font-weight: 900 !important;
        line-height: 1.05 !important;
    }

    .trending .item > .info > .price small,
    .goshop-best-sellers .item > .info > .price small,
    .goshop-big-save .item > .info > .price small {
        display: block !important;

        margin-top: 5px !important;

        color: #7a7169 !important;

        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }

    .trending .item > .info > .item-cart-area,
    .goshop-best-sellers .item > .info > .item-cart-area,
    .goshop-big-save .item > .info > .item-cart-area {
        margin: 0 !important;
    }

    .trending .item .add-to-cart-btn,
    .goshop-best-sellers .item .add-to-cart-btn,
    .goshop-big-save .item .add-to-cart-btn {
        min-height: 44px !important;

        padding: 9px 12px !important;

        font-size: 11.5px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .trending .item,
    .goshop-best-sellers .item,
    .goshop-big-save .item {
        border-radius: 15px !important;
    }

    .trending .item .item-img,
    .goshop-best-sellers .item .item-img,
    .goshop-big-save .item .item-img {
        flex: 0 0 158px !important;

        height: 158px !important;
        min-height: 158px !important;

        padding: 12px !important;
    }

    .trending .item .item-img > img,
    .goshop-best-sellers .item .item-img > img,
    .goshop-big-save .item .item-img > img {
        max-width: 82% !important;
        max-height: 132px !important;
    }

    .trending .item .extra-list,
    .goshop-best-sellers .item .extra-list,
    .goshop-big-save .item .extra-list {
        top: 8px !important;
        right: 8px !important;
    }

    .trending .item .extra-list li,
    .goshop-best-sellers .item .extra-list li,
    .goshop-big-save .item .extra-list li,
    .trending .item .extra-list li > span,
    .goshop-best-sellers .item .extra-list li > span,
    .goshop-big-save .item .extra-list li > span {
        width: 32px !important;
        height: 32px !important;
    }

    .trending .item .extra-list li:nth-child(n+2),
    .goshop-best-sellers .item .extra-list li:nth-child(n+2),
    .goshop-big-save .item .extra-list li:nth-child(n+2) {
        display: none !important;
    }

    .trending .item > .info,
    .goshop-best-sellers .item > .info,
    .goshop-big-save .item > .info {
        min-height: 170px !important;

        padding: 11px 10px 11px !important;
    }

    .trending .item > .info > .stars,
    .goshop-best-sellers .item > .info > .stars,
    .goshop-big-save .item > .info > .stars {
        display: none !important;
    }

    .trending .item > .info > .name,
    .goshop-best-sellers .item > .info > .name,
    .goshop-big-save .item > .info > .name {
        min-height: 38px !important;

        margin: 0 0 7px !important;

        font-size: 12px !important;
        font-weight: 760 !important;
        line-height: 1.38 !important;
    }

    .trending .item > .info > .price,
    .goshop-best-sellers .item > .info > .price,
    .goshop-big-save .item > .info > .price {
        margin: auto 0 8px !important;

        font-size: 18px !important;
        font-weight: 900 !important;
    }

    .trending .item > .info > .price small,
    .goshop-best-sellers .item > .info > .price small,
    .goshop-big-save .item > .info > .price small {
        display: block !important;

        margin-top: 3px !important;

        font-size: 8.5px !important;
    }

    .trending .item .add-to-cart-btn,
    .goshop-best-sellers .item .add-to-cart-btn,
    .goshop-big-save .item .add-to-cart-btn {
        min-height: 40px !important;

        padding: 8px 8px !important;

        border-radius: 9px !important;

        font-size: 10px !important;
    }
}

/* ===== GOSHOP PRODUCT CARDS V2 SENIOR POLISH END ===== */

/* ===== GOSHOP PRODUCT CARDS V2.2 REFCODE POLISH START ===== */

/* Reset the legacy reference badge completely and rebuild it as a clean chip. */
.trending .sell-area.ref,
.goshop-best-sellers .sell-area.ref,
.goshop-big-save .sell-area.ref,
.goshop-flash-deals .sell-area.ref,
.trending .item:hover .sell-area.ref,
.goshop-best-sellers .item:hover .sell-area.ref,
.goshop-big-save .item:hover .sell-area.ref,
.goshop-flash-deals .item:hover .sell-area.ref {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: none !important;

    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;

    z-index: 16 !important;
}

/* Neutralize every legacy .sale visual so no black square / arrow remains. */
.trending .sell-area.ref .sale,
.goshop-best-sellers .sell-area.ref .sale,
.goshop-big-save .sell-area.ref .sale,
.goshop-flash-deals .sell-area.ref .sale {
    position: static !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 26px !important;
    min-height: 26px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(200,155,60,.42) !important;
    border-radius: 999px !important;

    background: rgba(17,17,17,.88) !important;
    color: #F3E7D0 !important;

    box-shadow: 0 5px 14px rgba(17,17,17,.10) !important;

    font-size: 9.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;

    text-align: center !important;
    white-space: nowrap !important;

    clip-path: none !important;
    transform: none !important;
}

/* Remove inherited decorative triangles / labels from legacy theme. */
.trending .sell-area.ref .sale::before,
.trending .sell-area.ref .sale::after,
.goshop-best-sellers .sell-area.ref .sale::before,
.goshop-best-sellers .sell-area.ref .sale::after,
.goshop-big-save .sell-area.ref .sale::before,
.goshop-big-save .sell-area.ref .sale::after,
.goshop-flash-deals .sell-area.ref .sale::before,
.goshop-flash-deals .sell-area.ref .sale::after {
    content: none !important;
    display: none !important;
}

/* Keep the chip visually secondary to wishlist/quick-view/compare. */
@media (hover: hover) and (pointer: fine) {
    .trending .item:hover .sell-area.ref .sale,
    .goshop-best-sellers .item:hover .sell-area.ref .sale,
    .goshop-big-save .item:hover .sell-area.ref .sale,
    .goshop-flash-deals .item:hover .sell-area.ref .sale {
        background: rgba(17,17,17,.94) !important;
        border-color: rgba(229,196,106,.62) !important;
    }
}

@media (max-width: 767px) {
    .trending .sell-area.ref,
    .goshop-best-sellers .sell-area.ref,
    .goshop-big-save .sell-area.ref,
    .goshop-flash-deals .sell-area.ref {
        top: 8px !important;
        left: 8px !important;
    }

    .trending .sell-area.ref .sale,
    .goshop-best-sellers .sell-area.ref .sale,
    .goshop-big-save .sell-area.ref .sale,
    .goshop-flash-deals .sell-area.ref .sale {
        height: 23px !important;
        min-height: 23px !important;

        padding: 0 7px !important;

        font-size: 8.5px !important;
    }
}

/* ===== GOSHOP PRODUCT CARDS V2.2 REFCODE POLISH END ===== */