body {   color: #000000; } body.s_layout_fixed {   background-color: #99e89b;   background-image: url('https://bkspeelgoed.nl/catalog/view/theme/tsb_theme/images/texture_3.png');   background-repeat: repeat;   background-position: top left;   background-attachment: scroll; } .s_main_color, #twitter li span a, .s_button_add_to_cart, .checkout-heading a, .s_plain .s_price, .s_plain .s_price * {   color: #298f0a; } #welcome_message, #welcome_message a, #welcome_message .fa {   color: #000000; } #footer_categories h2 a:hover {   color: #298f0a !important; }   .s_main_color_bgr, .s_main_color_bgr input, #cart .s_icon, #shop_contacts .s_icon, .s_list_1 li:before, .s_button_add_to_cart .s_icon, #intro .s_button_prev, #intro .s_button_next, .buttons .button, .noty_message button.s_main_color_bgr, .s_notify .s_success_24, .s_button_wishlist .s_icon, .s_button_compare .s_icon, .s_product_row .s_row_number, .jcarousel-prev, .jcarousel-next, #listing_options .display input[type="submit"] {   background-color: #298f0a; }  .fa, .cart_menu .s_icon, #menu_home .fa:hover, .categories ul li li a:hover, .site_search .fa-magnifying-glass, .wishlist-icon {   color: #298f0a; }  .site_search .fa-magnifying-glass, #search_bar_mobile .fa-magnifying-glass {   background-color: #298f0a; }   .buttons input[type=submit].button, .buttons input[type=button].button, .noty_message button.s_main_color_bgr {   border: 3px solid #298f0a; } .s_secondary_color, a:hover, .categories > ul > li > a, .pagination a, #view_mode .s_selected a, #welcome_message a:hover {   color: #298f0a; } #footer_categories h2, #footer_categories h2 a, #footer_nav .noneSEO_H2, #footer_nav .noneSEO_H2 .fa {   color: #000000; } #content a:hover, #shop_info a:hover, #footer a:hover, #intro h1 a:hover, #intro h2 a:hover, #content a:hover, #shop_info a:hover, #footer a:hover, #breadcrumbs a:hover {   color: #298f0a; } .s_secondary_color_bgr, #view_mode .s_selected .s_icon, #view_mode a:hover .s_icon, .pagination a:hover, .s_button_add_to_cart:hover .s_icon, .s_notify .s_failure_24, #product_share .s_review_write:hover .s_icon, .s_button_wishlist:hover .s_icon, .s_button_compare:hover .s_icon, .noty_message button.s_secondary_color_bgr {   background-color: #298f0a; } .noty_message button.s_secondary_color_bgr {   border: 3px solid #298f0a; } #intro {   background-color: #e6f6fa; } #intro, #breadcrumbs a {   color: #103e47; } #intro h1, #intro h1 *, #intro h2, #intro h2 * {   color: #298f0a; } #intro .s_rating {   ~background-color: #e6f6fa; }   h1, h2, h3, .s_box h2, .box .box-heading {   color: #000000; }  .s_label .s_price, .s_label .s_price *, .s_plain .s_price, .s_plain .s_price *, .s_price_holder .s_price, .s_price_holder .s_price * {   color: #298f0a; }  *::-moz-selection {   color: #fff;   background-color: #298f0a; } *::-webkit-selection {   color: #fff;   background-color: #298f0a; } *::selection {   color: #fff;   background-color: #298f0a; }  .scroll_top{ 	color: #298f0a; 	background: #e6f6fa; } body #wrapper {   background-color: #ffffff; } .categories .s_submenu, .categories .s_submenu ul ul, .cart_menu .s_submenu, .s_switcher .s_options, .wishlist-icon {   background-color: #ffffff; } .main_navigation.desktop.is-sticky, .main_navigation.desktop.force-sticky, .main_navigation.mobile {   background-color: #ffffff; } :root {   --border-color: #f2f2f2;   --color-main: #298f0a;   --color-secondary: #298f0a;   --color-background: #99e89b;   --color-wrapper-bg: #ffffff;   --color-header-bg: #ffffff;   --color-text: #000000;   --color-title: #000000;   --color-intro: #e6f6fa;   --color-intro-text: #103e47;   --color-intro-title: #298f0a;   --color-price: #298f0a;   --color-price-text: #ffffff;   --color-promo-price: #31c704;   --color-promo-price-text: #ffffff; }   /* ================================================= */
/* ALGEMEEN */
/* ================================================= */
.product_discounts_table {
    border: 3px solid var(--border-color);
}

#noStockMessage,
.notifyme {
    font-size: 13px;
}

.wishlist-icon {
    background: transparent;
}

#product_description {
    display: block;
}

#footer_inner .simple_link {
    border: none !important;
}

