/* Product-card hover v1. The frame stays still; only the white card lifts.
   Data attribute is added by the existing card wrapper, never to rental/admin UI. */
html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"],
html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"] {
    --s89-card-focus: #315dd8;
    --s89-card-shadow: rgba(102, 126, 234, .25);
    padding: 3px !important;
    border-radius: 14px !important;
    overflow: visible !important;
    transform: none !important;
    box-shadow: none !important;
    background: conic-gradient(from var(--s2ang, 0deg),
        rgba(102, 126, 234, 0) 0%, #667eea 20%, #764ba2 35%,
        rgba(118, 75, 162, 0) 50%, rgba(118, 75, 162, 0) 50%,
        #764ba2 70%, #667eea 85%, rgba(102, 126, 234, 0) 100%) !important;
}

html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"] > :is(.sl-prodbox, .hub-account-card, .seo-product-card),
html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"] > .sl-prodbox.home-product-card {
    border-radius: 14px !important;
    overflow: hidden !important;
    transform: none !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08) !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"] .sl-primg img {
    transform-origin: center;
    transition: transform .4s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"]:hover > :is(.sl-prodbox, .hub-account-card, .seo-product-card),
    html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"]:hover > .sl-prodbox.home-product-card {
        transform: translateY(-5px) !important;
        box-shadow: 0 12px 32px var(--s89-card-shadow) !important;
    }
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"]:hover .sl-primg img {
        transform: scale(1.06) !important;
    }
}

html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"]:focus-within > :is(.sl-prodbox, .hub-account-card, .seo-product-card),
html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"]:focus-within > .sl-prodbox.home-product-card {
    outline: 2px solid var(--s89-card-focus) !important;
    outline-offset: -2px !important;
    box-shadow: 0 12px 32px var(--s89-card-shadow) !important;
}

@media (prefers-reduced-motion: reduce) {
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"] {
        animation: none !important;
    }
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"] > :is(.sl-prodbox, .hub-account-card, .seo-product-card),
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"]:hover > :is(.sl-prodbox, .hub-account-card, .seo-product-card),
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"] .sl-primg img,
    html body.shopacc-white-theme.shopacc-white-theme .s2-card-border-wrap[data-s89-card-hover="v1"]:hover .sl-primg img,
    html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"] > .sl-prodbox.home-product-card,
    html body.shopacc-white-theme #home-blindbag-section .blindbag-product-grid > .blindbag-product-item > .s2-card-border-wrap[data-s89-card-hover="v1"]:hover > .sl-prodbox.home-product-card {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}