/*
Theme Name: Woodmart Child
Theme URI: https://woodmart.xtemos.com/
Template: woodmart
Author: XTemos
Author URI: http://themeforest.net/user/xtemos
Description: ThemeForest Premium Theme
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,sticky-post,translation-ready
Version: 8.1.2.1752525685
Updated: 2025-07-14 20:41:25
*/
.wd-search-full-screen {
    transform: translate3d(0, 100%, 0);
	z-index: 0;
}

.wd-search-full-screen.wd-fill.color-scheme-light {
    visibility: hidden;
    opacity: 0;
	z-index: 0;
}
.wd-search-full-screen.wd-fill.color-scheme-light.wd-opened {
    visibility: visible;
    opacity: 1;
	z-index: 400;
}

.product-wrapper img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
    background: #ffffff;
    border-radius: 20px;
}

.post-img-wrapp img {
    aspect-ratio: 1.5;
    object-fit: cover;
    background: #000;
    border-radius: 20px !important;
}
.entry-content.wd-post-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-design-masonry .post-title {
    font-size: 22px !important;
    line-height: 28px;
}

.products.wd-products.wd-grid-g.grid-columns-3 .wd-product-cats, .products.wd-products.wd-grid-g.grid-columns-3 .fps-container,
.upsells-carousel .wd-product-cats,
.upsells-carousel .fps-container,
.related-products .wd-product-cats,
.related-products .fps-container{
    display: none !important;
}
body .wd-product.wd-hover-quick .wd-add-btn>a, body .wd-product.wd-hover-quick .wd-add-btn>a:hover {
    border-radius: 0px 0px 20px 20px !important;
    background-color: #ba01c4 !important;
}
.fps-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 35px auto;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    clear: both;
    width: 100%;
    max-width: 600px;
    position: relative;
    z-index: 1;
}
.fps-display {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.youtube-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ff0000;
    color: white !important;
    padding: 8px 16px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    margin-top: 25px;
}
.fps-game {
    display: flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    padding: 0;
}

.game-icon {
    margin: 0;
    position: relative;
    transition: transform 0.3s ease;
}
.game-icon img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.1);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.fps-info {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.fps-number.fps-high {
    color: #44ff44 !important;
}

.fps-number {
    font-weight: bold;
    font-size: 1.2em;
    transition: color 0.3s ease;
}
.fps-text {
    font-size: 1em;
    margin-left: 2px;
}
.fps-number.fps-low {
    color: #ff4444 !important;
}
.fps-number.fps-medium {
    color: #ffaa00 !important;
}
.youtube-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

.whb-row.whb-top-bar {
    display: none;
}

.single_add_to_cart_button,
.wd-buy-now-btn{
    background-color: rgb(186 1 196);
    border-radius: 20px;
}



table.variations select {
    border-radius: 20px;
}

.woocommerce-product-details__short-description * {
    color: #fff;
}


p.hglt {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.woocommerce-product-details__short-description {
    margin-top: 10px;
}

.woocommerce-product-gallery img {
    border-radius: 20px !important;
}

.custom-images {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.custom-images img {
    width: 42% !important;
}

input.minus.btn {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}


input.plus.btn{
	 border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

p.hglt2 svg {
    color: #fff;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    position: relative;
    top: 6px;
}
p.hglt2 span {
    font-weight: bold;
    color: #ba01c4;
}
p.hglt2 {
    color: #fff;
    margin-bottom: 5px;
}

.wd-accordion-title {
    padding: 10px 0 !important;
}

.container.related-and-upsells {
    margin-top: 50px;
    margin-bottom: 50px;
}

:is(.btn,.button,button,[type=submit],[type=button]) {
    text-transform: initial !important;
}


article#post-3 *,
article#post-36375 *{
    color: #fff;
}


div.wpcf7 input[type="submit"] {
    background-color: rgb(186 1 196) !Important;
    border-radius: 20px !important;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
    border-radius: 20px;
}
.wd-post.blog-style-bg .article-body-container {
    background-color: transparent !important;
}

.wd-post-cat.wd-style-with-bg {
    border-radius: 20px;
}

ul.product-categories li a:before,
li.wc-layered-nav-term a:before{
    height: 15px !important;
    top: 12px !important;
    width: 15px !important;
    content: '';
    position: absolute;
    border: 1px solid #bbb;
    border-radius: 100%;
    left: -25px;
}
li.wc-layered-nav-term a:before{
	left:0px;
	top:3px !important;
}
li.wc-layered-nav-term {
    position: relative;
    padding-left: 25px;
}
.widget_product_categories .children {
    padding-inline-start: 20px;
}
.categories-accordion-on .widget_product_categories .product-categories:has(.cat-item ul) {
    padding-left: 25px;
}
ul.product-categories > li {
    display: none !important;
}
ul.product-categories li.current-cat-parent,
ul.product-categories li.current-cat.cat-parent{
	display:block !important;
}
ul.product-categories li.cat-parent.current-cat-parent > a:after,
ul.children.list-shown li.current-cat a:after,
.widget_product_categories .product-categories li.current-cat>a:after,
li.wc-layered-nav-term.wd-active a:after{
    color: #fff;
    font-size: 8px;
    left: -20px;
    line-height: 22px;
    opacity: 1;
    position: absolute;
    top: 8px;
    content: '✔';
}
li.wc-layered-nav-term.wd-active a:after {
    left: 5px;
    top: -1px;
}
.widget_product_categories .product-categories > li > a{
	color:#fff;
	font-weight:600;
}
ul.product-categories li.cat-parent.current-cat-parent > a:before, ul.children.list-shown li.current-cat a:before,
.widget_product_categories .product-categories li.current-cat>a:before,
li.wc-layered-nav-term.wd-active a:before{
	background:#ba01c4;
}
.wd-buttons.wd-pos-r-t {
    border-radius: 20px;
    background: #ba01c4;
}
ul.wd-nav-product-cat {
    display: none;
}
.categories-accordion-on .widget_product_categories .count {
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.woocommerce-shop ul.product-categories{
	padding-left: 25px !important;
	display: block !important;
}
.woocommerce-shop ul.product-categories > li{
		display: block !important;
}
div#woodmart-woocommerce-layered-nav-8 {
    display: none;
}
.term-223 div#woodmart-woocommerce-layered-nav-8,
.gaming-tilbehoer-child-category div#woodmart-woocommerce-layered-nav-8{
    display: block;
}
.wd-btn-show-cat.wd-action-btn.wd-style-text {
    visibility: hidden;
	display:none;
}

span.select2-selection.select2-selection--single {
    border-radius: 20px;
}

.wd-swatches-filter.wd-layout-double li {
    flex: 0 1 calc(100% - var(--wd-swatch-h-sp) / 2);
}

.wd-product.wd-hover-tiled .product-wrapper {
    background-color: transparent !important;
}

.widget_product_categories .product-categories li a {
    padding-right: 35px !important;
}
span.wd-btn-icon {
    position: relative;
    top: 2px;
}
p.stock.wd-style-bordered span {
    border-radius: 20px;
}

.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
    max-width: 250px;
}


    .product-design-default .wd-product-brands a {
        min-height: 60px !important;
        background-color: #ba01c4 !important;
        border-radius: 20px !important;
    }


.whb-general-header {
    background-color: #212121;
}
nav.custom-breadcrumb {
    display: block;
    width: 100%;
    text-align: center;
}
  nav.custom-breadcrumb strong {
    font-weight: bold;
    color: #ffffff !important;
}
nav.custom-breadcrumb {
}
.single-product nav.custom-breadcrumb {
    padding-bottom: 40px;
	text-align: left;
}

.fullhgtlink a:after{
	content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    left: 0;
    top: -85px;
    z-index: 9;
}
.fullhgtlink2 a:after {
    content: '';
    position: absolute;
    width: 225px;
    height: 250px;
    left: 0;
    top: -143px;
    z-index: 9;
}
.whb-main-header .fullhgtlink a:after {
    content: '';
    position: absolute;
    width: 225px;
    height: 188px;
    left: 0;
    top: -85px;
    z-index: 9;
}
.wd-post-meta {
    display: none !important;
}
.wd-page-title.page-title.page-title-default h3.entry-title.title, .wd-page-title.page-title.page-title-default nav.wd-breadcrumbs {
    text-align: left !important;
    width: 100%;
}
.wd-page-title .title {
    width: 100%;
    text-align: left;
}
.tax-product_cat .wd-title-wrapp {
    width: 100%;
}
.tax-product_cat nav.custom-breadcrumb {
    text-align: left;
}
.wd-back-btn.wd-action-btn.wd-style-icon {
    display: none;
}
.page-title .entry-title.title,
.tax-product_cat .wd-title-wrapp{
    display: none !important;
}
.wd-page-title {
    background-color: transparent;
}

.custom-post-slider-wrapper .swiper-button-next:after,
.custom-post-slider-wrapper .swiper-button-prev:after{
    font-size: 13px;
    font-weight: bold;
}

.custom-post-slider-wrapper .swiper-button-next,
.custom-post-slider-wrapper .swiper-button-prev{
    color: #000000;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.custom-post-slider-wrapper .swiper-button-next{
	right:0;
}
.custom-post-slider-wrapper .swiper-button-prev{
	left:0;
}
.whb-general-header {
    background-color: #212121 !important;
}
.wd-page-title {
    background-color: rgb(26 26 26) !important;
}
.page .wd-page-content {
    background-color:rgb(26 26 26) !important;
}
@media (min-width: 1025px) {
    .title-size-default {
        --wd-title-sp: 30px !important;
        --wd-title-font-s: 40px !important;
			padding-bottom:0 !important
    }
	.tax-product_cat h1.entry-title.title{
		font-size:40px !important;
	}	
.noarrows .elementor-swiper-button {
    display: none !important;
}	
}




.wd-page-title h1.entry-title.title {
    display: none !important;
}

@media screen and (min-width: 769px){
	
h1.product_title.entry-title.wd-entities-title {
    font-size: 30px;
}
	.hidelarge{
		display:none !important;
	}	
	
.tax-product_cat h1.entry-title.title {
    font-size: 44px;
}
.whb-sticky-prepared {
    margin-bottom: 0;
}
.page-id-36375 .whb-sticky-prepared,
.page-id-3 .whb-sticky-prepared,
.tax-product_cat .whb-sticky-prepared{
    margin-bottom: 0;
}	
}



@media screen and (max-width: 768px){
	.wd-carousel-container.wd-gallery-thumb img {
    height: 108px;
    object-fit: cover;
}
body .wd-product.wd-hover-quick .wd-add-btn>a, body .wd-product.wd-hover-quick .wd-add-btn>a:hover {
    border-radius: 0px 0px 0px 20px !important;
    background-color: #ba01c4 !important;
}
.hidelarge img{
		  height: 220px;
    object-fit: contain;
	}
.mblhgt img {
    height: 185px;
    object-fit: contain;
}
.wd-page-title .title {
    font-size: 30px !important;
}
    #slider-121 .wd-slide {
        min-height: 450px !important;
    }	
.wd-page-title {
    padding: 10px 0;
}
	
.wd-product-brands {
    display: none !important;
}
}




