/* OyuncuStore Gamer Urun Kartlari - Native Focus */
body.ogpc-enabled {
    --ogpc-accent-rgb: 124, 92, 255;
    --ogpc-cyan-rgb: 47, 205, 238;
    --ogpc-media-ratio: 7 / 9;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category),
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category),
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-category) {
    position: relative;
    overflow: visible;
    isolation: isolate;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
}

/* Normal durumda sakin, tema icinde dogal kart yuzeyi. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-wrapper,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-wrapper,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(32, 32, 36, .92), rgba(24, 24, 28, .97));
    box-shadow:
        0 7px 18px rgba(0, 0, 0, .16);
    transform: none;
    transform-origin: center center;
    transition: transform .28s cubic-bezier(.2, .72, .28, 1);
}

/* Hover derinligi icin cok hafif kromatik katman. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-wrapper::before,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-wrapper::before,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category)::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    opacity: 0;
    background:
        radial-gradient(circle at 96% 1%, rgba(var(--ogpc-cyan-rgb), .12), transparent 29%),
        radial-gradient(circle at 3% 99%, rgba(var(--ogpc-accent-rgb), .12), transparent 31%),
        linear-gradient(125deg, transparent 0 43%, rgba(255, 255, 255, .025) 50%, transparent 57% 100%);
    pointer-events: none;
    transition: opacity .24s ease;
}

/* Cerceve icerigin ustunde kalir; gorsel kenarin disina cikamaz. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-wrapper::after,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-wrapper::after,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category)::after {
    content: "";
    position: absolute;
    z-index: 7;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .065);
    pointer-events: none;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-wrapper > *,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-wrapper > *,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) > * {
    position: relative;
    z-index: 1;
}

/* Urun gorseli tam genislikte ve orijinal oranda kalir. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-top,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-top,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) .woocommerce-LoopProduct-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    block-size: auto !important;
    min-height: 0 !important;
    min-block-size: 0 !important;
    max-height: none !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 7px 7px 0 0;
    background: #121216;
    font-size: 0;
    line-height: 0;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-image-link,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-image-link,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-category) .woocommerce-LoopProduct-link {
    position: relative;
    overflow: hidden;
    contain: paint;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
}

/* WoodMart gorsel baglantisi, lazy-load devreye girmeden once de yerini korur. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-image-link,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-image-link {
    display: block;
    width: 100%;
    aspect-ratio: var(--ogpc-media-ratio, 7 / 9) !important;
    height: auto !important;
    block-size: auto !important;
    min-height: 1px !important;
    min-block-size: 1px !important;
    max-height: none !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-top,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-top {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    block-size: auto !important;
    min-height: 0 !important;
    min-block-size: 0 !important;
    max-height: none !important;
    max-block-size: none !important;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-image-link picture,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-image-link picture {
    display: block;
    width: 100%;
    height: 100% !important;
    block-size: 100% !important;
    min-height: 100% !important;
    min-block-size: 100% !important;
    max-height: 100% !important;
    max-block-size: 100% !important;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/* Fare girisinde bir kez gecen ince isik. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-image-link::after,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-image-link::after,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-category) .woocommerce-LoopProduct-link::after {
    content: "";
    position: absolute;
    z-index: 6;
    top: -20%;
    right: auto;
    bottom: -20%;
    left: -32%;
    width: 20%;
    border-radius: 0;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), rgba(var(--ogpc-cyan-rgb), .08), transparent);
    transform: translate3d(0, 0, 0) skewX(-16deg);
    pointer-events: none;
    transition: opacity .12s linear;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-top img,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-top img,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) .woocommerce-LoopProduct-link img {
    display: block;
    width: 100% !important;
    inline-size: 100% !important;
    max-width: 100% !important;
    max-inline-size: 100% !important;
    height: 100% !important;
    block-size: 100% !important;
    min-height: 100% !important;
    min-block-size: 100% !important;
    max-height: 100% !important;
    max-block-size: 100% !important;
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: var(--ogpc-media-ratio, 7 / 9) !important;
    object-fit: contain;
    vertical-align: top;
    transform: none !important;
}

/* WoodMart disindaki standart WooCommerce kartlarinda yuzde yukseklik yerine oran kullanilir. */
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) .woocommerce-LoopProduct-link img {
    height: auto !important;
    block-size: auto !important;
    min-height: 0 !important;
    min-block-size: 0 !important;
    max-height: none !important;
    max-block-size: none !important;
    aspect-ratio: var(--ogpc-media-ratio, 7 / 9) !important;
}

