.elementor-795 .elementor-element.elementor-element-d714327{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 25px;--row-gap:0px;--column-gap:25px;--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-795 .elementor-element.elementor-element-d714327:not(.elementor-motion-effects-element-type-background), .elementor-795 .elementor-element.elementor-element-d714327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-795 .elementor-element.elementor-element-516735b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-654bb3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-2c06eeb .cart button, .elementor-795 .elementor-element.elementor-element-2c06eeb .cart .button{transition:all 0.2s;}.elementor-795 .elementor-element.elementor-element-2c06eeb .quantity .qty{transition:all 0.2s;}.elementor-795 .elementor-element.elementor-element-a7109e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 25px;--row-gap:0px;--column-gap:25px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-795 .elementor-element.elementor-element-a7109e9:not(.elementor-motion-effects-element-type-background), .elementor-795 .elementor-element.elementor-element-a7109e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-795 .elementor-element.elementor-element-9976568{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-795 .elementor-element.elementor-element-9976568.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-795 .elementor-element.elementor-element-7cce3f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-795 .elementor-element.elementor-element-d714327{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-795 .elementor-element.elementor-element-a7109e9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-795 .elementor-element.elementor-element-d714327{--content-width:1440px;}.elementor-795 .elementor-element.elementor-element-516735b{--width:50%;}.elementor-795 .elementor-element.elementor-element-654bb3e{--width:50%;}.elementor-795 .elementor-element.elementor-element-a7109e9{--content-width:1440px;}.elementor-795 .elementor-element.elementor-element-9976568{--width:50%;}.elementor-795 .elementor-element.elementor-element-7cce3f0{--width:50%;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-111d7ad *//* ==================================================
   FIX: WIDOCZNOŚĆ BREADCRUMBS (OKRUSZKÓW)
================================================== */

/* 1. Kolor bazowy dla wszystkich linków i tekstu w breadcrumbs */
.clearmo-breadcrumbs, 
.clearmo-breadcrumbs a, 
.clearmo-breadcrumbs span,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #A0A0A0 !important; /* Delikatny szary, żeby nie odciągać uwagi od tytułu */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* 2. Kolor po najechaniu myszką (Hover) - zmieniamy na żółty ClearMo */
.clearmo-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
    color: #FFD600 !important;
}

/* 3. Kolor ostatniego elementu (obecna strona) - czysta biel */
.clearmo-breadcrumbs b,
.clearmo-breadcrumbs strong,
.clearmo-breadcrumbs span:last-child,
.woocommerce-breadcrumb span:last-child {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

/* 4. Kolor separatorów (ukośników / strzałek) */
.clearmo-breadcrumbs .delimiter,
.woocommerce-breadcrumb .delimiter,
.clearmo-breadcrumbs {
    color: #444444 !important; /* Ciemniejszy szary dla kresek rozdzielających */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d714327 *//* ==================================================
   CLEARMO PREMIUM PRODUCT PAGE - FINAL FIX
================================================== */

/* 1. KONTENER GŁÓWNY (SEKCJA) - Marginesy i szerokość */
/* Nałóż klasę 'clearmo-section' na główną sekcję w Elementorze */
.clearmo-section {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* ==================================================
   ZAKŁADKA PRODUKTU: STATYCZNY EFEKT YELLOW GLOW
================================================== */

.clearmo-gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    
    /* 1. Stała, delikatna żółta obramówka */
    border: 1.5px solid rgba(255, 214, 0, 0.4) !important; 
    
    /* 2. Stała poświata (Glow) - bez animacji */
    box-shadow: 0 0 25px rgba(255, 214, 0, 0.12) !important;
    
    /* 3. Tło i wykończenie */
    background-color: #080808 !important; 
    padding: 15px !important;
    
    /* Brak transformacji i przejść - pełna stabilność */
    transition: none !important;
    transform: none !important;
}

/* Efekt lekkiego wzmocnienia poświaty po najechaniu myszką na zdjęcie główne */
.clearmo-gallery img:hover {
    border-color: rgba(255, 214, 0, 0.8) !important;
    box-shadow: 0 0 40px rgba(255, 214, 0, 0.2) !important;
    transform: scale(1.01) !important;
    transition: 0.3s !important;
}

/* Stylizacja miniatur pod zdjęciem głównym (jeśli występują) */
.clearmo-gallery .flex-control-thumbs li img {
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: none !important;
    padding: 5px !important;
    transition: 0.3s !important;
}

.clearmo-gallery .flex-control-thumbs li img.flex-active,
.clearmo-gallery .flex-control-thumbs li img:hover {
    border-color: #FFD600 !important;
}

/* 3. TYTUŁ PRODUKTU - Zmniejszenie rozmiaru */
.clearmo-product-title h1, 
.clearmo-product-title .elementor-heading-title {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

/* 4. KRÓTKI OPIS - Biała czcionka i złote h3 */
.clearmo-short-desc {
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* POPRAWKA: Opacity TYLKO dla akapitów i spanów. Usunięto 'div', aby nie przygaszało rodzica dla H3 */
.clearmo-short-desc p,
.clearmo-short-desc span {
    opacity: 0.9 !important;
}

/* Nagłówki H3 w krótkim opisie na złoto w pełnym, 100% nasyceniu */
body .clearmo-short-desc h3,
.clearmo-short-desc h3 * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FFD600 !important;
    text-transform: uppercase !important;
    margin: 25px 0 10px 0 !important;
    opacity: 1 !important; 
    text-shadow: 0 0 1px rgba(255, 214, 0, 0.2) !important; /* Delikatne podbicie jasności */
}

/* 5. PRODUCT META (SKU, Kategorie) - Nowe style */
.clearmo-product-meta {
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    margin-top: 30px !important;
    padding-top: 20px !important;
    color: #A0A0A0 !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
}

.clearmo-product-meta span {
    display: block !important;
    margin-bottom: 5px !important;
}

.clearmo-product-meta b, 
.clearmo-product-meta strong,
.clearmo-product-meta a {
    color: #FFD600 !important; 
    text-decoration: none !important;
}

/* 6. WYRÓWNANIE KOSZYKA (Warianty i przycisk) */
.clearmo-cart-box form.cart {
    margin: 20px 0 30px 0 !important;
    padding-left: 0 !important; /* Likwidacja wcięcia */
    margin-left: 0 !important;
}

.clearmo-cart-box table.variations {
    margin-left: 0 !important;
}

.clearmo-cart-box table.variations label {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

.clearmo-cart-box select {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    border: 1px solid #FFD600 !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

.clearmo-cart-box button.single_add_to_cart_button {
    background-color: #FFD600 !important;
    color: #000000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    transition: 0.3s !important;
    margin-left: 0 !important;
}

.clearmo-cart-box button.single_add_to_cart_button:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* 7. NOWE: STYLIZACJA I WYRÓWNANIE CENY */
p.price, 
span.price,
.woocommerce-Price-amount {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #FFD600 !important; /* Złoty kolor dla ceny */
    margin: 20px 0 10px 0 !important;
    padding-left: 0 !important; /* Likwidacja wcięcia - zrównanie z koszykiem */
    display: block !important;
    text-align: left !important;
}

/* Stylizacja dla przekreślonej starej ceny (jeśli jest promocja) */
p.price del, 
span.price del {
    font-size: 16px !important;
    color: #888888 !important;
    font-weight: 500 !important;
    margin-right: 10px !important;
}

/* Usunięcie domyślnego podkreślenia dla nowej ceny w promocji */
p.price ins, 
span.price ins {
    text-decoration: none !important;
    background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-ba6f2ad *//* ==================================================
   SEKCJA 2: STYLIZACJA OPISU I STICKY SIDEBAR
================================================== */

/* 1. STYLIZACJA NAGŁÓWKÓW W DŁUGIM OPISIE */
.clearmo-long-desc h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important; /* Zmniejszony rozmiar h2 */
    font-weight: 800 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 35px 0 15px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 10px;
}

/* Wzmocniona specyficzność dla h3, aby wymusić złoty kolor marki (#FFD600) */
body .clearmo-long-desc h3,
body .woocommerce-product-details__short-description .clearmo-long-desc h3,
.clearmo-long-desc h3 * {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important; /* Zmniejszony rozmiar h3 */
    font-weight: 700 !important;
    color: #FFD600 !important; /* Nagłówki niższego rzędu w kolorze marki */
    text-transform: uppercase !important;
    margin: 25px 0 10px 0 !important;
}

/* Stylizacja tekstu akapitów w opisie */
.clearmo-long-desc p {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #A0A0A0 !important;
    margin-bottom: 20px !important;
}

/* 2. STICKY SIDEBAR - Przyklejenie prawego boksu */
/* Dodaj tę klasę do KOLUMNY po prawej stronie w Elementorze */
.clearmo-sticky-column {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important; /* Odległość od góry ekranu podczas przewijania */
    height: fit-content !important;
}

/* 3. POPRAWKA DLA BOXA KORZYŚCI (żeby pasował do mniejszych nagłówków) */
.clearmo-benefits-box {
    position: relative;
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7705fb6 *//* ==================================================
   SEKCJA 2: LINIOWY BOX KORZYŚCI (BEZ IKON)
================================================== */

.clearmo-benefits-box {
    background-color: #0c0c0c !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 35px !important;
    border-radius: 4px !important; /* Bardziej kanciaste, techniczne narożniki */
    font-family: 'Inter', sans-serif !important;
}

.benefits-title {
    color: #FFD600 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 30px !important;
    text-align: left;
}

.benefits-grid {
    display: flex !important;
    flex-direction: column !important;
}

.benefit-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.benefit-row:last-child {
    border-bottom: none !important;
}

.b-label {
    color: #666666 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

.b-value {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: right !important;
}

.benefits-badge {
    margin-top: 30px !important;
    padding: 15px !important;
    background-color: rgba(255, 214, 0, 0.05) !important;
    border-left: 3px solid #FFD600 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Responsywność dla mobile */
@media (max-width: 767px) {
    .clearmo-benefits-box {
        padding: 25px 20px !important;
        margin-top: 30px !important;
    }
    
    .benefit-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }
    
    .b-value {
        text-align: left !important;
        font-size: 13px !important;
    }
    
    .benefits-title {
        font-size: 14px !important;
        text-align: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a7109e9 *//* Lewa kolumna: Długi opis */
.clearmo-long-desc {
    color: #A0A0A0 !important;
    line-height: 1.8;
}
.clearmo-long-desc h2, .clearmo-long-desc h3 {
    color: #FFFFFF !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 30px;
}

/* Prawa kolumna: Pudełko specyfikacji */
.clearmo-spec-box {
    background-color: #111;
    border: 1px solid rgba(255,255,255,0.05);
    padding: 40px;
    border-radius: 12px;
}
.spec-title {
    color: #FFD600 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 25px !important;
}
.spec-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}
.spec-list li {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: 14px;
}
.spec-list li span { color: #666; }
.spec-list li strong { color: #FFF; font-weight: 600; }
.box-content-info {
    background: rgba(255,214,0,0.05);
    padding: 15px;
    border-radius: 6px;
    font-size: 13px;
    color: #FFD600;
}/* End custom CSS */