.shipmondo-original .address_info {
    color: #fff;
}
.powered_by_shipmondo p {
    color: #fff;
}

.shipmondo-original .location * {
    color: #fff;
}
.shipmondo-original .shipmondo_service_point_selection .shipmondo-dropdown_wrapper .service_points_dropdown {
    background: #121212;
}

.shipmondo_service_point_selection .selected_service_point {
    border: 1px solid #fff;
}

.shipmondo-original .shipmondo_service_point_selection .selected_service_point:after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.powered_by_shipmondo {
    display: none;
}

.entry-meta.wd-entry-meta {
    display: none !important;
}

.scrollToTop {
    right: 23px;
    bottom: 12px;
}


@media screen and (max-width: 767px){
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 65px;
}
    .sticky-toolbar-on .scrollToTop {
        bottom: 145px !important;
    }
.custom-images img {
    margin-bottom: 10px;
}
.custom-images {
    display: block !important;
    text-align: center !important;
}
.custom-images img {
    width: 60% !important;
}	
}
#composite-add-to-cart-full-width #composite-add-to-cart-btn,
#composite-add-to-cart-full-width #composite-buy-now-btn{
	width: 50% !important;
}
.sticky-product-info img{
	width: 7% !important;
}
/* Hide default add to cart + buy now buttons when composite */
.is-composite-product form.cart {
    display: none !important;
}
.product-image-summary-wrap .composite-add-to-cart #composite-add-to-cart-btn{
	width: 30%;
	margin: 20px 0px 20px 0px;
	border-radius: 50px;
}
.product-image-summary-wrap .composite-add-to-cart #composite-buy-now-btn{
	display: none !important;
}
    /* Parent grid */
#variation-content {
  display:grid;grid-template-columns:repeat(4,1fr);gap:15px;
	margin-bottom: 30px;
}

#mz-configure-product-banner{
	display: none !important;
}
.product-image-summary-wrap #mz-configure-product-banner{
	display: flex !important;
	border-radius: 50px;
}

#composite-buy-now-btn{
	padding: 10px 30px; color: #fff; border: none; border-radius: 50px; cursor: pointer; font-size: 17px; height: fit-content;margin-left: 15px;
}
#composite-add-to-cart-btn{
padding:11px 25px; background:#ba01c4;color:#fff;border:none;border-radius:50px;cursor:pointer;font-size: 17px;height: fit-content;
}

#mz-configure-product-banner {
    cursor: pointer;
    text-align: center;
    margin: 20px;
    padding: 7px;
    background: #ba01c4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    width: 40%;
}

.payment_method_pensopay_gateway_anyday_split img {background:#ddd;}

/* Mobile: only 1 per row */
@media (max-width: 768px) {
    #variation-content {
        grid-template-columns: 1fr !important;
    }
	#composite-buy-now-btn{
		margin-left: 0px !important;
	}
	#mz-configure-product-banner{
		width: 50% !important;
		font-size: 15px !important;
	}
	.product-image-summary-wrap .composite-add-to-cart #composite-add-to-cart-btn{
	    width: 40%;
		 font-size: 15px;
}
.sticky-product-info img {
    width: 23% !important;
}
	.composite-buttons #composite-sticky-add-btn {
	 padding: 10px !important;
	}
	.sticky-product-info span{
		 font-size: 12px !important;
	}
}
#composite-add-to-cart-btn:hover,
#mz-configure-product-banner:hover,
#composite-sticky-add-btn:hover,
.buy-now-btn:hover{
background: #9b06a3 !important;
}

.resolution-toggle-wrapper {
      display: flex;
    align-items: center;
    justify-content: center; /* centers horizontally */
    gap: 12px;
    margin-bottom: 40px;
    width: 100%; /* make wrapper span full width */
}

    .res-label {
        font-weight: bold;
        font-size: 20px;
        opacity: 0.5;
        transition: opacity .3s, color .3s;
    }
    .res-label.active {
        color: #ba01c4;
        opacity: 1;
    }
    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 30px;
    }
    .switch input {
        display: none;
    }
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0; left: 0;
        right: 0; bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 34px;
    }
    .slider:before {
        position: absolute;
        content: "";
        height: 22px; width: 22px;
        left: 4px; bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }
    input:checked + .slider {
        background-color: #2196F3;
    }
    input:checked + .slider:before {
        transform: translateX(30px);
    }

/* product page css */
 .woocommerce-tabs .wd-accordion-item
{
  display: none;
}
 .product-image-summary .woocommerce-product-details__short-description{
	display: none;
}
 .fps-container{
	display: none;
}
 .custom-product-content{
    color: #fff;
    font-size: 14px;
    margin: 20px 0;
}
.product-image-summary-wrap #composite-add-to-cart-btn{
	display: block !important;
}
#composite-add-to-cart-btn{
	display: none;
}
.products .wd-product .wd-entities-title{
	min-height: 70px;
}

#cta-support-box:hover,
#cta-find-pc:hover,
#cta-game-blog:hover{
	cursor: pointer;
	background-color: #1a1a1a !important;
}

@media (min-width: 1025px) {
  #composite-products-wrapper {
    margin: 0 45px;
  }
}

/* See Details text */
.composite-item .see-details {
    margin-top: 8px;
    font-size: 13px;
    color: #9f9f9f;
    cursor: pointer;
    text-decoration: underline;
    position: relative;
}

/* Tooltip base — default (desktop first) */
.composite-item .see-details::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.6;
    width: 700px;
    max-width: 90vw;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    pointer-events: none;
    z-index: 10;
    white-space: normal;
}

/* Small arrow */
.composite-item .see-details::before {
    content: "";
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
}

/* Show tooltip on hover */
.composite-item .see-details:hover::after,
.composite-item .see-details:hover::before {
    opacity: 1;
    visibility: visible;
}

/* ======== RESPONSIVE ADJUSTMENTS ======== */

/* Tablets (up to 1024px) */
@media (max-width: 1024px) {
    .composite-item .see-details::after {
        width: 115%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 130%;
        font-size: 12px;
        line-height: 1.8;
    }
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
    .composite-item .see-details::after {
        width: 95%;
        bottom: 140%;
        font-size: 12px;
        line-height: 1.4;
        padding: 6px 8px;
        white-space: normal;
    }

    .composite-item .see-details::before {
        display: none; /* optional: hide arrow on small screens */
    }
	
#composite-sticky-bar .composite-buttons {
  display: grid !important;
}
	#composite-total-price{
    font-size: 14px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    text-align: center !important;
    margin-bottom: 5px !important;
	}
}
#composite-total-price span{
	color: #fff !important;
}
#composite-total-price{
	color:#fff;font-weight:600;font-size: 21px;margin-right: 20px;margin-top: 10px;
}


@media (max-width: 768px) {
  /* Target the scroll-section grid directly */
  .scroll-section {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 15px; /* space between items */
  }

  /* Each grid item */
  .scroll-section > .elementor-element {
    flex: 0 0 80% !important;  /* first full, second partial */
    max-width: 80% !important;
    scroll-snap-align: start;
  }

  /* Optional scrollbar styling */
  .scroll-section::-webkit-scrollbar {
    height: 6px;
  }
  .scroll-section::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3);
    border-radius: 10px;
  }
}


/* BYENS IT – Neon Purple Header Banner (#c800ff) */
.wd-header-banner,
.header-banner,
.whb-header-banner {
    background-color: #c800ff;
    color: #ffffff;
    text-align: center;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Fjern margin på tekst */
.wd-header-banner p,
.header-banner p,
.whb-header-banner p {
    margin: 0;
}

/* Gør OBS markeringer tydelige */
.wd-header-banner strong,
.header-banner strong,
.whb-header-banner strong {
    color: #ffffff;
    font-weight: 700;
}

/* MOBIL-FIX – gør banneret perfekt på mobil */
@media (max-width: 768px) {
    .wd-header-banner,
    .header-banner,
    .whb-header-banner {
        font-size: 12px;
        padding: 4px 10px;
        height: auto !important;   /* Overruler Woodmarts faste højde */
        min-height: 0 !important;
    }
}

.trust-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 20px 0;
}

/* Trustpilot */
.trustpilot-top {
    text-align: center;
    width: 100%;
}

/* Logos row */
.trust-logos {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

.trust-logos img {
    width: 120px;
    max-width: 100%;
    height: auto;
}

/* =========================================================
   Byens IT – Premium Best Sellers (Hero-ish + 2x2 grid)
   Scope: .byens-home-best-sellers
   ========================================================= */

.byens-home-best-sellers{
  /* Brand */
  --accent: #ba01c4;
  --accent2: #c800ff;
  --accentHover: #9b06a3;

  /* Surfaces */
  --bg: rgba(255,255,255,.035);
  --bg2: rgba(255,255,255,.06);
  --border: rgba(255,255,255,.10);
  --border2: rgba(255,255,255,.16);

  /* Text */
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.72);

  /* Force WoodMart columns */
  --wd-col: 2 !important;
  --wd-col-lg: 2 !important;
  --wd-col-md: 2 !important;
  --wd-col-sm: 1 !important;
  --wd-grid-columns: 2 !important;

  margin: 18px auto 0;
  padding: clamp(18px, 2.6vw, 34px);
  border-radius: 22px;
  border: 1px solid var(--border);
  background:
    radial-gradient(1100px 380px at 20% 0%, rgba(186,1,196,.22), transparent 60%),
    radial-gradient(900px 320px at 85% 20%, rgba(200,0,255,.14), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.18));
  box-shadow: 0 18px 70px rgba(0,0,0,.50);
  position: relative;
  overflow: hidden;
}