/* ================================================= */
/* CHECKOUT */
/* ================================================= */
.right #shipping-method .checkout-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ================================================= */
/* PRODUCT PAGINA */
/* ================================================= */
@media (min-width: 1000px) {
    #product_images {
        width: 40%;
    }

}

@media (min-width: 768px) {
    #productfilm {
        width: 500px !important;
        height: 300px !important;
    }
}

.s_category_thumb,
#payments_types img {
    width: auto;
    height: auto;
}

/* ================================================= */
/* BANNER */
/* ================================================= */
.banner {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

@media (min-width: 1000px) {
    .banner {
        max-width: 85%;
    }
}

@media (max-width: 600px) {
    .banner {
        max-width: 90%;
    }
}

/* ================================================= */
/* PRODUCT GRID */
/* ================================================= */
.products-container {
    display: grid;
    gap: 20px;
}

/* Desktop – 6 per rij */
@media (min-width: 1200px) {
    .products-container {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* Tablet – 4 per rij */
@media (max-width: 1199px) and (min-width: 768px) {
    .products-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Mobiel – 2 per rij */
@media (max-width: 767px) {
    .products-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ================================================= */
/* PRODUCT KAART */
/* ================================================= */
.product-card,
.s_item_info {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.s_item_info div.s_actions {
    justify-content: center;
    min-height: 20px; /* vaste ruimte (rating zat hier) */
}

/* Afbeelding */
.image-container {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    .image-container {
        height: 150px;
    }
}

.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ================================================= */
/* TITELS */
/* ================================================= */
.s_item_info h3,
#blog_wrapper .entry {
    text-align: center;
}

.s_item_info .post_description h3,
.post_description h3 a {
    text-align: left !important;
}

.s_item_info h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 36ch;
    line-height: 19px;
    font-weight: 600;
    font-size: 14px;
    min-height: 57px;
    margin-bottom: 5px;
}

/* ================================================= */
/* ⭐ STERREN VOLLEDIG VERBERGEN */
/* ================================================= */
.s_actions.s_rating,
.s_rating {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ================================================= */
/* BUTTONS */
/* ================================================= */
.s_button_add_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(135deg, #c0d56e, #419bd6);
    background-size: 200% 200%;
    padding: 10px 25px;
    border-radius: 30px;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: clamp(12px, 2vw, 16px);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s ease;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
    width: 100%;
    margin-top: auto;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Mobiel button */
@media (max-width: 480px) {
    .s_button_add_to_cart {
        font-size: clamp(10px, 3vw, 14px);
        padding: 8px 20px;
    }
}

/* In stock hover */
.s_button_add_to_cart.in-stock:hover {
    transform: scale(1.05);
    background-image: linear-gradient(135deg, #a8c65a, #3580c1);
    animation: gradientShift 3s ease infinite, glowPulse 2s ease-in-out infinite;
}

.s_button_add_to_cart.in-stock:hover span.s_icon_16 {
    color: #222222 !important;
}

/* ❌ Niet op voorraad */
.s_button_add_to_cart.out-of-stock {
    background: #cccccc;
    color: #888888;
    cursor: not-allowed;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 8px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 480px) {
    .s_button_add_to_cart.out-of-stock {
        font-size: 11px;
    }
}

.s_button_add_to_cart.out-of-stock:hover {
    transform: none;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}

/* ================================================= */
/* ANIMATIES */
/* ================================================= */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes glowPulse {
    0% {
        box-shadow: 0px 6px 20px rgba(0,0,0,0.25),
                    0 0 10px rgba(255,255,255,0.2);
    }
    50% {
        box-shadow: 0px 6px 25px rgba(0,0,0,0.25),
                    0 0 25px rgba(255,255,255,0.35);
    }
    100% {
        box-shadow: 0px 6px 20px rgba(0,0,0,0.25),
                    0 0 10px rgba(255,255,255,0.2);
    }
}
/* ============================= */
/* ???? PRIJS – VASTE HOOGTE FIX */
/* ============================= */
.s_item_info .price,
.s_item_info .s_price,
.s_item_info .price_wrap,
.s_item_info .product_price {
    min-height: 38px;          /* vaste hoogte voor alle kaarten */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Oude prijs (doorgestreept) netjes houden */
.s_item_info .old_price,
.s_item_info del {
    margin-right: 5px;
    white-space: nowrap;
}
/* ======================================= */
/* ???????? ALLE PRODUCTKNOPPEN GELIJKE HOOGTE */
/* ======================================= */
.s_button_add_to_cart {
    height: 48px;                 /* vaste knophoogte */
    padding: 0 20px;              /* geen verticale padding */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/* Niet op voorraad – alleen tekst aanpassen, GEEN hoogte */
.s_button_add_to_cart.out-of-stock {
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Mobiel */
@media (max-width: 480px) {
    .s_button_add_to_cart {
        height: 44px;
    }

    .s_button_add_to_cart.out-of-stock {
        font-size: 11px;
    }
}
#add_to_cart { background-color: #65a800 !important; }