/* Bilgi alani: ad, puan, fiyat ve buton kendi satirinda. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-bottom,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-bottom {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 14px 13px 16px;
    border-radius: 0 0 7px 7px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .012), rgba(8, 8, 11, .1));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
    text-align: center;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .wd-entities-title,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .wd-entities-title {
    display: -webkit-box;
    width: 100%;
    min-height: 2.7em;
    margin: 0 !important;
    overflow: hidden;
    line-height: 1.35;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    transition: color .2s ease;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .star-rating,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .star-rating {
    flex: 0 0 auto;
    margin: 0 auto !important;
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .price,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .price {
    width: 100%;
    margin: 0 !important;
    text-align: center;
}

/* Butona stil uygulanmaz; yalniz kendi satirinda nefes alir. */
body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .wd-add-btn,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .wd-add-btn {
    width: 100%;
    margin: 2px 0 0 !important;
    padding: 0;
    text-align: center;
}

@media (hover: hover) and (pointer: fine) {
    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-category):hover {
        z-index: 7;
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover .product-wrapper,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover .product-wrapper,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category):hover {
        box-shadow:
            0 18px 38px rgba(0, 0, 0, .38),
            0 0 22px rgba(var(--ogpc-accent-rgb), .085);
        transform: translate3d(0, -5px, 0) scale(1.022);
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover .product-wrapper::before,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover .product-wrapper::before,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category):hover::before {
        opacity: .78;
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover .product-wrapper::after,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover .product-wrapper::after,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category):hover::after {
        box-shadow:
            inset 1px 1px 0 rgba(var(--ogpc-accent-rgb), .72),
            inset -1px -1px 0 rgba(var(--ogpc-cyan-rgb), .5),
            inset 0 0 16px rgba(var(--ogpc-accent-rgb), .035);
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover .product-image-link::after,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover .product-image-link::after,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-category):hover .woocommerce-LoopProduct-link::after {
        transform: translate3d(730%, 0, 0) skewX(-16deg);
        opacity: 1;
        transition: transform .66s cubic-bezier(.22, .61, .36, 1), opacity .12s linear;
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):hover .wd-entities-title,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):hover .wd-entities-title {
        color: #fff;
    }
}

body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category):focus-within .product-wrapper,
body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category):focus-within .product-wrapper,
body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category):focus-within {
    box-shadow: inset 0 0 0 1px rgba(var(--ogpc-accent-rgb), .45), 0 0 0 2px rgba(var(--ogpc-accent-rgb), .08), 0 15px 32px rgba(0, 0, 0, .3);
}

@media (max-width: 767px) {
    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-wrapper,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-wrapper,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) {
        border-radius: 7px;
        box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-top,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-top,
    body.ogpc-enabled:not(.wclv-list-view-active) .woocommerce ul.products li.product:not(.product-grid-item):not(.wd-product):not(.product-category) .woocommerce-LoopProduct-link {
        border-radius: 6px 6px 0 0;
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .product-element-bottom,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .product-element-bottom {
        gap: 6px;
        padding: 11px 9px 13px;
        border-radius: 0 0 7px 7px;
    }

    body.ogpc-enabled:not(.wclv-list-view-active) .product-grid-item:not(.product-category) .wd-entities-title,
    body.ogpc-enabled:not(.wclv-list-view-active) .wd-product:not(.product-category) .wd-entities-title {
        min-height: 2.6em;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.ogpc-enabled .product-grid-item,
    body.ogpc-enabled .product-grid-item *,
    body.ogpc-enabled .wd-product,
    body.ogpc-enabled .wd-product *,
    body.ogpc-enabled .woocommerce ul.products li.product,
    body.ogpc-enabled .woocommerce ul.products li.product * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation: none !important;
    }

    body.ogpc-enabled .product-grid-item:hover .product-wrapper,
    body.ogpc-enabled .wd-product:hover .product-wrapper,
    body.ogpc-enabled .woocommerce ul.products li.product:hover,
    body.ogpc-enabled .product-grid-item:hover .product-element-top img,
    body.ogpc-enabled .wd-product:hover .product-element-top img {
        transform: none !important;
    }

    body.ogpc-enabled .product-image-link::after,
    body.ogpc-enabled .woocommerce-LoopProduct-link::after {
        display: none !important;
    }
}