/* subtil “hero pattern” feel */
.byens-home-best-sellers::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 10px);
  opacity:.18;
  pointer-events:none;
  mix-blend-mode: overlay;
}

.byens-home-best-sellers__inner{
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

/* ================= HERO HEADER ================= */

.byens-home-best-sellers__hero{
  text-align: center;
  padding: 6px 0 10px;
  display: grid;
  gap: 8px;
}

.byens-home-best-sellers__badge{
  justify-self: center;
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.25);
  color: var(--text);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .2px;
}

.byens-home-best-sellers__title{
  margin: 0;
  color: var(--text);
  font-size: clamp(20px, 2.2vw, 30px);
  letter-spacing: .2px;
}

.byens-home-best-sellers__subtitle{
  margin: 0 auto;
  max-width: 68ch;
  color: var(--muted);
  font-size: clamp(13px, 1.1vw, 15px);
  line-height: 1.55;
}

.byens-home-best-sellers__chips{
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 4px;
}

.byens-chip{
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.80);
  font-size: 12px;
  font-weight: 700;
}

/* ================= FORCE 2x2 GRID =================
   WoodMart/Woo kan bruge forskellige wrappers.
   Vi rammer dem alle – men kun inde i sektionen.
==================================================== */

.byens-home-best-sellers__products :is(
  ul.products,
  ul.products.columns-4,
  .woocommerce ul.products,
  .woocommerce ul.products.columns-4,
  .products,
  .wd-products,
  .wd-products-grid,
  .products-grid,
  .elementor-products-grid,
  .wc-block-grid__products
){
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Dræb 25% widths / floats / flex-basis på items */
.byens-home-best-sellers__products :is(
  ul.products > li.product,
  .woocommerce ul.products > li.product,
  .products > li.product,
  .wc-block-grid__products > li,
  .wd-products > li,
  .wd-products > div,
  .wd-products-grid > *,
  .products-grid > *
){
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: unset !important;
  flex-basis: auto !important;
  margin: 0 !important;
}

/* Mobil */
@media (max-width: 560px){
  .byens-home-best-sellers{
    --wd-col: 1 !important;
    --wd-col-lg: 1 !important;
    --wd-col-md: 1 !important;
    --wd-col-sm: 1 !important;
    --wd-grid-columns: 1 !important;
  }

  .byens-home-best-sellers__products :is(
    ul.products,
    .woocommerce ul.products,
    .products,
    .wd-products,
    .wd-products-grid,
    .products-grid,
    .elementor-products-grid,
    .wc-block-grid__products
  ){
    grid-template-columns: 1fr !important;
  }
}

/* ================= PRODUCT CARD PREMIUM ================= */

.byens-home-best-sellers .woocommerce ul.products li.product{
  position: relative;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
  padding: 12px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.byens-home-best-sellers .woocommerce ul.products li.product:hover{
  transform: translateY(-3px);
  border-color: var(--border2);
  background: var(--bg2);
  box-shadow: 0 18px 46px rgba(0,0,0,.42);
}

/* Image area: mindre og mere “produktkort” */
.byens-home-best-sellers .woocommerce ul.products li.product a img{
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  padding: 10px;
  margin: 0 0 10px !important;
}

@media (max-width: 560px){
  .byens-home-best-sellers .woocommerce ul.products li.product a img{
    height: 190px !important;
  }
}

/* Sale badge: match accent */
.byens-home-best-sellers .woocommerce span.onsale{
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  min-width: 44px;
  min-height: 44px;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: var(--accent2) !important;
  color: #fff !important;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 12px 26px rgba(200,0,255,.25);
}

/* Title clamp */
.byens-home-best-sellers .woocommerce ul.products li.product .woocommerce-loop-product__title{
  margin: 6px 0 6px !important;
  color: var(--text) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.25em * 2);
}

/* Fjern kategori/meta-støj hvis temaet viser det */
.byens-home-best-sellers .woocommerce ul.products li.product .posted_in,
.byens-home-best-sellers .woocommerce ul.products li.product .product_meta{
  display: none !important;
}

/* Kort excerpt/tekst: clamp */
.byens-home-best-sellers .woocommerce ul.products li.product p:not(.price){
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.45;
  margin: 6px 0 6px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Specs-liste: max 4 linjer + gem på mobil */
.byens-home-best-sellers .woocommerce ul.products li.product ul{
  margin: 6px 0 10px !important;
  padding-left: 16px !important;
  color: rgba(255,255,255,.70);
  font-size: 12px;
  line-height: 1.35;
  max-height: calc(1.35em * 4);
  overflow: hidden;
}

@media (max-width: 560px){
  .byens-home-best-sellers .woocommerce ul.products li.product ul{
    display: none !important;
  }
}

/* Price */
.byens-home-best-sellers .woocommerce ul.products li.product .price{
  margin-top: 6px !important;
  color: var(--text) !important;
  font-weight: 900;
  font-size: 14.5px !important;
}

.byens-home-best-sellers .woocommerce ul.products li.product .price del{
  opacity: .55;
  font-weight: 700;
  margin-right: 6px;
}

.byens-home-best-sellers .woocommerce ul.products li.product .price ins{
  text-decoration: none;
}

/* CTA button */
.byens-home-best-sellers .woocommerce ul.products li.product a.button,
.byens-home-best-sellers .woocommerce ul.products li.product .button{
  margin-top: auto !important;
  width: 100%;
  text-align: center;
  border-radius: 999px;
  padding: 11px 12px;

  background: linear-gradient(90deg, var(--accent), rgba(186,1,196,.78)) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;

  font-weight: 900;
  letter-spacing: .2px;
  transition: transform .18s ease, filter .18s ease, background-color .18s ease;
}

.byens-home-best-sellers .woocommerce ul.products li.product a.button:hover,
.byens-home-best-sellers .woocommerce ul.products li.product .button:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
  background: var(--accentHover) !important;
}

/* =========================================================
   Product Card Migration From Staging
   Scope: archive/shop/category product cards only.
   Keeps live styling, but upgrades only the product card system.
   ========================================================= */
:root {
    --byens-card-accent: #ba01c4;
    --byens-card-accent-hover: #9b06a3;
    --byens-card-surface: linear-gradient(180deg, rgba(22,22,27,0.98) 0%, rgba(15,15,19,0.99) 100%);
    --byens-card-border: rgba(255,255,255,0.08);
    --byens-card-border-strong: rgba(255,255,255,0.14);
    --byens-card-text: #ffffff;
    --byens-card-muted: rgba(255,255,255,0.62);
    --byens-card-faint: rgba(255,255,255,0.5);
}

body.archive .products.wd-products,
body.tax-product_cat .products.wd-products,
body.post-type-archive-product .products.wd-products,
body.woocommerce-shop .products.wd-products {
    gap: 24px !important;
}

body:not(.single-product) .products .product-grid-item,
body:not(.single-product) .products .wd-product {
    background: transparent !important;
    border-radius: 16px !important;
    height: 100% !important;
}

body:not(.single-product) .wd-product.wd-hover-quick .wd-add-btn,
body:not(.single-product) .products .wd-add-btn,
body:not(.single-product) .products .product-element-bottom > a.button,
body:not(.single-product) .products .product-element-bottom > a.add_to_cart_button,
body:not(.single-product) .products .product-element-bottom > a.product_type_composite,
body:not(.single-product) .products .product-element-bottom > a.product_type_variable,
body:not(.single-product) .products .product-element-bottom > a.custom-tilpas-btn,
body:not(.single-product) .products .product-labels .onsale,
body:not(.single-product) .products .product-element-top .onsale,
body:not(.single-product) .products .wd-product-cats,
body:not(.single-product) .products .wd-buttons,
body:not(.single-product) .products .wd-compare-btn,
body:not(.single-product) .products .woodmart-wishlist-btn,
body:not(.single-product) .products .quick-view-btn {
    display: none !important;
}

body:not(.single-product) .products .product-wrapper,
body:not(.single-product) .products .wd-product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid var(--byens-card-border) !important;
    background: var(--byens-card-surface) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.18) !important;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

body:not(.single-product) .products .product-wrapper:hover,
body:not(.single-product) .products .wd-product .product-wrapper:hover {
    transform: translateY(-3px) !important;
    border-color: var(--byens-card-border-strong) !important;
    box-shadow: 0 24px 44px rgba(0,0,0,0.24) !important;
}

body:not(.single-product) .products .product-element-top,
body:not(.single-product) .products .wd-product .product-element-top {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #0f1116 !important;
    max-height: 360px !important;
}

body:not(.single-product) .products .byens-card--accessory .product-element-top,
body:not(.single-product) .products .wd-product.byens-card--accessory .product-element-top {
    aspect-ratio: 1 / 0.88 !important;
    max-height: 292px !important;
}

body:not(.single-product) .products .product-element-top img,
body:not(.single-product) .products .wd-product .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body:not(.single-product) .products .byens-card--pc .product-element-top .product-image-link > img,
body:not(.single-product) .products .wd-product.byens-card--pc .product-element-top .product-image-link > img {
    object-fit: cover !important;
    object-position: center 48% !important;
    transform: scale(1.04) !important;
    transform-origin: center center !important;
}

body:not(.single-product) .products .product-element-bottom,
body:not(.single-product) .products .wd-product .product-element-bottom {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 15px 16px 18px !important;
    text-align: center !important;
}

body:not(.single-product) .products .wd-product-desc,
body:not(.single-product) .products .product-short-desc {
    display: none !important;
}

body:not(.single-product) .products .wd-entities-title,
body:not(.single-product) .products .product-grid-item .wd-entities-title,
body:not(.single-product) .products .wd-product .wd-entities-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100%;
    margin: 0 auto 12px !important;
    color: var(--byens-card-text) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.24 !important;
    letter-spacing: -0.016em !important;
    min-height: calc(1.24em * 2) !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

body:not(.single-product) .products .wd-entities-title a,
body:not(.single-product) .products .wd-product .wd-entities-title a {
    color: inherit !important;
}

body:not(.single-product) .products .byens-card--accessory .wd-entities-title,
body:not(.single-product) .products .wd-product.byens-card--accessory .wd-entities-title {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    font-size: 14.25px !important;
    line-height: 1.26 !important;
    min-height: calc(1.26em * 3) !important;
    margin-bottom: 10px !important;
}

