/* --- SAFARI 26 TOOLBAR TINT --- */
#safari-tint {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 10px !important;
    background-color: #EDEBEC !important;
    z-index: 9999 !important;
}

/* GIGARDE - OFFICIAL TEMPLATE STYLESHEET
    Base: Modified Nova | Style: Ultra-Clean / High-End Kosmetik
*/

/* --- 0. VARIABLEN-STEUERUNG --- */
.layout_wrap.theme_default {
    --header_bg: #ffffff;
    --categoriesmenu_bg: #D5D3D4;
    --categoriesmenu_border: #D5D3D4;
    --search_toggle_bg: #ffffff;
    --search_toggle_input_bg: #ffffff;    
    --search_toggle_input_border: #ccc;
    --search_toggle_color_input: #2d3436;
    --search_toggle_color_button: #2d3436;
    --count_cart_wishlist_bg: #2d3436;
    --count_cart_wishlist_color: #ffffff;
    --footer_bg: #D5D3D4;
    --footer_link_color: #2d3436;
}

/* --- 1. BASIS --- */
body {
    background-color: #ffffff !important;
    color: #2d3436 !important;
}

/* --- HOVER EFFEKTE TITELBILD --- */
.slider_row .splide:hover {
    background: transparent !important;
}
.slider_row .splide:hover img {
    opacity: 1 !important;
}
.banner_item_image_inner:hover {
    background: transparent !important;
}
.banner_item_image_inner:hover img {
    opacity: 1 !important;
}

/* --- TITELBILD: border-radius --- */
.splide__slide img {
    border-radius: 16px !important;
}

/* --- TITELBILD: Containerhöhe Desktop (2340x900) --- */
.slider_row::before {
    padding-top: 38.46% !important;
}

/* --- TITELBILD: Containerhöhe Mobil (1080x1350) --- */
@media only screen and (max-width: 600px) {
    .slider_row::before {
        padding-top: 125% !important;
    }
    .splide__slide img {
        object-fit: cover !important;
    }
}

/* --- BANNER CUSTOMIZATION --- */
.banner_item_image_inner {
    border-radius: 16px !important;
}

.prod_image img {
border-radius: 16px !important;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgba(45, 52, 54, 0.2), transparent) !important;
    margin: 40px 0 !important;
}

.box_greeting {
    margin: 50px 0 !important;
}

/* --- 3. HEADER & NAVIGATION (NON-STICKY) --- */
.layout_header {
    padding: 0 !important;
    border-bottom: none !important;
    position: relative !important; 
    background-color: #EDEBEC !important;
}
.layout_header::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: env(safe-area-inset-top) !important;
    background-color: #EDEBEC !important;
    z-index: 9999 !important;
} 

@media only screen and (min-width: 985px) {
    .layout_categories {
        display: block;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    }
}

.menu_items > li > a {
    font-size: 0.9375rem !important;
    text-transform: none !important; 
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #2d3436 !important; 
}

.menu_items > li > span.nolink {
    display: none !important;
}

/* --- 4. PRODUKTSEITE & BUTTONS --- */
.pr_reviews_image, .pr_reviews_image_small {
    width: 300px !important;
    max-width: 100% !important;
    padding: 10px 0px !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
}

.pd_image_big_inner, .pd_image_big, #product_image_container,
.product_image_main, .pd_image_big_inner a {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
}

.pd_rating {
    display: none !important;
}

.cssButtonText {
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0px 3px;
    font-weight: 700; 
}

.pd_addtobasket_cart .cssButton {
    background-color: #E5D3C5 !important;
    color: #4a4a4a !important;
    border: none !important;
    padding: 14px 22px !important;
    border-radius: 6px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}

.pd_addtobasket_cart .cssButton:hover {
    background-color: #ede1d7 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

/* --- 5. SVG & EMOJI FIX --- */
h1 img[src*="svg"], 
h2 img[src*="svg"], 
h3 img[src*="svg"], 
p img[src*="svg"], 
span img[src*="svg"],
.box_greeting img[src*="svg"] {
    width: auto !important;
    height: 1.1em !important;
    max-width: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: -2px !important;
}