/*@media @wide-screen-up -end*/ /*@media @desktop-up -end*/ /*@media @tablet-up -end*/ /*@media @phone-up -end*/ /*@media @small-phone-up -end*/ /*@media @wide-screen-down -end*/ /*@media @desktop-down -end*/ /*@media @tablet-down -end*/ /*@media @phone-down -end*/ /*@media @small-phone-down -end*/ .top_nav { /* cart */ } .top_nav .quick_cart { width: 60px; height: 50px; float: right; } .top_nav .quick_cart #cart{ position:relative; height:50px; } .top_nav .quick_cart #cart > .btn { font-size: 18px; font-weight: bold; line-height: 50px; color: #333E48; height:57px; background: none; border: 2px solid rgba(0,0,0,0); border-radius: 5px 5px 0px 0px; box-shadow: none; position: relative; padding:0px 10px; z-index: 1002; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } .top_nav .quick_cart #cart #cart-total-price { display:none; } .top_nav .quick_cart #cart > .btn .cart-total span { min-width: 25px; height: 25px; line-height: 21px; text-align: center; position: absolute; background: #333E48; border:2px solid #E73046; color: #f5f5f5; font-size: 12px; font-weight:normal; border-radius: 30px; right: 18px; bottom: 5px; padding:0px 5px; } .top_nav .quick_cart #cart > .btn .cart-total span.active_items { background: #1d80db; } .top_nav .quick_cart #cart > .btn .cart-total i { font-size: 25px; } .top_nav .quick_cart #cart > .btn:hover .cart-total i { color:#434e58; } @media (min-width: 991px) { .top_nav .quick_cart #cart.show > .btn { position: absolute; /* Pozycjonowanie absolutne */ width: auto; min-width:200px; /* Ustaw wysokość przycisku */ padding: 0px 10px; /* Dodaj przestrzeń wewnętrzną */ white-space: nowrap; /* Zapobiega łamaniu linii */ overflow: hidden; right:0px; } .top_nav .quick_cart #cart.show #cart-total-price { float:left; display:block; } .top_nav .quick_cart #cart > .btn:after { display: none; } .top_nav .quick_cart #cart > .btn .cart-total { position: relative; display: inline; float:right; margin:0px; } .top_nav .quick_cart #cart.show > .btn .cart-total span { border:2px solid #fff; } .top_nav .quick_cart #cart.show > .btn { background-image: none; background-color: #FFFFFF; border: 2px solid #333E48; border-bottom: 0px solid #fff; color: #333E48; box-shadow: none; text-shadow: none; } .top_nav .quick_cart #cart.show > .btn :hover { color: #333E48; } .top_nav .quick_cart #cart.show .dropdown-menu { display: block !important; opacity: 1; z-index: 1001; top: 53px !important; } .top_nav .quick_cart #cart .dropdown-menu { background: #fff; z-index: 0; transform: none !important; top: 1153px !important; border: 2px solid #333E48; border-radius: 0px 0px 5px 5px; left: auto !important; right: 0px; display: block !important; opacity: 0; min-width: 350px; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.5); padding: 0px; } .top_nav .quick_cart #cart .dropdown-menu li.li0 { overflow: hidden; display: none; } .top_nav .quick_cart #cart .dropdown-menu li.li1 { overflow: hidden; display: block; } .top_nav .quick_cart #cart .dropdown-menu li.cempty { height: calc((100% - 60px)); display: table; width: 100%; } .top_nav .quick_cart #cart .dropdown-menu li.cempty > div { display: table-cell; vertical-align: middle; text-align: center; padding: 50px 0px; } .top_nav .quick_cart #cart .dropdown-menu li.cempty > div > p { font-size: 18px; font-weight: bold; } .top_nav .quick_cart #cart .dropdown-menu li.cempty > div > i { font-size: 70px; text-align: center; width: 100%; color: #F5F5F5; } .top_nav .quick_cart #cart .dropdown-menu li.cempty > div .buttons { padding: 20px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l .c_product_name { padding: 0.75rem 0.75rem 0px 0.75rem; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l .c_product_name a { color: #333E48; font-weight: bold; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l .product_option { padding-left: 10px; padding-bottom: 20px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table { width: 100%; margin-bottom: 0px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table td { padding: 0px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr { background: none; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr td { border: 0px solid #fff; padding: 0.75rem; vertical-align: middle; white-space: nowrap; font-size: 14px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr td.cp_image { width: 100px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr td.cp_quantity { width: calc(90% - 130px); } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr td.cp_remove { width: 30px; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table table tr td span:last-child { font-size: 14px; color: #bbbbbb; } .top_nav .quick_cart #cart .dropdown-menu li .c_product_l table img { max-width: none; } .top_nav .quick_cart #cart .dropdown-menu .table-total { margin: 0px; } .top_nav .quick_cart #cart .dropdown-menu .table-total tr:last-child { font-size: 20px; } .top_nav .quick_cart #cart .dropdown-menu .action_b { background: #333E48; border-radius: 0px 0px 5px 5px; } .top_nav .quick_cart #cart .dropdown-menu .action_b a { width: 50%; text-align: center; display: inline-block; font-weight: bold; font-size: 16px; color: #fff; padding: 20px 0px; border: 1px solid #fff; } .top_nav .quick_cart #cart .dropdown-menu .action_b a:hover { background: #e73046; } .top_nav .quick_cart #cart .dropdown-menu .action_b a:first-child { border-radius: 0px 0px 0px 5px; } .top_nav .quick_cart #cart .dropdown-menu .action_b a:last-child { border-radius: 0px 0px 5px 0px; } .top_nav .quick_cart #cart .dropdown-menu .action_b a i { font-size: 20px; } } @media (max-width: 991px) { .quickCart_opened { overflow: hidden; position: relative; } .quickCart_opened .shadow_bg { display: block; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0px; right: 0px; z-index: 1007; } .top_nav .quick_cart #cart > .btn:after { display: none; } .top_nav .quick_cart #cart > .btn .cart-total { position: relative; } .top_nav .quick_cart #cart #quick-cart { background: #fff; border: 0px solid #333E48; border-radius: 0px; left: auto !important; transform: translate3d(0px,0px,0px) !important; right: 0px; display: block !important; min-width: 300px; box-shadow: 0 2px 4px 0px rgba(0,0,0,0.5); padding: 0px; position: fixed !important; z-index: 10000; top: -2px !important; max-width: 300px; width: 300px; height: 100% !important; max-height: 100% !important; opacity: 0; margin-right: -300px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .top_nav .quick_cart #cart #quick-cart li.li0 { font-size: 20px; position: relative; box-shadow: 0 -2px 14px 0px rgba(0,0,0,0.5); z-index: 10002; } .top_nav .quick_cart #cart #quick-cart li.li1 { position: relative; z-index: 10001; } .top_nav .quick_cart #cart #quick-cart li.li2 { flex-grow: 1; width: 100%; bottom: 0px; box-shadow: 0 2px 14px 0px rgba(0,0,0,0.2); z-index: 10003; background: #fff; } .top_nav .quick_cart #cart #quick-cart li.cempty { height: calc((100% - 60px)); display: table; width: 100%; } .top_nav .quick_cart #cart #quick-cart li.cempty > div { display: table-cell; vertical-align: middle; text-align: center; } .top_nav .quick_cart #cart #quick-cart li.cempty > div > p { font-size: 18px; font-weight: bold; } .top_nav .quick_cart #cart #quick-cart li.cempty > div > i { font-size: 70px; text-align: center; width: 100%; color: #F5F5F5; } .top_nav .quick_cart #cart #quick-cart li.cempty > div .buttons { padding: 20px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l .c_product_name { padding: 0.75rem 0.75rem 0px 0.75rem; } .top_nav .quick_cart #cart #quick-cart li .c_product_l .c_product_name a { color: #333E48; font-weight: bold; } .top_nav .quick_cart #cart #quick-cart li .c_product_l .product_option { padding-left: 10px; padding-bottom: 20px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table { width: 100%; margin-bottom: 0px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table tr { background: #fff !important; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table tr td { padding: 0px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr { background: none; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr td { border: 0px solid #fff; padding: 0.75rem; vertical-align: middle; white-space: nowrap; font-size: 14px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr td.cp_image { width: 100px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr td.cp_quantity { width: calc(90% - 130px); } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr td.cp_remove { width: 30px; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table table tr td span:last-child { font-size: 14px; color: #bbbbbb; } .top_nav .quick_cart #cart #quick-cart li .c_product_l table img { max-width: none; } .top_nav .quick_cart #cart #quick-cart .table-total { margin: 0px; } .top_nav .quick_cart #cart #quick-cart .table-total tr:last-child { font-size: 20px; } .top_nav .quick_cart #cart #quick-cart .action_b { background: #333E48; border-radius: 0px 0px 5px 5px; } .top_nav .quick_cart #cart #quick-cart .action_b a { width: 50%; text-align: center; display: inline-block; font-weight: bold; font-size: 16px; color: #fff; padding: 20px 0px; border: 1px solid #fff; } .top_nav .quick_cart #cart #quick-cart .action_b a:hover { background: #e73046; } .top_nav .quick_cart #cart #quick-cart .action_b a:first-child { border-radius: 0px; } .top_nav .quick_cart #cart #quick-cart .action_b a:last-child { border-radius: 0px; } .top_nav .quick_cart #cart #quick-cart .action_b a i { font-size: 20px; } .top_nav #quick-cart.quickCartActive { margin-right: 0px !important; box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.5); opacity: 1 !important; } } @media (max-width: 991px) and (max-height: 450px) { #quick-cart { overflow-x: hidden; overflow-y: auto; } #quick-cart li.li1 { overflow: hidden; max-height: none !important; } #quick-cart li.li2 { position: relative; } } @media (max-width: 991px) and (min-height: 450px) { #quick-cart { overflow: hidden; } #quick-cart li.li1 { overflow-y: auto; overflow-x: hidden; } #quick-cart li.li2 { position: absolute; } }