body { background: #ccc url('../images/bg2.jpg') 0 0; font-family: Helvetica; } h1, h2, h3, h4, h5, h6, .moduleTitle { font-family: 'Yanone Kaffeesatz', Helvetica; } #toparea { background: #222222 !important; background-color: #222222 !important; background-image: none !important; border-bottom: none !important; border: none !important; padding: 15px 0 5px 0 !important; } #toparea.sliderArea { background-image: url('../images/slider-bg.jpg'); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #list_product_image_middle img { max-width: 100%; background-color: #575757 !important; width: 100% !important; height: auto !important; padding: 0px !important; border-radius: 4px !important; display: block !important; object-fit: contain !important; } .flexBox .custom p { display: flex; flex-wrap: wrap; justify-content: center; background: #fff; border-radius: 0 0 10px 10px; } .flexBox .custom p a { font-size: 13px; color: #000; text-decoration: none; line-height: 39px; font-weight: 600; margin: 0 15px; } .flexBox .custom p a i { font-size: 17px; color: #049b82; } #toparea .topareaUser { justify-content: right; font-size: 13px; line-height: 160%; margin: 10px 0; } #toparea .topareaUser li { margin-left: 14px; } #toparea .topareaUser li a { color: #fff; } #toparea .mainMenu { justify-content: right; font-size: 13px; } #toparea .mainMenu li { border-radius: 4px; border: 1px #fff solid; margin-left: 10px; background: #009A80; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms; } #toparea .mainMenu li a { color: #fff; text-decoration: none; padding: 0 10px; line-height: 28px; text-shadow: 0 1px #6b8201; display: block; } #toparea .mainMenu li.active, #toparea .mainMenu li:hover, #toparea .mainMenu li:focus { background: #1eaf59; border: 1px #000 solid; } #sp-userpos { margin-bottom: 0 !important; border: none !important; border-top: none !important; padding-bottom: 10px !important; } #sp-userpos .custom, .label_products.jshop.row, .moduleWrapper, .contentWrapper { border-top: 1px solid #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #ccc; background: #f4f4f4; padding: 15px; } .moduleWrapper { margin-bottom: 25px; margin-top: 0 !important; } #sp-userpos .custom p { margin: 10px 0; font-size: 18px; } #sp-userpos .custom p i { color: #049b82; margin-left: 7px; } .label_products .img-thumbnail { margin-bottom: 25px; } .label_products .img-thumbnail a.productImage { display: block; position: relative; text-align: center; overflow: hidden; max-width: 300px; margin: 0 auto; } .label_products .img-thumbnail a.productImage img.imgFluid { max-width: 100%; position: absolute; margin-top: 50%; margin-left: 50%; transform: translate(-50%, -50%); z-index: 1; } h3.productName a { font-size: 18px; line-height: 24px; height: 48px; position: relative; overflow: hidden; color: #4b200c; text-decoration: none; display: block; text-align: center; } .productPrice { color: #ff7e57; font-weight: 600; font-size: 20px; text-align: center; } .moduleTitle { font-size: 24px; font-weight: 400; line-height: normal; padding: 0 10px 10px 10px; color: #373737; } #leftSection .moduleTitle { padding-left: 0; position: relative; } #shopCart table { font-size: 13px; margin-bottom: 0; } #shopCart table .cartSumm { color: #ff7e57; font-weight: 600; font-size: 15px; } #shopCart .showCart, #shopCart .cartEmpty { margin: 0; padding-top: 10px; border-top: 1px #dee2e6 solid; text-align: right; } #shopCart .cartEmpty { font-size: 13px; text-align: left; } #shopCart .showCart a { color: #4b200c; font-size: 15px; font-weight: normal; } #shopCategories ul { margin: 0; padding: 0; list-style: none; } #shopCategories > ul > li { border-bottom: 1px dotted rgb(0, 0, 0); } #shopCategories > ul > li .cat-item-box { padding: 6px 18px 6px 0; font-size: 13px; } #shopCategories ul li { position: relative; } #shopCategories ul li i { display: block; position: absolute; width: 31px; height: 31px; top: 0px; right: 0px; z-index: 3; text-align: center; line-height: 31px; cursor: pointer; } #shopCategories ul li ul, #shopCategories ul li.active ul ul, #shopCategories ul li.active ul ul ul { display: none; } #shopCategories ul li.active ul, #shopCategories ul li.active ul li.active ul { display: block; } #shopCategories ul.level-1 li .cat-item-box { padding-left: 14px; } #shopCategories ul li .cat-item-box i { left: 0; width: 14px; } #shopCategories ul.level-2 li .cat-item-box { padding-left: 24px; } #shopCategories ul.level-2 li .cat-item-box i { left: 12px; width: 10px; font-size: 6px; } #shopCategories ul li a { color: #000; } #shopCategories ul li.active a, #shopCategories ul li.active li.active a, #shopCategories ul li.active li.active li.active a { color: #ff7e57; } #shopCategories ul li.active li a, #shopCategories ul li.active li.active li a, #shopCategories ul li.active li.active li.active li a { color: #000; } #ac-userpos .custom p { margin: 10px 0; text-align: justify; } #footerSection { background: #1a1a1a !important; color: #aaaaaa !important; padding: 40px 0 20px 0 !important; border-top: 1px solid #333 !important; background-color: #1a1a1a !important; font-size: 14px !important; } .moduleTitleFooter { font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; border-bottom: 1px solid #FF9F00 !important; font-weight: 100; font-size: 22px !important; color: #ffffff !important; padding-bottom: 10px !important; margin-bottom: 20px !important; text-transform: uppercase !important; display: inline-block !important; min-width: 50px; } .moduleConternFooter { font-size: 13px; } .moduleConternFooter p { margin: 7px 0; } .moduleConternFooter p a { color: #999; font-weight: 300; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms; } .moduleConternFooter p strong a { color: #bbb; font-weight: 600; font-size: 24px; font-family: 'Yanone Kaffeesatz', Helvetica; } .moduleConternFooter p a:hover, .moduleConternFooter p a:focus { color: #000; text-decoration: none; } .moduleConternFooter p img { padding: 0 3px; } .moduleConternFooter ul { padding-left: 15px; } .moduleConternFooter ul li a { font-size: 13px; color: #666; } .moduleConternFooter ul li a:hover, .moduleConternFooter ul li a:focus { color: #000; text-decoration: none; } #iteam { background: transparent !important; color: #777 !important; padding: 23px 0 15px; margin-top: 30px !important; background-color: transparent !important; background-image: none !important; border-top: 1px solid #333 !important; padding-top: 20px !important; text-align: center !important; } #iteam a { display: flex; flex-wrap: wrap; justify-content: center; font-size: 13px; color: #999 !important; filter: alpha(Opacity=30); opacity: 0.30; text-shadow: none !important; text-decoration: none !important; } #iteam a span { flex: 0 0 100%; } #iteam a:hover, #iteam a:focus { filter: alpha(Opacity=100); opacity: 1; text-decoration: none; } .jshop_list_category, .jshop.list_product { display: flex; flex-wrap: wrap; justify-content: center; } .categoryItem, .productItem { width: 160px; overflow: hidden; border-top: 1px solid #e6e6e6; border-left: 1px solid #fff; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #ccc; background: #f4f4f4; padding: 15px; margin: 0 15px 15px 15px; } .categoryItemImage a, .productImage a { display: block; position: relative; width: 130px; height: 130px; overflow: hidden; background: #fff !important; padding: 5px !important; border-radius: 4px !important; } .categoryItemImage a img, .productImage a img { max-width: 130px; max-height: 130px; display: block; position: relative; margin: 0 auto; } .categoryItemName a, .productName a { display: block; position: relative; overflow: hidden; font-size: 18px; line-height: 20px; height: 40px; text-align: center; font-family: 'Yanone Kaffeesatz', Helvetica; color: #000; margin-top: 10px; } .productName a { height: 60px; } .categoryItem:hover, .categoryItem:focus, .productItem:hover, .productItem:focus { background: #e6e6e6; } .categoryItem:hover a, .categoryItem:focus a, .categoryItem a:hover, .categoryItem a:focus, .productItem:hover a, .productItem:focus a, .productItem a:hover, .productItem a:focus { color: #ff7e57; text-decoration: none; } h1.moduleTitle { padding-left: 0; padding-right: 0; } .form_sort_count { border-top: none !important; border-bottom: none !important; padding: 10px 0 !important; margin-bottom: 20px !important; background-color: #262626 !important; border: none !important; color: #eeeeee !important; border-radius: 3px !important; background: #262626 !important; box-shadow: none !important; } .form_sort_count .block_sorting_count_to_page { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } .form_sort_count .block_sorting_count_to_page .controlGroup { display: flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; font-size: 13px; color: #888; } .form_sort_count .controlGroup label, .form_sort_count .controlGroup .controlLabel { margin-right: 10px !important; margin-bottom: 0 !important; } .form_sort_count .controlGroup select { margin-right: 5px !important; margin-bottom: 0 !important; } .box_products_count_to_page .controlLabel { text-align: right; } .form_sort_count .block_sorting_count_to_page .controlGroup select { padding: 4px; border: 1px #ccc solid; color: #666; } .productItem .jshop_price { color: #ca4500; text-align: center; margin-top: 10px; } .jshop_pagination nav { text-align: center; } .jshop_pagination nav .pagination { justify-content: center; } .pagination_result_counter { font-size: 13px; color: #888; text-align: center; } #mxcpr { display: none; } .jshop.productfull.contentWrapper { padding-left: 0; padding-right: 0; } .manufacturer_name, .attributes_name, #prod_price { font-size: 13px; color: #666; } .old_price { font-size: 18px; color: #666; text-decoration: line-through; font-family: 'Yanone Kaffeesatz', Helvetica; } .prod_price { font-size: 16px !important; color: #aaa !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; } .prod_price span { font-family: Helvetica; font-size: 24px; font-weight: normal; color: #ca4500; } div.jshop_prod_attributes { padding-bottom: 0; } #not_available { font-size: 13px; padding-bottom: 10px; padding-top: 10px; color: #ff0000; } .btn-buy { background: #ca4500; border: 1px solid #ca4500; text-shadow: 0 1px #371606; color: #fff; font-size: 14px; } .btn-buy:hover, .btn-buy:focus { box-shadow: none; } #jShopData form { display: flex; flex-wrap: wrap; justify-conent: center; } #jShopData form .control-group { min-width: 50%; margin-bottom: 15px; } #jShopData form .control-group .control-label { font-size: 13px; } #jShopData form .control-group .control-label span { color: #ff0000; } #jShopData form .control-group .controls input { padding: 5px 7px; } .formFlex, .prod_buttons { display: flex; flex-wrap: wrap; justify-coontent: center; } .formFlex .control-group { min-width: 50%; margin-bottom: 15px; } .prod_buttons .prod_qty, .formFlex .fWidth { width: 100%; } .formFlex .control-group .control-label, .prod_buttons .prod_qty { font-size: 13px; } .formFlex .control-group input, .formFlex .control-group textarea { padding: 3px 7px; } .attr_values_data select { padding: 5px 7px; } div.jshop_prod_attributes select { min-width: 140px; } .prod_qty_input input { width: 70px; padding: 5px 7px; text-align: center; margin-right: 5px; } .jShopCart input { padding: 5px 7px; width: 60px; text-align: center; } .jShopCart th { font-size: 12px; text-transform: uppercase; text-align: center; } .jShopCart td { font-size: 13px; } .jShopCart td.quantity, .jShopCart td.remove { text-align: center; width: 90px; } .jShopCart td.single_price, .jShopCart td.total_price { text-align: right; } .jshop_subtotal .name { font-size: 13px; vertical-align: bottom; } .cart_block_discount .name, #jshop_menu_order td, .jsRegister .control-label, .control-group.other_delivery_adress, #table_shippings .shipping_descr, .checkoutinfo, .pfinish_comment_block .name, .pfinish_comment_block .row_agb { font-size: 13px; } .jsRegister .control-label span { color: #ff0000; } #table_payments label b, #table_shippings label b { font-size: 14px; font-weight: bold; } .contentWrapper { margin-bottom: 15px; } .itemIntroText, .articleBody { font-size: 14px; } .itemIntroText table, .articleBody table { font-size: 13px; } .blog .page-header a, .item-page .page-header h2 { color: #049b82; font-size: 24px; } .pagination { flex-wrap: wrap; justify-content: center; } .pagination .counter.pull-right { flex: 0 0 100%; text-align: center; font-size: 13px; } #leftSection .moduleTitle i { width: 24px; height: 24px; line-height: 24px; text-align: center; display: none; position: absolute; right: 0; top: 3px; font-size: 14px; cursor: pointer; } #leftSection .level-0, .shopCartToggle { display: block; } .searchInput { display: inline-flex; width: 150px; height: calc(2.25rem + 2px) !important; padding: 7px 15px; font-size: 1rem; line-height: 1.5; color: #fff !important; background-color: #1a1a1a !important; border: 1px solid #444 !important; border-right: none !important; border-radius: 3px 0 0 3px; vertical-align: top !important; } .searchButton { padding: 6px 14px; border: 1px solid #444 !important; margin: 0 !important; border-left: none !important; background: #fff; border-radius: 0 3px 3px 0; cursor: pointer; color: #FF9F00 !important; background-color: #333 !important; height: calc(2.25rem + 2px) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: top !important; } #legioLogo a { margin: 10px 0; display: block; } #legioSearch form { width: 100% !important; margin: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; position: relative !important; } #legioMenu ul li a { padding-top: 40px; display: flex !important; min-height: 50px; min-width: 44px; background-position: top center; background-repeat: no-repeat; text-align: center; opacity: 0.7; flex-direction: column !important; align-items: center !important; color: #aaaaaa !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 12px !important; text-transform: uppercase !important; text-decoration: none !important; padding: 0 !important; background: none !important; transition: color 0.3s ease; } #legioMenu ul li a:hover, #legioMenu ul li a:focus { opacity: 1; animation-duration: 0.3s; animation-name: legioMenu; } #legioMenu ul li.item-123 a { background-image: url('../images/icons/icon-36x36-map.png'); } #legioMenu ul li.item-124 a { background-image: url('../images/icons/icon-36x36-contacts.png'); } #legioMenu ul li.item-111 a { background-image: url('../images/icons/icon-36x36-register.png'); } #legioMenu ul li.item-112 a { background-image: url('../images/icons/icon-36x36-login.png'); } #legioMenu ul li.item-125 a { background-image: url('../images/icons/icon-36x36-cart.png'); } #legioMenu ul li.item-113 a { background-image: url('../images/icons/icon-36x36-exit.png'); } #legioMenu ul li.item-121 a { background-image: url('../images/icons/icon-36x36-edit.png'); } #legioMenu ul li.item-122 a { background-image: url('../images/icons/icon-36x36-walet.png'); } #catalogueMenu { background: #222222 !important; border-bottom: 1px solid #111111 !important; border-top: none !important; padding: 15px 0; margin-bottom: 5px !important; border: none !important; box-shadow: none !important; padding-bottom: 0 !important; min-height: auto !important; z-index: 100 !important; background-color: #222222 !important; position: relative; padding-top: 0 !important; margin-top: 0 !important; } #catalogueMenu .flexBox { display: flex; flex-wrap: wrap; justify-content: center; } #catalogueMenu .flexBox .catItem a { font-size: 12px; line-height: 24px; display: block; height: 24px; position: relative; padding: 0 8px; color: #545454; border: none !important; border-radius: 12px; margin: 3px; box-shadow: none !important; } #catalogueMenu .flexBox .catItem a:hover, #catalogueMenu .flexBox .catItem a:focus { text-decoration: none; border-color: #ca4500; color: #ca4500; } #catalogueMenu .flexBox .catItem.active a, #catalogueMenu .flexBox .catItem.active a:hover, #catalogueMenu .flexBox .catItem.active a:focus { background: #ca4500; text-decoration: none; border-color: #ca4500; color: #fff; } .catLevel-1, .catLevel-2, .catLevel-3, .catLevel-4, .catLevel-5 { display: none; } #catalogueMenu .flexBox .catItem:last-child a i { display: none; padding: 0 8px; } #shopBrands .brandName { padding: 0 0 8px 0; border-bottom: 1px #eaeaea solid; margin: 8px 0; } #shopBrands .brandName a { font-size: 14px; line-height: 18px; color: #757575; display: block; } #shopBrands .brandName.active a, #shopBrands .brandName a:hover, #shopBrands .brandName a:focus { color: #222; text-decoration: none; } .input_type_radio { margin: 0; padding: 0; } .input_type_radio label { margin: 0; padding: 0; } .input_type_radio label span { padding: 5px 7px; background: #ebebeb; border-radius: 3px; text-align: center; cursor: pointer; color: #696969; font-weight: bold; } .input_type_radio.selectedAttr label span { color: #222; } .input_type_radio input { display: none; } .manufacturer_description { font-size: 14px; } .carousel-inner .container { background: #262626 !important; padding-top: 15px; padding-bottom: 15px; border-radius: 5px; border: 1px solid #444 !important; color: #ffffff !important; } .carousel-inner .container .slider-image { text-align: right; } .carousel-inner .container .slider-button { margin: 15px 0; } .carousel-inner .container .btn-buy:hover, .carousel-inner .container .btn-buy:focus { color: #fff; } .jshop .input_type_radio { margin-bottom: 10px; } .row.inSide { width: 100%; margin-top: 15px; } .row.inSide .col-md-8, .row.inSide .col-md-4 { margin: 0px; padding-left: 0; } .carousel-item.row.active { display: flex; margin: 0 auto; } .carousel-control-next, .carousel-control-prev { width: 20px; color: #000; } #main-section .carousel-control-next-icon, #main-section .carousel-control-prev-icon { background-image: none; font-size: 32px; color: #000; } #main-section .carousel-control-next-icon:hover, #main-section .carousel-control-prev-icon:hover, #main-section .carousel-control-next-icon:focus, #main-section .carousel-control-prev-icon:focus { color: #ff7e57; } #jshop_unijax_filter { background: #fff; padding: 5px; position: relative; display: block; } #jshop_unijax_filter .uf_wrappers { position: relative; display: block; overflow: hidden; } .uf_wrapper uf_wrapper_attributes_1 { position: relative; } #uf_finded_products { color: #373737; font-family: 'Yanone Kaffeesatz', Helvetica; text-align: center; font-size: 24px; margin: 7px 0; } #uf_finded_products span { color: #ff7e57; } .uf_trackbar_inputs.input-prepend.input-append { margin-top: 7px; } #catalogueMenu .flexBox ul.level-1, #catalogueMenu .flexBox ul.level-2, #catalogueMenu .flexBox ul.level-3 { display: none; } #catalogueMenu .flexBox ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; } #catalogueMenu .flexBox ul.level-0 li { position: relative; } #catalogueMenu .flexBox ul.level-0 li .cat-item-box { display: block; position: relative; height: 32px; line-height: 32px; padding: 0px 20px; margin: 3px; border: 1px #666 solid; border-radius: 4px; } #catalogueMenu .flexBox ul.level-0 .cat-item-box a { color: #666; font-family: 'Yanone Kaffeesatz', Helvetica; font-size: 18px; } #catalogueMenu .flexBox ul.level-0 i { position: absolute; right: 12px; top: 12px; color: #666; } #catalogueMenu .flexBox ul.level-0 li:hover .cat-item-box, #catalogueMenu .flexBox ul.level-0 li:focus .cat-item-box { border-color: #333; } #catalogueMenu .flexBox ul li a { display: block; width: 100%; } #catalogueMenu .flexBox ul.level-0 li:hover a, #catalogueMenu .flexBox ul.level-0 li:focus a, #catalogueMenu .flexBox ul.level-0 li:hover i, #catalogueMenu .flexBox ul.level-0 li:focus i { color: #333; text-decoration: none; } #catalogueMenu .flexBox ul.level-0 li ul.level-1 { display: none; position: absolute; width: 200px; z-index: 2; background: #ebebeb; top: 35px; border: 1px #999 solid; } #catalogueMenu .flexBox ul.level-0 li ul.level-1 li .cat-item-box { height: auto; line-height: 20px; padding: 7px 20px; border-radius: 0; border: 0; border-bottom: 1px #ccc dotted; } #catalogueMenu .flexBox ul.level-0 li ul.level-1 li .cat-item-box i { top: 10px; } #catalogueMenu .flexBox ul.level-0 li ul.level-2 { display: none; position: absolute; width: 200px; z-index: 2; background: #ebebeb; top: -4px; left: 199px; border: 1px #999 solid; } #catalogueMenu .flexBox ul.level-0 li ul.level-2 li .cat-item-box { border: 0; } #catalogueMenu .flexBox ul > li.active > .cat-item-box > a, #catalogueMenu .flexBox ul.level-0 li a:hover, #catalogueMenu .flexBox ul.level-0 li a:focus, #catalogueMenu .flexBox ul.level-1 li a:hover, #catalogueMenu .flexBox ul.level-1 li a:focus, #catalogueMenu .flexBox ul.level-2 li a:hover, #catalogueMenu .flexBox ul.level-2 li a:focus { color: #ff7e57; } .product_label { position: absolute; top: 2px; left: 2px; z-index: 3; } .page-link, .page-link:hover, .page-link:focus { color: #e94300; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #e94300; border-color: #e94300; } .alert.alert-message { color: #004085; background-color: #cce5ff; border-color: #b8daff; } #uf_attributes_2_label.uf_label_attributes_2.uf_disabled, .uf_options_attribute_2 .uf_input.uf_disabled, #uf_manufacturers_label.uf_label_manufacturers.uf_disabled, #uf_labels_label.uf_label_labels.uf_disabled, #uf_attributes_1_label.uf_label_attributes_1.uf_disabled { display: none; } #legioSlider .moduletable, .sp-smart-slider, .carousel-inner .container, .sp-slider-item { background-color: #262626 !important; background: #262626 !important; border: 1px solid #444444 !important; color: #ffffff !important; border-radius: 0 !important; box-shadow: none !important; } #legioSlider h1, #legioSlider h2, #legioSlider h3, #legioSlider p, #legioSlider span, #legioSlider div, .sp-smart-slider h3, .sp-smart-slider p { color: #ffffff !important; text-shadow: none !important; } #legioSlider .btn, .sp-smart-slider .sp-slider-button, .carousel-inner .btn { background-color: #FF9F00 !important; color: #000000 !important; border: none !important; text-shadow: none !important; font-weight: bold !important; text-transform: uppercase !important; } #legioSlider .btn:hover, .sp-smart-slider .sp-slider-button:hover { background-color: #e68a00 !important; color: #000000 !important; } .carousel-inner .container h1, .carousel-inner .container h2, .carousel-inner .container h3, .carousel-inner .container p, .carousel-inner .container span { color: #ffffff !important; text-shadow: none !important; } .carousel-inner .container .btn { background-color: #FF9F00 !important; color: #000 !important; border: none !important; text-transform: uppercase !important; font-weight: bold !important; } #mobile-cat-header { display: none; } #jshop_unijax_filter, .jshop_unijax_filter { background-color: #262626 !important; border: 1px solid #444 !important; color: #ffffff !important; padding: 15px !important; margin-bottom: 20px !important; border-radius: 0 !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; } #jshop_unijax_filter #uf_prices_label { color: #ffffff !important; font-size: 24px !important; font-weight: normal !important; background: transparent !important; border: none !important; padding-bottom: 5px !important; border-bottom: 1px solid #444 !important; margin-bottom: 15px !important; width: 100% !important; display: block !important; } #jshop_unijax_filter div[id*="uf_"][id$="_label"]:not(#uf_prices_label), #jshop_unijax_filter .uf_label_manufacturers, #jshop_unijax_filter .uf_label_attributes, #jshop_unijax_filter .uf_label_labels { display: flex !important; justify-content: space-between !important; align-items: center !important; background-color: #333333 !important; background-image: none !important; color: #ffffff !important; border: 1px solid #444444 !important; padding: 10px 15px !important; margin-bottom: 5px !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 22px !important; text-transform: uppercase !important; line-height: 1.2 !important; cursor: pointer !important; } #jshop_unijax_filter div[id*="uf_"][id$="_label"]:not(#uf_prices_label):hover { background-color: #333333 !important; color: #FF9F00 !important; border-color: #FF9F00 !important; border: 1px solid #FF9F00 !important; box-shadow: none !important; outline: none !important; } #jshop_unijax_filter span.uf_trigon { float: none !important; margin: 0 !important; display: flex !important; align-items: center !important; } #jshop_unijax_filter i[class^="icon-"], #jshop_unijax_filter .icon-plus, #jshop_unijax_filter .icon-minus { filter: invert(1) brightness(10) !important; opacity: 0.8 !important; margin: 0 !important; transform: scale(1.3); background-image: none !important; } #jshop_unijax_filter label.uf_input_label { background-color: #333333 !important; background: #333333 !important; color: #ffffff !important; border: 1px solid #555555 !important; border-radius: 2px !important; padding: 2px 6px !important; margin: 0 5px 4px 0 !important; font-family: Helvetica, sans-serif !important; font-size: 16px !important; text-shadow: none !important; display: inline-block !important; cursor: pointer !important; } #jshop_unijax_filter label.uf_input_label.selected, #jshop_unijax_filter input:checked + label.uf_input_label { background-color: #FF9F00 !important; color: #000 !important; border-color: #FF9F00 !important; } #jshop_unijax_filter label, #jshop_unijax_filter span, #jshop_unijax_filter div, #jshop_unijax_filter li, #jshop_unijax_filter a, #jshop_unijax_filter .uf_el_name { color: #dddddd !important; font-size: 18px !important; text-shadow: none !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; background: transparent !important; } #jshop_unijax_filter .count, #jshop_unijax_filter span.count { color: #888 !important; font-size: 16px !important; } #jshop_unijax_filter input[type="text"] { background-color: #1a1a1a !important; border: 1px solid #555 !important; color: #ffffff !important; box-shadow: none !important; text-align: center !important; padding: 8px !important; font-size: 18px !important; height: auto !important; } #jshop_unijax_filter .uf_trackbar table.trackbar { width: 100% !important; border: none !important; background: transparent !important; margin-top: 15px !important; height: 14px !important; border-collapse: collapse !important; } #jshop_unijax_filter .uf_trackbar table.trackbar td { padding: 0 !important; margin: 0 !important; border: none !important; background: none !important; vertical-align: middle !important; } #jshop_unijax_filter #left_scroll, #jshop_unijax_filter #right_scroll { background-color: #444444 !important; background-image: none !important; height: 8px !important; border-radius: 4px !important; min-width: 0 !important; } #jshop_unijax_filter #scroll_center { background-color: #FF9F00 !important; background: #FF9F00 !important; background-image: none !important; height: 8px !important; min-width: 0 !important; opacity: 1 !important; } #jshop_unijax_filter #left_scroller, #jshop_unijax_filter #right_scroller { width: 20px !important; height: 20px !important; background-color: #ffffff !important; background-image: none !important; border: 4px solid #FF9F00 !important; border-radius: 50% !important; cursor: pointer !important; position: relative !important; top: -5px !important; z-index: 10 !important; display: inline-block !important; } #jshop_unijax_filter #left_scroller img, #jshop_unijax_filter #right_scroller img { display: none !important; } #jshop_unijax_filter .uf_btns { display: flex !important; justify-content: space-between !important; margin-top: 0 !important; position: sticky !important; bottom: 0 !important; z-index: 900 !important; background-color: #262626 !important; border-top: 1px solid #444444 !important; padding: 15px 0 !important; width: 100% !important; } #jshop_unijax_filter button.groupbtnleft, #jshop_unijax_filter button.groupbtnright, #jshop_unijax_filter .btn-submit, #jshop_unijax_filter .btn-reset { font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 22px !important; font-weight: bold !important; text-transform: uppercase !important; border-radius: 0 !important; width: 48% !important; padding: 0 !important; height: 44px !important; line-height: 44px !important; box-shadow: none !important; border: none !important; cursor: pointer !important; -webkit-appearance: none !important; display: inline-block !important; } #jshop_unijax_filter button.groupbtnleft, #jshop_unijax_filter .btn-submit { background: #FF9F00 !important; background-color: #FF9F00 !important; color: #000000 !important; } #jshop_unijax_filter button.groupbtnleft:hover, #jshop_unijax_filter .btn-submit:hover { background-color: #e68a00 !important; } #jshop_unijax_filter button.groupbtnright, #jshop_unijax_filter .btn-reset { background: #444444 !important; background-color: #444444 !important; color: #ffffff !important; } #jshop_unijax_filter button.groupbtnright:hover, #jshop_unijax_filter .btn-reset:hover { background-color: #666 !important; } #jshop_unijax_filter input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px !important; height: 20px !important; background: #1a1a1a !important; border: 1px solid #666 !important; border-radius: 3px !important; display: inline-block !important; position: relative !important; margin-right: 10px !important; vertical-align: middle !important; cursor: pointer; top: -3px !important; margin-top: 0 !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } #jshop_unijax_filter input[type="checkbox"]:checked { background: #FF9F00 !important; border-color: #FF9F00 !important; } #jshop_unijax_filter input[type="checkbox"]:checked::after { content: '✔'; position: absolute; color: #000; font-size: 16px; font-weight: bold; left: 3px; top: -1px; } #rightSection .contentWrapper, .jshop.list_category, .jshop.list_product { background-color: #262626 !important; background: #262626 !important; border: 1px solid #444444 !important; color: #ffffff !important; padding: 20px !important; margin-bottom: 20px !important; } h1, .jshop_list_category h1, .header_category { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; font-weight: normal !important; border-bottom: 1px solid #444 !important; padding-bottom: 10px !important; margin-bottom: 20px !important; } .form_sort_count select { background-color: #333333 !important; color: #ffffff !important; border: 1px solid #444444 !important; padding: 5px 10px !important; border-radius: 4px !important; cursor: pointer !important; } .form_sort_count img, .form_sort_count a img { filter: invert(1) !important; opacity: 0.7 !important; } .productItem { background-color: #262626 !important; border: 1px solid #444444 !important; margin-bottom: 20px !important; padding: 15px !important; transition: all 0.3s ease !important; width: 100% !important; max-width: 300px !important; } .productItem:hover { background-color: #2f2f2f !important; border-color: #FF9F00 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important; } .productItem .name a, .productItem .productName a { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-decoration: none !important; text-transform: uppercase !important; display: block !important; min-height: 44px !important; line-height: 1.2 !important; } .productItem .name a:hover, .productItem .productName a:hover { color: #FF9F00 !important; } .productItem .jshop_price, .productItem .productPrice { color: #FF9F00 !important; font-size: 24px !important; font-weight: bold !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; margin-top: 5px !important; text-align: center !important; } .productItem .old_price { color: #777777 !important; font-size: 16px !important; } .productItem .image { background: #fff !important; padding: 5px !important; border-radius: 4px !important; margin-bottom: 15px !important; } .productItem .buttons .btn, .productItem .btn-buy { background-color: #333 !important; border: 1px solid #FF9F00 !important; color: #FF9F00 !important; text-transform: uppercase !important; font-weight: bold !important; margin-top: 10px !important; border-radius: 0 !important; } .productItem .buttons .btn:hover, .productItem .btn-buy:hover { background-color: #FF9F00 !important; color: #000 !important; } .jshop_pagination { margin-top: 20px !important; border-top: 1px solid #444 !important; padding-top: 15px !important; } .jshop_pagination .page-link { background-color: #333 !important; border-color: #444 !important; color: #fff !important; } .jshop_pagination .page-item.active .page-link { background-color: #FF9F00 !important; border-color: #FF9F00 !important; color: #000 !important; } div.label_products, div.moduleWrapper, div.label_products.moduleWrapper, div.label_products.jshop.row { background-color: #262626 !important; background: #262626 !important; border: 1px solid #444444 !important; color: #ffffff !important; box-shadow: none !important; } #sp-userpos .custom, .label_products.jshop.row, .moduleWrapper, .contentWrapper { border-top-color: #444444 !important; border-left-color: #444444 !important; border-right-color: #444444 !important; border-bottom-color: #444444 !important; } .label_products h1, .label_products h2, .label_products h3, .moduleWrapper h1, .moduleWrapper h2, .moduleWrapper h3 { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-shadow: none !important; } .jshop_list_category .row, .jshop.list_product .row { background: transparent !important; } div.label_products.moduleWrapper.row, div.label_products.jshop.row, .moduleWrapper { background-color: #262626 !important; background: #262626 !important; border: 1px solid #444444 !important; color: #ffffff !important; padding: 15px !important; box-shadow: none !important; } .label_products .img-thumbnail, .img-thumbnail { background-color: #262626 !important; background: #262626 !important; border: 1px solid #444444 !important; border-radius: 4px !important; padding: 10px !important; margin-bottom: 20px !important; } .label_products .img-thumbnail:hover { border-color: #FF9F00 !important; box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; } .label_products .productName a, .label_products h3.productName a, .img-thumbnail .productName a { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-weight: normal !important; text-transform: uppercase !important; text-shadow: none !important; text-decoration: none !important; display: block !important; } .label_products .productName a:hover, .img-thumbnail .productName a:hover { color: #FF9F00 !important; } .label_products .productPrice, .img-thumbnail .productPrice { color: #FF9F00 !important; font-size: 18px !important; font-weight: bold !important; background: transparent !important; } div.label_products.moduleWrapper.row, .jshop_list_category, .jshop.list_product .row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } div.label_products.moduleWrapper.row::before, div.label_products.moduleWrapper.row::after, .jshop_list_category::before, .jshop_list_category::after { display: none !important; content: none !important; } div.label_products.moduleWrapper.row > div, .jshop_list_category > div, .jshop.list_product .row > div { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; flex: none !important; float: none !important; position: static !important; } .productItem, .label_products .img-thumbnail { width: 100% !important; height: 100% !important; box-sizing: border-box !important; margin-bottom: 0 !important; background-color: #2f2f2f !important; border: 1px solid #3e3e3e !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; background: transparent !important; box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; border-radius: 4px !important; transition: all 0.3s ease !important; overflow: hidden !important; padding-bottom: 10px !important; } .productItem img, .label_products .img-thumbnail img { width: 100% !important; height: auto !important; max-height: 250px !important; object-fit: contain !important; margin-bottom: 15px !important; } .jshop.productfull, .productfull { background-color: #262626 !important; color: #ffffff !important; border: none !important; padding-top: 20px !important; } .tab-content, .tab-pane, #main-section .tab-content { background-color: #262626 !important; border: 1px solid #444444 !important; border-top: none !important; color: #dddddd !important; padding: 20px !important; } .nav-tabs { border-bottom: 1px solid #444444 !important; } .nav-tabs .nav-item .nav-link, .nav-tabs > li > a { background-color: #333333 !important; border: 1px solid #444444 !important; color: #aaaaaa !important; margin-right: 2px !important; border-radius: 4px 4px 0 0 !important; } .nav-tabs .nav-item .nav-link.active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #262626 !important; border-color: #444444 #444444 #262626 !important; color: #FF9F00 !important; font-weight: bold !important; } .attributes_name, .extra_fields_name, .manufacturer_name { color: #aaaaaa !important; font-size: 14px !important; } .jshop_prod_attributes .input_type_radio label span { background-color: #333333 !important; border: 1px solid #555555 !important; color: #ffffff !important; cursor: pointer !important; } .jshop_prod_attributes .input_type_radio input:checked + label span, .jshop_prod_attributes .input_type_radio label.active span { background-color: #FF9F00 !important; border-color: #FF9F00 !important; color: #000000 !important; } .productfull .description, .tab-content p, .tab-content div, .tab-content li { color: #eeeeee !important; line-height: 1.6 !important; } .manufacturer_name span, .extra_fields_el span { color: #ffffff !important; } .productfull #block_price { color: #FF9F00 !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 28px !important; } .prod_price_text { color: #aaaaaa !important; font-size: 16px !important; } .jshop_prod_description, .jshop_prod_description.col-sm-12 { background-color: #262626 !important; background: #262626 !important; color: #eeeeee !important; border: none !important; } .jshop_prod_description p, .jshop_prod_description div, .jshop_prod_description span, .jshop_prod_description ul, .jshop_prod_description li { color: #eeeeee !important; background-color: transparent !important; } .jshop_prod_description h3, .jshop_prod_description h4 { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; } button.btn.btn-link, .btn-link, .card-header button { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 22px !important; font-weight: normal !important; text-transform: uppercase !important; text-decoration: none !important; padding: 10px 0 !important; box-shadow: none !important; background: transparent !important; border: none !important; } button.btn.btn-link:hover, button.btn.btn-link:focus, button.btn.btn-link:not(.collapsed) { color: #FF9F00 !important; text-decoration: none !important; } button.btn.button, a.btn.button { background-color: #333333 !important; border: 1px solid #555555 !important; color: #eeeeee !important; padding: 8px 20px !important; font-size: 14px !important; border-radius: 4px !important; text-transform: none !important; transition: all 0.3s ease !important; } button.btn.button:hover, a.btn.button:hover { background-color: #FF9F00 !important; border-color: #FF9F00 !important; color: #000000 !important; text-decoration: none !important; } button.btn.button i, button.btn.button span { color: inherit !important; } #block_price, .jshop_price, .prod_price span#block_price { color: #FF9F00 !important; } input.btn.btn-buy, button.btn-buy, .btn-buy { background-color: #FF9F00 !important; background: #FF9F00 !important; border: 1px solid #FF9F00 !important; color: #000000 !important; font-weight: bold !important; text-shadow: none !important; text-transform: uppercase !important; box-shadow: none !important; border-radius: 4px !important; } input.btn.btn-buy:hover, button.btn-buy:hover, .btn-buy:hover { background-color: #e68a00 !important; border-color: #e68a00 !important; color: #000000 !important; } .prod_price_text, .productfull .prod_price { color: #aaaaaa !important; font-size: 14px !important; font-weight: normal !important; } .productfull .prod_price #block_price { color: #FF9F00 !important; } #prod_price, .prod_price, div.prod_price { color: #ffffff !important; font-size: 16px !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; } #block_price, #prod_price span, .prod_price span { color: #FF9F00 !important; } #prod_price b, #prod_price strong, .prod_price_text { color: #ffffff !important; font-weight: normal !important; } .manufacturer_name, .attributes_name, .jshop_prod_attributes .name { color: #ffffff !important; font-size: 16px !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-weight: normal !important; margin-right: 5px !important; } .manufacturer_name span { color: #ffffff !important; font-size: 16px !important; } #catalogueMenu .flexBox .catItem a:hover, #catalogueMenu .flexBox .catItem:hover a, #catalogueMenu .flexBox .catItem.active a, #catalogueMenu .flexBox .catItem.open a { border: none !important; } #catalogueMenu ul, #catalogueMenu .dropdown-menu { border: none !important; } #sp-userpos, #sp-message { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; } #system-message-container { margin-top: 0 !important; margin-bottom: 0 !important; } #sp-userpos .custom { padding-top: 5px !important; margin-top: 0 !important; border-top: 1px solid #444444 !important; border-left: 1px solid #e6e6e6 !important; border-right: 1px solid #e6e6e6 !important; border-bottom: 1px solid #ccc !important; border-color: #444444 !important; } #sp-userpos .custom, #sp-userpos { border-top: 1px solid #444444 !important; margin-top: 0 !important; } #catalogueMenu .flexBox .catItem a, #catalogueMenu .flexBox .catItem a:hover, #catalogueMenu .flexBox .catItem a:visited { text-decoration: none !important; } #catalogueMenu .flexBox .catItem, #catalogueMenu .flexBox li { border-bottom: none !important; border: none !important; box-shadow: none !important; } .searchInput::placeholder { color: #777 !important; } .searchButton:hover { background-color: #FF9F00 !important; color: #000 !important; } .breadcrumb { background-color: transparent !important; padding: 10px 0 !important; margin-bottom: 15px !important; } .breadcrumb li, .breadcrumb li a, .breadcrumb > .active { color: #aaa !important; text-shadow: none !important; font-size: 13px !important; } .breadcrumb li a:hover { color: #FF9F00 !important; text-decoration: none !important; } .breadcrumb > li + li:before { color: #666 !important; content: "/\00a0" !important; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select { background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #fff !important; box-shadow: none !important; } input:focus, textarea:focus, select:focus { border-color: #FF9F00 !important; outline: none !important; } .jshop .cart, .jshop .jshop_register, .jshop .checkout { color: #ddd !important; } .jshop table.jshop, .jshop table.cart { background-color: transparent !important; } .jshop table.jshop th, .jshop table.cart th { background-color: #333 !important; color: #fff !important; border-bottom: 2px solid #555 !important; } .jshop table.jshop td, .jshop table.cart td { border-top: 1px solid #444 !important; color: #ddd !important; } .jshop .total_price span, .jshop .total span { color: #FF9F00 !important; font-weight: bold !important; font-size: 18px !important; } .alert { background-color: #333 !important; border: 1px solid #555 !important; color: #fff !important; text-shadow: none !important; } .alert-info { border-left: 5px solid #FF9F00 !important; } .alert-success { border-left: 5px solid #28a745 !important; } .alert-warning { border-left: 5px solid #ffc107 !important; } .alert-danger { border-left: 5px solid #dc3545 !important; } .modal-content { background-color: #262626 !important; border: 1px solid #555 !important; color: #fff !important; } .modal-header { border-bottom: 1px solid #444 !important; } .modal-footer { border-top: 1px solid #444 !important; } .modal-title { color: #FF9F00 !important; } .close { color: #fff !important; text-shadow: none !important; opacity: 0.8 !important; } .close:hover { color: #FF9F00 !important; opacity: 1 !important; } #footerSection a { color: #aaa !important; } #footerSection a:hover { color: #FF9F00 !important; } #iteam a:hover { color: #FF9F00 !important; opacity: 1 !important; } #iteam img { filter: invert(1) !important; opacity: 0.5 !important; transition: opacity 0.3s; } #iteam a:hover img { opacity: 1 !important; } #rightSection .moduleTitle, #rightSection .related_header, #rightSection .jshop_module_header, #rightSection .box_related_products .block_related_products_title, .productfull h3, .productfull h4 { color: #ffffff !important; text-transform: uppercase !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 24px !important; font-weight: normal !important; background-color: transparent !important; background: transparent !important; text-shadow: none !important; border-bottom: 1px solid #444 !important; padding-bottom: 10px !important; margin-bottom: 20px !important; width: 100% !important; display: block !important; } #rightSection .moduleTitle a, #rightSection .moduleTitle span, #rightSection .related_header span { color: #ffffff !important; text-transform: uppercase !important; } .jshop_related_products, .jshop_list_product { margin-top: 20px !important; } div.label_products.moduleWrapper.row > .moduleTitle, div.label_products.moduleWrapper.row > div.col-sm-12, .jshop_list_category > .moduleTitle, .label_products h3, .moduleWrapper > h3 { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; margin-bottom: 20px !important; margin-left: 0 !important; padding-left: 0 !important; color: #ffffff !important; text-transform: uppercase !important; } #sp-userpos, #sp-userpos .custom { border: none !important; border-bottom: none !important; box-shadow: none !important; background: transparent !important; } div.label_products.moduleWrapper.row, div.label_products, .moduleWrapper, .contentWrapper, .jshop.list_category, .jshop.list_product { border: none !important; border-top: none !important; border-left: none !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } .row { border: none !important; } .product_sku_list { text-align: center !important; margin: 5px 0 8px 0 !important; line-height: 1.2 !important; font-size: 14px !important; font-family: Helvetica, sans-serif !important; text-transform: uppercase !important; margin-top: 0 !important; margin-bottom: 15px !important; padding: 0 !important; padding-bottom: 5px !important; display: block !important; } .product_sku_list .sku_label { font-weight: normal !important; margin-right: 5px; color: #777 !important; } .product_sku_list .sku_value { font-weight: bold !important; color: #ffffff !important; } .product_sku_detail_block { margin-top: 5px !important; margin-bottom: 10px !important; display: block !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; line-height: 1.2 !important; text-transform: uppercase !important; } .product_sku_detail_block .sku_label { color: #777777 !important; font-weight: normal !important; margin-right: 5px !important; } .product_sku_detail_block .sku_value { color: #ffffff !important; font-weight: bold !important; letter-spacing: 0.5px !important; } .jshop.list_product .productItem, .jshop.list_product .img-thumbnail { padding: 5px !important; } div.label_products.moduleWrapper.row, .jshop.list_product, .jshop.list_product .row { gap: 8px !important; } .productItem .image img, .img-thumbnail img { margin-bottom: 8px !important; max-height: none !important; width: 100% !important; object-fit: contain !important; height: auto !important; padding: 0 !important; border-radius: 4px 4px 0 0 !important; } .productItem .btn-buy, .img-thumbnail .btn-buy { margin-top: 5px !important; padding: 6px 0 !important; } #rightSection .jshop.list_product, #rightSection .jshop.list_product .row { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } #rightSection .jshop.list_product, #rightSection .jshop_list_category .row, #rightSection .label_products.moduleWrapper.row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 6px !important; width: 100% !important; margin: 0 !important; } .productItem .name, .productItem .description, .productItem .productPrice, .productItem .buttons, .productItem .product_sku_list { padding-left: 5px !important; padding-right: 5px !important; } #rightSection { padding-left: 5px !important; padding-right: 0 !important; } .productItem:hover, .label_products .img-thumbnail:hover { border-color: #FF9F00 !important; transform: translateY(-5px) !important; box-shadow: 0 10px 20px rgba(0,0,0,0.5) !important; z-index: 5 !important; } .productItem .name, .productItem .productPrice, .productItem .buttons, .productItem .product_sku_list, .productItem .jshop_price { padding-left: 8px !important; padding-right: 8px !important; } .productItem .name, .productItem .productName, .label_products .productName, .img-thumbnail .productName { margin-bottom: 2px !important; padding-bottom: 0 !important; line-height: 1.1 !important; } .productItem .jshop_price, .productItem .productPrice, .label_products .productPrice, .img-thumbnail .productPrice { font-family: 'Bender', 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 30px !important; font-weight: bold !important; margin-top: 0 !important; line-height: 1 !important; color: #FF9F00 !important; letter-spacing: 1px !important; } #block_price { font-family: 'Bender', 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 36px !important; font-weight: bold !important; color: #FF9F00 !important; letter-spacing: 1px !important; line-height: 1 !important; display: inline-block !important; } #old_price { font-family: 'Bender', 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 24px !important; color: #777 !important; text-decoration: line-through !important; margin-right: 10px !important; } .form_sort_count .controlLabel, .form_sort_count label { color: #aaaaaa !important; font-weight: normal !important; } .form_sort_count img { filter: invert(1) !important; opacity: 0.7 !important; } #catalogueMenu .flexBox .catItem a, #catalogueMenu ul.level-0 > li > a, #catalogueMenu ul.menu > li > a { background: #222222 !important; background-color: #222222 !important; color: #ffffff !important; border: 1px solid #383838 !important; box-shadow: none !important; } #catalogueMenu .flexBox .catItem a:hover, #catalogueMenu ul.level-0 > li > a:hover, #catalogueMenu ul.menu > li > a:hover { background: #FF9F00 !important; background-color: #FF9F00 !important; color: #000000 !important; border-color: #FF9F00 !important; } #catalogueMenu ul, #catalogueMenu .dropdown-menu { background-color: #222222 !important; border-color: #383838 !important; } #catalogueMenu ul li a { color: #fff !important; } #catalogueMenu ul li a:hover { background-color: #383838 !important; color: #FF9F00 !important; } .legio-zoom-btn { position: absolute; top: 50%; left: 86%; transform: translate(-50%, -50%) scale(0.8); width: 50px; height: 50px; background-color: rgba(30, 30, 30, 0.85); border: 2px solid #FF9F00; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; opacity: 0; z-index: 100 !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .legio-zoom-btn svg { stroke: #FF9F00; width: 28px; height: 28px; transition: 0.3s; } .productItem .image:hover .legio-zoom-btn, .label_products .img-thumbnail:hover .legio-zoom-btn, .jshop_list_product .image:hover .legio-zoom-btn { opacity: 1; transform: translate(-50%, -50%) scale(1); } .legio-zoom-btn:hover { background-color: #FF9F00; box-shadow: 0 0 20px rgba(255, 159, 0, 0.6); } .legio-zoom-btn:hover svg { stroke: #000; } .legio-modal { display: none; position: fixed; z-index: 2147483647; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.95); backdrop-filter: blur(5px); justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; cursor: pointer; } .legio-modal.show { opacity: 1; } .legio-modal-content { position: relative; width: 95vw !important; height: 90vh !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } .legio-modal-image { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; min-width: 0 !important; min-height: 0 !important; object-fit: contain !important; border-radius: 4px; box-shadow: 0 0 50px rgba(0,0,0,1); transform: scale(0.95); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: default; } .legio-modal.show .legio-modal-image { transform: scale(1); } .legio-close { position: absolute; top: 20px; right: 30px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; cursor: pointer; line-height: 1; z-index: 2147483648; } .legio-close:hover { color: #FF9F00; transform: rotate(90deg); } #jshop_unijax_filter #uf_extra_fields_label, #jshop_unijax_filter .uf_label_extra_fields, #jshop_unijax_filter div[id$="_label"]:not(#uf_prices_label):not(.uf_label_attributes):not(.uf_label_manufacturers) { display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important; background-color: #333333 !important; color: #ffffff !important; border: 1px solid #444444 !important; padding: 10px 15px !important; margin-bottom: 5px !important; cursor: pointer !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 22px !important; text-transform: uppercase !important; } #jshop_unijax_filter #uf_extra_fields_label:hover, #jshop_unijax_filter .uf_label_extra_fields:hover { border-color: #FF9F00 !important; color: #FF9F00 !important; } #jshop_unijax_filter #uf_extra_fields_label span.uf_trigon, #jshop_unijax_filter .uf_label_extra_fields span.uf_trigon { position: static !important; float: none !important; margin: 0 !important; top: auto !important; right: auto !important; transform: scale(1.3); filter: invert(1) brightness(10); } #jshop_unijax_filter .uf_wrapper_extra_fields { display: none; } #jshop_unijax_filter .uf_wrapper_extra_fields.open { display: block !important; } #jshop_unijax_filter span.uf_trigon, #jshop_unijax_filter i[class^="icon-"], #jshop_unijax_filter .fa-plus, #jshop_unijax_filter .fa-minus { display: none !important; } #jshop_unijax_filter div[id$="_label"]:not(#uf_prices_label), #jshop_unijax_filter .uf_label_manufacturers, #jshop_unijax_filter .uf_label_attributes, #jshop_unijax_filter .uf_label_labels, #jshop_unijax_filter .uf_label_extra_fields { position: relative !important; padding-right: 40px !important; cursor: pointer !important; } #jshop_unijax_filter div[id$="_label"]:not(#uf_prices_label)::after, #jshop_unijax_filter .uf_label_manufacturers::after, #jshop_unijax_filter .uf_label_attributes::after, #jshop_unijax_filter .uf_label_labels::after, #jshop_unijax_filter .uf_label_extra_fields::after { content: '' !important; position: absolute !important; right: 15px !important; top: 50% !important; margin-top: -6px !important; width: 10px !important; height: 10px !important; border-right: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important; transform: rotate(45deg); transition: transform 0.3s ease, border-color 0.3s ease !important; } #jshop_unijax_filter div[id$="_label"].active-arrow::after, #jshop_unijax_filter .uf_label_manufacturers.active-arrow::after, #jshop_unijax_filter .uf_label_attributes.active-arrow::after, #jshop_unijax_filter .uf_label_labels.active-arrow::after, #jshop_unijax_filter .uf_label_extra_fields.active-arrow::after { transform: rotate(225deg) !important; border-color: #FF9F00 !important; margin-top: -2px !important; } #jshop_unijax_filter div[id*="uf_"][id$="_label"]:not(#uf_prices_label):hover * { color: #FF9F00 !important; border-color: transparent !important; } #jshop_unijax_filter div[id*="uf_"][id$="_label"]:not(#uf_prices_label):hover::after { border-color: #FF9F00 !important; } #jshop_unijax_filter .uf_el_element, #jshop_unijax_filter div[class^="uf_el_"] { display: flex !important; align-items: center !important; padding: 3px 0 !important; min-height: 30px !important; width: 100% !important; } #jshop_unijax_filter label img, #jshop_unijax_filter .uf_el_element img { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; object-fit: cover !important; border-radius: 3px !important; border: none !important; box-shadow: none !important; margin-right: 10px !important; margin-left: 0 !important; display: block !important; } #jshop_unijax_filter label { display: inline-flex !important; align-items: center !important; margin-bottom: 0 !important; cursor: pointer !important; width: auto !important; flex-grow: 1 !important; line-height: 1.2 !important; white-space: normal !important; } .legio-social-static { background-color: #262626 !important; border-bottom: 1px solid #444 !important; padding: 15px 0 20px 0 !important; margin-bottom: 20px !important; width: 100% !important; position: relative; z-index: 10; display: block !important; } .social-wrapper { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 15px !important; } .social-btn { display: flex; align-items: center; justify-content: center; color: #cccccc; text-decoration: none; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; padding: 10px 25px; border: 1px solid #444; border-radius: 50px; background: #333; transition: all 0.3s ease; min-width: 160px; } .social-btn i { font-size: 20px; margin-right: 10px; } .social-btn:hover { background: #FF9F00; border-color: #FF9F00; color: #000; text-decoration: none; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(255, 159, 0, 0.3); } .social-btn:hover i { color: #000 !important; } .social-btn.telegram i { color: #2AABEE; } .social-btn.vk i { color: #0077FF; } .social-btn.ok i { color: #F58220; } .social-btn.bonus i { color: #FFD700; } .jshop_cat_short_description, .jshop_cat_description, .category_description, .category-desc, .cat_desc, .cat-desc, .jshop .description, div[class^="category_description"] { display: none !important; } html { scroll-behavior: smooth; } .legio-modal, .modal-content, #catalogueMenu, #jshop_unijax_filter { will-change: transform, opacity; transform: translateZ(0); } #catalogueMenu, .uf-scroll-wrapper, #mobileFilterOverlay { -webkit-overflow-scrolling: touch; } a.social-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #333333 !important; border: 1px solid #555555 !important; color: #cccccc !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; font-weight: normal !important; text-transform: uppercase !important; text-decoration: none !important; padding: 0 20px !important; border-radius: 50px !important; min-width: 160px !important; transition: all 0.3s ease !important; box-shadow: none !important; height: 46px !important; } a.social-btn i { margin-right: 10px !important; font-size: 20px !important; } a.social-btn.telegram i { color: #2AABEE !important; } a.social-btn.vk i { color: #0077FF !important; } a.social-btn.ok i { color: #ED812B !important; } a.social-btn.bonus i { color: #FFC107 !important; } a.social-btn:hover { background-color: #FF9F00 !important; border-color: #FF9F00 !important; color: #000000 !important; transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(255, 159, 0, 0.4) !important; } a.social-btn:hover i { color: #000000 !important; } #global-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #262626; z-index: 99999999; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 1; visibility: visible; transition: opacity 0.5s ease-out, visibility 0.5s ease-out; } #global-preloader.hide-loader { opacity: 0; visibility: hidden; pointer-events: none; } #global-preloader img { max-width: 200px; width: 80%; height: auto; margin-bottom: 25px; animation: logoPulse 2s infinite ease-in-out; } .loader-text-wrapper { display: inline-block; min-height: 32px; } #global-preloader .loader-text { color: #FF9F00; font-family: 'Bender', sans-serif; font-size: 26px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; overflow: hidden; border-right: 3px solid #FF9F00; white-space: nowrap; margin: 0 auto; width: 0; animation: typing 1.5s steps(17, end) forwards, blink-caret .75s step-end infinite; animation-delay: 0.1s; } .productItem .image, .jshop_list_product .image, .label_products .img-thumbnail { position: relative !important; overflow: hidden !important; } .product_manufacturer_badge { position: absolute !important; bottom: 0px !important; left: 0 !important; z-index: 10 !important; background-color: rgba(38, 38, 38, 0.95) !important; border-left: 3px solid #FF9F00 !important; color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 17px !important; font-weight: normal !important; text-transform: uppercase !important; line-height: 1 !important; letter-spacing: 0.5px !important; padding: 5px 10px 6px 8px !important; border-radius: 0 4px 0 0 !important; box-shadow: 2px -2px 5px rgba(0,0,0,0.5) !important; pointer-events: none; } .productItem:hover .product_manufacturer_badge, .img-thumbnail:hover .product_manufacturer_badge { background-color: #FF9F00 !important; color: #000000 !important; border-left-color: #000000 !important; transition: all 0.3s ease; } #legioSlider .sp-smart-slider .sp-slider-content, #legioSlider .sp-smart-slider .sp-slider-des, #legioSlider .sp-smart-slider .intro-text, #legioSlider .sp-smart-slider .sp-layer, #legioSlider .sp-smart-slider div[class*="content"], #legioSlider .sp-smart-slider div[class*="desc"], #legioSlider .sp-smart-slider p { white-space: pre-line !important; } #legioSlider h1, #legioSlider h2, #legioSlider h3, #legioSlider .sp-slider-title { white-space: normal !important; } #legioSlider .slider-text { white-space: pre-line !important; line-height: 1.25 !important; font-size: 14px !important; margin-bottom: 15px !important; margin-top: 0 !important; padding: 0 !important; color: #ffffff !important; padding-top: 0 !important; } #legioSlider .slider-title, #legioSlider .slider-title p.sp-smart-pretitle { margin: 0 !important; padding: 0 !important; line-height: 1 !important; margin-bottom: 0 !important; } #legioSlider .slider-button { margin-top: 0 !important; padding-top: 0 !important; } #legioSlider .carousel-inner .container { padding-top: 15px !important; padding-bottom: 15px !important; } #legioSlider .slider-content { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 0 !important; } .sp-smart-slider.carousel .carousel-inner { padding-bottom: 0 !important; } #legioSlider .sp-smart-posttitle, #legioSlider .sp-slider-posttitle, #legioSlider .post-title { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } #legioSlider .slider-title { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 5px !important; min-height: 0 !important; } #legioSlider .slider-title p, #legioSlider .slider-title h1, #legioSlider .slider-title h2 { margin-bottom: 0 !important; padding-bottom: 0 !important; } .img-thumbnail.product-card-wrapper, .img-thumbnail.js-product-card { position: relative !important; padding-bottom: 42px !important; overflow: hidden !important; } .sizes_trigger_btn { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; background-color: #333333 !important; border-top: 1px solid #444444 !important; color: #cccccc !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; cursor: pointer !important; transition: all 0.3s ease !important; z-index: 15 !important; } .sizes_trigger_btn i { margin-right: 8px !important; font-size: 14px !important; color: #FF9F00 !important; } .sizes_trigger_btn:hover { background-color: #FF9F00 !important; color: #000000 !important; border-top-color: #FF9F00 !important; } .sizes_trigger_btn:hover i { color: #000000 !important; } .sizes_overlay { display: none !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(30, 30, 30, 0.98) !important; padding: 30px 10px 0 10px !important; flex-direction: column !important; z-index: 500 !important; opacity: 0; transform: translateY(100%); transition: transform 0.3s ease, opacity 0.3s ease; } .sizes_overlay.is-open { display: flex !important; opacity: 1 !important; transform: translateY(0) !important; } .sizes_close_bar { width: calc(100% + 20px) !important; margin-left: -10px !important; margin-top: auto !important; background-color: #222 !important; border-top: 1px solid #444 !important; color: #999 !important; text-align: center !important; padding: 12px 0 !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; letter-spacing: 1px !important; cursor: pointer !important; transition: background 0.2s, color 0.2s; } .sizes_close_bar:hover { background-color: #FF9F00 !important; color: #000000 !important; } .sizes_title { color: #FF9F00 !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; text-align: center !important; margin-bottom: 10px !important; flex-shrink: 0 !important; } .sizes_list_scrollable { overflow-y: auto !important; padding-right: 5px !important; flex-grow: 1 !important; margin-bottom: 10px !important; scrollbar-width: thin; scrollbar-color: #FF9F00 #333; } .sizes_list_scrollable::-webkit-scrollbar { width: 4px; } .sizes_list_scrollable::-webkit-scrollbar-thumb { background-color: #FF9F00; } .sizes_list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 5px !important; padding-bottom: 5px !important; } .sizes_list span { display: block !important; background-color: #222 !important; color: #eee !important; border: 1px solid #555 !important; border-radius: 2px !important; font-family: Helvetica, sans-serif !important; font-size: 13px !important; padding: 5px 4px !important; text-align: center !important; width: 100% !important; cursor: default !important; transition: all 0.2s ease !important; } .sizes_list span:hover { border-color: #FF9F00 !important; color: #FF9F00 !important; background-color: #333 !important; box-shadow: 0 0 5px rgba(255, 159, 0, 0.2) !important; } .img-thumbnail:hover .sizes_overlay:not(.is-open) { display: none !important; } .productItem .name { margin-bottom: 5px !important; } .productImage img.img-fluid { display: none !important; } .productImage { display: flex !important; justify-content: center !important; align-items: center !important; background-color: #575757 !important; padding: 0 !important; width: 240px !important; height: 240px !important; border-radius: 4px !important; overflow: hidden !important; position: relative !important; margin-bottom: 10px !important; } .productImage img.imgFluid { width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; background: transparent !important; position: static !important; transform: none !important; } .product_manufacturer_badge, .product_label { z-index: 10 !important; position: absolute !important; } #list_product_image_middle { background-color: transparent !important; height: auto !important; min-height: 0 !important; width: 100% !important; max-width: 450px !important; display: flex !important; justify-content: center !important; margin: 0 auto 20px auto !important; padding: 0 !important; border: none !important; } #list_product_image_middle a:first-child { display: block !important; width: 100% !important; position: relative !important; } #list_product_image_middle a:not(:first-child) { display: none !important; } .jshop_list_manufacturer .jshop { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 15px !important; padding-bottom: 50px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; float: none !important; } .jshop_list_manufacturer .row-fluid { display: contents !important; } .jshop_list_manufacturer .clearfix, .jshop_list_manufacturer .row-fluid::before, .jshop_list_manufacturer .row-fluid::after { display: none !important; } .jshop_list_manufacturer .sblock2.manufacturer { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; background-color: #2f2f2f !important; border: 1px solid #3e3e3e !important; border-radius: 4px !important; height: 100% !important; min-height: 0 !important; box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; transition: all 0.2s ease !important; } .jshop_list_manufacturer .sblock2.manufacturer:hover { border-color: #FF9F00 !important; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.5); z-index: 10; position: relative; } .jshop_list_manufacturer .sblock2.manufacturer .sblock2 { width: 100% !important; float: none !important; display: block !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; min-height: 0 !important; } .jshop_list_manufacturer .sblock2.manufacturer .image { background-color: transparent !important; background: transparent !important; aspect-ratio: 1 / 1 !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 5px !important; box-sizing: border-box !important; border-radius: 4px 4px 0 0 !important; overflow: hidden !important; } .jshop_list_manufacturer .sblock2.manufacturer .image img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; transform: none !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; } .jshop_list_manufacturer .manufacturer_name { padding: 10px 5px !important; text-align: center !important; margin-top: auto !important; flex-grow: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .jshop_list_manufacturer .manufacturer_name a { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; text-decoration: none !important; line-height: 1.2 !important; word-break: break-word !important; } .jshop_list_manufacturer .sblock2.manufacturer:hover .manufacturer_name a { color: #FF9F00 !important; } .jshop_list_manufacturer .manufacturer_short_description { display: none !important; } a.social-btn:not(.brands):hover { background-color: #FF9F00 !important; border-color: #FF9F00 !important; color: #000 !important; transform: translateY(-3px); } a.social-btn:not(.brands):hover i { color: #000 !important; } a.social-btn.brands { background-color: #FF9F00 !important; border: 2px solid #FF9F00 !important; color: #000000 !important; font-weight: bold !important; height: 74px !important; margin: 0 10px !important; padding: 0 30px 0 10px !important; border-radius: 60px !important; min-width: 240px !important; box-shadow: 0 0 15px rgba(255, 159, 0, 0.3) !important; } .brand-icon-box { display: flex !important; align-items: center !important; justify-content: center !important; width: 64px !important; height: 64px !important; margin-right: 15px !important; overflow: visible !important; } .rotating-brand-logo { height: 100% !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; transform: none !important; filter: brightness(0) !important; transition: all 0.3s ease; } a.social-btn.brands span:last-child { font-size: 26px !important; letter-spacing: 1px !important; } a.social-btn.brands:hover { background-color: #e68a00 !important; box-shadow: 0 0 25px rgba(255, 159, 0, 0.6) !important; color: #fff !important; transform: scale(1.02); } a.social-btn.brands:hover .rotating-brand-logo { filter: brightness(0) invert(1) !important; } .legio-info-bar { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; padding: 5px 0 !important; margin: 0 !important; gap: 15px !important; width: 100% !important; } .address-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: transparent !important; border: 1px solid #555 !important; color: #ffffff !important; padding: 6px 20px !important; border-radius: 50px !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; text-decoration: none !important; transition: all 0.3s ease !important; cursor: pointer !important; white-space: nowrap !important; } .address-btn .fa-map-marker-alt { color: #FF9F00 !important; margin-right: 10px !important; font-size: 16px !important; } .address-btn .arrow-icon { font-size: 12px !important; margin-left: 10px !important; color: #777 !important; transition: all 0.3s ease !important; } .address-btn:hover { border-color: #FF9F00 !important; background-color: rgba(255, 159, 0, 0.1) !important; color: #ffffff !important; text-decoration: none !important; box-shadow: 0 0 15px rgba(255, 159, 0, 0.2) !important; } .address-btn:hover .arrow-icon { color: #FF9F00 !important; transform: translateX(3px); } .info-divider { display: block !important; width: 1px !important; height: 24px !important; background-color: #444 !important; margin: 0 5px !important; } .time-display { display: inline-flex !important; align-items: center !important; color: #aaaaaa !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; } .time-display i { color: #FF9F00 !important; margin-right: 8px !important; font-size: 18px !important; } #toparea .row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; } #legioLogo { display: flex !important; align-items: center !important; justify-content: flex-start !important; } #legioLogo img { max-height: 70px !important; width: auto !important; } #legioSearch { display: flex !important; align-items: center !important; justify-content: center !important; } #legioSearch .searchInput { background-color: #1a1a1a !important; border: 1px solid #444 !important; border-right: none !important; color: #ffffff !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 16px !important; padding: 0 15px !important; height: 44px !important; width: 100% !important; min-width: 0 !important; border-radius: 4px 0 0 4px !important; box-shadow: none !important; } #legioSearch .searchInput::placeholder { color: #777 !important; text-transform: uppercase !important; } #legioSearch .searchButton { background-color: #FF9F00 !important; border: 1px solid #FF9F00 !important; color: #000000 !important; height: 44px !important; width: 50px !important; min-width: 50px !important; flex-shrink: 0 !important; border-radius: 0 4px 4px 0 !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: background 0.3s ease; } #legioSearch .searchButton:hover { background-color: #e68a00 !important; } #legioSearch .searchButton i { font-size: 18px !important; margin: 0 !important; } #legioMenu { display: flex !important; align-items: center !important; justify-content: flex-end !important; } #legioMenu ul.topareaUser { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important; list-style: none !important; gap: 25px !important; } #legioMenu ul li { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } #legioMenu ul li a::before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: 20px !important; margin-bottom: 5px !important; color: #FF9F00 !important; display: block; } #legioMenu li.item-123 a::before { content: "\f3c5"; } #legioMenu li.item-124 a::before { content: "\f095"; } #legioMenu li.item-111 a::before { content: "\f234"; } #legioMenu li.item-112 a::before { content: "\f2f6"; } #legioMenu li.item-125 a::before { content: "\f07a"; font-size: 24px !important; } #legioMenu li.item-125 a { color: #ffffff !important; font-weight: bold !important; } #legioMenu ul li a:hover { color: #ffffff !important; } .footer-phone { display: block !important; color: #FF9F00 !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 26px !important; font-weight: bold !important; text-decoration: none !important; margin-bottom: 5px !important; transition: color 0.3s ease; } .footer-phone:hover { color: #ffffff !important; } .footer-email { color: #cccccc !important; text-decoration: underline !important; font-size: 15px !important; } .footer-email:hover { color: #FF9F00 !important; text-decoration: none !important; } .footer-socials { display: flex !important; gap: 10px !important; margin-top: 15px !important; } .social-mini { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; background-color: #333 !important; color: #fff !important; border-radius: 50% !important; text-decoration: none !important; transition: all 0.3s ease !important; font-size: 16px !important; } .social-mini:hover { transform: translateY(-3px); color: #fff !important; } .social-mini.telegram:hover { background-color: #2AABEE !important; } .social-mini.vk:hover { background-color: #0077FF !important; } .social-mini.ok:hover { background-color: #ED812B !important; } .social-mini.bonus:hover { background-color: #FFC107 !important; color: #000 !important; } .footer-menu { list-style: none !important; padding: 0 !important; margin: 0 !important; } .footer-menu li { margin-bottom: 8px !important; border: none !important; padding: 0 !important; } .footer-menu li a { color: #cccccc !important; text-decoration: none !important; transition: color 0.2s; font-size: 15px !important; } .footer-menu li a:hover { color: #FF9F00 !important; padding-left: 5px !important; } .footer-payments { display: flex !important; gap: 15px !important; font-size: 32px !important; color: #666 !important; margin-top: 10px !important; } .footer-payments i:hover { color: #FF9F00 !important; transition: 0.3s; } .iteam-link { color: #555 !important; font-size: 13px !important; text-transform: uppercase !important; text-decoration: none !important; letter-spacing: 1px !important; } .iteam-link:hover { color: #777 !important; } @keyframes legioMenu { 0% { opacity: 0.7; } 50% { opacity: 0.9; } 100% { opacity: 1; } } @media (hover: hover) { #catalogueMenu .flexBox ul.level-0 li:hover ul.level-1, #catalogueMenu .flexBox ul.level-1 li:hover ul.level-2 { display: block; } } @media (min-width: 993px) { #catalogueMenu { position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100% !important; box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important; } } @media (max-width: 992px) { #catalogueMenu { display: none; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100vh !important; background-color: rgba(38, 38, 38, 0.98) !important; z-index: 2147483646 !important; overflow-y: auto !important; padding: 20px 0 100px 0 !important; } #catalogueMenu.show-mobile { display: block !important; } #catalogueMenu .flexBox { display: flex !important; flex-direction: column !important; padding: 0 15px !important; } #catalogueMenu .flexBox .catItem { display: block !important; width: 100% !important; float: none !important; margin-bottom: 8px !important; border: 1px solid #555 !important; border-radius: 5px !important; background-color: transparent !important; position: relative !important; } #catalogueMenu .flexBox .catItem > a { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 15px !important; font-size: 16px !important; font-weight: bold !important; text-transform: uppercase !important; color: #ffffff !important; text-decoration: none !important; border: none !important; background: transparent !important; white-space: normal !important; height: auto !important; text-align: left !important; } #catalogueMenu .flexBox .catItem.open > a { color: #FF9F00 !important; background-color: #1a1a1a !important; border-bottom: 1px solid #555 !important; border-radius: 5px 5px 0 0 !important; } #catalogueMenu .flexBox .catItem ul, #catalogueMenu .dropdown-menu { display: none !important; position: static !important; width: 100% !important; background-color: #1f1f1f !important; padding: 0 !important; margin: 0 !important; border: none !important; box-shadow: none !important; } #catalogueMenu .flexBox .catItem.open > ul { display: block !important; } #catalogueMenu .flexBox .catItem:hover > ul { display: none !important; } #catalogueMenu .flexBox .catItem.open:hover > ul { display: block !important; } #catalogueMenu ul li { display: block !important; width: 100% !important; border-bottom: 1px solid #333 !important; } #catalogueMenu ul li a { padding: 12px 15px !important; font-size: 14px !important; color: #ccc !important; text-align: left !important; display: block !important; height: auto !important; } } @media (max-width: 992px) { #mobileMenuTrigger { z-index: 2147483647 !important; } #mobile-cat-header { display: block !important; color: #777; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 15px 15px 10px 15px; border-bottom: 1px solid #333; margin-bottom: 10px; letter-spacing: 1px; } #catalogueMenu i, #catalogueMenu .cat-item-box i { display: none !important; } #catalogueMenu li:hover > ul, #catalogueMenu .flexBox ul li:hover ul, #catalogueMenu .flexBox ul li:hover .cat-item-box, #catalogueMenu .flexBox ul li:hover { background: transparent !important; border-color: transparent !important; } #catalogueMenu ul li ul { display: none !important; } #catalogueMenu li.open > ul { display: block !important; } #catalogueMenu .flexBox ul.level-0 li, #catalogueMenu .flexBox ul.level-1 li, #catalogueMenu .flexBox ul.level-2 li { display: block !important; width: 100% !important; float: none !important; border: none !important; border-bottom: 1px solid #333 !important; margin: 0 !important; padding: 0 !important; position: relative !important; background: transparent !important; height: auto !important; min-height: auto !important; } #catalogueMenu .flexBox ul.level-0 li ul, #catalogueMenu .flexBox ul.level-0 li ul.level-1 { position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background-color: #1a1a1a !important; box-shadow: none !important; left: 0 !important; top: 0 !important; transform: none !important; } #catalogueMenu .flexBox ul li .cat-item-box { padding: 0 !important; margin: 0 !important; border: none !important; display: block !important; width: 100% !important; height: auto !important; } #catalogueMenu .flexBox ul li a { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 64px !important; height: auto !important; padding: 12px 15px !important; margin: 0 !important; box-sizing: border-box !important; line-height: 1.2 !important; color: #fff !important; text-decoration: none !important; white-space: normal !important; } #catalogueMenu .flexBox ul.level-0 > li > .cat-item-box > a, #catalogueMenu .flexBox ul.level-0 > li > a { font-weight: bold !important; text-transform: uppercase; font-size: 20px !important; color: #fff !important; } #catalogueMenu .flexBox ul.level-1 > li > .cat-item-box > a, #catalogueMenu .flexBox ul.level-1 > li > a { padding-left: 30px !important; background: #252525 !important; color: #ddd !important; text-transform: none; font-weight: normal !important; font-size: 18px !important; min-height: 58px !important; } #catalogueMenu .flexBox ul.level-1 > li.open > .cat-item-box > a, #catalogueMenu .flexBox ul.level-1 > li.open > a { color: #FF9F00 !important; background-color: #111 !important; border-left: 4px solid #FF9F00 !important; padding-left: 26px !important; } #catalogueMenu .flexBox ul.level-2 > li > .cat-item-box > a, #catalogueMenu .flexBox ul.level-2 > li > a { padding-left: 50px !important; background: #2f2f2f !important; color: #ccc !important; font-size: 16px !important; min-height: 50px !important; } #catalogueMenu .flexBox ul.level-2 > li.open > .cat-item-box > a, #catalogueMenu .flexBox ul.level-2 > li.open > a { color: #FF9F00 !important; background-color: #1a1a1a !important; } #catalogueMenu li.open > a, #catalogueMenu li.open > .cat-item-box > a { color: #FF9F00 !important; background-color: #000 !important; } #catalogueMenu a.has-child-arrow::after { content: "▼"; font-size: 12px !important; color: #666 !important; margin-left: 15px; display: block; transition: transform 0.3s ease; } #catalogueMenu li.open > a.has-child-arrow::after, #catalogueMenu li.open > .cat-item-box > a.has-child-arrow::after { transform: rotate(180deg); color: #FF9F00 !important; } } @media (max-width: 992px) { div.label_products.moduleWrapper.row, .jshop.list_product .row { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 576px) { div.label_products.moduleWrapper.row, .jshop.list_product .row { grid-template-columns: 1fr !important; } } @media (max-width: 992px) { #catalogueMenu { padding-bottom: 180px !important; height: auto !important; bottom: 0 !important; z-index: 9500 !important; } #mobileFilterTrigger { z-index: 9000 !important; } #mobileMenuTrigger { z-index: 10000 !important; } } @media (max-width: 992px) { #catalogueMenu { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: #262626 !important; background: #262626 !important; opacity: 1 !important; box-shadow: none !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; padding-bottom: 200px !important; z-index: 9500 !important; } #catalogueMenu .flexBox { background-color: #262626 !important; min-height: 100% !important; } } @media (min-width: 993px) { #jshop_unijax_filter { position: sticky !important; top: 90px !important; max-height: calc(100vh - 120px) !important; overflow-y: auto !important; z-index: 90 !important; scrollbar-width: thin; scrollbar-color: #444 #262626; } #jshop_unijax_filter::-webkit-scrollbar { width: 6px; } #jshop_unijax_filter::-webkit-scrollbar-track { background: #262626; border-radius: 3px; } #jshop_unijax_filter::-webkit-scrollbar-thumb { background-color: #444; border-radius: 3px; } #jshop_unijax_filter::-webkit-scrollbar-thumb:hover { background-color: #FF9F00; } } @media (min-width: 993px) { #jshop_unijax_filter { top: 170px !important; max-height: calc(100vh - 200px) !important; } } @media (min-width: 993px) { #catalogueMenu .flexBox ul.level-0 li ul { background-color: #262626 !important; border: 1px solid #444444 !important; box-shadow: 0 5px 15px rgba(0,0,0,0.8) !important; min-width: 200px !important; padding: 0 !important; z-index: 10000 !important; border-radius: 0 0 4px 4px !important; } #catalogueMenu .flexBox ul.level-0 li ul li a { color: #cccccc !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; font-weight: normal !important; padding: 4px 12px !important; line-height: 1.2 !important; display: block !important; border-bottom: 1px solid #333 !important; } #catalogueMenu .flexBox ul.level-0 li ul li:last-child a { border-bottom: none !important; } #catalogueMenu .flexBox ul.level-0 li ul li a:hover, #catalogueMenu .flexBox ul.level-0 li ul li:hover > a { background-color: #FF9F00 !important; color: #000000 !important; text-decoration: none !important; } #catalogueMenu .flexBox ul.level-0 > li > ul { top: 100% !important; left: 0 !important; display: none; position: absolute !important; } #catalogueMenu .flexBox ul.level-0 li ul li ul { top: -1px !important; left: 100% !important; margin-left: 0 !important; display: none; position: absolute !important; } #catalogueMenu .flexBox ul.level-0 li:hover > ul { display: block !important; } } @media (min-width: 993px) { #catalogueMenu .flexBox ul.level-0 li ul { background-color: #292929 !important; border: 1px solid #444444 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.8) !important; min-width: 220px !important; padding: 0 !important; z-index: 10000 !important; border-radius: 0 0 4px 4px !important; } #catalogueMenu .flexBox ul.level-0 li ul li a { color: #cccccc !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; font-weight: normal !important; padding: 8px 30px 8px 15px !important; line-height: 1.2 !important; display: block !important; position: relative !important; border-bottom: 1px solid #383838 !important; } #catalogueMenu .flexBox ul.level-0 li ul li:last-child a { border-bottom: none !important; } #catalogueMenu .flexBox ul.level-0 li ul li a:hover, #catalogueMenu .flexBox ul.level-0 li ul li:hover > a { background-color: #FF9F00 !important; color: #000000 !important; text-decoration: none !important; } #catalogueMenu .flexBox ul.level-0 li ul li.parent > a::after { content: "›" !important; position: absolute !important; right: 10px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 20px !important; line-height: 0 !important; color: #666 !important; font-family: Arial, sans-serif !important; } #catalogueMenu .flexBox ul.level-0 li ul li.parent:hover > a::after { color: #000 !important; } #catalogueMenu .flexBox ul.level-0 > li > ul { top: 100% !important; left: 0 !important; display: none; position: absolute !important; } #catalogueMenu .flexBox ul.level-0 li ul li ul { top: -1px !important; left: 100% !important; margin-left: 0 !important; display: none; position: absolute !important; } #catalogueMenu .flexBox ul.level-0 li:hover > ul { display: block !important; } } @media (min-width: 992px) { #legioMap .modal-dialog { max-width: 1100px !important; width: 90% !important; margin: 1.75rem auto !important; } #legioMap .embed-responsive-16by9 { padding-bottom: 0 !important; height: 70vh !important; min-height: 400px !important; max-height: 800px !important; } } @media (min-width: 992px) { #leftSection { padding-right: 5px !important; } #rightSection { padding-left: 5px !important; padding-right: 0 !important; } } @media (max-width: 992px) { #rightSection .jshop.list_product { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 576px) { #rightSection .jshop.list_product { grid-template-columns: 1fr !important; } } @media (max-width: 767px) { #rightSection .jshop.list_product, #rightSection .jshop.list_product .row, #rightSection .jshop_list_category .row, #rightSection .label_products.moduleWrapper.row, div.label_products.moduleWrapper.row { grid-template-columns: 1fr !important; gap: 15px !important; } .productItem .image img, .img-thumbnail img { max-height: 300px !important; width: 100% !important; object-fit: contain !important; } } @media (max-width: 767px) { .form_sort_count .block_sorting_count_to_page { flex-wrap: wrap !important; height: auto !important; } .form_sort_count .block_sorting_count_to_page .controlGroup { width: 100% !important; justify-content: space-between !important; margin-bottom: 10px !important; } .form_sort_count .block_sorting_count_to_page .controlGroup:last-child { margin-bottom: 0 !important; } } @media (max-width: 992px) { .legio-zoom-btn { opacity: 1; width: 44px; height: 44px; top: auto; left: auto; bottom: 10px; right: 10px; transform: none !important; background-color: rgba(0, 0, 0, 0.6); border-width: 1px; } .legio-zoom-btn svg { width: 20px; height: 20px; } } @media (max-width: 767px) { .legio-modal-content { width: 100vw !important; height: 80vh !important; } } @media (min-width: 993px) { #jshop_unijax_filter { display: flex !important; flex-direction: column !important; position: sticky !important; top: 140px !important; max-height: calc(100vh - 150px) !important; z-index: 80 !important; } .uf-scroll-wrapper { overflow-y: auto !important; overflow-x: hidden !important; flex-grow: 1 !important; padding-right: 5px !important; margin-bottom: 10px !important; min-height: 0 !important; } .uf-scroll-wrapper::-webkit-scrollbar { width: 6px; } .uf-scroll-wrapper::-webkit-scrollbar-track { background: #262626; } .uf-scroll-wrapper::-webkit-scrollbar-thumb { background-color: #444; border-radius: 3px; } .uf-scroll-wrapper::-webkit-scrollbar-thumb:hover { background-color: #FF9F00; } #jshop_unijax_filter .uf_btns { flex-shrink: 0 !important; margin-top: auto !important; position: static !important; background-color: #262626 !important; border-top: 1px solid #444444 !important; padding-top: 15px !important; width: 100% !important; z-index: 100 !important; } } @media (max-width: 992px) { #mobileFilterOverlay { display: none !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100vh !important; background-color: #262626 !important; z-index: 20000 !important; flex-direction: column !important; padding: 0 !important; overflow: hidden !important; } #mobileFilterOverlay.open { display: flex !important; } .mobile-filter-title { flex-shrink: 0 !important; margin-top: 50px !important; margin-bottom: 10px !important; } #closeFilterBtn { z-index: 20005 !important; } .container { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; min-height: 0 !important; padding-bottom: 0 !important; } #mobileFilterContainer { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; min-height: 0 !important; height: 100% !important; } #jshop_unijax_filter { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: none !important; border: none !important; padding: 0 15px !important; margin: 0 !important; background: transparent !important; } .uf-scroll-wrapper { flex-grow: 1 !important; overflow-y: auto !important; overflow-x: hidden !important; padding-bottom: 10px !important; min-height: 0 !important; -webkit-overflow-scrolling: touch; } #jshop_unijax_filter .uf_btns { flex-shrink: 0 !important; margin-top: auto !important; position: static !important; background-color: #262626 !important; border-top: 1px solid #444 !important; padding: 15px 0 30px 0 !important; width: 100% !important; z-index: 1000 !important; } } @media (max-width: 768px) { .legio-social-static { padding: 10px 0 5px 0 !important; border-bottom: none !important; } .social-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; padding: 0 10px !important; } .social-btn { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 8px 5px !important; font-size: 14px !important; border-radius: 4px !important; } .social-btn i { font-size: 16px !important; margin-right: 6px !important; } } @media (min-width: 993px) { #catalogueMenu { position: sticky !important; top: 0 !important; } } @media (max-width: 768px) { .social-wrapper { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 10px !important; } a.social-btn { width: 100% !important; min-width: 0 !important; padding: 10px 5px !important; font-size: 14px !important; border-radius: 5px !important; } } @keyframes typing { from { width: 0; } to { width: 100%; } } @keyframes blink-caret { from, to { border-color: transparent; } 50% { border-color: #FF9F00; } } @keyframes logoPulse { 0% { opacity: 0.8; transform: scale(0.98); } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.8; transform: scale(0.98); } } @media (max-width: 992px) { #catalogueMenu { z-index: 10000 !important; position: fixed !important; } #mobileMenuTrigger { z-index: 10001 !important; } .legio-zoom-btn { z-index: 500 !important; } .searchButton { z-index: 500 !important; } } @media (max-width: 768px) { #list_product_image_middle { max-width: 100% !important; } } @media (max-width: 1400px) { .jshop_list_manufacturer .jshop { grid-template-columns: repeat(4, 1fr) !important; } } @media (max-width: 992px) { .jshop_list_manufacturer .jshop { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 576px) { .jshop_list_manufacturer .jshop { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 768px) { .social-wrapper { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 10px !important; } a.social-btn.brands { order: -1 !important; grid-column: 1 / -1 !important; width: 100% !important; margin: 0 0 10px 0 !important; height: 74px !important; font-size: 20px !important; } a.social-btn:not(.brands) { width: 100% !important; min-width: 0 !important; font-size: 14px !important; padding: 0 !important; height: 46px !important; } } @media (max-width: 992px) { .legio-info-bar { flex-direction: column !important; gap: 8px !important; padding: 10px 0 !important; } .info-divider { display: none !important; } .address-btn { width: 100% !important; white-space: normal !important; text-align: center !important; padding: 8px 10px !important; } .time-display { font-size: 14px !important; justify-content: center !important; text-align: center !important; margin-top: 0 !important; } } @media (max-width: 992px) { #toparea { padding: 10px 0 !important; } #toparea .row { flex-direction: column !important; gap: 15px !important; } #legioLogo, #legioSearch, #legioMenu { width: 100% !important; justify-content: center !important; max-width: 100% !important; padding: 0 15px !important; } #legioMenu ul.topareaUser { justify-content: space-between !important; width: 100% !important; gap: 0 !important; } } /* ================================================================= FIX: СТИЛИ ДЛЯ ОКНА ВЫБОРА КАРТЫ (ВОССТАНОВЛЕНИЕ) ================================================================= */ /* 1. Внутренний контейнер (Само окно) */ .map-selector-box { background-color: #262626 !important; /* Темный фон */ border: 2px solid #FF9F00 !important; /* Оранжевая рамка */ padding: 30px 20px !important; /* Отступы */ border-radius: 10px !important; /* Скругленные углы */ position: relative !important; text-align: center !important; box-shadow: 0 0 50px rgba(0,0,0,0.8) !important; /* Тень */ /* Размеры */ width: 400px !important; max-width: 90vw !important; z-index: 10005 !important; } /* 2. Заголовок "ПОСТРОИТЬ МАРШРУТ" */ .map-title { font-family: 'Bender', Helvetica, sans-serif !important; font-size: 26px !important; font-weight: bold !important; color: #ffffff !important; margin-bottom: 25px !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-bottom: 1px solid #444 !important; padding-bottom: 15px !important; line-height: 1.2 !important; } /* 3. Контейнер кнопок */ .map-links { display: flex !important; flex-direction: column !important; gap: 15px !important; } /* 4. Общий стиль кнопок */ .map-link { display: flex !important; align-items: center !important; justify-content: flex-start !important; /* Выравнивание влево */ background-color: #333333 !important; /* Темный фон */ border: 1px solid #444444 !important; /* Тонкая рамка */ color: #cccccc !important; /* Серый текст */ padding: 12px 20px !important; text-decoration: none !important; border-radius: 5px !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 20px !important; letter-spacing: 1px !important; text-transform: uppercase !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important; position: relative !important; overflow: hidden !important; } /* Контейнер для иконки (Ограничиваем размер!) */ .map-icon-box { display: flex !important; align-items: center !important; justify-content: center !important; margin-right: 15px !important; /* ЖЕСТКИЕ РАЗМЕРЫ, ЧТОБЫ ИКОНКИ НЕ БЫЛИ ГИГАНТСКИМИ */ width: 32px !important; height: 32px !important; min-width: 32px !important; /* Страховка от сжатия */ /* Отключаем влияние глобальных стилей */ padding: 0 !important; background: transparent !important; border: none !important; } /* Сама картинка (Ваши белые PNG) */ .map-icon-box img { width: 100% !important; height: 100% !important; object-fit: contain !important; /* Белые иконки чуть прозрачные в покое */ opacity: 0.8 !important; filter: none !important; /* Убираем фильтры, так как иконки уже белые */ transition: all 0.3s ease !important; /* Сброс глобальных стилей */ margin: 0 !important; background: transparent !important; max-height: none !important; } .map-link span { margin-top: 2px !important; } /* --- HOVER ЭФФЕКТЫ (ПРИ НАВЕДЕНИИ) --- */ .map-link:hover { background-color: #222 !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.4) !important; text-decoration: none !important; } /* При наведении иконка становится яркой и чуть больше */ .map-link:hover .map-icon-box img { opacity: 1 !important; transform: scale(1.1); } /* Специфика ЯНДЕКС (Красная рамка и текст) */ .map-link.ya:hover { border-color: #FC3F1D !important; } .map-link.ya:hover span { color: #FC3F1D !important; } /* Специфика 2ГИС (Зеленая рамка и текст) */ .map-link.gis:hover { border-color: #B3D624 !important; } .map-link.gis:hover span { color: #B3D624 !important; } /* Кнопка закрыть (Крестик) */ .map-close-btn { position: absolute !important; top: 5px !important; right: 10px !important; color: #666 !important; font-size: 30px !important; opacity: 0.7 !important; transition: all 0.3s ease !important; cursor: pointer !important; line-height: 1 !important; } .map-close-btn:hover { color: #FF9F00 !important; opacity: 1 !important; transform: rotate(90deg); } /* Отключаем тень у меню категорий */ @media (min-width: 993px) { #catalogueMenu { /* Тень: 0px - смещение по горизонтали 5px - смещение вниз (создает эффект тени снизу) 5px - размытие -2px - уменьшение размера тени (чтобы она не вылезала сверху) */ box-shadow: 0 5px 5px -2px rgba(0, 0, 0, 0.5) !important; /* Отступ снизу блока */ margin-bottom: 10px !important; } } /* ================================================================= FINAL V3: СОВРЕМЕННАЯ КАРТОЧКА ТОВАРА (TACTICAL UI) Исправлены: кнопки размеров (фон), ширина цвета, жирность бренда ================================================================= */ /* --- 1. ТИПОГРАФИКА (Bender) --- */ h1.pdosuctName, .prod_price, .btn-buy, .attributes_title, .manufacturer_name, .product_sku_detail_block, .nav-tabs .nav-link, .card-header button { font-family: 'Bender', sans-serif !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* Заголовок товара */ h1.pdosuctName { font-size: 32px !important; line-height: 1.1 !important; color: #ffffff !important; border-bottom: none !important; margin-bottom: 15px !important; padding-bottom: 0 !important; } /* --- ИСПРАВЛЕНИЕ: Артикул и Производитель --- */ .product_sku_detail_block, .manufacturer_name { display: inline-block !important; margin-right: 30px !important; margin-bottom: 15px !important; font-size: 15px !important; line-height: 1.4 !important; color: #888 !important; /* Цвет заголовков (Артикул:, Производитель:) */ font-weight: normal !important; } /* Значения (сам код и бренд) - ДЕЛАЕМ ЖИРНЫМ */ .sku_value, .manufacturer_name span { color: #ffffff !important; /* Белый цвет */ font-weight: bold !important; /* ЖИРНЫЙ ШРИФТ */ font-size: 15px !important; margin-left: 5px !important; font-family: 'Bender', sans-serif !important; } /* --- 2. БЛОК ЦЕНЫ И КНОПКИ (Компактный) --- */ .row.inSide { background: transparent !important; border: none !important; box-shadow: none !important; padding: 15px 0 !important; margin: 10px 0 20px 0 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; border-top: 1px solid #333 !important; border-bottom: 1px solid #333 !important; } .row.inSide .col-md-12 { padding: 0 !important; } .row.inSide .row { display: flex !important; align-items: center !important; margin: 0 !important; width: 100% !important; } /* Цена */ .prod_price { margin-right: 30px !important; margin-bottom: 0 !important; line-height: 1 !important; font-size: 0 !important; /* Скрываем слово "Цена:" */ } #block_price { font-size: 42px !important; color: #FF9F00 !important; font-weight: bold !important; text-shadow: none !important; } /* Кнопка "В КОРЗИНУ" */ .prod_buttons { margin: 0 !important; flex-grow: 0 !important; } .btn-buy, input.btn.btn-buy { background-color: #FF9F00 !important; color: #000000 !important; font-size: 20px !important; font-weight: bold !important; padding: 0 30px !important; height: 46px !important; line-height: 46px !important; border-radius: 3px !important; border: none !important; width: auto !important; min-width: 160px !important; transition: all 0.2s ease !important; margin-top: 0 !important; cursor: pointer !important; } .btn-buy:hover { background-color: #fff !important; color: #000 !important; box-shadow: 0 0 15px rgba(255, 159, 0, 0.5) !important; } /* ================================================================= FIX V4: ПОЛНАЯ ЧИСТКА АТРИБУТОВ (Размеры и Цвета) ================================================================= */ /* --- 3. АТРИБУТЫ - ИСПРАВЛЕННЫЙ БЛОК --- */ .jshop_prod_attributes { margin-top: 10px !important; padding-top: 5px !important; border: none !important; } .attributes_title { font-size: 13px !important; color: #aaa !important; margin-bottom: 8px !important; display: block !important; width: 100% !important; border: none !important; } .attr_values_data { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 15px !important; } /* Скрываем стандартные радио-точки */ .input_type_radio input { display: none !important; } /* 1. СТИЛЬ САМОЙ КНОПКИ (Внешняя рамка) */ .jshop_prod_attributes .input_type_radio label { display: inline-flex !important; align-items: center !important; justify-content: center !important; /* Размеры */ width: auto !important; min-width: 46px !important; height: 38px !important; padding: 0 10px !important; background-color: #262626 !important; border: 1px solid #555 !important; border-radius: 3px !important; margin: 0 !important; cursor: pointer !important; transition: all 0.2s ease !important; box-sizing: border-box !important; } /* 2. ЧИСТКА ВНУТРЕННОСТИ (Убираем "кнопку в кнопке") */ /* Используем длинный селектор, чтобы перебить старые стили шаблона */ .jshop_prod_attributes .input_type_radio label span, .input_type_radio label span.radio_attr_label { background: transparent !important; /* ГЛАВНОЕ: Убираем серый фон */ background-color: transparent !important; border: none !important; /* Убираем любые рамки внутри */ box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; /* Убираем внутренние отступы */ margin: 0 !important; font-family: 'Bender', sans-serif !important; font-size: 16px !important; color: #fff !important; font-weight: bold !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; } /* 3. ИКОНКА ЦВЕТА (Убираем кружок/обводку) */ .radio_attr_label img { width: 20px !important; height: 20px !important; margin-right: 8px !important; object-fit: cover !important; /* Убираем эффекты рамки и круга */ border: none !important; border-radius: 2px !important; /* Делаем чуть скругленный квадрат вместо круга */ background: transparent !important; padding: 0 !important; } /* --- СОСТОЯНИЯ (Hover и Active) --- */ /* При наведении */ .jshop_prod_attributes .input_type_radio label:hover { border-color: #FF9F00 !important; box-shadow: 0 0 8px rgba(255, 159, 0, 0.2) !important; } /* Активная кнопка (Выбрана) */ .jshop_prod_attributes .input_type_radio input:checked + label, .jshop_prod_attributes .input_type_radio.selectedAttr label { background-color: #FF9F00 !important; border-color: #FF9F00 !important; } /* Цвет текста внутри активной кнопки */ .jshop_prod_attributes .input_type_radio input:checked + label span, .jshop_prod_attributes .input_type_radio.selectedAttr label span { color: #000000 !important; } /* --- 4. АККОРДЕОН (Описание) --- */ #additionalProductData { margin-top: 30px !important; } #additionalProductData .card { background: transparent !important; border: none !important; border-bottom: 1px solid #333 !important; } #additionalProductData .card-header { background: transparent !important; border: none !important; padding: 0 !important; } #additionalProductData .card-header button { color: #ccc !important; font-size: 20px !important; padding: 12px 0 !important; width: 100% !important; text-align: left !important; position: relative !important; } #additionalProductData .card-header button:hover { color: #FF9F00 !important; } #additionalProductData .card-header button:not(.collapsed) { color: #FF9F00 !important; } /* Плюсик справа */ #additionalProductData .card-header button::after { content: '+' !important; float: right !important; font-weight: bold !important; color: #555; } #additionalProductData .card-header button:not(.collapsed)::after { content: '−' !important; color: #FF9F00 !important; } #additionalProductData .card-body { padding: 20px 0 !important; } .js-store-prod-all-text { font-family: Helvetica, Arial, sans-serif !important; font-size: 15px !important; color: #ccc !important; line-height: 1.6 !important; } /* Кнопка НАЗАД */ .button_back { margin-top: 30px !important; } .button_back .btn { background: #262626 !important; border: 1px solid #444 !important; color: #888 !important; border-radius: 50px !important; padding: 8px 30px !important; font-family: 'Bender', sans-serif !important; text-transform: uppercase !important; } .button_back .btn:hover { border-color: #FF9F00 !important; color: #FF9F00 !important; } /* --- 5. МОБИЛЬНАЯ ВЕРСИЯ --- */ @media (max-width: 768px) { .row.inSide { flex-direction: column !important; align-items: flex-start !important; padding: 15px 0 !important; } .prod_price { margin-right: 0 !important; margin-bottom: 15px !important; width: 100% !important; } .btn-buy { width: 100% !important; } .manufacturer_name, .product_sku_detail_block { display: block !important; margin-right: 0 !important; margin-bottom: 8px !important; } } /* --- ИСПРАВЛЕНИЕ: КАРТА ПОВЕРХ МЕНЮ --- */ #legioMap { z-index: 2147483647 !important; /* Максимально возможный слой в браузере */ } @media (max-width: 992px) { .legio-zoom-btn { /* 38px (высота кнопки) + 10px (отступ) = 48px */ bottom: 50px !important; top: auto !important; } } /* ================================================================= СТРАНИЦА КОНТАКТОВ (TACTICAL STYLE) - FINAL FIXED VERSION ================================================================= */ /* --- 1. ГЛОБАЛЬНЫЕ ФИКСЫ (Чистим стили шаблона Joomla) --- */ #rightSection .contentWrapper, .item-page, .article-content { border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Убираем "призрачную" полосу снизу (тени от старого контейнера) */ #rightSection .contentWrapper::after, #rightSection .contentWrapper::before { display: none !important; content: none !important; } /* Исправляем цвет заголовка страницы (перебиваем зеленый цвет) */ .item-page .page-header h2 { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; border-bottom: 1px solid #444 !important; margin-bottom: 25px !important; } /* --- 2. СЕТКА И КАРТОЧКИ (ВЫРАВНИВАНИЕ) --- */ .contacts-tactical-wrapper { font-family: Helvetica, Arial, sans-serif; color: #eee; max-width: 100%; } /* Включаем Flexbox для ряда, чтобы колонки тянулись */ .contacts-tactical-wrapper .row { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; /* Ключевое: растягивает колонки по высоте */ } /* Карточка (Контейнер) */ .contact-card { background-color: #262626; border: 1px solid #444; padding: 30px; border-radius: 4px; box-shadow: 0 4px 15px rgba(0,0,0,0.3); position: relative; overflow: hidden; /* Flex-настройки для растягивания контента внутри */ height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; /* Распределяет верх и низ */ } /* Заголовки секций */ .contact-section-title { font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif; font-size: 28px; color: #FF9F00; text-transform: uppercase; border-bottom: 1px solid #444; padding-bottom: 15px; margin-bottom: 25px; letter-spacing: 1px; width: 100%; } /* --- 3. КОНТАКТНАЯ ИНФОРМАЦИЯ --- */ .contact-row { display: flex; align-items: flex-start; margin-bottom: 25px; width: 100%; } .contact-icon { flex: 0 0 40px; width: 40px; height: 40px; background-color: #333; border: 1px solid #444; color: #FF9F00; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-right: 15px; border-radius: 50%; margin-top: -5px; } .contact-info { flex-grow: 1; } .contact-info .label { display: block; font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px; } .contact-info .value { font-size: 16px; color: #fff; line-height: 1.4; display: block; } /* Крупный телефон */ .contact-info .value.phone-value { font-family: 'Bender', sans-serif; font-size: 24px; font-weight: bold; color: #FF9F00; letter-spacing: 1px; text-decoration: none; } /* Ссылки (Email, Адрес) */ .contact-info .value.link { color: #fff; text-decoration: none; transition: color 0.3s; border-bottom: 1px dotted #666; } .contact-info .value.link:hover { color: #FF9F00; border-color: #FF9F00; } .contact-info .sub-text { display: block; font-size: 13px; color: #aaa; margin-top: 5px; font-style: italic; } /* Сетка времени работы */ .time-grid div { margin-bottom: 5px; } .time-grid span { color: #FF9F00; font-weight: bold; display: inline-block; width: 90px; font-size: 14px; } /* Информационное сообщение (Прижато к низу) */ .contact-alert { background-color: rgba(255, 159, 0, 0.1); border-left: 3px solid #FF9F00; padding: 15px; font-size: 14px; color: #ddd; line-height: 1.4; margin-top: auto !important; /* ПРИЖИМАЕТ БЛОК К САМОМУ НИЗУ */ width: 100%; } .contact-alert i { color: #FF9F00; margin-right: 8px; } /* --- 4. СОЦСЕТИ --- */ .contacts-social-grid { display: grid; grid-template-columns: 1fr; gap: 15px; margin-bottom: 20px; width: 100%; } .c-social-btn { display: flex; align-items: center; padding: 12px 20px; background-color: #333; border: 1px solid #444; color: #ccc; text-decoration: none; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 20px; text-transform: uppercase; transition: all 0.3s ease; border-radius: 4px; } .c-social-btn i { font-size: 22px; width: 30px; text-align: center; margin-right: 10px; } .c-social-btn:hover { transform: translateX(5px); text-decoration: none; color: #fff; border-color: #FF9F00; background-color: #444; } .c-social-btn.telegram i { color: #2AABEE; } .c-social-btn.vk i { color: #0077FF; } .c-social-btn.ok i { color: #F58220; } .c-social-btn.bonus i { color: #FFD700; } /* --- 5. КНОПКИ МАРШРУТОВ --- */ .contact-map-buttons { margin-top: auto !important; /* ПРИЖИМАЕТ БЛОК К САМОМУ НИЗУ */ border-top: 1px solid #444; padding-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; width: 100%; } .map-action-btn { display: flex; align-items: center; justify-content: center; padding: 15px; background-color: #FF9F00; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; font-family: 'Bender', sans-serif; font-size: 16px; border-radius: 4px; transition: all 0.3s ease; text-align: center; } .map-action-btn i { margin-right: 8px; font-size: 18px; } .map-action-btn:hover { background-color: #fff; color: #000; text-decoration: none; box-shadow: 0 0 15px rgba(255,159,0,0.4); } .map-action-btn.gis { background-color: #B3D624; color: #000; } .map-action-btn.gis:hover { background-color: #fff; box-shadow: 0 0 15px rgba(179, 214, 36, 0.4); } /* --- 6. ФРЕЙМ КАРТЫ (Внизу страницы) --- */ .contact-map-frame { margin-top: 30px; border: 1px solid #444; padding: 5px; background: #333; border-radius: 4px; } /* Если карта пустая (iframe удален), скрываем блок полностью, чтобы не было полоски */ .contact-map-frame:empty { display: none !important; border: none !important; padding: 0 !important; margin: 0 !important; } .contact-map-frame iframe { display: block; filter: grayscale(100%) invert(100%) contrast(90%); /* Темный стиль */ opacity: 0.85; transition: all 0.5s; } .contact-map-frame:hover iframe { filter: none; opacity: 1; } /* --- 7. АДАПТИВНОСТЬ --- */ @media (max-width: 768px) { .contact-map-buttons { grid-template-columns: 1fr; /* Кнопки одна под другой */ } .contact-card { padding: 20px; } .contact-info .value.phone-value { font-size: 20px; } } /* ================================================================= СТРАНИЦА РЕГИСТРАЦИИ (TACTICAL STYLE) - FINAL FULL VERSION ================================================================= */ /* 1. Контейнер формы */ #jShopData.contentWrapper { border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin-top: 20px !important; margin-bottom: 120px !important; /* Добавили воздух снизу под кнопкой */ } /* 2. Заголовок "РЕГИСТРАЦИЯ" */ #jShopData h1.moduleTitle { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; border-bottom: 1px solid #444 !important; margin-bottom: 30px !important; font-size: 32px !important; } /* 3. Сетка формы (Grid) */ #jShopData form { display: grid; grid-template-columns: 1fr 1fr; /* Две колонки */ gap: 20px 30px; /* Отступы между полями */ align-items: start; } #jShopData .control-group { margin-bottom: 0 !important; } /* --- ЛОГИКА СЕТКИ --- */ /* Растягиваем поле ЛОГИН (5-й элемент) на всю ширину. Благодаря этому пароли встают рядом на следующей строке. */ #jShopData .control-group:nth-of-type(5) { grid-column: 1 / -1; } /* 4. Поля ввода (Инпуты) */ #jShopData input[type="text"], #jShopData input[type="password"], #jShopData input[type="email"] { width: 100% !important; background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #ffffff !important; padding: 0 15px !important; height: 48px !important; line-height: 48px !important; border-radius: 4px !important; font-size: 16px !important; font-family: sans-serif !important; transition: all 0.3s ease !important; box-shadow: none !important; box-sizing: border-box !important; } #jShopData input:focus { border-color: #FF9F00 !important; box-shadow: 0 0 10px rgba(255, 159, 0, 0.2) !important; outline: none !important; } /* 5. Названия полей (Лейблы) */ #jShopData .control-label.name { color: #aaaaaa !important; font-family: 'Bender', Helvetica, sans-serif !important; font-size: 14px !important; text-transform: uppercase !important; margin-bottom: 8px !important; letter-spacing: 1px !important; font-weight: normal !important; text-align: left !important; width: 100% !important; } #jShopData .control-label span { color: #FF9F00 !important; } /* 6. БЛОК CAPTCHA (Компактный) */ .jshop_register { grid-column: 1 / -1; /* На всю ширину */ margin-top: 20px !important; background-color: #262626 !important; border: 1px solid #444 !important; border-radius: 4px !important; /* Компактные отступы */ padding: 10px 15px !important; display: flex !important; flex-direction: column !important; } /* Сброс табличной структуры внутри капчи */ .jshop_register table, .jshop_register tbody, .jshop_register tr, .jshop_register td { display: block !important; width: 100% !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; } /* Заголовок "CAPTCHA *" внутри блока */ .jshop_register td.name { margin-bottom: 5px !important; /* Уменьшили отступ до виджета */ color: #FF9F00 !important; font-family: 'Bender', sans-serif !important; font-size: 14px !important; text-transform: uppercase !important; } /* 7. Нижняя панель с кнопкой */ .control-group.box_button { grid-column: 1 / -1; margin-top: 10px !important; border-top: none !important; /* Убрали линию, чтобы было чище */ padding-top: 10px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .requiredtext { color: #777 !important; font-size: 13px !important; font-style: italic !important; } /* КНОПКА РЕГИСТРАЦИИ */ #jShopData input.btn.btn-success { background-color: #FF9F00 !important; background-image: none !important; color: #000000 !important; font-family: 'Bender', Helvetica, sans-serif !important; font-weight: bold !important; font-size: 18px !important; text-transform: uppercase !important; padding: 0 40px !important; height: 50px !important; line-height: 50px !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; text-shadow: none !important; transition: all 0.3s ease !important; } #jShopData input.btn.btn-success:hover { background-color: #ffffff !important; box-shadow: 0 0 20px rgba(255, 159, 0, 0.6) !important; transform: translateY(-2px); } /* Скрываем техническое поле */ #reg_test_password { display: none !important; } /* 8. АДАПТИВНОСТЬ */ @media (max-width: 768px) { #jShopData form { grid-template-columns: 1fr !important; gap: 15px !important; } #jShopData .control-group:nth-of-type(5) { grid-column: auto !important; } .control-group.box_button { flex-direction: column-reverse; gap: 15px; align-items: stretch !important; } .requiredtext { text-align: center; } #jShopData input.btn.btn-success { width: 100% !important; } } /* ================================================================= СТРАНИЦА ВХОДА (LOGIN PAGE) - FIXED LAYOUT ================================================================= */ /* 1. Сброс контейнера */ #jShopData.pagelogin { border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin-top: 20px !important; margin-bottom: 100px !important; } /* 2. Заголовок "ЛОГИН" */ #jShopData h1.moduleTitle { color: #ffffff !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; text-transform: uppercase !important; border-bottom: 1px solid #444 !important; padding-bottom: 10px !important; margin-bottom: 25px !important; font-size: 32px !important; display: block !important; width: 100% !important; } /* 3. СЕТКА (ИСПРАВЛЕНИЕ СЪЕХАВШИХ БЛОКОВ) */ #jShopData .row-fluid { display: flex !important; /* Используем Flexbox вместо Grid */ flex-wrap: wrap !important; /* Разрешаем перенос на мобильных */ gap: 30px !important; /* Отступ между блоками */ margin: 0 !important; width: 100% !important; } /* Убираем "призрачные" элементы Bootstrap, которые ломали верстку */ #jShopData .row-fluid::before, #jShopData .row-fluid::after { display: none !important; content: none !important; } /* 4. ОФОРМЛЕНИЕ БЛОКОВ (Левый и Правый) */ .login_block, .register_block { flex: 1 1 0px !important; /* Растягиваем блоки равномерно */ min-width: 300px !important; /* Минимальная ширина, чтобы не сжимались слишком сильно */ margin: 0 !important; /* Сброс отступов Bootstrap */ width: auto !important; /* Сброс ширины Bootstrap */ background-color: #262626 !important; border: 1px solid #444 !important; border-radius: 4px !important; padding: 30px !important; display: flex !important; flex-direction: column !important; } /* Текстовые подсказки внутри блоков */ .small_header, .logintext { color: #aaa !important; font-size: 14px !important; margin-bottom: 15px !important; font-family: sans-serif !important; line-height: 1.4 !important; } .small_header { font-weight: bold; color: #ccc !important; } /* 5. ПОЛЯ ВВОДА (Внутри блока Входа) */ .pagelogin form { margin: 0 !important; width: 100% !important; } .pagelogin .control-group { margin-bottom: 15px !important; display: block !important; } /* Лейблы (Логин, Пароль) */ .pagelogin .control-label { width: 100% !important; text-align: left !important; margin-bottom: 5px !important; float: none !important; } .pagelogin .control-label label { color: #FF9F00 !important; font-family: 'Bender', sans-serif !important; font-size: 14px !important; text-transform: uppercase !important; } .pagelogin .controls { margin-left: 0 !important; } /* Сами инпуты */ .pagelogin input[type="text"], .pagelogin input[type="password"] { width: 100% !important; background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #ffffff !important; padding: 0 15px !important; height: 48px !important; border-radius: 4px !important; font-size: 16px !important; box-shadow: none !important; box-sizing: border-box !important; } .pagelogin input:focus { border-color: #FF9F00 !important; } /* 6. ЧЕКБОКС "Запомнить меня" */ .control-group.checkbox.rowremember .controls { display: flex !important; align-items: center !important; margin-top: 10px !important; } #remember_me { margin: 0 10px 0 0 !important; width: 20px !important; height: 20px !important; min-height: 20px !important; } #remember_me + label { margin: 0 !important; color: #ccc !important; font-size: 14px !important; cursor: pointer; } /* 7. КНОПКИ */ .pagelogin input.btn { width: 100% !important; font-family: 'Bender', Helvetica, sans-serif !important; font-weight: bold !important; font-size: 18px !important; text-transform: uppercase !important; height: 50px !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; transition: all 0.3s ease !important; margin-top: 10px !important; } /* Кнопка ВОЙТИ */ .pagelogin input.btn-success { background-color: #FF9F00 !important; color: #000 !important; } .pagelogin input.btn-success:hover { background-color: #fff !important; box-shadow: 0 0 15px rgba(255, 159, 0, 0.5) !important; } /* Кнопка РЕГИСТРАЦИЯ (в правом блоке) */ .block_button_register { margin-top: auto !important; /* Прижимает кнопку к низу блока */ } .pagelogin input.btn-primary { background-color: transparent !important; border: 1px solid #FF9F00 !important; color: #FF9F00 !important; } .pagelogin input.btn-primary:hover { background-color: #FF9F00 !important; color: #000 !important; } /* Ссылка "Забыли пароль?" */ .rowlostpassword { text-align: center !important; margin-top: 15px !important; margin-bottom: 0 !important; } .rowlostpassword a { color: #777 !important; font-size: 13px !important; text-decoration: underline !important; } .rowlostpassword a:hover { color: #FF9F00 !important; text-decoration: none !important; } /* 8. АДАПТИВ (Мобильные) */ @media (max-width: 768px) { #jShopData .row-fluid { flex-direction: column !important; /* Блоки друг под другом */ } .login_block, .register_block { width: 100% !important; min-width: 0 !important; } } /* ================================================================= КОРЗИНА (CART) - ФИНАЛЬНАЯ ВЕРСИЯ (ИСПРАВЛЕННАЯ) ================================================================= */ /* 1. Глобальный контейнер */ #jShopData.contentWrapper { border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; margin-bottom: 80px !important; width: 100% !important; display: block !important; } /* Настраиваем форму как колонку */ #jShopData form[name="updateCart"] { display: flex !important; flex-direction: column !important; width: 100% !important; } /* 2. ТАБЛИЦА ТОВАРОВ */ .table-responsive { order: 1 !important; width: 100% !important; border: none !important; overflow: visible !important; margin-bottom: 20px !important; } .jShopCart { width: 100% !important; background-color: #262626 !important; border: 1px solid #444 !important; border-collapse: collapse !important; table-layout: auto !important; } /* Заголовки таблицы */ .jShopCart th { background-color: #333 !important; color: #FF9F00 !important; font-family: 'Yanone Kaffeesatz', Helvetica, sans-serif !important; font-size: 18px !important; text-transform: uppercase !important; border: 1px solid #444 !important; padding: 12px 5px !important; text-align: center !important; vertical-align: middle !important; } .jShopCart th.product_name { text-align: left !important; padding-left: 15px !important; } /* Ячейки таблицы */ .jShopCart td { background-color: #262626 !important; border: 1px solid #444 !important; color: #eee !important; padding: 15px 10px !important; vertical-align: middle !important; text-align: center !important; } .jShopCart td.product_name { text-align: left !important; padding-left: 15px !important; } /* ФОТО ТОВАРОВ (140px) */ .jshop_img_description_center { width: 160px !important; } .jshop_img_description_center img { border-radius: 4px; border: 1px solid #444; background: #fff; padding: 2px; width: 100% !important; max-width: 140px !important; /* Размер фото */ height: auto !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .product_name a { color: #ffffff !important; font-family: 'Bender', sans-serif !important; font-size: 16px !important; font-weight: bold !important; text-transform: uppercase !important; text-decoration: none !important; display: block !important; margin-bottom: 5px !important; line-height: 1.2 !important; } .product_name a:hover { color: #FF9F00 !important; } .jshop_code_prod, .list_attribute { font-size: 13px !important; color: #888 !important; } .list_attribute span.value { color: #fff !important; } /* Цены */ .single_price .data, .total_price .data { font-family: 'Bender', sans-serif !important; font-size: 16px !important; color: #ccc !important; white-space: nowrap !important; } .total_price .data { color: #FF9F00 !important; font-weight: bold !important; } /* Количество */ .quantity .data { display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; } .quantity input.inputbox { background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #fff !important; width: 40px !important; height: 34px !important; text-align: center !important; border-radius: 4px !important; font-family: 'Bender', sans-serif !important; } .cart_reload img, .remove .button-img img { display: none !important; } .cart_reload::before { content: "\f021"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #777; font-size: 16px; cursor: pointer; transition: 0.3s; } .cart_reload:hover::before { color: #FF9F00; transform: rotate(180deg); } .remove .button-img::before { content: "\f2ed"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #555; font-size: 18px; cursor: pointer; transition: 0.3s; } .remove .button-img:hover::before { color: #d9534f; } /* 3. БЛОК СУММЫ (Порядок: 2) */ .jshop_subtotal { order: 2 !important; width: 100% !important; max-width: 400px !important; margin-left: auto !important; background-color: #262626 !important; border: 1px solid #444 !important; margin-bottom: 20px !important; } .jshop_subtotal td { background-color: transparent !important; border: none !important; padding: 8px 15px !important; text-align: right !important; font-family: 'Bender', sans-serif !important; text-transform: uppercase !important; font-size: 15px !important; } .jshop_subtotal .name { color: #ccc !important; width: auto !important; } .jshop_subtotal .value { color: #fff !important; font-weight: bold !important; white-space: nowrap !important; } .jshop_subtotal .total td { border-top: 1px solid #444 !important; font-size: 22px !important; padding-top: 12px !important; color: #FF9F00 !important; } .jshop_subtotal .total .value { color: #FF9F00 !important; } /* 4. ДИСКОНТНЫЙ КОД - ЯДЕРНЫЙ ФИКС (Порядок: 3) */ .cart_block_discount { order: 3 !important; width: 100% !important; margin-bottom: 30px !important; padding: 0 !important; background: transparent !important; border: none !important; display: block !important; /* Убираем лишние флексы родителя */ text-align: center !important; /* Центрируем содержимое */ } /* Сама строка элементов */ .cart_block_discount .row.jshop { display: inline-flex !important; /* Строго в строку по центру */ flex-direction: row !important; flex-wrap: nowrap !important; /* Запрещаем перенос */ align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: none !important; } /* ОТКЛЮЧАЕМ ВЛИЯНИЕ BOOTSTRAP (col-sm-4) */ .cart_block_discount .row.jshop > div, .cart_block_discount .col-sm-4 { width: auto !important; /* Убираем ширину 33% */ min-width: 0 !important; max-width: none !important; float: none !important; /* Убираем обтекание */ flex: 0 0 auto !important; /* Запрещаем растягиваться */ display: block !important; padding: 0 !important; margin: 0 !important; position: static !important; } /* Текст "Введите код" */ .cart_block_discount .name { color: #FF9F00 !important; font-family: 'Bender', sans-serif !important; font-size: 16px !important; text-transform: uppercase !important; font-weight: bold !important; white-space: nowrap !important; line-height: 46px !important; margin-right: 15px !important; /* Отступ справа */ width: auto !important; } /* Поле ввода */ .cart_block_discount input[type="text"] { display: block !important; background-color: #1a1a1a !important; border: 1px solid #444 !important; color: #fff !important; height: 46px !important; line-height: 46px !important; border-radius: 4px !important; width: 200px !important; /* Фиксированная ширина */ min-width: 200px !important; text-align: center !important; font-size: 18px !important; margin: 0 !important; padding: 0 10px !important; box-shadow: none !important; } /* Кнопка "Активировать" */ .cart_block_discount input.btn-primary { display: block !important; background-color: transparent !important; border: 1px solid #FF9F00 !important; color: #FF9F00 !important; font-family: 'Bender', sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; height: 46px !important; line-height: 44px !important; width: auto !important; padding: 0 30px !important; cursor: pointer; transition: 0.3s; margin-left: 15px !important; /* Отступ слева */ margin-top: 0 !important; } .cart_block_discount input.btn-primary:hover { background-color: #FF9F00 !important; color: #000 !important; } /* 5. КНОПКИ ДЕЙСТВИЙ (Порядок: 4) */ .jshop.cart_buttons { order: 4 !important; width: 100% !important; margin-top: 20px !important; padding: 0 !important; border: none !important; } #checkout .row { display: flex !important; justify-content: space-between !important; align-items: center !important; } #checkout .btn { font-family: 'Bender', sans-serif !important; font-weight: bold !important; text-transform: uppercase !important; font-size: 18px !important; padding: 15px 30px !important; border-radius: 4px !important; border: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Оформить (Справа) */ #checkout .col-sm-6.text-right { text-align: right !important; } #checkout .col-sm-6.text-right .btn { background-color: #FF9F00 !important; color: #000 !important; } #checkout .col-sm-6.text-right .btn:hover { background-color: #fff !important; box-shadow: 0 0 20px rgba(255, 159, 0, 0.6) !important; } /* Вернуться (Слева) */ #checkout .col-sm-6:first-child .btn { background-color: #333 !important; border: 1px solid #555 !important; color: #aaa !important; } #checkout .col-sm-6:first-child .btn:hover { border-color: #FF9F00 !important; color: #FF9F00 !important; } /* АДАПТИВНОСТЬ ДЛЯ ТЕЛЕФОНОВ (Перенос в столбик) */ @media (max-width: 768px) { .jshop_img_description_center img { max-width: 100px !important; } .cart_block_discount .row.jshop { display: flex !important; flex-direction: column !important; /* В СТОЛБИК */ width: 100% !important; padding: 20px !important; background-color: #262626 !important; border: 1px solid #444 !important; border-radius: 4px; gap: 15px !important; } /* Возвращаем ширину 100% для элементов внутри на телефоне */ .cart_block_discount .row.jshop > div, .cart_block_discount .col-sm-4 { width: 100% !important; margin-bottom: 5px !important; text-align: center !important; display: flex !important; justify-content: center !important; } .cart_block_discount .name { margin-right: 0 !important; text-align: center !important; } .cart_block_discount input[type="text"] { width: 100% !important; margin-bottom: 5px !important; } .cart_block_discount input.btn-primary { width: 100% !important; margin-left: 0 !important; margin-top: 5px !important; } .jshop_subtotal { max-width: 100% !important; } #checkout .row { flex-direction: column-reverse !important; gap: 15px; } #checkout .col-sm-6 { width: 100% !important; text-align: center !important; } #checkout .btn { width: 100% !important; } .jshop_img_description_center { display: block !important; } }