body:not(.single-product) .products ul.byens-card-points,
body:not(.single-product) .products .byens-card-points {
    display: grid !important;
    gap: 2px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
    color: rgba(255,255,255,0.76) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    min-height: calc(1.42em * 3);
}

body:not(.single-product) .products ul.byens-card-points li,
body:not(.single-product) .products .byens-card-points li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.single-product) .products ul.byens-card-points li:nth-child(n+4),
body:not(.single-product) .products .byens-card-points li:nth-child(n+4) {
    display: none !important;
}

body:not(.single-product) .products .byens-card-games {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    min-height: 92px;
}

body:not(.single-product) .products .byens-card-games .card-game-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 88px;
    padding: 9px 6px 8px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.07);
    background: linear-gradient(180deg, rgba(18,20,26,0.95) 0%, rgba(12,14,19,0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    overflow: hidden;
}

body:not(.single-product) .products .byens-card-games .card-game-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, var(--fps-accent, #ffffff) 22%, var(--fps-accent, #ffffff) 78%, transparent 100%);
    opacity: 0.9;
}

body:not(.single-product) .products .byens-card-games .card-game-item img {
    width: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    border-radius: 999px !important;
    border: 2px solid var(--fps-accent, rgba(255,255,255,0.3)) !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.04), 0 10px 18px rgba(0,0,0,0.26) !important;
    object-fit: cover !important;
    background: #151821 !important;
    padding: 0 !important;
    transform: none !important;
}

