/* ================================================================ START: BAZA MOTYWU (THEME EDITOR — sklep 1) — WMROŻONA KOPIA ---------------------------------------------------------------- Skopiowana główka generowana przez stthemeeditor (customer-s1.css, część przed sekcją POZOSTAŁE): kolory, czcionki (Mundial/Fjalla One), rozmiary kart produktów, mega menu, galeria itd. Powód: moduł blokuje ładowanie customer-s{idShop}.css (patrz hookDisplayHeader w neststorkcustomstyles.php), więc bazę motywu trzeba dostarczyć tutaj. MULTISTORE: to jest baza SKLEPU 1 w pliku WSPÓLNYM. Sklepy o innej konfiguracji motywu (np. sklep 2: szare przyciski #666666, inne rozmiary, brak Mundial) dostaną wygląd sklepu 1. Jeśli to przeszkadza — zrobić per-shop custom-overrides-s{id}.css. WMROŻONA: zmiany w theme editorze NIE będą się propagować, dopóki customer-s*.css jest blokowany. Po zmianie ustawień motywu trzeba ręcznie odświeżyć tę główkę z nowego customer-s1.css. ================================================================ */ .product_list.list .ajax_block_product .pro_first_box{max-width: 370px;}.product_list.list .ajax_block_product .pro_second_box{margin-left: 390px;}.is_rtl .product_list.list .ajax_block_product .pro_second_box{margin-left:0;margin-right: 390px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.large_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.large_default_2x{max-width: 1200px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.superlarge_default, .product_list.grid .ajax_block_product .pro_outer_box.superlarge_default{max-width: 1200px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.superlarge_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.superlarge_default_2x{max-width: 1200px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.medium_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.medium_default_2x{max-width: 740px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.large_default, .product_list.grid .ajax_block_product .pro_outer_box.large_default{max-width: 700px;}.images-container, .images-container .pro_gallery_thumbs_horizontal{margin-left: auto;margin-right:auto;}.images-container.pro_number_1, .images-container.pro_number_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_2, .images-container.pro_number_2 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_3, .images-container.pro_number_3 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_4, .images-container.pro_number_4 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_5, .images-container.pro_number_5 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_6, .images-container.pro_number_6 .pro_gallery_thumbs_horizontal{max-width: 700px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.home_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.home_default_2x{max-width: 560px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.medium_default, .product_list.grid .ajax_block_product .pro_outer_box.medium_default{max-width: 370px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.home_default, .product_list.grid .ajax_block_product .pro_outer_box.home_default{max-width: 280px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.small_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.small_default_2x{max-width: 210px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.cart_default_2x, .product_list.grid .ajax_block_product .pro_outer_box.cart_default_2x{max-width: 140px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.small_default, .product_list.grid .ajax_block_product .pro_outer_box.small_default{max-width: 105px;}.products_sldier_swiper .ajax_block_product .pro_outer_box.cart_default, .product_list.grid .ajax_block_product .pro_outer_box.cart_default{max-width: 70px;}.st_image_scrolling_item{margin-bottom:20px;}.st_image_scrolling_wrap .st_image_scrolling_item {padding-left:10px;padding-right:10px;}.st_image_scrolling_wrap .row{margin-left:-10px;margin-right:-10px;}.featured_categories_item .pro_outer_box.category_default{max-width: 140px;}.featured_categories_item .pro_outer_box.category_default_2x{max-width: 280px;}.featured_categories_item .pro_outer_box.home_default{max-width: 280px;}.featured_categories_item .pro_outer_box.home_default_2x{max-width: 560px;}.featured_categories_item .pro_outer_box.medium_default{max-width: 370px;}.featured_categories_item .pro_outer_box.medium_default_2x{max-width: 740px;}body{font-family:Mundial, Tahoma, sans-serif, Arial;}.price,#our_price_display,.old_price,.sale_percentage{font-family:"Mundial", Tahoma, sans-serif, Arial;font-weight:700;}.btn.ajax_add_to_cart_button, .btn.add-to-cart, .btn.view_button{font-family:"Mundial", Tahoma, sans-serif, Arial;}.style_wide .ma_level_1{font-family: "Mundial", Tahoma, sans-serif, Arial;font-weight:400;}.title_block .title_block_inner, .page_heading, .product_info_tabs .nav-tabs .nav-link, .pc_slider_block_container .nav-tabs .nav-link, .heading_font{font-weight:700;text-transform: uppercase;}.st-menu-title{font-weight:700;text-transform: uppercase;}.title_block .title_block_inner, .page_heading {}.st_mega_menu .ma_level_0, .mobile_bar_tri_text, #st_mega_menu_column_mobile .mo_advanced_ma_level_0{text-transform: uppercase;font-family: "Mundial", Tahoma, sans-serif, Arial;font-weight:400;}#st_mobile_menu .mo_ma_level_0{text-transform: uppercase;font-family: "Mundial", Tahoma, sans-serif, Arial;}.style_wide .ma_level_1{text-transform: uppercase;}.style_wide .ma_level_1{}.style_wide .mu_level_2 a.ma_item, .stmenu_multi_level a.ma_item,.mo_sub_a{}.mv_item{}#st_mega_menu_column_desktop .ma_level_0{}.product_name_wrap .product_name{font-family:"Mundial", Tahoma, sans-serif, Arial;}.product_name_wrap .product_name{font-weight:700;}.product_name_wrap .product_name{font-size: 60px;}.product_name_wrap .product_name{text-transform: uppercase;}#footer .title_block .title_block_inner{font-size: 14px;}.title_block .title_block_inner,.page_heading, .table-bordered thead th, .heading_color, .card-header{color: #00b2b2;}.title_style_0,.title_style_0 .title_block_inner{border-bottom-width:0px;}.title_style_0 .title_block_inner{margin-bottom:-0px;}a:hover, a.link_color:hover, button.link_color:hover, .additional-information a.link_color:hover, .theme_color, a.theme_color, a.theme_color:hover, .st_added, .add_to_love.st_added, .add_to_love.st_added:hover, .add_to_wishlit.st_added, .add_to_wishlit.st_added:hover, .stcompare_add.st_added, .stcompare_add.st_added:hover, .dropdown_wrap.open .dropdown_tri, .ajax_block_product .s_title_block a:hover, .block_blog .s_title_block a:hover, .btn-link:hover{color: #006666;}a.text_color:hover{color: #006666;}.title_block a.title_block_inner:hover{color: #006666;}#st_mega_menu_wrap .ml_level_0.current .ma_level_0,#st_mega_menu_wrap .ma_level_0:hover{border-bottom-color:#006666;}.checkout-step .sttab_2_1 .nav-tabs .nav-link.active, .checkout-step .sttab_2_1 .nav-tabs .nav-link:hover, .checkout-step .sttab_2_1 .nav-tabs .nav-link:focus{color:#006666;}.price{color: #00b2b2;}a.icon_wrap, .icon_wrap,#shopping_cart .ajax_cart_right{color: #00b2b2;}a.icon_wrap.active,.icon_wrap.active,a.icon_wrap:hover,.icon_wrap:hover,#searchbox_inner.active #submit_searchbox.icon_wrap,.logo_center #searchbox_inner:hover #submit_searchbox.icon_wrap,#shopping_cart:hover .icon_wrap,#shopping_cart.active .icon_wrap,.myaccount-link-list a:hover .icon_wrap{color: #e4efe8;}.btn.btn-default.benabled{background-color:#42729f;border-color:#42729f;}.btn.btn-default.benabled:hover,.btn.btn-default.benabled:focus{background-color:#263580;border-color:#263580;}.btn-default{color: #ffffff;border-color:#00b2b2;background-color: #00b2b2;}.btn-default:hover,.btn-default:focus{-webkit-box-shadow: none; box-shadow: none;border-color: #006666;background-color: #006666;}.btn-white:hover,.btn-white:focus{border-color:#ffffff;-webkit-box-shadow: none; box-shadow: none;background-color: #ffffff;color:#444444;}.btn,.hover_fly_btn{text-transform: capitalize;}#top_bar .top_bar_item .header_item{color:#e4efe8;}#top_bar .top_bar_item .header_item:hover,#top_bar .dropdown_wrap.open .dropdown_tri{color:#263580;}#top_bar .top_bar_item .header_item:hover,#top_bar .dropdown_wrap.open .dropdown_tri{background-color:#e4efe8;}#top_bar{background-color:#00b2b2;}#st_mega_menu_wrap .stmenu_sub{border-top-width:0px;}#st_mega_menu_wrap .ma_level_0{margin-bottom:-0px;border-bottom-width:0px;}#top_extra .st_mega_menu_container{border-bottom-width:0px;}#header_primary #st_mega_menu_wrap{border-bottom-width:0px;}#st_mega_menu_wrap .stmenu_sub{border-top-color:#444444;}.st_mega_menu_container, .boxed_megamenu #st_mega_menu_wrap,#header_primary #st_mega_menu_wrap{border-bottom-color:#444444;}#st_mega_menu_wrap .ml_level_0.current .ma_level_0,#st_mega_menu_wrap .ma_level_0:hover{border-bottom-color:#E54D26;}#st_ma_0{ text-align: left; }#footer-bottom,#footer-bottom a{color:#ffffff;}#left_column.sidebar_opened,#right_column.sidebar_opened{background-color:#fff;}#st_header.stuck, #top_extra .st_mega_menu_container.stuck, .steasym_main.stuck{-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px rgba(0,0,0,0.1); }#footer-secondary{background-color:#FAFAFA;}.header-container.has_sticky{padding-bottom:36px;}.fto-glyph.icon_btn:before{ content: "\e73d"; }.fto-star.icon_btn:before{ content: "\e8e0"; }.fto-ajust.icon_btn:before{ content: "\e81e"; }.quick-view .fto-search-1.icon_btn:before{ content: "\e80b"; }.fto-eye-2.icon_btn:before{ content: "\e818"; }.fto-user.icon_btn:before{ content: "\e850"; }.fto-history.icon_btn:before{ content: "\e87a"; }.product_info_tabs.sttab_block .nav-tabs .nav-link.active, .product_info_tabs.sttab_block .nav-tabs .nav-link:hover, .product_info_tabs.sttab_block .nav-tabs .nav-link:focus, .pro_more_info .mobile_tab .st_open .mobile_tab_name{ color: #00b2b2; }body#index .header-container{ margin-bottom: 12px; }.products_sldier_swiper .pro_outer_box:hover .pro_second_box,.product_list.grid .pro_outer_box:hover .pro_second_box{ background-color: #FAFAFA; }.products_slider .swiper-button-tr .swiper-button{ color: #ffffff; }.products_slider .swiper-button-tr .swiper-button{ background-color: #999999; }.products_slider .swiper-button-tr .swiper-button:hover{ background-color: #555555; }.products_slider .swiper-button-tr .swiper-button.swiper-button-disabled, .products_slider .swiper-button-tr .swiper-button.swiper-button-disabled:hover{background-color:#cccccc;}.boxed_page_wrapper{-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 3px rgba(0,0,0,0.1); }.pro_gallery_thumbs_vertical .swiper-slide{height: 802px;}.ajax_block_product .s_title_block a,.pro_column_right .s_title_block a{}.ajax_block_product .s_title_block a,.pro_column_right .s_title_block a{font-weight:700;}#js-product-list .products.product_list.grid .product_list_item{padding-left:8px;padding-right:7px;}#js-product-list .products.product_list.grid{margin-left:-8px;margin-right:-7px;}body#authentication .columns-container{padding-top: 38px;}body#authentication .columns-container{padding-bottom: 38px;}.login_form_block .btn-primary{background-color: #00b2b2;border-color: #00b2b2;}.login_form_block .btn-primary:hover,.login_form_block .btn-primary:focus,.login_form_block .btn-primary:active,.login_form_block .btn-primary.active{background-color: #006666;border-color: #006666;}.checkout-step .sttab_2_1 .nav-tabs .nav-link.active, .checkout-step .sttab_2_1 .nav-tabs .nav-link:hover, .checkout-step .sttab_2_1 .nav-tabs .nav-link:focus{border-bottom-color: #ffffff;}@media (max-width: 1439px) { .images-container.pro_number_xl_1, .images-container.pro_number_xl_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xl_2, .images-container.pro_number_xl_2 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xl_3, .images-container.pro_number_xl_3 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xl_4, .images-container.pro_number_xl_4 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xl_5, .images-container.pro_number_xl_5 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xl_6, .images-container.pro_number_xl_6 .pro_gallery_thumbs_horizontal{max-width: 700px;} }@media (max-width: 1219px) { .images-container.pro_number_lg_1, .images-container.pro_number_lg_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_lg_2, .images-container.pro_number_lg_2 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_lg_3, .images-container.pro_number_lg_3 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_lg_4, .images-container.pro_number_lg_4 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_lg_5, .images-container.pro_number_lg_5 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_lg_6, .images-container.pro_number_lg_6 .pro_gallery_thumbs_horizontal{max-width: 700px;} }@media (max-width: 991px) { .images-container.pro_number_md_1, .images-container.pro_number_md_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_md_2, .images-container.pro_number_md_2 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_md_3, .images-container.pro_number_md_3 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_md_4, .images-container.pro_number_md_4 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_md_5, .images-container.pro_number_md_5 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_md_6, .images-container.pro_number_md_6 .pro_gallery_thumbs_horizontal{max-width: 1160px;} }@media (max-width: 767px) { .images-container.pro_number_sm_1, .images-container.pro_number_sm_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_sm_2, .images-container.pro_number_sm_2 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_sm_3, .images-container.pro_number_sm_3 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_sm_4, .images-container.pro_number_sm_4 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_sm_5, .images-container.pro_number_sm_5 .pro_gallery_thumbs_horizontal{max-width: 1160px;} .images-container.pro_number_sm_6, .images-container.pro_number_sm_6 .pro_gallery_thumbs_horizontal{max-width: 1160px;} }@media (max-width: 479px) { .images-container.pro_number_xs_1, .images-container.pro_number_xs_1 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xs_2, .images-container.pro_number_xs_2 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xs_3, .images-container.pro_number_xs_3 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xs_4, .images-container.pro_number_xs_4 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xs_5, .images-container.pro_number_xs_5 .pro_gallery_thumbs_horizontal{max-width: 700px;} .images-container.pro_number_xs_6, .images-container.pro_number_xs_6 .pro_gallery_thumbs_horizontal{max-width: 700px;} } /* ================================================================ START: POZOSTAŁE ================================================================ */ /* Pozostałe */ .tax_label { display: none !important; } .dropdown_list::before { display: none; } /* ================================================================ END: POZOSTAŁE ================================================================ */ /* ================================================================ START: PRZYCISK DODAJ DO KOSZYKA (STRONA PRODUKTU) ================================================================ */ /* Przycisk dodaj do koszyka */ /* 1. Ustawienie kontenera w jednej linii */ .pro_cart_block.flex_container { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; width: 100% !important; } /* 2. Resetowanie domyślnych marginesów i szerokości */ .product-quantity.flex_child { display: flex !important; flex-direction: row !important; align-items: stretch !important; flex: 1 !important; margin: 0 !important; gap: 10px !important; } /* 3. Stylowanie selektora ilości (lewa strona) */ .product-quantity .qty_wrap { margin-bottom: 0 !important; flex: 0 0 130px !important; /* Szerokość okna ilości */ } .product-quantity .bootstrap-touchspin { height: 50px !important; /* Wysokość dopasowana do przycisku */ border: 1px solid #e5e5e5 !important; border-radius: 4px !important; display: flex !important; } .product-quantity .bootstrap-touchspin .form-control { height: 100% !important; border: none !important; background: transparent !important; padding: 0 !important; text-align: center !important; font-size: 16px !important; } .product-quantity .btn-touchspin { height: 100% !important; background: none !important; border: none !important; font-size: 18px !important; color: #333 !important; } /* 4. Stylowanie przycisku (prawa strona) */ .product-quantity .add { margin-bottom: 0 !important; flex: 1 !important; /* Przycisk zajmuje całą dostępną szerokość */ } .product-quantity .add-to-cart { height: 50px !important; width: 100% !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0.5px !important; text-transform: none !important; /* Napis "Dodaj do koszyka" */ } /* 5. Ukrycie zbędnej ikony koszyka wewnątrz przycisku */ .product-quantity .add-to-cart .icon_btn { display: none !important; } /* 6. Usunięcie pustego bloku po prawej, który przesuwa elementy */ .pro_cart_right { display: none !important; } /* Responsywność dla telefonów */ @media (max-width: 575px) { .product-quantity.flex_child { flex-direction: column !important; /* Na małych ekranach jeden pod drugim */ } .product-quantity .qty_wrap { flex: 1 1 100% !important; } } /* ================================================================ END: PRZYCISK DODAJ DO KOSZYKA (STRONA PRODUKTU) ================================================================ */ /* ================================================================ START: NAZWA PRODUKTU (STRONA PRODUKTU) ================================================================ */ @media (max-width: 479px) { .product_name_wrap .product_name { font-size: 40px; } } /* ================================================================ END: NAZWA PRODUKTU (STRONA PRODUKTU) ================================================================ */ /* ================================================================ START: KARTA PRODUKTU NA LIŚCIE (LISTING) ================================================================ */ /* 1. Wyświetlenie bloku przycisku pod opisem na stałe */ .act_box_cart.add_show_on_mobile { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 15px !important; padding: 0 !important; } /* 2. Stylowanie przycisku Dodaj do koszyka - Twoje kolory i wymiary */ .act_box_cart .ajax_add_to_cart_button { height: 50px !important; width: 100% !important; background-color: #00b2b2 !important; /* Kolor główny */ color: #ffffff !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 20px !important; font-weight: 600 !important; font-size: 16px !important; text-transform: none !important; transition: background-color 0.3s ease !important; border: none !important; cursor: pointer !important; } /* 3. Efekt hover dla przycisku */ .act_box_cart .ajax_add_to_cart_button:hover { background-color: #006666 !important; /* Kolor hover */ color: #ffffff !important; text-decoration: none !important; } /* 4. Usunięcie ikon z wnętrza przycisku (tylko tekst) */ .act_box_cart .ajax_add_to_cart_button i, .act_box_cart .ajax_add_to_cart_button .icon_btn, .act_box_cart .ajax_add_to_cart_button span::before { display: none !important; } /* 5. Ukrycie przycisku "Szybki podgląd" i innych dodatków pod ceną */ .act_box_inner.flex_box { display: none !important; } /* 6. Wyłączenie efektów tła na hoverze całej karty produktu */ .pro_second_box, .pro_kuan_box, .act_box_cart { background: transparent !important; } .ajax_block_product:hover .pro_second_box { background: transparent !important; } /* 7. Całkowite ukrycie przycisków najeżdżanych na zdjęcie (hover fly) */ .hover_fly { display: none !important; } /* 8. Fix dla marginesu opisu */ .product-desc { margin-bottom: 15px !important; min-height: 3em !important; /* Zapewnia równy układ przy różnej długości opisu */ } /* Responsywność */ @media (max-width: 575px) { .act_box_cart .ajax_add_to_cart_button { height: 48px !important; font-size: 15px !important; } } /* ================================================================ END: KARTA PRODUKTU NA LIŚCIE (LISTING) ================================================================ */ /* ================================================================ START: OBRAZKI W ZAKŁADKACH ================================================================ */ /* Usunięcie bordera z obrazka */ .sttab_3_1 .tab-pane-body, .sttab_3_2 .tab-pane-body, .sttab_3_3 .tab-pane-body, .sttext_item_image_inner img { border: none; } /* ================================================================ END: OBRAZKI W ZAKŁADKACH ================================================================ */ /* ================================================================ START: PODGLĄD KOSZYKA (DROPDOWN CART) ================================================================ */ /* ================================================================ 2. PODGLĄD KOSZYKA (DROPDOWN CART) ================================================================ */ /* Główny kontener dropdowna */ .dropdown_list .dropdown_box { border: none !important; } .dropdown_list.cart_body { min-width: 360px !important; box-sizing: border-box !important; border-radius: 12px !important; /* Zaokrąglenie całego boxa */ box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; overflow: hidden !important; /* Wycina zawartość do zaokrągleń */ border: 1px solid #eee !important; background: #fff !important; } .dropdown_box { padding: 15px !important; box-sizing: border-box !important; } /* Kółko z ilością przy ikonie koszyka */ .blockcart .ajax_cart_quantity.amount_circle { background-color: #00b2b2 !important; border-radius: 50% !important; } /* --- LISTA PRODUKTÓW W DROPDOWNIE --- */ .shoppingcart-list .line_item { display: flex !important; align-items: center !important; padding: 10px 0 !important; } .shoppingcart-list img { border-radius: 8px !important; /* Zaokrąglone zdjęcia produktów */ border: 1px solid #f0f0f0 !important; } /* --- NOWY WYGLĄD QUANTITY W KOSZYKU --- */ .shoppingcart-list .qty_wrap { margin: 10px 0 !important; width: 100% !important; } .shoppingcart-list .bootstrap-touchspin { height: 40px !important; /* Nieco niższy w dropdownie niż w głównym koszyku */ border: 1px solid #e5e5e5 !important; border-radius: 6px !important; /* Zaokrąglony selektor ilości */ display: flex !important; overflow: hidden !important; width: 110px !important; background: #fff !important; } .shoppingcart-list .bootstrap-touchspin .form-control { height: 100% !important; border: none !important; background: transparent !important; padding: 0 !important; text-align: center !important; font-size: 14px !important; box-shadow: none !important; color: #333 !important; } .shoppingcart-list .btn-touchspin { height: 100% !important; width: 35px !important; background: #f8f8f8 !important; border: none !important; font-size: 16px !important; color: #333 !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.2s !important; } .shoppingcart-list .btn-touchspin:hover { background: #eeeeee !important; } /* --- PODSUMOWANIE --- */ .shoppingcart-list .small_cart_sumary { background: #f9f9f9 !important; padding: 15px !important; margin: 15px 0 !important; border-radius: 8px !important; /* Zaokrąglone tło podsumowania */ width: auto !important; box-sizing: border-box !important; } .small_cart_sumary .line_item { border: none !important; padding: 4px 0 !important; display: flex !important; justify-content: space-between !important; width: 100% !important; } .small_cart_sumary .last_one { margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid #e0e0e0 !important; font-weight: 700 !important; color: #333 !important; } /* --- PRZYCISKI DOLNE --- */ .shoppingcart-list .small_cart_btn { height: 48px !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; /* Mocniejsze zaokrąglenie przycisków */ font-weight: 600 !important; text-transform: none !important; margin: 0 0 10px 0 !important; border: none !important; box-sizing: border-box !important; transition: all 0.2s ease-in-out !important; } /* Przycisk "Koszyk" (domyślny) */ .shoppingcart-list .small_cart_btn:not(.btn_to_checkout) { background-color: #f1f1f1 !important; color: #333 !important; } .shoppingcart-list .small_cart_btn:not(.btn_to_checkout):hover { background-color: #e5e5e5 !important; } /* Przycisk "Zamówienie" (główny) */ .shoppingcart-list .small_cart_btn.btn_to_checkout { background-color: #00b2b2 !important; color: #ffffff !important; } .shoppingcart-list .small_cart_btn.btn_to_checkout:hover { background-color: #009191 !important; transform: translateY(-1px) !important; } /* Ukrycie zbędnych ikon/pseudoelementów jeśli psują układ */ .shoppingcart-list .small_cart_btn i, .shoppingcart-list .small_cart_btn::before, .shoppingcart-list .small_cart_btn::after { display: none !important; } /* ================================================================ END: PODGLĄD KOSZYKA (DROPDOWN CART) ================================================================ */ /* ================================================================ START: OKNO MODALNE (POTWIERDZENIE DODANIA DO KOSZYKA) ================================================================ */ /* ================================================================ 3. OKNO MODALNE (POTWIERDZENIE DODANIA DO KOSZYKA) ================================================================ */ /* Zwiększenie szerokości modala */ @media (min-width: 768px) { .modal-dialog { max-width: 700px !important; } } .modal-content { border-radius: 8px !important; border: none !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; } /* Przycisk zamknięcia (X) */ .st_modal_close { font-size: 28px !important; color: #333 !important; opacity: 0.7 !important; transition: opacity 0.2s !important; z-index: 999 !important; } .st_modal_close:hover { opacity: 1 !important; } /* Alert sukcesu */ .modal-body .alert-success { background-color: #e6f7f7 !important; border-color: #00b2b2 !important; color: #006666 !important; font-weight: 600 !important; text-align: center !important; border-radius: 4px !important; margin: 20px 0 !important; padding: 15px !important; } /* Szczegóły produktu w modalu */ .modal_cart .product_name { font-size: 1.4rem !important; font-weight: 700 !important; color: #333 !important; line-height: 1.2 !important; } .modal_cart img.bordered { border-radius: 4px !important; border: 1px solid #eee !important; } /* Sekcja podsumowania (szare tło - spójność z dropdownem) */ .modal_cart_details { background: #f9f9f9 !important; padding: 20px !important; border-radius: 4px !important; margin-bottom: 25px !important; } .modal_cart_details .cart-products-count { font-weight: 600 !important; color: #333 !important; margin-bottom: 10px !important; border-bottom: 1px solid #e0e0e0 !important; padding-bottom: 10px !important; } .modal_cart .list_detail_item { padding: 0 !important; list-style: none !important; } .modal_cart .list_detail_item li { display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; font-size: 15px !important; } .modal_cart .list_detail_item li span { font-weight: 400 !important; color: #666 !important; } /* Podświetlenie kwoty Total */ .modal_cart .list_detail_item li:last-child { font-weight: 700 !important; color: #333 !important; font-size: 1.1rem !important; border-top: 1px solid #ddd !important; margin-top: 10px !important; padding-top: 10px !important; } /* PRZYCISKI W MODALU (Dostosowanie do 50px) */ .cart-content-btn .btn { height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 4px !important; font-weight: 600 !important; text-transform: none !important; font-size: 16px !important; transition: all 0.3s ease !important; border: none !important; margin-bottom: 15px !important; } /* Przycisk: Koszyk */ .cart-content-btn .btn-default:not(.btn_to_checkout) { background-color: #eee !important; color: #333 !important; } .cart-content-btn .btn-default:not(.btn_to_checkout):hover { background-color: #e2e2e2 !important; } /* Przycisk: Przejdź do kasy */ .cart-content-btn .btn_to_checkout { background-color: #00b2b2 !important; color: #ffffff !important; } .cart-content-btn .btn_to_checkout:hover { background-color: #006666 !important; } /* Link: Kontynuuj zakupy */ .modal-body .inline_block.mb-2 { display: block !important; text-align: center !important; color: #666 !important; text-decoration: none !important; margin-top: 10px !important; font-weight: 500 !important; transition: color 0.2s !important; } .modal-body .inline_block.mb-2:hover { color: #00b2b2 !important; } .modal-body .inline_block.mb-2 i { color: #00b2b2 !important; font-weight: bold !important; } /* ================================================================ END: OKNO MODALNE (POTWIERDZENIE DODANIA DO KOSZYKA) ================================================================ */ /* ================================================================ START: STRONA REJESTRACJI (REGISTRATION PAGE) ================================================================ */ /* ================================================================ 4. STRONA REJESTRACJI (REGISTRATION PAGE) ================================================================ */ /* Kontener formularza */ #register_form_block { background: #ffffff !important; padding: 30px !important; border-radius: 8px !important; border: 1px solid #eee !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; } /* Nagłówek "Stwórz konto" */ #register_form_block .page_heading { font-size: 24px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 20px !important; text-align: center !important; } /* Linki (Zaloguj się) */ #register_form_block a { color: #00b2b2 !important; font-weight: 600 !important; transition: color 0.2s !important; } #register_form_block a:hover { color: #006666 !important; text-decoration: underline !important; } /* Inputy formularza */ #customer-form .form-control { height: 45px !important; border: 1px solid #ddd !important; border-radius: 4px !important; padding: 0 15px !important; font-size: 14px !important; transition: border-color 0.2s, box-shadow 0.2s !important; } #customer-form .form-control:focus { border-color: #00b2b2 !important; box-shadow: 0 0 0 3px rgba(0, 178, 178, 0.1) !important; outline: none !important; } /* Etykiety pól (Labels) */ #customer-form label { font-weight: 600 !important; color: #444 !important; margin-bottom: 8px !important; display: block !important; } /* Komunikaty pod polami (Tylko litery, kropka...) */ .form-control-comment { font-size: 12px !important; color: #888 !important; margin-top: 4px !important; display: block !important; } /* Sekcja Walidacji Hasła (Password Policy) */ .field-password-policy { background: #fdfdfd !important; padding: 15px !important; border-radius: 4px !important; border: 1px solid #f0f0f0 !important; margin-top: 10px !important; } /* Alerty błędów (np. Wrong email, Słabe hasło) */ #customer-form .alert-danger { background-color: #fff5f5 !important; border: 1px solid #feb2b2 !important; color: #c53030 !important; padding: 10px 15px !important; font-size: 13px !important; border-radius: 4px !important; margin-top: 10px !important; } #customer-form .alert-danger ul { list-style: none !important; padding: 0 !important; } /* Pasek siły hasła */ .progress-container { height: 6px !important; background: #eee !important; border-radius: 10px !important; overflow: hidden !important; } .progress-bar { background-color: #00b2b2 !important; /* Kolor silnego hasła */ } /* Przycisk pokaż/ukryj hasło */ .show_password { background: #f8f8f8 !important; border: 1px solid #ddd !important; border-left: none !important; height: 45px !important; color: #666 !important; } /* Checkboxy (Zgody marketingowe/RODO) */ .custom-input-checkbox { border: 2px solid #ddd !important; border-radius: 3px !important; transition: all 0.2s !important; } .custom-input:checked + .custom-input-item { background-color: #00b2b2 !important; border-color: #00b2b2 !important; } .flex_child { font-size: 13px !important; line-height: 1.5 !important; color: #555 !important; margin-left: 10px !important; } /* GŁÓWNY PRZYCISK: ZAPISZ (50px) */ #customer-form .form-footer button[type="submit"] { height: 50px !important; background-color: #00b2b2 !important; border: none !important; border-radius: 4px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: background-color 0.3s ease, transform 0.1s !important; margin-top: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #customer-form .form-footer button[type="submit"]:hover { background-color: #006666 !important; cursor: pointer !important; } #customer-form .form-footer button[type="submit"]:active { transform: translateY(1px) !important; } /* Ukrycie domyślnej ikony użytkownika, jeśli nie pasuje do designu */ #customer-form .form-footer button .icon_btn { margin-right: 10px !important; } #customer-form .st_form_item_psgdpr a { color: #00b2b2 !important; font-weight: 600 !important; transition: color 0.2s !important; } /* ================================================================ END: STRONA REJESTRACJI (REGISTRATION PAGE) ================================================================ */ /* ================================================================ START: STRONA LOGOWANIA / WYBORU KONTA (LOGIN OPTIONS) ================================================================ */ /* ================================================================ 5. STRONA LOGOWANIA / WYBORU KONTA (LOGIN OPTIONS) ================================================================ */ /* Wspólne stylowanie bloków (lewa i prawa kolumna) */ .from_blcok.login_form_block { background: #ffffff !important; padding: 30px !important; border-radius: 8px !important; border: 1px solid #eee !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; height: 100% !important; /* Wyrównuje wysokość obu kolumn */ display: flex !important; flex-direction: column !important; justify-content: space-between !important; } /* Nagłówki sekcji */ .login_form_block .page_heading { font-size: 22px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 20px !important; border-bottom: 2px solid #00b2b2 !important; padding-bottom: 10px !important; } /* Tekst informacyjny */ .form_content_inner .p-b-1 { color: #666 !important; line-height: 1.6 !important; margin-bottom: 20px !important; } /* Link "Nie pamiętasz hasła?" */ .forgot-password { color: #00b2b2 !important; font-size: 14px !important; font-weight: 500 !important; transition: color 0.2s !important; } .forgot-password:hover { color: #006666 !important; text-decoration: underline !important; } /* Inputy w formularzu logowania */ #login-form .form-control { height: 45px !important; border: 1px solid #ddd !important; border-radius: 4px !important; transition: border-color 0.2s !important; } #login-form .form-control:focus { border-color: #00b2b2 !important; box-shadow: 0 0 0 3px rgba(0, 178, 178, 0.1) !important; } /* PRZYCISKI (50px) - Zarówno "Zaloguj się" jak i "Utwórz konto" */ #SubmitLogin, #SubmitCreate { height: 50px !important; background-color: #00b2b2 !important; border: none !important; border-radius: 4px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background-color 0.3s ease !important; width: 100% !important; margin-top: 10px !important; } #SubmitLogin:hover, #SubmitCreate:hover { background-color: #006666 !important; color: #ffffff !important; } /* Ikony w przyciskach */ .login_form_block .icon_btn, .login_form_block i { margin-right: 10px !important; font-size: 18px !important; } /* Stylizacja przycisku "Pokaż hasło" */ .login_form_block .show_password { height: 45px !important; background: #f8f8f8 !important; border: 1px solid #ddd !important; border-left: none !important; color: #666 !important; } /* Odstępy między kolumnami na desktopie */ @media (min-width: 992px) { .create_account_column { padding-right: 20px !important; } .login_form_column { padding-left: 20px !important; } } /* Poprawka dla Alertów błędów w logowaniu */ #login-form .alert-danger { background-color: #fff5f5 !important; color: #c53030 !important; border: 1px solid #feb2b2 !important; border-radius: 4px !important; padding: 10px !important; margin-top: 10px !important; font-size: 13px !important; } /* ================================================================ END: STRONA LOGOWANIA / WYBORU KONTA (LOGIN OPTIONS) ================================================================ */ /* ================================================================ START: GŁÓWNA STRONA KOSZYKA ================================================================ */ /* ================================================================ GŁÓWNA STRONA KOSZYKA - PEŁNY PAKIET STYLÓW ================================================================ */ /* 1. KONTENER GŁÓWNY I KARTY */ .cart-grid-body .card_trans { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; overflow: hidden !important; } .card-header { background: transparent !important; font-weight: 700 !important; font-size: 1.2rem !important; border-bottom: 2px solid #00b2b2 !important; padding: 15px 20px !important; color: #333 !important; } /* 2. LISTA PRODUKTÓW - CENTROWANIE PIONOWE */ .cart-item.line_item { padding: 20px 0 !important; border-bottom: 1px solid #f0f0f0 !important; } .product-line-grid { display: flex !important; align-items: center !important; /* To kluczowe centrowanie */ flex-wrap: wrap !important; } .product-line-grid > .row { width: 100% !important; display: flex !important; align-items: center !important; margin: 0 !important; } /* Nazwa i Cena jednostkowa */ .product-line-info .label { font-weight: 600 !important; font-size: 16px !important; color: #333 !important; display: block !important; margin-bottom: 4px !important; } .product-line-info .price { color: #666 !important; font-size: 14px !important; } /* 3. SELEKTOR ILOŚCI (TOUCHSPIN 50px) */ .cart-items .qty_wrap .bootstrap-touchspin { height: 50px !important; border: 1px solid #e5e5e5 !important; border-radius: 4px !important; display: flex !important; overflow: hidden !important; width: 120px !important; background: #fff !important; } .cart-items .btn-touchspin { height: 100% !important; background: #f8f8f8 !important; border: none !important; width: 35px !important; font-size: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #333 !important; } .cart-items .bootstrap-touchspin .form-control { height: 100% !important; border: none !important; text-align: center !important; font-weight: 600 !important; padding: 0 !important; background: #fff !important; } /* Przycisk usuwania (X) */ .remove-from-cart { color: #ccc !important; font-size: 20px !important; } .remove-from-cart:hover { color: #ff4d4d !important; } /* 4. PRAWA KOLUMNA: PODSUMOWANIE (SUMMARY FIX) */ .cart-summary { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 8px !important; padding: 0 !important; /* Reset, by Total wypełnił całą szerokość */ } .cart-detailed-totals .card-block { padding: 20px !important; } .cart-summary-line { display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; margin-bottom: 10px !important; clear: both !important; } .cart-summary-line::after, .cart-summary-line::before { display: none !important; /* Wyłączamy clearfix */ } .cart-summary-line .label { color: #666 !important; font-size: 15px !important; float: none !important; } .cart-summary-line .value { font-weight: 600 !important; color: #333 !important; float: none !important; } /* Linia Razem (Total) */ .cart-total { background: #f9f9f9 !important; margin: 0 !important; padding: 20px !important; border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; display: flex !important; justify-content: space-between !important; } .cart-total .label { font-weight: 700 !important; color: #333 !important; font-size: 16px !important; } .cart-total .value { color: #00b2b2 !important; font-size: 22px !important; font-weight: 800 !important; } /* 5. PRZYCISKI AKCJI */ /* Przycisk: Przejdź do realizacji */ .btn_to_checkout { height: 50px !important; background-color: #00b2b2 !important; color: #ffffff !important; border: none !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 16px !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; } .btn_to_checkout:hover { background-color: #006666 !important; color: #ffffff !important; } /* Przycisk: Kontynuuj zakupy (NAPRAWA WIDOCZNOŚCI) */ .cart-grid-body .btn-default { background: #f1f1f1 !important; color: #333333 !important; border: 1px solid #ddd !important; height: 45px !important; display: inline-flex !important; align-items: center !important; padding: 0 20px !important; margin-top: 20px !important; font-weight: 600 !important; border-radius: 4px !important; } .cart-grid-body .btn-default i { color: #333333 !important; margin-right: 8px !important; } .cart-grid-body .btn-default:hover { background: #e2e2e2 !important; color: #000 !important; text-decoration: none !important; } /* 6. RESPONSYWNOŚĆ */ @media (max-width: 767px) { .product-line-grid { align-items: flex-start !important; } .product-line-actions .row { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; } .cart-items .qty_wrap .bootstrap-touchspin { width: 110px !important; } } /* ================================================================ END: GŁÓWNA STRONA KOSZYKA ================================================================ */ /* ================================================================ START: PROCES ZAMÓWIENIA (CHECKOUT) ================================================================ */ /* ================================================================ 7. PROCES ZAMÓWIENIA (CHECKOUT) ================================================================ */ /* --- UKŁAD OGÓLNY --- */ .checkout_wrapper { background-color: #f8f9fa !important; padding: 40px 0 !important; } /* --- KROKI ZAMÓWIENIA (STEPS) --- */ .checkout-step { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 8px !important; padding: 25px !important; margin-bottom: 20px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; } /* Nagłówki kroków */ .step-title { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 0 !important; cursor: pointer !important; } .checkout-step.-current .step-title { margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: 1px solid #f0f0f0 !important; } .step-number { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; background: #00b2b2 !important; color: #fff !important; border-radius: 50% !important; margin-right: 10px !important; font-size: 14px !important; } /* Krok ukończony */ .checkout-step.-complete .step-number { background: #4caf50 !important; } .checkout-step.-complete .done { color: #4caf50 !important; margin-right: 5px !important; } /* Krok niedostępny */ .checkout-step.-unreachable { opacity: 0.6 !important; } .checkout-step.-unreachable .step-number { background: #ccc !important; } /* --- FORMULARZE (ADRESY / DANE) --- */ .form-group.form-group-small label { font-weight: 600 !important; color: #555 !important; margin-bottom: 8px !important; display: block !important; } .form-control { height: 45px !important; border: 1px solid #ddd !important; border-radius: 4px !important; padding: 10px 15px !important; background-color: #fff !important; transition: border-color 0.2s !important; } .form-control:focus { border-color: #00b2b2 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0, 178, 178, 0.1) !important; } /* --- PRAWA KOLUMNA: PODSUMOWANIE (SUMMARY CHECKOUT) --- */ .checkout_right_column { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 8px !important; padding: 0 !important; overflow: hidden !important; position: sticky !important; top: 20px !important; } .checkout-summary-block { padding: 20px !important; } /* Lista produktów w podsumowaniu */ .summary-product-item { padding: 15px 0 !important; display: flex !important; align-items: center !important; border-bottom: 1px solid #f9f9f9 !important; } .summary-product-item img { border-radius: 4px !important; border: 1px solid #eee !important; width: 60px !important; /* Mniejszy podgląd w checkoucie */ height: auto !important; } .product-quantity { font-weight: 700 !important; color: #00b2b2 !important; min-width: 30px !important; } .product-name { font-size: 14px !important; line-height: 1.4 !important; } /* Subtotale i Total w Checkout */ .cart-summary-line { display: flex !important; justify-content: space-between !important; padding: 8px 0 !important; } .cart-summary-totals.card-block { background: #f9f9f9 !important; padding: 20px !important; border-top: 1px solid #eee !important; } /* Przycisk "Dalej" w krokach */ .continue.btn.btn-default { background-color: #00b2b2 !important; color: #ffffff !important; height: 50px !important; padding: 0 40px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 4px !important; border: none !important; transition: background 0.3s !important; } .continue.btn.btn-default:hover { background-color: #008a8a !important; } /* Przycisk Edytuj */ .step-edit { font-size: 13px !important; font-weight: 600 !important; color: #888 !important; text-decoration: none !important; } .step-edit:hover { color: #00b2b2 !important; } /* --- FIX DLA MOBILE --- */ @media (max-width: 991px) { .checkout_right_wrapper { order: -1 !important; /* Podsumowanie na górze na mobile */ margin-bottom: 20px !important; } } .checkout_left_column { background: none; } /* ================================================================ END: PROCES ZAMÓWIENIA (CHECKOUT) ================================================================ */ /* ================================================================ START: DOSTAWA I PRZEWOŹNICY ================================================================ */ /* ================================================================ 8. DOSTAWA I PRZEWOŹNICY (CLEAN & SAFE VERSION) ================================================================ */ .delivery-options { margin-top: 15px !important; } .delivery-option { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 15px !important; transition: all 0.2s ease-in-out !important; display: flex !important; align-items: center !important; } .delivery-option:hover { border-color: #00b2b2 !important; background-color: #faffff !important; } /* Wymuszenie tekstu pod ikoną */ .carrier-hasLogo { display: flex !important; align-items: center !important; } .carrier-hasLogo .col-md-5 { display: flex !important; flex-direction: column !important; /* Tekst pod ikoną */ align-items: flex-start !important; gap: 8px !important; } .carrier-hasLogo img { max-height: 35px !important; width: auto !important; margin-bottom: 5px !important; } .carrier-name { font-weight: 700 !important; font-size: 14px !important; color: #333 !important; line-height: 1.2 !important; } .carrier-delay { font-size: 13px !important; color: #666 !important; } .carrier-price { font-weight: 700 !important; color: #00b2b2 !important; text-align: right !important; } /* --- 9. FIX DLA INPOST (EXTRA CONTENT) --- */ /* Kontener mapy i wyboru punktu */ #checkout .carrier-extra-content { background: #f9f9f9 !important; margin: -10px 0 20px 0 !important; padding: 20px 20px 20px 55px !important; /* Padding dla wyrównania i czytelności */ border-radius: 12px !important; border: 1px solid #eee !important; border-top: none !important; /* UWAGA: Brak wymuszonego display, aby JS modułu mógł tym sterować */ } .inpost-shipping-container { background: #f9f9f9 !important; border-radius: 8px !important; padding: 15px !important; /* Naprawa uścisku elementów */ } /* Przycisk wyboru paczkomatu */ .inpost-shipping-button { background-color: #ffca00 !important; /* Firmowy żółty InPost */ color: #000 !important; font-weight: 700 !important; border-radius: 4px !important; padding: 10px 20px !important; text-transform: uppercase !important; font-size: 12px !important; border: none !important; display: inline-block !important; cursor: pointer !important; } @media (max-width: 400px) { .inpost-shipping-button { white-space: normal; } } .js-inpost-closest-machine { margin-top: 15px !important; padding-top: 15px !important; border-top: 1px dashed #ccc !important; } /* Przycisk "Wybierz ten punkt" */ .js-select-closest-machine { background: #fff !important; border: 1px solid #00b2b2 !important; color: #00b2b2 !important; border-radius: 4px !important; padding: 5px 15px !important; font-size: 12px !important; } /* --- 10. ELEMENTY FORMULARZA I KOMENTARZ --- */ #delivery_message { width: 100% !important; border: 1px solid #ddd !important; border-radius: 8px !important; padding: 15px !important; margin-top: 10px !important; min-height: 80px !important; font-family: inherit !important; } /* Custom Radio Button Fix */ .custom-radio input[type="radio"]:checked + span { background-color: #00b2b2 !important; } /* --- 11. FIX DLA MOBILE --- */ @media (max-width: 767px) { .carrier-hasLogo .col-md-5, .carrier-hasLogo .col-md-4, .carrier-hasLogo .col-md-3 { width: 100% !important; text-align: left !important; margin-bottom: 5px !important; } .carrier-price { text-align: left !important; } .carrier-extra-content { padding: 15px !important; /* Reset paddingu na mobile */ margin-top: -15px !important; } } @media (max-width: 400px) { #checkout .carrier-extra-content { padding-left: 10px !important; } } /* ================================================================ END: DOSTAWA I PRZEWOŹNICY ================================================================ */ /* ================================================================ START: MENU UŻYTKOWNIKA (DROPDOWN) ================================================================ */ /* ================================================================ 3. MENU UŻYTKOWNIKA - POPRAWKA (BEZ HOVER NA LOGIN) ================================================================ */ /* Główny kontener dropdowna */ .userinfo_mod_top .dropdown_list { min-width: 220px !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; border: 1px solid #eee !important; overflow: hidden !important; background: #fff !important; margin-top: 0px !important; top: 100% !important; } .userinfo_mod_top .arrow { display: none !important; } /* Mostek zapobiegający znikaniu menu */ .userinfo_mod_top .dropdown_list::before { content: none !important; position: absolute !important; top: -15px !important; left: 0 !important; right: 0 !important; height: 15px !important; background: transparent !important; display: block !important; } /* Styl listy */ .userinfo_mod_top .dropdown_list_ul { padding: 0 !important; /* Reset paddingu dla czystego układu */ margin: 0 !important; list-style: none !important; } /* --- PIERWSZY ELEMENT (Imię i Nazwisko) --- */ .userinfo_mod_top .dropdown_list_ul li:first-child { padding: 15px 10px !important; background-color: #fcfcfc !important; /* Delikatnie inne tło dla odróżnienia */ border-bottom: 1px solid #eee !important; text-align: center !important; /* Wycentrowanie */ pointer-events: none !important; /* Całkowite wyłączenie interakcji (hover/click) */ } .userinfo_mod_top .dropdown_list_ul li:first-child .dropdown_list_item { font-weight: 800 !important; /* Mocne pogrubienie */ color: #222 !important; font-size: 15px !important; display: inline-block !important; padding: 0 !important; } /* --- POZOSTAŁE ELEMENTY (Linki) --- */ .userinfo_mod_top .dropdown_list_item { display: block !important; padding: 12px 20px !important; color: #555 !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.2s ease-in-out !important; } /* Hover tylko dla linków (a), nie dla pierwszego li */ .userinfo_mod_top a.dropdown_list_item:hover { background-color: #f8f9fa !important; color: #00b2b2 !important; padding-left: 25px !important; } /* Specyficzny kolor dla wylogowania */ .userinfo_mod_top a[href*="logout"]:hover { color: #dc3545 !important; } /* ================================================================ END: MENU UŻYTKOWNIKA (DROPDOWN) ================================================================ */ /* ================================================================ START: PANEL MOJEGO KONTA (MY ACCOUNT) ================================================================ */ /* ================================================================ 4. PANEL MOJEGO KONTA (MY ACCOUNT) ================================================================ */ /* --- TŁO I OGÓLNY UKŁAD --- */ #main { background: transparent !important; padding-top: 20px !important; } .page_heading { font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #222 !important; margin-bottom: 30px !important; border: none !important; } /* --- LEWA KOLUMNA (MENU BOCZNE) --- */ .my_account_left_column .list-group { border-radius: 12px !important; overflow: hidden !important; border: 1px solid #eee !important; box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; } .my_account_left_column .list-group-item { border: none !important; border-bottom: 1px solid #f5f5f5 !important; padding: 0 !important; transition: all 0.2s !important; } .my_account_left_column .list-group-item:last-child { border-bottom: none !important; } .my_account_left_column .list-group-item a { display: block !important; padding: 15px 20px !important; color: #555 !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.2s !important; } /* Efekt najechania w menu bocznym */ .my_account_left_column .list-group-item:hover { background-color: #fcfcfc !important; } .my_account_left_column .list-group-item a:hover { color: #00b2b2 !important; padding-left: 25px !important; } /* Ikony w menu bocznym */ .my_account_left_column .list-group-item i { color: #00b2b2 !important; width: 25px !important; display: inline-block !important; } /* --- PRAWA SEKCJA (DASHBOARD - KAFELKI) --- */ .myacount_dashbord_list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; gap: 20px !important; margin-top: 20px !important; justify-items: center; } /* Zamiana list-group-item na kafelki */ .myacount_dashbord_list .list-group-item { background: #ffffff !important; border: 1px solid #eee !important; border-radius: 12px !important; padding: 0 !important; margin: 0 !important; transition: all 0.3s ease !important; text-align: center !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; } .myacount_dashbord_list .list-group-item:hover { transform: translateY(-5px) !important; box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important; border-color: #00b2b2 !important; } .myacount_dashbord_list .list-group-item a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 30px 20px !important; height: 100% !important; color: #333 !important; font-weight: 700 !important; text-decoration: none !important; } /* Ikony w kafelkach */ .myacount_dashbord_list .list-group-item i { font-size: 32px !important; margin-bottom: 15px !important; color: #00b2b2 !important; margin-right: 0 !important; /* Reset marginesu bocznego */ } /* --- STOPKA STRONY KONTA --- */ .my_account_page_footer { border-top: 1px solid #eee !important; padding-top: 20px !important; margin-top: 40px !important; } .my_account_page_footer a { color: #888 !important; font-weight: 600 !important; transition: color 0.2s !important; } .my_account_page_footer a:hover { color: #00b2b2 !important; } /* --- POWIADOMIENIE (Hello, test test) --- */ h6.page_heading { font-size: 22px !important; font-weight: 700 !important; color: #333 !important; margin-bottom: 5px !important; } #easycontent_3 { margin-bottom: 30px !important; color: #777 !important; font-style: italic !important; } /* ================================================================ END: PANEL MOJEGO KONTA (MY ACCOUNT) ================================================================ */ /* ================================================================ START: HEADER (WYSZUKIWARKA, KOSZYK, KONTO, IKONY) ================================================================ */ /* --- POPRAWKA KOSZYKA (UKŁAD POZIOMY) --- */ .blockcart { background: #fff !important; border-radius: 50px !important; padding: 5px 15px !important; border: 1px solid #eee !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; height: 42px !important; width: auto !important; /* Pozwala koszykowi rosnąć wraz z ceną */ text-decoration: none !important; } /* Wymuszenie, aby zawartość (link) też była flexem */ .blockcart a.header_item { display: flex !important; align-items: center !important; flex-direction: row !important; /* To naprawi układ pionowy ze zdjęcia */ text-decoration: none !important; gap: 5px !important; } .header_icon_btn_icon { margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* Poprawka kółka z liczbą produktów */ .amount_circle { background: #00b2b2 !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; position: absolute !important; top: -10px !important; /* Dostosuj, by nie lewitowało za wysoko */ right: -8px !important; display: flex !important; justify-content: center !important; align-items: center !important; line-height: 1 !important; z-index: 2 !important; } .ajax_cart_total { font-weight: 700 !important; color: #333 !important; margin-left: 10px !important; white-space: nowrap !important; /* Zapobiega łamaniu ceny do nowej linii */ font-size: 14px !important; display: inline-block !important; } /* Usunięcie napisu "Koszyk" jeśli się pojawia obok ikony */ .blockcart .icon_text { display: none !important; } /* ================================================================ HEADER - KOMPLETNA STYLIZACJA (WYSZUKIWARKA, KOSZYK, KONTO) ================================================================ */ /* --- 1. KONTENER GŁÓWNY --- */ #header_right_top { display: flex !important; gap: 15px !important; align-items: center !important; justify-content: flex-end !important; } /* --- 2. WYSZUKIWARKA (SEARCH BAR) --- */ .search_widget_form_inner { border-radius: 25px !important; border: 1px solid #e0e0e0 !important; background: #f9f9f9 !important; padding: 2px 2px 2px 15px !important; display: flex !important; align-items: center !important; transition: all 0.3s ease !important; overflow: visible !important; /* Zmienione na visible, by lista podpowiedzi nie była ucięta */ box-shadow: none !important; } .search_results { background: none !important; box-shadow: none !important; } /* Usunięcie bordera przy focusie i dodanie turkusowego akcentu */ .search_widget_form_inner.js-parent-focus, .search_widget_form_inner:focus-within, .search_widget_form_inner:hover { border-color: #00b2b2 !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0, 178, 178, 0.1) !important; outline: none !important; } .search_widget_text { background: transparent !important; border: none !important; font-size: 14px !important; height: 34px !important; flex-grow: 1 !important; color: #333 !important; outline: none !important; } /* Wyłączenie domyślnego cienia z Bootstrapa na samym inpucie */ .search_widget_text:focus { box-shadow: none !important; outline: none !important; } .search_widget_btn { background: #00b2b2 !important; color: #fff !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: none !important; margin: 0 !important; transition: background 0.2s, transform 0.2s !important; } .search_widget_btn:hover { background: #008a8a !important; transform: scale(1.05) !important; } .search_widget_btn i { font-size: 16px !important; } .search_widget_btn .icon_text { display: none !important; } /* --- NOWA STYLIZACJA LISTY PRODUKTÓW (AUTOCOMPLETE) --- */ .autocomplete-suggestions { background: #ffffff !important; border: 1px solid #f0f0f0 !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; margin-top: 10px !important; padding: 8px 0 !important; max-height: 450px !important; overflow-y: auto !important; z-index: 999 !important; } .search_product_row { padding: 10px 15px !important; border-bottom: 1px solid #f7f7f7 !important; display: flex !important; align-items: center !important; transition: background 0.2s !important; text-decoration: none !important; } .search_product_row:hover { background-color: #f6fdfd !important; /* Bardzo delikatny turkus */ text-decoration: none !important; } .search_product_row:last-child { border-bottom: none !important; } .search_product_img { width: 50px !important; height: auto !important; border-radius: 6px !important; border: 1px solid #eee !important; margin-right: 12px !important; } .search_product_name { font-size: 13px !important; font-weight: 500 !important; color: #333 !important; line-height: 1.4 !important; flex: 1 !important; } .search_product_price { font-weight: 700 !important; color: #00b2b2 !important; font-size: 14px !important; margin-left: 10px !important; } /* Przycisk "Pokaż więcej" na dole listy */ .search_more_products.go { text-align: center !important; padding: 12px !important; background: #fdfdfd !important; color: #00b2b2 !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; border-top: 1px solid #eee !important; transition: all 0.2s !important; } .search_more_products.go:hover { background: #00b2b2 !important; color: #fff !important; text-decoration: none !important; } /* Komunikat o braku produktów */ .search_no_products { padding: 15px !important; text-align: center !important; font-size: 13px !important; color: #999 !important; } /* --- 3. KOSZYK (CART) --- */ .blockcart { background: #fff !important; border-radius: 50px !important; padding: 5px 15px !important; border: 1px solid #eee !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; height: 42px !important; text-decoration: none !important; } .blockcart a.header_item { display: flex !important; align-items: center !important; text-decoration: none !important; } .blockcart:hover { border-color: #00b2b2 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; } .amount_circle { background: #00b2b2 !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; position: absolute !important; top: -10px !important; right: -8px !important; display: flex !important; justify-content: center !important; align-items: center !important; } .ajax_cart_total { font-weight: 700 !important; color: #333 !important; margin-left: 10px !important; } /* --- 4. IKONA UŻYTKOWNIKA --- */ .userinfo_mod_top .header_item { background: #f5f5f5 !important; width: 42px !important; height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; transition: all 0.3s ease !important; color: #555 !important; } .userinfo_mod_top:hover .header_item { background: #00b2b2 !important; color: #fff !important; } /* --- DROPDOWN, BREADCRUMBS I TABS (BEZ ZMIAN) --- */ .dropdown_list { border-radius: 12px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; border: 1px solid #eee !important; overflow: hidden !important; } .breadcrumb_wrapper { background: #fdfdfd !important; padding: 15px 0 !important; border-bottom: 1px solid #eee !important; margin-bottom: 20px !important; } .breadcrumb_nav a.text_color:hover { color: #00b2b2 !important; } .nav-tabs.tab_lg { border-bottom: 2px solid #f0f0f0 !important; gap: 30px !important; } .nav-tabs.tab_lg .nav-link.active { color: #00b2b2 !important; } .nav-tabs.tab_lg .nav-link.active::after { content: "" !important; position: absolute !important; bottom: 0; left: 0; width: 100%; height: 3px; background: #00b2b2 !important; border-radius: 3px 3px 0 0 !important; } /* ================================================================ END: HEADER (WYSZUKIWARKA, KOSZYK, KONTO, IKONY) ================================================================ */ /* ================================================================ START: BREADCRUMBS ================================================================ */ .breadcrumb_wrapper { background: #fdfdfd !important; padding: 15px 0 !important; border-bottom: 1px solid #eee !important; margin-bottom: 20px !important; } .breadcrumb_nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; } .breadcrumb_nav li { font-size: 13px !important; color: #888 !important; display: flex !important; align-items: center !important; } .breadcrumb_nav a.text_color { color: #333 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .breadcrumb_nav a.text_color:hover { color: #00b2b2 !important; } .breadcrumb_nav li.navigation-pipe { margin: 0 10px !important; color: #ccc !important; font-size: 11px !important; font-family: "Mundial", Arial, Helvetica, sans-serif !important; } .breadcrumb_nav li:last-child span { font-weight: 600 !important; color: #555 !important; } /* Linki w breadcrumbs */ .breadcrumb_nav a.text_color { color: #333 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .breadcrumb_nav a.text_color:hover { color: #00b2b2 !important; /* Twój turkusowy kolor */ } /* Separator (rurka/strzałka) */ .breadcrumb_nav li.navigation-pipe { margin: 0 10px !important; color: #ccc !important; font-size: 11px !important; font-family: sans-serif !important; } /* Styl dla aktualnej strony (ostatni li) */ .breadcrumb_nav li:last-child span { font-weight: 600 !important; color: #555 !important; } /* Usunięcie domyślnych cieni lub tła jeśli występują w col-12 */ .breadcrumb_wrapper .text-1 { padding: 0 !important; } /* ================================================================ END: BREADCRUMBS ================================================================ */ /* ================================================================ START: ZAKŁADKI (TABS) NA KARCIE PRODUKTU ================================================================ */ /* Kontener główny zakładek */ .nav-tabs.tab_lg { border-bottom: 2px solid #f0f0f0 !important; margin-bottom: 30px !important; gap: 30px !important; } /* Pojedynczy element listy */ .nav-tabs.tab_lg .nav-item { margin-bottom: -2px !important; /* Nakładka na dolną linię kontenera */ } /* Linki (tekst zakładek) */ .nav-tabs.tab_lg .nav-link { border: none !important; background: transparent !important; color: #888 !important; font-weight: 600 !important; font-size: 16px !important; padding: 10px 0 !important; position: relative !important; transition: color 0.3s ease !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } /* Efekt po najechaniu */ .nav-tabs.tab_lg .nav-link:hover { color: #00b2b2 !important; } /* Aktywna zakładka */ .nav-tabs.tab_lg .nav-link.active { color: #00b2b2 !important; background: transparent !important; } /* Linia pod aktywną zakładką */ .nav-tabs.tab_lg .nav-link.active::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important; background: #00b2b2 !important; /* Turkusowa linia aktywacji */ border-radius: 3px 3px 0 0 !important; } /* Usunięcie domyślnych obramowań Bootstrapa, które często psują efekt */ .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border: none !important; } /* ================================================================ END: ZAKŁADKI (TABS) NA KARCIE PRODUKTU ================================================================ */ /* ================================================================ START: BLOG ================================================================ */ #stb_search_query_block { border: none !important; } #blog_primary_block .blog_heading { font-family: "Mundial", Arial, Helvetica, sans-serif !important; color: #263580 !important; font-size: 2.5rem !important; margin-bottom: 20px !important; line-height: 1.2 !important; } #blog_primary_block .blog_content h4 { color: #263580 !important; margin-top: 30px !important; margin-bottom: 15px !important; font-weight: 700 !important; } /* Sidebar TYLKO w kolumnie blogowej */ #left_column .column_block .title_block { border-bottom: 2px solid #00b2b2 !important; margin-bottom: 20px !important; padding-bottom: 10px !important; } /* Wyszukiwarka - ograniczona identyfikatorem modułu bloga */ #stb_searchbox .input-group { border: 1px solid #ddd !important; border-radius: 50px !important; overflow: hidden; padding: 2px 15px !important; } /* Tagi TYLKO w sekcji bloga */ .tags_block .tags_wrap a, #blog_tags a { display: inline-block !important; background: #f4f4f4 !important; color: #666 !important; padding: 5px 12px !important; margin: 0 5px 8px 0 !important; border-radius: 4px !important; font-size: 12px !important; transition: all 0.3s ease !important; text-decoration: none !important; } .tags_block .tags_wrap a:hover, #blog_tags a:hover { background: #00b2b2 !important; color: #fff !important; } /* Produkty powiązane - selektor ograniczony do kontenera bloga */ .page-blog-article .products_section { margin-top: 50px !important; padding-top: 30px !important; border-top: 1px solid #eee !important; } .page-blog-article .pro_outer_box { border: 1px solid #f0f0f0 !important; border-radius: 10px !important; padding: 10px !important; transition: box-shadow 0.3s ease !important; } /* Przycisk koszyka TYLKO w sliderze pod artykułem */ .page-blog-article .act_box_cart .btn-default { background-color: #00b2b2 !important; color: white !important; border: none !important; border-radius: 50px !important; text-transform: uppercase !important; font-weight: 600 !important; } /* ================================================================ END: BLOG ================================================================ */ /* ================================================================ START: NEWSLETTER ================================================================ */ /* Główny kontener pola */ #st_news_letter_1 .input-group.round_item { background-color: #ffffff !important; border: 1.5px solid #eee !important; border-radius: 50px !important; padding: 4px !important; display: flex !important; box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important; transition: border-color 0.3s ease !important; } /* Pole e-mail */ #st_news_letter_1 .st_news_letter_input { background: transparent !important; border: none !important; padding-left: 25px !important; font-size: 14px !important; color: #333 !important; flex-grow: 1 !important; } /* Przycisk "Zapisz się" */ #st_news_letter_1 .st_news_letter_submit { background-color: #263580 !important; /* Bazowy turkus */ color: #ffffff !important; border: none !important; border-radius: 50px !important; padding: 10px 25px !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: all 0.3s ease-in-out !important; /* Płynna zmiana koloru */ cursor: pointer !important; } /* EFEKT NAJECHANIA (Hover) */ #st_news_letter_1 .st_news_letter_submit:hover { background-color: #006666 !important; /* Twój wybrany kolor */ box-shadow: 0 4px 10px rgba(0, 102, 102, 0.25) !important; transform: translateY(-1px) !important; /* Subtelne uniesienie */ } /* Stylizacja obramowania przy pisaniu */ #st_news_letter_1 .input-group.round_item:focus-within { border-color: #006666 !important; /* Spójność z hoverem przycisku */ } /* Usunięcie domyślnych efektów Bootstrapa */ #st_news_letter_1 .st_news_letter_input:focus { outline: none !important; box-shadow: none !important; } .st_news_letter_form .psgdpr_consent_message { color: white !important; } .st_news_letter_form .psgdpr_consent_message a, .st_news_letter_form .psgdpr_consent_message a:hover { color: white !important; text-decoration: underline !important; } .st_news_letter_form .psgdpr_consent_message a:hover { text-decoration: none !important; } /* ================================================================ END: NEWSLETTER ================================================================ */ /* ================================================================ START: UTILITY CLASSES (CMS / REGULAMIN) ================================================================ */ /* --- LAYOUT --- */ .ar-wrapper { max-width: 860px; margin: 0 auto; padding: 40px 20px; font-family: "Mundial", Arial, Helvetica, sans-serif; color: #333; line-height: 1.7; } /* --- NAGŁÓWEK STRONY --- */ .ar-page-header { text-align: center; margin-bottom: 50px; padding-bottom: 30px; border-bottom: 3px solid #00b2b2; } .ar-page-title { font-size: 28px; font-weight: 800; color: #222; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; } .ar-page-subtitle { font-size: 20px; font-weight: 700; color: #00b2b2; letter-spacing: 1px; } /* --- SEKCJE --- */ .ar-section { margin-bottom: 40px; } /* --- NAGŁÓWKI PARAGRAFÓW --- */ .ar-section-title { font-size: 17px; font-weight: 700; color: #fff; background-color: #00b2b2; padding: 12px 20px; border-radius: 6px; margin: 0 0 20px 0; letter-spacing: 0.5px; } /* --- BLOKI INFORMACYJNE --- */ .ar-box-info { background: #f8f9fa; border-left: 4px solid #00b2b2; border-radius: 0 6px 6px 0; padding: 20px 25px; margin: 0 0 20px 0; font-size: 15px; } .ar-box-teal { background: #f0fafa; border: 1px solid #b2e6e6; border-radius: 8px; padding: 18px 22px; margin-bottom: 20px; font-size: 15px; color: #006666; font-weight: 600; } .ar-box-teal-left { background: #f0fafa; border-left: 4px solid #00b2b2; border-radius: 0 6px 6px 0; padding: 12px 18px; color: #006666; font-weight: 600; font-size: 15px; margin: 0 0 20px 0; } .ar-box-warning { font-size: 14px; padding: 12px 18px; background: #fff8f8; border-left: 4px solid #ff9800; border-radius: 0 6px 6px 0; color: #7d4e00; margin: 0 0 20px 0; } .ar-box-danger { font-size: 15px; padding: 12px 18px; background: #fff8f8; border-left: 4px solid #ff4d4d; border-radius: 0 6px 6px 0; color: #c0392b; margin: 0 0 20px 0; } .ar-box-neutral { background: #f8f9fa; border-radius: 6px; padding: 15px 20px; font-size: 15px; color: #444; margin: 0 0 20px 0; } /* --- TABELA DEFINICJI --- */ .ar-table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 20px 0; } .ar-table td { padding: 12px 15px; vertical-align: top; } .ar-table tr { border-bottom: 1px solid #f0f0f0; } .ar-table tr:nth-child(even) { background: #fafafa; } .ar-table .ar-table-label { font-weight: 700; color: #006666; width: 200px; } /* --- LISTY Z PTASZKIEM --- */ .ar-list { margin: 0 0 20px 0; padding-left: 0; list-style: none; font-size: 15px; } .ar-list li { padding: 10px 0 10px 28px; position: relative; color: #444; border-bottom: 1px solid #f5f5f5; } .ar-list li:last-child { border-bottom: none; } .ar-list li::before { content: "✓"; position: absolute; left: 0; color: #00b2b2; font-weight: 700; } /* --- LISTA KROKÓW NUMEROWANYCH --- */ .ar-steps { margin: 0 0 20px 0; padding-left: 0; list-style: none; font-size: 15px; counter-reset: ar-counter; } .ar-steps li { padding: 10px 15px 10px 55px; position: relative; margin-bottom: 8px; background: #f8f9fa; border-radius: 6px; color: #444; counter-increment: ar-counter; } .ar-steps li::before { content: counter(ar-counter); position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background: #00b2b2; color: #fff; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; } /* --- TAGI KRAJÓW --- */ .ar-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; } .ar-tag { background: #e6f7f7; color: #006666; font-size: 13px; font-weight: 600; padding: 5px 14px; border-radius: 20px; border: 1px solid #b2e6e6; } /* --- PODTYTUŁ SEKCJI --- */ .ar-subtitle { margin: 0 0 12px 0; font-size: 15px; font-weight: 600; color: #333; } /* --- TEKST --- */ .ar-text { margin: 0 0 15px 0; font-size: 15px; color: #444; } .ar-strong { color: #006666; font-weight: 700; } /* --- LINK --- */ .ar-link { color: #00b2b2 !important; font-weight: 600; text-decoration: none; } .ar-link:hover { color: #006666 !important; text-decoration: underline; } /* --- STOPKA --- */ .ar-footer { text-align: center; padding-top: 30px; border-top: 2px solid #f0f0f0; margin-top: 20px; font-size: 13px; color: #aaa; } /* ================================================================ END: UTILITY CLASSES (CMS / REGULAMIN) ================================================================ */ #checkout-payment-step .js-terms a { font-weight: 700 !important; } /* ================================================================ START: CUSTOM FONTY ================================================================ */ @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialHair.otf") format("opentype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialHairItalic.otf") format("opentype"); font-weight: 100; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialThin.otf") format("opentype"); font-weight: 200; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialThinItalic.otf") format("opentype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialLight.otf") format("opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialLightItalic.otf") format("opentype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialRegular.otf") format("opentype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialItalic.otf") format("opentype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialDemibold.otf") format("opentype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialDemiboldItalic.otf") format("opentype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialBold.otf") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialBoldItalic.otf") format("opentype"); font-weight: 700; font-style: italic; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialBlack.otf") format("opentype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Mundial"; src: url("/themes/transformer/assets/fonts/mundial/MundialBlackItalic.otf") format("opentype"); font-weight: 900; font-style: italic; } /* ================================================================ END: CUSTOM FONTY ================================================================ */ /* ================================================================ START: STICKY FOOTER (WYPEŁNIENIE PUSTEJ PRZESTRZENI POD STOPKĄ) ================================================================ */ #page_wrapper { min-height: 100vh; display: flex; flex-direction: column; } main#wrapper { flex: 1; } .breadcrumb_wrapper { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ================================================================ END: STICKY FOOTER ================================================================ */ /* ================================================================ START: BIGGER LOGO ================================================================ */ #st_header .shop_logo img { width: 100%; height: auto; } /* ================================================================ END: BIGGER LOGO ================================================================ */ /* ================================================================ START: WYRÓWNANIE KART PRODUKTÓW ================================================================ */ /* Stała proporcja zdjęcia 7:8 (280x320) */ .swiper-slide.ajax_block_product .pro_first_box, .product_list.grid .ajax_block_product .pro_first_box { aspect-ratio: 7 / 8; overflow: hidden; } .swiper-slide.ajax_block_product .pro_first_box > a, .product_list.grid .ajax_block_product .pro_first_box > a { display: block; height: 100%; } .swiper-slide.ajax_block_product .pro_first_box img:not(.back-image):not(.holder), .product_list.grid .ajax_block_product .pro_first_box img:not(.back-image):not(.holder) { width: 100%; height: 100%; object-fit: cover; object-position: center; } /* Karty równej wysokości */ .swiper-slide.ajax_block_product .pro_outer_box, .product_list.grid .ajax_block_product .pro_outer_box { height: 100%; display: flex; flex-direction: column; } .swiper-slide.ajax_block_product .pro_second_box, .product_list.grid .ajax_block_product .pro_second_box { flex: 1; display: flex; flex-direction: column; } /* Placeholder dla badge dostępności — wyrównuje tytuły */ .swiper-slide.ajax_block_product .product-stock-badge, .product_list.grid .ajax_block_product .product-stock-badge { min-height: 28px; } /* Tytuł — max 2 linie */ .swiper-slide.ajax_block_product .s_title_block a, .product_list.grid .ajax_block_product .s_title_block a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.8em; } /* Placeholder omnibus — zawsze zajmuje miejsce nawet gdy pusty */ .swiper-slide.ajax_block_product .product-omnibus-placeholder, .product_list.grid .ajax_block_product .product-omnibus-placeholder { min-height: 2em; } .swiper-slide.ajax_block_product .product-omnibus-placeholder .presta-studio-price-history-text, .product_list.grid .ajax_block_product .product-omnibus-placeholder .presta-studio-price-history-text { margin-bottom: 0; font-size: 12px; } @media (max-width: 1440px) { .swiper-slide.ajax_block_product .product-omnibus-placeholder, .product_list.grid .ajax_block_product .product-omnibus-placeholder { min-height: 3em; } } @media (max-width: 992px) { .swiper-slide.ajax_block_product .product-omnibus-placeholder, .product_list.grid .ajax_block_product .product-omnibus-placeholder { min-height: 2em; } } @media (max-width: 480px) { .swiper-slide.ajax_block_product .product-omnibus-placeholder, .product_list.grid .ajax_block_product .product-omnibus-placeholder { min-height: 0; } } /* Przycisk zawsze na dole */ .swiper-slide.ajax_block_product .act_box_cart, .product_list.grid .ajax_block_product .act_box_cart { margin-top: auto !important; } /* ================================================================ END: WYRÓWNANIE KART PRODUKTÓW ================================================================ */ .pro_outer_box .product-price-and-shipping { padding-bottom: 0; } .pro_second_box .st_sticker_block { padding-bottom: 0; }