body:not(.single-product) .products .byens-card-games .card-game-name {
    color: rgba(255,255,255,0.62) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

body:not(.single-product) .products .byens-card-games .card-game-fps {
    color: var(--fps-accent, #ffffff) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 0.95 !important;
    text-shadow: 0 0 18px rgba(0,0,0,0.18);
}

body:not(.single-product) .products .byens-card-games .card-game-fps small {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,0.48) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1 !important;
}

body:not(.single-product) .products .custom-production-time {
    margin: 0 0 12px !important;
    min-height: 18px;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 14px;
    width: min(100%, 212px);
    margin: 0 auto 15px !important;
    padding: 0 !important;
    min-height: 32px;
    border: 0 !important;
    color: var(--byens-card-text) !important;
    text-align: center !important;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price.byens-loop-price--sale {
    justify-content: space-between;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-regular-price {
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(255,255,255,0.56) !important;
    text-decoration-thickness: 1px !important;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-sale-price,
body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-current-price {
    color: #ffe347 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    text-shadow: 0 0 18px rgba(255,213,74,0.12);
}

.products .custom-product-price.byens-loop-price .custom-regular-price,
.products .custom-product-price.byens-loop-price .custom-regular-price .woocommerce-Price-amount,
.products .custom-product-price.byens-loop-price .custom-regular-price .woocommerce-Price-amount bdi {
    color: #ffffff !important;
}

.products .custom-product-price.byens-loop-price .custom-sale-price,
.products .custom-product-price.byens-loop-price .custom-sale-price .woocommerce-Price-amount,
.products .custom-product-price.byens-loop-price .custom-sale-price .woocommerce-Price-amount bdi,
.products .custom-product-price.byens-loop-price .custom-current-price,
.products .custom-product-price.byens-loop-price .custom-current-price .woocommerce-Price-amount,
.products .custom-product-price.byens-loop-price .custom-current-price .woocommerce-Price-amount bdi {
    color: #ffe347 !important;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price .woocommerce-Price-currencySymbol {
    font-size: 0.74em !important;
}

body:not(.single-product) .products .custom-product-price.byens-loop-price.byens-loop-price--range .custom-current-price {
    font-size: 20px !important;
    white-space: normal !important;
}

body:not(.single-product) .products .byens-dual-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 10px !important;
    margin-top: auto !important;
    align-self: stretch !important;
}

body:not(.single-product) .products .byens-cta-primary,
body:not(.single-product) .products .byens-cta-secondary,
body:not(.single-product) .products .byens-dual-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 12px !important;
    border-radius: 15px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

body:not(.single-product) .products .byens-cta-primary {
    border: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #d61cff 0%, #b600d5 100%) !important;
    box-shadow: 0 8px 18px rgba(186,1,196,0.22) !important;
}

body:not(.single-product) .products .byens-cta-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(186,1,196,0.26) !important;
    background: linear-gradient(180deg, #db25ff 0%, #bc00db 100%) !important;
}

body:not(.single-product) .products .byens-cta-secondary {
    border: 1px solid rgba(186,1,196,0.34) !important;
    color: rgba(255,255,255,0.82) !important;
    background: rgba(255,255,255,0.01) !important;
}

body:not(.single-product) .products .byens-cta-secondary:hover {
    transform: translateY(-1px);
    color: #ffffff !important;
    background: rgba(186,1,196,0.08) !important;
    border-color: rgba(186,1,196,0.48) !important;
}

body:not(.single-product) .products .byens-sale-overlay {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 8;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: auto;
    max-width: 108px;
    padding: 8px 10px 9px;
    border-radius: 14px;
    border: 1px solid rgba(186,1,196,0.22);
    background:
        radial-gradient(circle at top left, rgba(186,1,196,0.16) 0%, transparent 48%),
        linear-gradient(180deg, rgba(11,13,20,0.94) 0%, rgba(7,9,14,0.98) 100%);
    box-shadow: 0 14px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body:not(.single-product) .products .byens-sale-overlay::after {
    display: none !important;
}

body:not(.single-product) .products .byens-sale-overlay__eyebrow {
    color: rgba(216,177,255,0.84) !important;
    font-size: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body:not(.single-product) .products .byens-sale-overlay__sale {
    color: #ffe061 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

body:not(.single-product) .products .byens-accessory-card-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 52px;
    margin: 0 0 12px;
}

body:not(.single-product) .products .byens-accessory-eyebrow {
    margin: 0;
    color: rgba(255,255,255,0.46) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

body:not(.single-product) .products .byens-accessory-chip-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    width: 100%;
}

body:not(.single-product) .products .byens-accessory-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%);
    color: rgba(255,255,255,0.78) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.single-product) .products .byens-accessory-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    width: min(100%, 94%);
    min-height: calc(1.32em * 2);
    margin: 0 auto;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
    text-align: center;
}

body:not(.single-product) .products .byens-dual-cta--accessory {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

body:not(.single-product) .products .byens-dual-cta--accessory .byens-cta-primary,
body:not(.single-product) .products .byens-dual-cta--accessory .byens-cta-secondary {
    min-height: 44px !important;
}

body:not(.single-product) .products .product-element-bottom a.added_to_cart,
body:not(.single-product) .products .product-element-bottom a.wc-forward,
body:not(.single-product) .products .byens-dual-cta a.added_to_cart,
body:not(.single-product) .products .byens-dual-cta a.wc-forward {
    display: none !important;
}

@media (max-width: 768px) {
    body.archive .products.wd-products,
    body.tax-product_cat .products.wd-products,
    body.post-type-archive-product .products.wd-products,
    body.woocommerce-shop .products.wd-products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        --wd-col: 2 !important;
        --wd-col-sm: 2 !important;
    }

    body:not(.single-product) .products .product-wrapper,
    body:not(.single-product) .products .wd-product .product-wrapper {
        border-radius: 12px !important;
    }

    body:not(.single-product) .products .product-element-bottom,
    body:not(.single-product) .products .wd-product .product-element-bottom {
        padding: 12px 10px 14px !important;
    }

    body:not(.single-product) .products .byens-card--accessory .product-element-top,
    body:not(.single-product) .products .wd-product.byens-card--accessory .product-element-top {
        aspect-ratio: 1 / 0.86 !important;
        max-height: 232px !important;
    }

    body:not(.single-product) .products .wd-entities-title,
    body:not(.single-product) .products .product-grid-item .wd-entities-title,
    body:not(.single-product) .products .wd-product .wd-entities-title {
        width: 100%;
        margin-bottom: 12px !important;
        font-size: 11.75px !important;
        line-height: 1.3 !important;
        min-height: calc(1.3em * 3) !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
    }

    body:not(.single-product) .products .byens-card--accessory .wd-entities-title,
    body:not(.single-product) .products .wd-product.byens-card--accessory .wd-entities-title {
        font-size: 11.5px !important;
        min-height: calc(1.3em * 3) !important;
    }

    body:not(.single-product) .products .byens-card-points {
        margin-bottom: 12px !important;
        font-size: 10.5px !important;
        line-height: 1.46 !important;
        min-height: calc(1.46em * 2);
    }

    body:not(.single-product) .products .byens-card-points li:nth-child(n+3) {
        display: none !important;
    }

    body:not(.single-product) .products .byens-card-games {
        gap: 6px !important;
        min-height: 90px;
        margin-bottom: 12px !important;
    }

    body:not(.single-product) .products .byens-card-games .card-game-item {
        min-height: 86px;
        padding: 8px 5px 7px;
        border-radius: 14px;
        gap: 4px;
    }

    body:not(.single-product) .products .byens-card-games .card-game-item img {
        width: 34px !important;
        height: 34px !important;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.035) !important;
    }

    body:not(.single-product) .products .byens-card-games .card-game-name {
        font-size: 7px !important;
        letter-spacing: 0.13em !important;
    }

    body:not(.single-product) .products .byens-card-games .card-game-fps {
        font-size: 14px !important;
    }

    body:not(.single-product) .products .byens-card-games .card-game-fps small {
        font-size: 7px !important;
    }

    body:not(.single-product) .products .custom-production-time {
        margin-bottom: 10px !important;
        min-height: 20px;
        font-size: 10.75px !important;
    }

    body:not(.single-product) .products .custom-product-price.byens-loop-price {
        gap: 8px;
        width: min(100%, 170px);
        margin-bottom: 14px !important;
        min-height: 28px;
    }

    body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-regular-price {
        font-size: 11px !important;
    }

    body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-sale-price,
    body:not(.single-product) .products .custom-product-price.byens-loop-price .custom-current-price {
        font-size: 17px !important;
    }

    body:not(.single-product) .products .custom-product-price.byens-loop-price.byens-loop-price--range .custom-current-price {
        font-size: 15px !important;
    }

    body:not(.single-product) .products .byens-dual-cta {
        gap: 6px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body:not(.single-product) .products .byens-cta-primary,
    body:not(.single-product) .products .byens-cta-secondary,
    body:not(.single-product) .products .byens-dual-cta a {
        min-height: 42px !important;
        padding: 10px 6px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    body:not(.single-product) .products .byens-sale-overlay {
        top: 10px;
        left: 10px;
        max-width: 96px;
        padding: 6px 8px 7px;
        border-radius: 12px;
    }

    body:not(.single-product) .products .byens-sale-overlay__eyebrow {
        font-size: 6px !important;
    }

    body:not(.single-product) .products .byens-sale-overlay__sale {
        font-size: 13px !important;
    }

    body:not(.single-product) .products .byens-card--pc .product-element-top .product-image-link > img,
    body:not(.single-product) .products .wd-product.byens-card--pc .product-element-top .product-image-link > img {
        transform: scale(1.06) !important;
    }

    body:not(.single-product) .products .byens-card--accessory .wd-entities-title,
    body:not(.single-product) .products .wd-product.byens-card--accessory .wd-entities-title {
        min-height: calc(1.3em * 4) !important;
    }

    body:not(.single-product) .products .byens-accessory-card-meta {
        min-height: 48px;
        gap: 5px;
        margin-bottom: 12px;
    }

    body:not(.single-product) .products .byens-accessory-chip-row {
        gap: 5px;
    }

    body:not(.single-product) .products .byens-accessory-chip {
        min-height: 26px;
        padding: 4px 8px;
        font-size: 9.75px !important;
    }

    body:not(.single-product) .products .byens-accessory-summary {
        width: min(100%, 94%);
        font-size: 10.75px !important;
        line-height: 1.34 !important;
        min-height: calc(1.34em * 2);
    }
}

/* =========================================================
   Product Card Fix Pass
   1) FPS row rendered after specs via PHP.
   2) Related/upsell/cross-sell cards on single product get the same card styling.
   3) FPS row gets the missing hover/glow behaviour again.
   ========================================================= */
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-grid-item,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product {
    background: transparent !important;
    border-radius: 16px !important;
    height: 100% !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-wrapper,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: linear-gradient(180deg, rgba(22,22,27,0.98) 0%, rgba(15,15,19,0.99) 100%) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.18) !important;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-wrapper:hover,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-wrapper:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,255,255,0.14) !important;
    box-shadow: 0 24px 44px rgba(0,0,0,0.24) !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-element-top,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-element-top {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #0f1116 !important;
    max-height: 360px !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--accessory .product-element-top,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--accessory .product-element-top {
    aspect-ratio: 1 / 0.88 !important;
    max-height: 292px !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-element-top img,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--pc .product-element-top .product-image-link > img,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--pc .product-element-top .product-image-link > img {
    object-fit: cover !important;
    object-position: center 48% !important;
    transform: scale(1.04) !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-element-bottom,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-element-bottom {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 15px 16px 18px !important;
    text-align: center !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product-desc,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-short-desc {
    display: none !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-entities-title,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-grid-item .wd-entities-title,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .wd-entities-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100%;
    margin: 0 auto 12px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.24 !important;
    letter-spacing: -0.016em !important;
    min-height: calc(1.24em * 2) !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-entities-title a,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .wd-entities-title a {
    color: inherit !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--accessory .wd-entities-title,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--accessory .wd-entities-title {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    font-size: 14.25px !important;
    line-height: 1.26 !important;
    min-height: calc(1.26em * 3) !important;
    margin-bottom: 10px !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-points {
    display: grid !important;
    gap: 2px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
    color: rgba(255,255,255,0.76) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    min-height: calc(1.42em * 3);
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-points li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-points li:nth-child(n+4) {
    display: none !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    min-height: 92px;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 88px;
    padding: 9px 6px 8px;
    border-radius: 15px;
    border: 1px solid rgba(255,255,255,0.07);
    background: linear-gradient(180deg, rgba(18,20,26,0.95) 0%, rgba(12,14,19,0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    overflow: hidden;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, var(--fps-accent, #ffffff) 22%, var(--fps-accent, #ffffff) 78%, transparent 100%);
    opacity: 0.9;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-item img {
    width: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 2px solid var(--fps-accent, rgba(255,255,255,0.3)) !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.04), 0 10px 18px rgba(0,0,0,0.26) !important;
    object-fit: cover !important;
    background: #151821 !important;
    transform: none !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-name {
    color: rgba(255,255,255,0.62) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-fps {
    color: var(--fps-accent, #ffffff) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 0.95 !important;
    text-shadow: 0 0 18px rgba(0,0,0,0.18);
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-fps small {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,0.48) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1 !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-production-time {
    margin: 0 0 12px !important;
    min-height: 18px;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 14px;
    width: min(100%, 212px);
    margin: 0 auto 15px !important;
    padding: 0 !important;
    min-height: 32px;
    border: 0 !important;
    text-align: center !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price.byens-loop-price--sale {
    justify-content: space-between;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-regular-price {
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(255,255,255,0.56) !important;
    text-decoration-thickness: 1px !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-sale-price,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-current-price {
    color: #ffe347 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    text-shadow: 0 0 18px rgba(255,213,74,0.12);
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price.byens-loop-price--range .custom-current-price {
    font-size: 20px !important;
    white-space: normal !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 10px !important;
    margin-top: auto !important;
    align-self: stretch !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-primary,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-secondary,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 12px !important;
    border-radius: 15px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-primary {
    border: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #d61cff 0%, #b600d5 100%) !important;
    box-shadow: 0 8px 18px rgba(186,1,196,0.22) !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-secondary {
    border: 1px solid rgba(186,1,196,0.34) !important;
    color: rgba(255,255,255,0.82) !important;
    background: rgba(255,255,255,0.01) !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 8;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: auto;
    max-width: 108px;
    padding: 8px 10px 9px;
    border-radius: 14px;
    border: 1px solid rgba(186,1,196,0.22);
    background:
        radial-gradient(circle at top left, rgba(186,1,196,0.16) 0%, transparent 48%),
        linear-gradient(180deg, rgba(11,13,20,0.94) 0%, rgba(7,9,14,0.98) 100%);
    box-shadow: 0 14px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay::after {
    display: none !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay__eyebrow {
    color: rgba(216,177,255,0.84) !important;
    font-size: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay__sale {
    color: #ffe061 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-card-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 52px;
    margin: 0 0 12px;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-eyebrow {
    margin: 0;
    color: rgba(255,255,255,0.46) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-chip-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    width: 100%;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%);
    color: rgba(255,255,255,0.78) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    width: min(100%, 94%);
    min-height: calc(1.32em * 2);
    margin: 0 auto;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
    text-align: center;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta--accessory {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta--accessory .byens-cta-primary,
body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta--accessory .byens-cta-secondary {
    min-height: 44px !important;
}

.products .byens-card-games .card-game-item,
.products .byens-card-games .card-game-item img,
.products .byens-card-games .card-game-fps {
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background 180ms ease,
        color 180ms ease,
        text-shadow 180ms ease;
}

@media (hover: hover) {
    .products .byens-card-games .card-game-item:hover {
        transform: translateY(-2px);
        background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.022) 100%) !important;
        border-color: rgba(255,255,255,0.08) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.04),
            0 10px 18px rgba(0,0,0,0.18),
            0 0 0 1px rgba(255,255,255,0.02);
    }

    .products .byens-card-games .card-game-item:hover::before {
        box-shadow: 0 0 10px var(--fps-accent, rgba(255,255,255,0.6));
    }

    .products .byens-card-games .card-game-item:hover img {
        border-color: var(--fps-accent, rgba(255,255,255,0.7)) !important;
        box-shadow:
            0 0 0 3px rgba(255,255,255,0.035),
            0 0 18px color-mix(in srgb, var(--fps-accent, #ffffff) 35%, transparent),
            0 10px 18px rgba(0,0,0,0.2) !important;
    }

    .products .byens-card-games .card-game-item:hover .card-game-fps {
        color: var(--fps-accent, #ffffff) !important;
        text-shadow: 0 0 18px color-mix(in srgb, var(--fps-accent, #ffffff) 24%, transparent);
    }
}

@media (max-width: 768px) {
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-wrapper,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-wrapper {
        border-radius: 12px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-element-bottom,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .product-element-bottom {
        padding: 12px 10px 14px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--accessory .product-element-top,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--accessory .product-element-top {
        aspect-ratio: 1 / 0.86 !important;
        max-height: 232px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-entities-title,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .product-grid-item .wd-entities-title,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product .wd-entities-title {
        width: 100%;
        margin-bottom: 12px !important;
        font-size: 11.75px !important;
        line-height: 1.3 !important;
        min-height: calc(1.3em * 3) !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--accessory .wd-entities-title,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--accessory .wd-entities-title {
        font-size: 11.5px !important;
        min-height: calc(1.3em * 3) !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-points {
        margin-bottom: 12px !important;
        font-size: 10.5px !important;
        line-height: 1.46 !important;
        min-height: calc(1.46em * 2);
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-points li:nth-child(n+3) {
        display: none !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games {
        gap: 6px !important;
        min-height: 90px;
        margin-bottom: 12px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-item {
        min-height: 86px;
        padding: 8px 5px 7px;
        border-radius: 14px;
        gap: 4px;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-item img {
        width: 34px !important;
        height: 34px !important;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.035) !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-name {
        font-size: 7px !important;
        letter-spacing: 0.13em !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-fps {
        font-size: 14px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card-games .card-game-fps small {
        font-size: 7px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-production-time {
        margin-bottom: 10px !important;
        min-height: 20px;
        font-size: 10.75px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price {
        gap: 8px;
        width: min(100%, 170px);
        margin-bottom: 14px !important;
        min-height: 28px;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-regular-price {
        font-size: 11px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-sale-price,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price .custom-current-price {
        font-size: 17px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .custom-product-price.byens-loop-price.byens-loop-price--range .custom-current-price {
        font-size: 15px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta {
        gap: 6px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-primary,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-cta-secondary,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-dual-cta a {
        min-height: 42px !important;
        padding: 10px 6px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay {
        top: 10px;
        left: 10px;
        max-width: 96px;
        padding: 6px 8px 7px;
        border-radius: 12px;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay__eyebrow {
        font-size: 6px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-sale-overlay__sale {
        font-size: 13px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-card--pc .product-element-top .product-image-link > img,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .wd-product.byens-card--pc .product-element-top .product-image-link > img {
        transform: scale(1.06) !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-card-meta {
        min-height: 48px;
        gap: 5px;
        margin-bottom: 12px;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-chip {
        min-height: 26px;
        padding: 4px 8px;
        font-size: 9.75px !important;
    }

    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products .byens-accessory-summary {
        font-size: 10.75px !important;
        line-height: 1.34 !important;
        min-height: calc(1.34em * 2);
    }
}

/* =========================================================
   Single Product Carousel Card Parity
   Match relaterede/upsells visuelt med kategorisidens kort 1:1.
   ========================================================= */
body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.wd-hover-tiled .product-wrapper,
body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.wd-hover-quick .product-wrapper,
body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: linear-gradient(180deg, rgba(22,22,27,0.98) 0%, rgba(15,15,19,0.99) 100%) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,0.18) !important;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product .product-wrapper:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,255,255,0.14) !important;
    box-shadow: 0 24px 44px rgba(0,0,0,0.24) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-add-btn,
body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-buttons,
body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product-cats,
body.single-product .container.related-and-upsells .wd-carousel-container.products .product-labels .onsale,
body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-top .onsale {
    display: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-top {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #0f1116 !important;
    max-height: 360px !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.byens-card--accessory .product-element-top {
    aspect-ratio: 1 / 0.88 !important;
    max-height: 292px !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-top img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.byens-card--pc .product-element-top .product-image-link > img {
    object-fit: cover !important;
    object-position: center 48% !important;
    transform: scale(1.04) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-bottom {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 15px 16px 18px !important;
    text-align: center !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-entities-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100%;
    margin: 0 auto 12px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.24 !important;
    letter-spacing: -0.016em !important;
    min-height: calc(1.24em * 2) !important;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-entities-title a {
    color: inherit !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.byens-card--accessory .wd-entities-title {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    font-size: 14.25px !important;
    line-height: 1.26 !important;
    min-height: calc(1.26em * 3) !important;
    margin-bottom: 10px !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-points {
    display: grid !important;
    gap: 2px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
    color: rgba(255,255,255,0.76) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.42 !important;
    min-height: calc(1.42em * 3);
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-points li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-points li:nth-child(n+4) {
    display: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    min-height: 92px;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-item {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 88px !important;
    padding: 9px 6px 8px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    background: linear-gradient(180deg, rgba(18,20,26,0.95) 0%, rgba(12,14,19,0.98) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
    overflow: hidden !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 12px !important;
    right: 12px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, var(--fps-accent, #ffffff) 22%, var(--fps-accent, #ffffff) 78%, transparent 100%) !important;
    opacity: 0.9 !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-item img {
    width: 40px !important;
    height: 40px !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 2px solid var(--fps-accent, rgba(255,255,255,0.3)) !important;
    box-shadow: 0 0 0 4px rgba(255,255,255,0.04), 0 10px 18px rgba(0,0,0,0.26) !important;
    object-fit: cover !important;
    background: #151821 !important;
    transform: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-name {
    color: rgba(255,255,255,0.62) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-fps {
    color: var(--fps-accent, #ffffff) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 0.95 !important;
    text-shadow: 0 0 18px rgba(0,0,0,0.18) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-fps small {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(255,255,255,0.48) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1 !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-production-time {
    margin: 0 0 12px !important;
    min-height: 18px;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 14px;
    width: min(100%, 212px);
    margin: 0 auto 15px !important;
    padding: 0 !important;
    min-height: 32px;
    border: 0 !important;
    text-align: center !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price.byens-loop-price--sale {
    justify-content: space-between;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-regular-price {
    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(255,255,255,0.56) !important;
    text-decoration-thickness: 1px !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-sale-price,
body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-current-price {
    color: #ffe347 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.04 !important;
    text-shadow: 0 0 18px rgba(255,213,74,0.12);
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .woocommerce-Price-currencySymbol {
    font-size: 0.74em !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 10px !important;
    margin-top: auto !important;
    align-self: stretch !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-primary,
body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-secondary,
body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px !important;
    padding: 13px 12px !important;
    border-radius: 15px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-primary {
    border: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #d61cff 0%, #b600d5 100%) !important;
    box-shadow: 0 8px 18px rgba(186,1,196,0.22) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-secondary {
    border: 1px solid rgba(186,1,196,0.34) !important;
    color: rgba(255,255,255,0.82) !important;
    background: rgba(255,255,255,0.01) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-card-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-height: 52px;
    margin: 0 0 12px;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-eyebrow {
    margin: 0;
    color: rgba(255,255,255,0.46) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-chip-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    width: 100%;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%);
    color: rgba(255,255,255,0.78) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    width: min(100%, 94%);
    min-height: calc(1.32em * 2);
    margin: 0 auto;
    color: rgba(255,255,255,0.62) !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
    text-align: center;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta--accessory {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta--accessory .byens-cta-primary,
body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta--accessory .byens-cta-secondary {
    min-height: 44px !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-bottom a.added_to_cart,
body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-bottom a.wc-forward,
body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta a.added_to_cart,
body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta a.wc-forward {
    display: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 8 !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: auto !important;
    max-width: 108px !important;
    padding: 8px 10px 9px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(186,1,196,0.22) !important;
    background:
        radial-gradient(circle at top left, rgba(186,1,196,0.16) 0%, transparent 48%),
        linear-gradient(180deg, rgba(11,13,20,0.94) 0%, rgba(7,9,14,0.98) 100%) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay::after {
    display: none !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay__eyebrow {
    color: rgba(216,177,255,0.84) !important;
    font-size: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay__sale {
    color: #ffe061 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.02 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

@media (max-width: 768px) {
    body.single-product .container.related-and-upsells .wd-carousel-container.products .product-element-bottom {
        padding: 12px 10px 14px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.byens-card--accessory .product-element-top {
        aspect-ratio: 1 / 0.86 !important;
        max-height: 232px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-entities-title {
        width: 100%;
        margin-bottom: 12px !important;
        font-size: 11.75px !important;
        line-height: 1.3 !important;
        min-height: calc(1.3em * 3) !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .wd-product.byens-card--accessory .wd-entities-title {
        font-size: 11.5px !important;
        min-height: calc(1.3em * 3) !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-points {
        margin-bottom: 12px !important;
        font-size: 10.5px !important;
        line-height: 1.46 !important;
        min-height: calc(1.46em * 2);
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-points li:nth-child(n+3) {
        display: none !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games {
        gap: 6px !important;
        min-height: 90px;
        margin-bottom: 12px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-item {
        min-height: 86px !important;
        padding: 8px 5px 7px !important;
        border-radius: 14px !important;
        gap: 4px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-item img {
        width: 34px !important;
        height: 34px !important;
        box-shadow: 0 0 0 3px rgba(255,255,255,0.035) !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-name {
        font-size: 7px !important;
        letter-spacing: 0.13em !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-fps {
        font-size: 14px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-card-games .card-game-fps small {
        font-size: 7px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-production-time {
        margin-bottom: 10px !important;
        min-height: 20px;
        font-size: 10.75px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price {
        gap: 8px;
        width: min(100%, 170px);
        margin-bottom: 14px !important;
        min-height: 28px;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-regular-price {
        font-size: 11px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-sale-price,
    body.single-product .container.related-and-upsells .wd-carousel-container.products .custom-product-price.byens-loop-price .custom-current-price {
        font-size: 17px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta {
        gap: 6px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-primary,
    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-cta-secondary,
    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-dual-cta a {
        min-height: 42px !important;
        padding: 10px 6px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay {
        top: 10px !important;
        left: 10px !important;
        max-width: 96px !important;
        padding: 6px 8px 7px !important;
        border-radius: 12px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay__eyebrow {
        font-size: 6px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-sale-overlay__sale {
        font-size: 13px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-card-meta {
        min-height: 48px;
        gap: 5px;
        margin-bottom: 12px;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-chip {
        min-height: 26px;
        padding: 4px 8px;
        font-size: 9.75px !important;
    }

    body.single-product .container.related-and-upsells .wd-carousel-container.products .byens-accessory-summary {
        font-size: 10.75px !important;
        line-height: 1.34 !important;
        min-height: calc(1.34em * 2);
    }
}

/* =========================================================
   Shark-Inspired V1
   CRO polish without dropping Byens IT identity.
   ========================================================= */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-wrapper {
    background: linear-gradient(180deg, rgba(37,38,44,0.985) 0%, rgba(26,27,33,0.99) 100%) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,0.24), 0 0 0 1px rgba(167,73,255,0.08) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top {
    display: grid !important;
    place-items: end center !important;
    isolation: isolate !important;
    padding: 16px 16px 12px !important;
    box-sizing: border-box !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(186,52,255,0.135) 0%, rgba(112,48,166,0.065) 28%, transparent 58%),
        radial-gradient(circle at 52% 0%, rgba(182,46,255,0.07) 0%, transparent 38%),
        radial-gradient(circle at 18% 12%, rgba(255,0,191,0.025) 0%, transparent 28%),
        linear-gradient(180deg, rgba(31,32,38,0.985) 0%, rgba(20,21,27,0.99) 100%) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top::before {
    content: '';
    position: absolute;
    inset: 16px 16px 12px;
    border-radius: 22px;
    border: 1px solid rgba(174,89,255,0.055);
    background: linear-gradient(180deg, rgba(255,255,255,0.009) 0%, rgba(255,255,255,0.003) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.012), 0 0 0 1px rgba(120,48,198,0.025);
    pointer-events: none;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top::after {
    content: '';
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 8px;
    height: 22px;
    border-radius: 999px;
    background: radial-gradient(ellipse at center, rgba(10,10,14,0.92) 0%, rgba(10,10,14,0.56) 42%, transparent 78%);
    filter: blur(10px);
    opacity: 0.94;
    pointer-events: none;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top .product-image-link > img {
    position: relative !important;
    z-index: 1 !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 36px rgba(0,0,0,0.22) !important;
    transform: scale(1.015) !important;
    transform-origin: center center !important;
    filter: saturate(1.05) contrast(1.04) brightness(1.015);
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top .product-image-link > img[src*=".png"],
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top .product-image-link > img[src*=".PNG"] {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 10px) !important;
    max-height: calc(100% - 8px) !important;
    margin: auto auto 2px !important;
    align-self: end !important;
    justify-self: center !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: translateY(2px) scale(1.09) !important;
    transform-origin: center bottom !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: saturate(1.06) contrast(1.04) brightness(1.02) drop-shadow(0 24px 30px rgba(0,0,0,0.34)) drop-shadow(0 8px 12px rgba(167,73,255,0.08));
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price {
    display: inline-grid !important;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: end !important;
    justify-content: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-inline: auto !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price.byens-loop-price--sale {
    justify-content: center !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price.byens-loop-price--range {
    justify-content: center !important;
    column-gap: 4px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price .byens-price-prefix {
    color: #ffe347 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price.byens-loop-price--sale .custom-regular-price {
    margin: 0 !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price.byens-loop-price--sale .custom-sale-price {
    margin: 0 !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price .custom-regular-price {
    opacity: 0.78 !important;
    transform: translateY(-1px);
    white-space: nowrap !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price .custom-sale-price,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .custom-product-price.byens-loop-price .custom-current-price {
    line-height: 0.96 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

.products .byens-dual-cta a {
    gap: 8px !important;
}

.products .byens-dual-cta a .byens-cta__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    opacity: 0.94;
}

.products .byens-dual-cta a .byens-cta__icon svg {
    width: 100%;
    height: 100%;
}

.products .byens-dual-cta a .byens-cta__label {
    display: inline-block;
}

/* [REMOVED] Old Shark-Inspired V1 PC sale overlay rules.
   Sale overlay is now styled uniformly in Liquid Glass Pass section 8. */

@media (max-width: 768px) {
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top {
        padding: 11px 11px 9px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top::before {
        inset: 11px 11px 9px;
        border-radius: 16px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top::after {
        left: 14%;
        right: 14%;
        bottom: 7px;
        height: 16px;
        filter: blur(7px);
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top .product-image-link > img {
        border-radius: 14px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top .product-image-link > img[src*=".png"],
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top .product-image-link > img[src*=".PNG"] {
        max-width: calc(100% - 8px) !important;
        max-height: calc(100% - 8px) !important;
        margin-bottom: 2px !important;
        transform: translateY(1px) scale(1.06) !important;
        border-radius: 0 !important;
    }

    /* [REMOVED] Old Shark-Inspired V1 mobile PC sale overlay rules.
       Sale overlay mobile is now in Liquid Glass Pass section 9. */

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price {
        column-gap: 7px !important;
        margin: 0 auto 10px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-regular-price {
        font-size: 10.75px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-sale-price,
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-current-price {
        font-size: 17.5px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .byens-price-prefix {
        font-size: 11px !important;
    }

    .products .byens-dual-cta a {
        gap: 6px !important;
    }

    .products .byens-dual-cta a .byens-cta__icon {
        width: 13px;
        height: 13px;
        flex-basis: 13px;
    }
}

@media (min-width: 1200px) {
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-wrapper {
        max-width: 348px;
        margin-inline: auto;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top {
        aspect-ratio: 1 / 0.87 !important;
        max-height: 312px !important;
        padding: 13px 13px 10px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top::before {
        inset: 13px 13px 10px;
        border-radius: 20px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top::after {
        left: 16%;
        right: 16%;
        bottom: 7px;
        height: 18px;
        filter: blur(8px);
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top .product-image-link > img[src*=".png"],
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top .product-image-link > img[src*=".PNG"] {
        max-width: calc(100% - 16px) !important;
        max-height: calc(100% - 12px) !important;
        transform: translateY(1px) scale(1.05) !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-bottom {
        padding: 13px 14px 15px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .wd-entities-title {
        margin-bottom: 10px !important;
        font-size: 15.5px !important;
        line-height: 1.2 !important;
        min-height: calc(1.2em * 2) !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-points {
        gap: 1px !important;
        margin: 0 0 10px !important;
        font-size: 12.75px !important;
        line-height: 1.34 !important;
        min-height: calc(1.34em * 3);
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games {
        gap: 7px !important;
        margin: 0 0 10px !important;
        min-height: 84px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games .card-game-item {
        min-height: 80px;
        padding: 7px 5px 7px;
        border-radius: 14px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games .card-game-item img {
        width: 37px !important;
        height: 37px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games .card-game-name {
        font-size: 7.5px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games .card-game-fps {
        font-size: 17px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-card-games .card-game-fps small {
        margin-top: 2px;
        font-size: 7px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-production-time {
        margin: 0 0 10px !important;
        min-height: 16px;
        font-size: 11.25px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price {
        width: auto !important;
        margin: 0 auto 12px !important;
        min-height: 0;
        column-gap: 9px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-regular-price {
        font-size: 11.75px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-sale-price,
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .custom-current-price {
        font-size: 19px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .custom-product-price.byens-loop-price .byens-price-prefix {
        font-size: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-cta-primary,
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-cta-secondary,
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .byens-dual-cta a {
        min-height: 46px !important;
        padding: 11px 10px !important;
        border-radius: 14px !important;
        font-size: 12px !important;
    }
}

@media (min-width: 1200px) {
    body.tax-product_cat:is(.gaming-tilbehoer-child-category, .gaming-tilbehor-child-category, .term-gaming-tilbehoer, .term-gaming-tilbehor) .products.wd-products {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        --wd-col-lg: 4 !important;
        --wd-gap-lg: 18px !important;
    }
}

/* =========================================================
   Premium Refinement Pass
   - Price hierarchy: current=white, sale=yellow, range-sale=yellow
   - Spacing improvements
   - Image gradient transition
   - Accessory visual refinements
   - Gamer Deal card state (category 334)
   - Mobile adjustments
   ========================================================= */

/* ----- 1. Price Hierarchy ----- */

/* Default: custom-current-price = white (non-sale products + range without sale) */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--current .custom-current-price,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--current .custom-current-price .woocommerce-Price-amount,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--current .custom-current-price .woocommerce-Price-amount bdi {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Range without sale: white */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range:not(.byens-loop-price--range-sale) .custom-current-price,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range:not(.byens-loop-price--range-sale) .custom-current-price .woocommerce-Price-amount,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range:not(.byens-loop-price--range-sale) .custom-current-price .woocommerce-Price-amount bdi {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* Range without sale: "fra" prefix = muted white */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range:not(.byens-loop-price--range-sale) .byens-price-prefix {
    color: rgba(255,255,255,0.6) !important;
}

/* Range WITH sale: yellow (already yellow via existing rules, but be explicit) */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range-sale .custom-current-price,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range-sale .custom-current-price .woocommerce-Price-amount,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range-sale .custom-current-price .woocommerce-Price-amount bdi {
    color: #ffe347 !important;
    text-shadow: 0 0 18px rgba(255,213,74,0.12) !important;
}

/* Range WITH sale: "fra" prefix = muted yellow */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--range-sale .byens-price-prefix {
    color: rgba(255,227,71,0.65) !important;
}

/* Sale regular price: more muted */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price.byens-loop-price--sale .custom-regular-price {
    opacity: 0.5 !important;
}

/* ----- 2. Spacing Improvements ----- */

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-bottom {
    padding: 18px 18px 22px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .wd-entities-title {
    margin-bottom: 14px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card-points {
    margin-bottom: 14px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card-games {
    margin-bottom: 14px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-production-time {
    margin-bottom: 14px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .custom-product-price.byens-loop-price {
    margin-bottom: 10px !important;
}

/* ----- 3. Image Gradient Transition ----- */

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-top::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(to bottom, transparent, rgba(15,15,19,0.6));
    pointer-events: none;
    z-index: 2;
}

/* ----- 4. Accessory Visual Refinements ----- */

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-accessory-eyebrow {
    color: rgba(186,1,196,0.7) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-accessory-chip {
    border-color: rgba(186,1,196,0.25) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--accessory .wd-entities-title {
    font-size: 15px !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-accessory-summary {
    color: rgba(255,255,255,0.66) !important;
    font-size: 11.5px !important;
}

/* ----- 5. Gamer Deal Card State ----- */

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .product-wrapper {
    border-color: rgba(212,175,55,0.28) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .product-wrapper:hover {
    border-color: rgba(212,175,55,0.45) !important;
    box-shadow: 0 24px 44px rgba(0,0,0,0.24), 0 0 20px rgba(212,175,55,0.06) !important;
}

/* Gamer Deal badge */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 7px 11px 8px;
    border-radius: 12px;
    border: 1px solid rgba(212,175,55,0.3);
    background:
        radial-gradient(circle at top right, rgba(212,175,55,0.12) 0%, transparent 48%),
        linear-gradient(180deg, rgba(24,22,14,0.95) 0%, rgba(14,13,8,0.98) 100%);
    box-shadow: 0 10px 20px rgba(0,0,0,0.24), inset 0 1px 0 rgba(212,175,55,0.1);
    pointer-events: none;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge__label {
    color: rgba(212,175,55,0.85);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    line-height: 1;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge__stock {
    color: rgba(255,255,255,0.72);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.1;
    white-space: nowrap;
}

/* Gamer Deal microcopy */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-microcopy {
    color: rgba(212,175,55,0.55);
    font-size: 10.5px;
    font-weight: 600;
    margin: 0 0 6px;
    text-align: center;
}

/* ----- 6. Mobile Adjustments ----- */

@media (max-width: 768px) {

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .product-element-bottom {
        padding: 14px 12px 18px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .wd-entities-title {
        margin-bottom: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card-points {
        margin-bottom: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card-games {
        margin-bottom: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .custom-production-time {
        margin-bottom: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .custom-product-price.byens-loop-price {
        margin-bottom: 14px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .product-element-top::after {
        height: 30px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--accessory .wd-entities-title {
        font-size: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge {
        top: 10px;
        right: 10px;
        padding: 5px 9px 6px;
        border-radius: 10px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge__label {
        font-size: 6px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge__stock {
        font-size: 8px;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-microcopy {
        font-size: 9.5px;
    }
}

/* =========================================================
   Liquid Glass Pass
   Priority 1: Fix hover-image bug
   Priority 2: Frosted glass card surface
   Priority 3: Cleaned image stage
   Priority 4: Shadow/border rebalance
   Priority 5: Gamer Deal integration
   Priority 6: Accessory lift
   ========================================================= */

/* --------- 1. HOVER-IMAGE FIX --------- */

/*
 * Primary fix: broad selectors (.product-element-top img, .product-element-top
 * img[src*=".png"]) have been narrowed to `.product-image-link > img` at source
 * in the Migration, Fix Pass and Shark-Inspired sections above.
 *
 * What follows is:
 * A) Guardrail reset on .hover-img img — defensive, in case any future
 *    selector accidentally targets it again.
 * B) Clean hover swap: fade primary out, fade secondary in.
 */

/*
 * Hide .hover-img entirely on product cards.
 *
 * Woodmart generates a secondary hover image on product-element-top.
 * In our unified-panel design this causes problems:
 *   - Many products use the same image for primary and hover (useless swap)
 *   - Hover images often have mismatched backgrounds (white/black)
 *     that break the clean panel look
 *   - The scale(1.09) transition causes background bleed
 *
 * Verified: hiding .hover-img eliminates all hover-image artifacts.
 * The card hover effect (translateY + border glow) is sufficient.
 * If hover-swap is wanted later, it should be rebuilt with
 * consistent product photography first.
 */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-top .hover-img {
    display: none !important;
}

/* --------- 2. CARD SURFACE — LIGHTER, NOT GLASS --------- */

/*
 * Page background is flat rgb(26,26,26). Backdrop-filter blur on a
 * homogeneous dark surface produces no visible glass effect — it just
 * costs GPU cycles. Instead: lift the card surface slightly above the
 * page tone, use a visible-but-thin border, and a tighter shadow.
 * The "premium" feel comes from controlled contrast, not transparency.
 */
:root {
    --byens-card-bg: linear-gradient(180deg, rgba(36, 37, 44, 0.97) 0%, rgba(28, 29, 35, 0.99) 100%);
    --byens-card-bg-hover: linear-gradient(180deg, rgba(42, 43, 50, 0.98) 0%, rgba(32, 33, 40, 0.99) 100%);
    --byens-card-border-v2: rgba(255, 255, 255, 0.11);
    --byens-card-border-v2-hover: rgba(255, 255, 255, 0.20);
    --byens-card-shadow-v2: 0 4px 24px rgba(0, 0, 0, 0.26), 0 0 0 0.5px rgba(255, 255, 255, 0.05);
    --byens-card-shadow-v2-hover: 0 14px 36px rgba(0, 0, 0, 0.36), 0 0 0 0.5px rgba(255, 255, 255, 0.10);
}

/* Apply to ALL card types — override existing heavy surface */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-wrapper,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .wd-product .product-wrapper {
    background: var(--byens-card-bg) !important;
    border: 1px solid var(--byens-card-border-v2) !important;
    box-shadow: var(--byens-card-shadow-v2) !important;
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, background 0.24s ease !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-wrapper:hover,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .wd-product .product-wrapper:hover {
    transform: translateY(-3px) !important;
    background: var(--byens-card-bg-hover) !important;
    border-color: var(--byens-card-border-v2-hover) !important;
    box-shadow: var(--byens-card-shadow-v2-hover) !important;
}

/* Override PC-card specific surface from Shark-Inspired V1 */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-wrapper {
    background: var(--byens-card-bg) !important;
    box-shadow: var(--byens-card-shadow-v2) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-wrapper:hover {
    background: var(--byens-card-bg-hover) !important;
    box-shadow: var(--byens-card-shadow-v2-hover) !important;
}

/* --------- 3. CLEANED IMAGE STAGE --------- */

/* --------- 3. UNIFIED CARD SURFACE — ONE PANEL, NO SPLIT --------- */

/*
 * Kill all separate backgrounds on .product-element-top.
 * The wrapper background is the ONLY surface. Image area and
 * content area sit on the same panel — like Shark Gaming.
 */

/* A) Strip background from ALL product-element-top variants */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-top,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--accessory .product-element-top {
    background: transparent !important;
}

/* B) Kill ALL pseudo-elements on product-element-top (::before and ::after)
      These created the split-tone vignettes and inset borders */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-top::before,
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .product-element-top::after {
    display: none !important;
}

/* C) PC image: sits directly on the card panel */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-element-top {
    padding: 16px 16px 0 !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-image-link > img {
    border-radius: 12px !important;
    box-shadow: none !important;
    filter: saturate(1.03) contrast(1.02) brightness(1.01) !important;
    transform: none !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-image-link > img[src*=".png"],
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--pc .product-image-link > img[src*=".PNG"] {
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: saturate(1.04) contrast(1.02) brightness(1.01)
           drop-shadow(0 14px 20px rgba(0, 0, 0, 0.24)) !important;
    transform: translateY(2px) scale(1.04) !important;
    transform-origin: center bottom !important;
}

/* --------- 5. GAMER DEAL — INTEGRATED, NOT STICKERED --------- */

/* =========================================================
   GAMER DEAL — PREMIUM LIMITED EDITION CARD STATE
   Design: warm champagne tone, not discount-yellow.
   Think "curated by the house" — not "clearance sale".
   ========================================================= */

/* Card surface: subtle warm shift from the neutral grey */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .product-wrapper {
    border: 1px solid rgba(192, 168, 96, 0.28) !important;
    background:
        linear-gradient(180deg, rgba(38, 36, 30, 0.97) 0%, rgba(30, 29, 25, 0.99) 100%) !important;
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.26),
        0 0 0 0.5px rgba(192, 168, 96, 0.10),
        inset 0 1px 0 rgba(192, 168, 96, 0.06) !important;
}

/* Hover: border glows warmer, shadow expands — keeps identity */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .product-wrapper:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(192, 168, 96, 0.42) !important;
    background:
        linear-gradient(180deg, rgba(42, 40, 32, 0.98) 0%, rgba(34, 32, 28, 0.99) 100%) !important;
    box-shadow:
        0 14px 36px rgba(0, 0, 0, 0.36),
        0 0 0 0.5px rgba(192, 168, 96, 0.16),
        0 0 20px rgba(192, 168, 96, 0.04),
        inset 0 1px 0 rgba(192, 168, 96, 0.10) !important;
}

/* Thin accent line at top of card — like a gold foil edge */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .product-wrapper::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 18px !important;
    height: 1px !important;
    border-radius: 0 0 999px 999px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(192, 168, 96, 0.40) 20%,
        rgba(212, 190, 120, 0.55) 50%,
        rgba(192, 168, 96, 0.40) 80%,
        transparent 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Badge: refined, premium — not a sticker */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge {
    padding: 7px 14px 8px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(192, 168, 96, 0.28) !important;
    background:
        linear-gradient(135deg, rgba(40, 36, 22, 0.95) 0%, rgba(28, 26, 18, 0.97) 100%) !important;
    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(192, 168, 96, 0.12) !important;
}

/* Badge: "EKSKLUSIV" — warm champagne, not yellow */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge__label {
    color: rgba(212, 190, 120, 0.92) !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.22em !important;
}

/* Badge: stock count — clear, readable */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-badge__stock {
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

/* Microcopy under price: quiet confidence */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-gamer-deal-microcopy {
    color: rgba(192, 168, 96, 0.58) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    letter-spacing: 0.01em !important;
}

/* Gamer Deal title: slight warm tint to stand out */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .wd-entities-title {
    color: rgba(255, 252, 240, 0.96) !important;
}

/* --------- 6. ACCESSORY VISUAL LIFT --------- */

/* Stronger lilla accent on eyebrow */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-accessory-eyebrow {
    color: rgba(186, 1, 196, 0.78) !important;
    font-size: 8.5px !important;
    letter-spacing: 0.18em !important;
}

/* Chips: subtle lilla glow on border */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-accessory-chip {
    border-color: rgba(186, 1, 196, 0.18) !important;
    background: linear-gradient(180deg, rgba(186, 1, 196, 0.04) 0%, rgba(186, 1, 196, 0.01) 100%) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

/* --------- 7. FPS GAME ITEMS — GLASS INTEGRATION --------- */

/* Softer FPS item background to match glass system */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card-games .card-game-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.012) 100%) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* --------- 8. SALE OVERLAY — CLEAN MINIMAL BADGE --------- */

/*
 * Redesign: from heavy lilla blob to tight, clean badge.
 * Inspired by Shark Gaming's percentage badges: small, bold, readable.
 * Works for both PC and accessory cards.
 */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-sale-overlay {
    gap: 1px !important;
    padding: 5px 10px 6px !important;
    border-radius: 10px !important;
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
    border: 1px solid rgba(186, 1, 196, 0.30) !important;
    background: linear-gradient(180deg, rgba(46, 12, 56, 0.92) 0%, rgba(28, 6, 36, 0.96) 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-sale-overlay__eyebrow {
    color: rgba(220, 180, 255, 0.80) !important;
    font-size: 6.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-sale-overlay__sale {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

/* On Gamer Deal cards: sale badge gets warm tone to match card */
:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .byens-sale-overlay {
    border-color: rgba(192, 168, 96, 0.25) !important;
    background: linear-gradient(180deg, rgba(44, 38, 22, 0.93) 0%, rgba(28, 24, 14, 0.96) 100%) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .byens-sale-overlay__eyebrow {
    color: rgba(212, 190, 120, 0.78) !important;
}

:is(
    body:not(.single-product) .products,
    body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
    body.single-product .container.related-and-upsells .wd-carousel-container.products
) .byens-card--gamer-deal .byens-sale-overlay__sale {
    color: rgba(255, 252, 240, 0.95) !important;
}

/* --------- 9. MOBILE ADJUSTMENTS --------- */

@media (max-width: 768px) {
    /* Sale badge mobile */
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-sale-overlay {
        padding: 4px 8px 5px !important;
        border-radius: 8px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-sale-overlay__eyebrow {
        font-size: 5.5px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-sale-overlay__sale {
        font-size: 11px !important;
    }

    /* Tighter image stage padding on mobile */
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-element-top {
        padding: 8px 8px 0 !important;
    }

    /* Clean primary image on mobile — no extra shadow on unified surface */
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-image-link > img {
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-image-link > img[src*=".png"],
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--pc .product-image-link > img[src*=".PNG"] {
        transform: translateY(1px) scale(1.04) !important;
    }

    /* Gamer Deal mobile */
    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-card--gamer-deal .product-wrapper::before {
        left: 12px !important;
        right: 12px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge {
        padding: 5px 10px 6px !important;
        border-radius: 8px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge__label {
        font-size: 6.5px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-badge__stock {
        font-size: 8.5px !important;
    }

    :is(
        body:not(.single-product) .products,
        body.single-product :is(.related, .related-products, .upsells, .cross-sells) .products,
        body.single-product .container.related-and-upsells .wd-carousel-container.products
    ) .byens-gamer-deal-microcopy {
        font-size: 9.5px !important;
    }
}

/* (No backdrop-filter fallback needed — not using blur on cards.
   Page background is flat rgb(26,26,26), so blur would be invisible.) */