:root {
    --green: #81c238;
    --green-hover: #72ac31;
    --green-light-bg: #f8fff1;
    --beige: #fff9eb;
    --red: #e53d3d;
    --red-hover: #d23838;
    --pink: #fff1f1;
    --top-panel-bg: #daf3bf;
    --top-panel-text: #72ab33;
    --top-panel-link: #e53d3d;
    --top-panel-link-hover: #d23838;
    --search-btn: #222222;
    --search-btn-hover: #72ac31;
    --action-bg: #222222;
    --bookmark-active: #222222;
    --categories-active-phone: #222222;
    --categories-trigger: #222222;
    --categories-horizontal-panel-bg: #ececec;
    --categories-horizontal-dropdown-bg: #f8f8f8;
    --categories-horizontal-dropdown-item-color: #222222;
    --categories-horizontal-dropdown-item-color-hover: #222222;
    --categories-horizontal-hover-item-bg: #f8f8f8;
    --categories-horizontal-hover-item-color: #222222;
    --categories-horizontal-panel-border-color: #dddddd;
    --slideshow-dot-active-color: #222222;
    --slideshow-dot-inactive-color: #ffffff;
    --font-stack: 'Muli', Arial, sans-serif;
}

* :focus {
    outline: 0;
}

body {
    padding: 0;
    margin: 0;
    font-family: var(--font-stack);
    color: #222222;
    font-weight: 400;
}

input {
    font-family: var(--font-stack);
}

table {
    border-spacing: 0px;
}

table td, table th {
    padding: 0px;
}

a {
    transition: 0.08s ease-in;
    color: #222222;
}

h1 {
    font-size: 26px;
    line-height: 127%;
    font-weight: 700;
    margin: 5px 0px 18px 0px;
    text-align: left;
    color: #222222;
}

h2 {
    padding: 0px;
    margin: 10px 0px 10px 0px;
    font-size: 17px;
    text-align: left;
    font-weight: 700;
    color: #222222;
}

label{
    cursor: pointer;
}

.clear{
    clear: both !important;;
    float: none !important;
}

p {
    font-size: 16px;
    line-height: 149%;
}

#static p {
    font-size: 15px;
}

img {
    border: 0px;
}

.alert, .error_message {
    color: var(--red);
}

.submit {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding: 13px;
    transition: 0.08s ease-in;
    line-height: 14px;
    cursor: pointer;
    border: 0px;
    color: #ffffff;
    border-radius: 5px;
    transition: 0.5s;
    background: var(--green);
    font-size: 15px;
    font-weight: 800;
}

.submit:hover {
    text-decoration: none;
    color: #ffffff;
    background: var(--green-hover);
}

.btn_primary{
    font-size: 15px;
    margin: 0px;
    padding: 15px 10px 15px 10px;
    width: 100%;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    background: var(--green);
    transition: 0.5s ease-out;
    color: #ffffff;
    border: 0;
}

.btn_primary:hover{
    background: var(--green-hover);
}

.sticky {
    position: sticky;
    top: 0;
}

.display-xs {
    display: none;
}

.container-flex {
    display: flex;
    flex-flow: row wrap;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

/* Eshop Header */

#top_panel {
    background: var(--top-panel-bg);
    max-height: 51px;
}

#top_panel .text-layer {
    text-align: center;
    color: var(--top-panel-text);
    font-weight: 800;
    font-size: 12px;
    padding: 7px 7px 8px 7px;
}

#top_panel .close-btn{
    background: url("../images/close_top_panel.svg") no-repeat;
    background-size: 100%;
    background-position: center right;
    width: 11px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer;
    transition: transform .6s ease-in-out;
}

#top_panel .close-btn:hover {
    transform: rotate(90deg);
}

#top_panel a{
    background: var(--top-panel-link);
    transition: background 1s ease-out;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 9px;
    padding: 3px 9px 3px 8px;
    margin-left: 8px;
    position: relative;
    top: -1px;
}

#top_panel a:hover, #top_panel a:focus, #top_panel a:visited{
    background: var(--top-panel-link-hover);
    text-decoration: none;
}
#top_panel p{
	  margin: 0;
	  padding: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: auto;
}

#header{
    width: 100%;
	  position: fixed;
    transition: 0.3s ease;
    z-index: 2147483637;
    top: 0;
    height: 93px;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.template_title_page #header{
    border-bottom: 0px;
}

.top-panel-visible #header {
    height: 186px;
}

#header .logo{
    flex: 0 1 auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 196px;
    max-width: 196px;
    max-height: 52px;
}

#header .logo img{
    max-width: 196px;
    width: 100%;
}

#header .logo p{
    margin: 0px;
}

#header .container-flex {
    flex-flow: row nowrap;
}

.header-flex-wrapper {
    justify-content: center;
    align-items: center;
    padding: 19px 25px 22px 25px;
}

.template_order #header .logo, .template_cart #header .logo{
    margin-top: 2px;
}

.template_order #payment_and_transport select[name="country_id"] {
    text-align: left !important;
    display: block;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    margin: 5px 0px 5px 0px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    height: 35px;
    border-radius: 5px;
}

.template_cart .attachement_modal > div:first-child {
    margin-left: 5px;
}

.template_cart .attachement_modal a {
    margin-left: 0;
}

.customer_service_number {
    display: flex;
}

.after_arrow {
    background: url("../images/arrow_down.svg") no-repeat;
    background-size: 100%;
    width: 9px;
    height: 9px;
    content: " ";
    display: inline-block;
    position: absolute;
    top: 12px;
    right: -16px;
}

.customer_service_number > div:nth-child(1){
    background: url("../images/headset.svg") no-repeat;
    background-size: 100%;
    width: 37px;
    height: 36px;
}

.customer_service_number div:nth-child(2){
    font-size: 13px;
    flex: 3;
    display: block;
    margin-left: 11px;
    position: relative;
}

.customer_service_number div:nth-child(2) span{
    display: block;
    margin-bottom: -1px;
}

.customer_service_number a{
    font-size: 16px;
    color: #222222;
    font-weight: 800;
    white-space: nowrap;
}

.customer_service_number a:hover{
    text-decoration: underline;
    color: #222222;
}

.customer_service_number .mail_wrap a {
    text-decoration: underline;
}

.customer_service_number .mail_wrap a:hover {
    text-decoration: none;
}

#contacts_dropdown_wrap {
    flex: 0 1 auto;
    margin: 0px 40px 0px 10px;
    z-index: 5;
}

#other_contacts_dropdown.dropdown_menu {
    display: none;
    position: absolute;
    left: -53px;
    padding: 22px 27px 20px 23px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    border-radius: 7px;
}

#other_contacts_dropdown.dropdown_menu.active {
    display: block;
}

#cart_dropdown.dropdown_menu {
    display: none;
    position: absolute;
    right: 0;
    min-width: 493px;
    padding: 22px 27px 20px 27px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    border-radius: 7px;
    z-index: 99;
}

#cart_dropdown.dropdown_menu.active {
    display: block;
}

#cart_dropdown.dropdown_menu button{
    color: #ffffff;
    transition: 0.5s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border: 0;
    background: var(--green);
}

#cart_dropdown.dropdown_menu button:hover{
    background: var(--green-hover);
}

#cart_dropdown.dropdown_menu button.quant_up{
    background: #f5f5f5;
    border: 0;
    padding: 7px 12px 6px 12px;
    border-radius: 7px;
    transition: 0.3s all;
    color: #222222;
    width: 30px;
}

#cart_dropdown.dropdown_menu button.quant_down{
    background: #f5f5f5;
    border: 0;
    padding: 7px 12px 6px 12px;
    border-radius: 7px;
    transition: 0.3s all;
    color: #222222;
    width: 30px;
}

#cart_dropdown.dropdown_menu button.quant_down.disabled{
    cursor: not-allowed !important;
}

#cart_dropdown.dropdown_menu button.quant_up:hover, #cart_dropdown.dropdown_menu button.quant_down:hover{
    background: #f0f0f0;
}

#cart_dropdown.dropdown_menu button.quant_down.disabled:hover{
    background: #f5f5f5;
}

#cart_dropdown.dropdown_menu .row{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 3px 15px 7px 15px;
    margin-bottom: 11px;
}

#cart_dropdown.dropdown_menu .delete {
    background: url("../images/cart_dropdown_remove.svg") center 4px no-repeat;
    background-size: 100%;
    width: 20px;
    height: 25px;
}

#cart_dropdown.dropdown_menu .delete a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

#cart_dropdown.dropdown_menu .image {
    flex: 1;
    text-align: center;
    min-width: 44px;
}

#cart_dropdown.dropdown_menu .image img {
    max-width: 44px;
    max-height: 42px;
}

#cart_dropdown.dropdown_menu .name {
    flex: 4;
}

#cart_dropdown.dropdown_menu .name a {
    font-weight: 800;
    color: #222222;
    font-size: 14px;
    display: block;
    line-height: 15px;
}

#cart_dropdown.dropdown_menu .quantity {
    flex: 2;
    font-size: 13px;
}

#cart_dropdown.dropdown_menu .delete-wrap {
    margin-right: 13px;
}

#cart_dropdown.dropdown_menu .variant_name {
    font-size: 11px;
    display: inline;
}

#cart_dropdown.dropdown_menu .price_total {
    display: none;
}

#cart_dropdown.dropdown_menu .prices {
    display: inline;
}

#cart_dropdown.dropdown_menu .price {
    font-weight: 800;
    font-size: 11px;
    display: inline;
}

#cart_dropdown.dropdown_menu .availability {
    display: none;
}

#cart_dropdown.dropdown_menu input {
    height: 30px;
    width: 26px;
    text-align: center;
    border-radius: 25px;
    margin: 0px;
    outline: none;
    vertical-align: top;
    border: 0;
    color: #222222;
    background-color: #ffffff;
    font-weight: 800;
}

#cart_dropdown.dropdown_menu .zero_fee_price {
    background: var(--beige);
    padding: 17px;
    font-size: 13px;
    text-align: left;
    margin: 2px 0px 15px 0px;
    display: flex;
    flex-flow: column;
}

#cart_dropdown.dropdown_menu .zero_fee_price.success {
    background: #eafdd5;
    color: #72ab33;
    border-radius: 6px;
    padding: 12px 17px 13px 17px;
    justify-content: center;
}

.progressbar-shipping-bg {
    background: #ede6d4;
    height: 8px;
    border-radius: 50px;
    margin: 11px 0px 2px 0px;
    order: 2;
}

.progressbar-shipping-text {
    display: flex;
}

#cart .progressbar-shipping-text {
    justify-content: center;
}

.progressbar-shipping-text b {
    background: #f4eddc;
    padding: 2px 6px;
    border-radius: 3px;
    color: #222222;
}

.progressbar-shipping-text b:last-child {
    padding: 0;
    background: transparent;
    color: #81c338;
}

.progressbar-shipping {
    background: #81c238;
    height: 8px;
    border-radius: 50px;
}

.free_shipping_ico {
    background: url(../images/free_shipping.svg) no-repeat;
    background-size: 28px;
    width: 31px;
    height: 25px;
    margin-top: 1px;
    margin-right: 11px;
}

.free_shipping_ico_active {
    background: url(../images/free_shipping_active.svg) no-repeat;
    background-size: 25px;
    width: 31px;
    height: 14px;
    margin-top: 2px;
    margin-right: 7px;
}

.zero_fee_price.success {
    flex-flow: row !important;
    font-weight: 700;
}

#cart_dropdown.dropdown_menu .total_price {
    font-weight: 800;
    flex: 1;
}

#cart_dropdown.dropdown_menu .total_price::first-letter {
    text-transform: uppercase;
}

.cart_box_dropdown_btns {
    display: flex;
    align-items: center;
}

.empty_cart {
    margin: 0 auto;
}

.cart_box_content_wrap {
    max-height: 362px;
    overflow-y: auto;
    overflow-x: hidden;
}

.store_location, .other_contacts_wrap {
    display: flex !important;
    margin-left: 0 !important;
}

.loc_wrap {
    display: inline-block;
    margin-left: 33px;
}

.store_location::before {
    content: " ";
    display: inline-block;
    background: url("../images/location.svg") -3px 12px no-repeat;
    background-size: 100%;
    width: 22px;
    height: 35px;
    position: absolute;
}

.mail_wrap {
    display: inline-block;
    margin-left: 33px;
}

.other_contacts_wrap::before {
    content: " ";
    display: inline-block;
    background: url("../images/mail_header.svg") left 1px no-repeat;
    background-size: 100%;
    position: absolute;
    width: 17px;
    height: 32px;
}

.store_location p {
    font-size: 13px;
    margin: 0;
    font-weight: 400;
}

#other_contacts_dropdown div.head {
    font-size: 13px;
    font-weight: 800;
}

.store_location div.head {
    margin-top: 10px !important;
}

#settings_wrap {
    margin: 0px 10px 0px 10px;
    height: 22px;
}

#settings_wrap .modal-content {
    max-height: 333px;
    top: 32%;
}

.settings_trigger .ico {
    background: url("../images/settings.svg") no-repeat;
    background-size: 100%;
    width: 23px;
    height: 23px;
}

.settings_trigger #language_switcher {
    position: relative;
    top: -26px;
    left: 20px;
    background-color: transparent;
}

.settings_trigger #language_switcher .arrow {
    display: none;
}

.settings_trigger #language_switcher img {
    height: 11px;
    max-width: 11px;
}

.settings_trigger #language_switcher ul {
    display: none !important;
}

#language_switcher ul li.active a{
	  cursor: no-drop;
}

#wishlist_wrap {
    margin: 0px 10px 0px 10px;
}

.wishlist_trigger .ico {
    background: url("../images/wishlist.svg") no-repeat;
    background-size: 100%;
    width: 22px;
    height: 21px;
}

.wishlist_trigger .items_count {
    color: #fc0101;
    font-size: 11px;
    font-weight: 800;
    position: absolute;
    top: -6px;
    left: 26px;
    width: 8px;
    height: 0px;
}

#wishlist_order_by {
    border-radius: 4px;
    border-color: #cccccc;
    cursor: pointer;
}

.products_wrap_modal {
    display: flex;
    flex-flow: row wrap;
}

.products_wrap_modal .image img {
    max-width: 136px;
    max-height: 125px;
}

.products_wrap_modal .image {
    margin-top: 0;
    margin-bottom: 0;
}

.products_wrap_modal .row {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
}

.products_wrap_modal .price_total {
    display: none;
}

.products_wrap_modal .add_to_cart {
    background: #222222;
    margin: 0 auto;
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 14px 29px 14px 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.products_wrap_modal .add_to_cart:hover {
    cursor: pointer;
    background: var(--green-hover);
}

.products_wrap_modal input {
    height: 50px;
    width: 47px;
    text-align: center;
    border-radius: 25px;
    margin: 0px;
    outline: none;
    vertical-align: top;
    border: 0;
    color: #222222;
    background-color: #ffffff;
    font-weight: 800;
}

.products_wrap_modal .quant_nick {
    display: none;
}

.products_wrap_modal .delete {
    margin-top: 10px;
}

.products_wrap_modal .delete a {
    color: #222222;
    font-size: 13px;
    text-decoration: underline;
}

.products_wrap_modal .delete a:hover {
    text-decoration: none;
}

.products_wrap_modal .availability {
    display: none;
}

.products_wrap_modal .price {
    font-weight: 800;
}

p.empty_wishlist {
    text-align: center;
    width: 100%;
}

.products_wrap_modal .image {
    margin-top: 21px;
    margin-bottom: 13px;
}

.products_wrap_modal .quantity_content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-panel-visible #eshop {
    margin-top: 205px;
}

#eshop {
    margin-top: 14px;
}

.template_title_page #eshop.is-slideshow {
    margin-top: 10px !important;
}

.top-panel-visible .template_title_page #eshop {
    margin-top: 10px !important;
}

.top-panel-visible .template_title_page #eshop.is-slideshow {
    margin-top: 10px !important;
    transition: 0.6s all;
}

.template_title_page #eshop {
    margin-top: 14px !important;
}

.modal-wishlist .wishlist-sorting-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.modal-wishlist .display_type {
    margin-top: 0;
}

.modal-wishlist .wishilist_orderby::first-letter {
    text-transform: uppercase;
}

.modal-wishlist .modal-content {
    height: auto !important;
    padding: 3em 2em 4em 2em;
}

.modal-wishlist .name a {
    color: #222222;
}

.modal-wishlist .products_wrap_modal .image {
    margin-top: 10px;
    margin-bottom: 13px;
}

.modal-wishlist .wishlist_product_list .row-sorting {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    flex: 1 100%;
}

.modal-wishlist .wishlist_product_list .row-sorting a {
    color: #222222;
}

.modal-wishlist .wishlist_product_list .row-sorting .image img {
    max-width: 75px;
}

.modal-wishlist .products_wrap_modal .row-sorting .delete {
    margin-top: 0;
}

.modal-wishlist .products_wrap_modal .row-sorting .image img {
    max-width: 76px;
    max-height: 76px;
}

.modal-wishlist .products_wrap_modal .row-sorting .add_to_cart {
    padding: 10px 29px 10px 30px;
    font-size: 12px;
    margin-bottom: 7px;
}

.modal-wishlist .wishlist-sorting-wrapper {
    margin-bottom: 10px;
}

.modal-wishlist .products_wrap_modal .row-sorting .name {
    text-align: left;
}

.modal-wishlist .wishlist_product_list .row-sorting > div {
    flex: 1;
}

.modal-wishlist .products_wrap_modal .row-sorting .price {
    text-align: left;
}

.modal-wishlist-confirmed .row {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.modal-wishlist-confirmed .row .image img {
    max-width: 75px;
}

.modal-wishlist-confirmed p {
    display: none;
}

.modal-wishlist-confirmed p.modal-wishlist-text {
    font-weight: 800;
    font-size: 26px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 22px;
    margin-top: 0 !important;
    display: flex;
    flex-flow: column;
}

.modal-wishlist-confirmed {
    padding: 18px 45px 46px 45px !important;
}

.modal-wishlist-confirmed .quantity_content, .modal-wishlist-confirmed .addToCart-wrap, .modal-wishlist-confirmed .delete-wrap, .modal-wishlist-confirmed .prices,
.modal-wishlist-confirmed .availability {
    display: none;
}

.modal-wishlist-confirmed .name a {
    font-size: 17px;
    text-decoration: underline;
    font-weight: 800;
}

.modal-wishlist-confirmed .ui-dialog-titlebar-close {
    right: -1em !important;
}

.modal-wishlist-confirmed .name a:hover {
    text-decoration: none;
}

.modal-wishlist-confirmed .price_total {
    font-size: 17px;
    font-weight: 800;
    margin-left: 35px;
}

.modal-wishlist-confirmed p::before {
    content: " ";
    background: url("../images/wishlist.svg") center center no-repeat;
    background-size: 100%;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.modal-wishlist-confirmed .ui-dialog-buttonset {
    display: flex;
    justify-content: space-between;
    float: none !important;
}

.modal-wishlist-confirmed .ui-dialog-buttonset button:first-child {
    order: 2;
    transition: 0.5s;
    background: var(--red);
    border: 0;
    border-radius: 25px !important;
    padding: 11px 0px 11px 0px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    color: #ffffff !important;
    margin-bottom: 0;
    margin-right: 0;
    cursor: pointer;
}

.modal-wishlist-confirmed .ui-dialog-buttonset button:first-child:hover{
    background: var(--red-hover);
}

.modal-wishlist-confirmed .ui-dialog-buttonset button {
    flex: 1;
}

.modal-wishlist-confirmed .ui-dialog-buttonset button:last-child {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    font-size: 13px;
    font-weight: 400;
}

.modal-wishlist-confirmed .ui-dialog-buttonset button:last-child:hover {
    text-decoration: underline;
}

.modal-wishlist-confirmed .ui-dialog-buttonset button:last-child::before {
    content: " ";
    background: url("../images/continue_shopping.svg") left 5px no-repeat;
    background-size: 100%;
    width: 12px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
}

.modal-wishlist-confirmed .ui-dialog-content {
    padding: 0px 20px 0px 20px !important;
}

.products_wrap_modal.wishlist_product_list {
    max-height: 437px;
    overflow-x: hidden;
}

.modal-wishlist-confirmed .ui-dialog-buttonpane {
    padding: .3em 0em .5em .4em !important;
}

/* Eshop Header end */



/* Submenu Panel */

#submenu_panel {
    flex: 0 1 auto;
}

#submenu_panel .body {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Submenu Panel end */




/* Language Panel */
#language_switcher {
    background-color: #ffffff;
    float: left;
    height: 27px;
    position: relative;
    font-weight: 300;
    margin: 0px 0px 20px 0px;
    font-size: 14px;
}

/* Language Panel End */

#language_switcher img {
    height: 18px;
    max-width: 18px;
    border-radius: 50px;
}

#language_switcher .selected {
    padding: 0px 5px 5px 5px;
    line-height: 0px;
    height: 27px;
    display: block;
    float: left;
}

#language_switcher .selected span {
    display: block;
    line-height: 15px;
}

#language_switcher .arrow {
    background: url("../images/arrow_down.svg") center center no-repeat;
    background-size: 80%;
    height: 7px;
    width: 11px;
    float: right;
    position: relative;
    top: 7px;
}

#language_switcher ul {
    list-style: none;
    margin: 0px;
    padding: 7px;
    min-width: 100%;
    position: absolute;
    top: 45px;
    left: 0px;
    display: none;
    z-index: 50;
    background-color: #f4f4f4;
}

#language_switcher:hover ul {
    display: block;
}

#language_switcher ul li {
    margin: 0px;
    padding: 0px;
}

#language_switcher ul li a {
    padding: 0px 5px 0px 5px;
    width: 100%;
    display: block;
    line-height: 33px;
    text-decoration: none;
    text-align: center;
}

#language_switcher ul li a img {
    margin: 2px 0px 3px 0px;
}

/* Language Panel End */


/* Currency Panel */
#currency_switcher {
    float: left;
    height: 27px;
    position: relative;
    font-weight: 300;
    margin: 7px 6px 20px 9px;
    font-size: 14px;
}

#currency_switcher .selected {
    padding: 4px 5px 5px 5px;
    line-height: 15px;
    height: 27px;
    display: block;
    float: left;
    font-weight: 400;
}

#currency_switcher .arrow {
    background: url("../images/arrow_down.svg") center center no-repeat;
    background-size: 80%;
    height: 7px;
    width: 11px;
    float: right;
    position: relative;
    top: 7px;
}

#currency_switcher ul {
    list-style: none;
    margin: 0px;
    padding: 7px;
    min-width: 100%;
    position: absolute;
    top: 44px;
    left: 0px;
    display: none;
    z-index: 50;
}

#currency_switcher:hover ul {
    display: block;
}

#currency_switcher ul li {
    margin: 0px;
    padding: 0px;
}

#currency_switcher ul li a {
    padding: 0px 5px 0px 5px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    line-height: 29px;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
}

#currency_switcher ul li a:hover {
    text-decoration: underline;
}

#currency_switcher ul li.active a {
	  cursor: no-drop;
}

/* Currency Panel End */




/* User Panel */
#user_panel {
    margin: 1px 33px 0px 10px;
}

#user_panel::first-letter {
    text-transform: uppercase;
}

#user_panel a {
    font-size: 15px;
    color: #222222;
    text-decoration: underline;
    white-space: nowrap;
}

#user_panel a:hover {
    text-decoration: none;
}

a.logout {
    display: none;
}

a.logout::before {
    content: " ";
    background: url("../images/logout.svg") center center no-repeat;
    background-size: 73%;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    top: -5px;
    margin-left: 1px;
}

a.my_account::before {
    content: " ";
    background: url("../images/user_acc_phone.svg") center center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 31px;
    height: 29px;
    position: relative;
    top: -5px;
    display: none;
}

.logout_redirect {
    display: flex;
    margin-top: 25px;
}

.logout_redirect #counter {
    margin: 0 3px 0px 4px;
    font-weight: 700;
}

.logout_redirect a {
    text-decoration: underline;
    margin-left: 5px;
    font-weight: 700;
}

.logout_redirect a:hover {
    text-decoration: none;
    color: #222222;
}

.no-records, .no-orders {
    background: var(--pink);
    padding: 17px 27px 18px 27px;
    border-radius: 6px;
    color: var(--red);
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
    max-height: 56px;
}

/* User Panel End */



/* User Menu */
.template_my_account #main_body .menu a {
    display: block;
    padding: 5px 0px 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

/* User Menu end */



/* Cart Box */
#cart_box .cart-box-wrapper {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23FFFFFF%3Bstroke:%23FFFFFF%3Bstroke-width:0.25%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cpath fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='0.25' stroke-miterlimit='10' d='M22.7 7.1c0-0.4-0.4-0.7-0.7-0.7h-4V5.3C18 2.9 15.7 1 13 1S8 2.9 8 5.3v1.2H4c-0.4 0-0.7 0.3-0.7 0.7l-1 17c0 0.2 0.1 0.4 0.2 0.6C2.6 24.9 2.8 25 3 25h20c0.2 0 0.4-0.1 0.5-0.2c0.1-0.2 0.2-0.4 0.2-0.6L22.7 7.1z M9.5 5.3c0-1.5 1.6-2.8 3.5-2.8s3.5 1.2 3.5 2.8v1.2h-7V5.3z M8 7.9v1.6c0 0.4 0.3 0.8 0.8 0.8S9.5 10 9.5 9.6V7.9h6.9v1.6c0 0.4 0.3 0.8 0.8 0.8S18 10 18 9.6V7.9h3.3l0.6 10.4H4.1L4.8 7.9H8z M3.8 23.5l0.3-4.2H22l0.3 4.2H3.8z'/%3E%3C/svg%3E") 20px 12px no-repeat var(--green);
    background-size: 25px;
    height: 50px;
    cursor: pointer;
    display: block;
    position: relative;
    /* box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14); */
    border-radius: 7px;
    padding: 10px 20px 10px 20px;
    transition: 0.3s all;
}

#cart_box .cart-box-wrapper:hover {
    box-shadow: 0px 0px 12px 0px rgba(103,155,44,0.4);
}

#cart_box .body{
    border: 1px solid #ffffff;
    width: 17px;
    height: 16px;
    position: relative;
    top: -14px;
    right: -13px;
    z-index: 20;
    line-height: 15px;
    border-radius: 25px;
    font-size: 11px;
    color: var(--green);
    background-color: #ffffff;
    text-align: center;
    font-weight: 800;
    display: inline-block;
}

#cart_box span {
    font-size: 15px;
    font-weight: 800;
    display: block;
    margin-left: 37px;
    margin-top: 5px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}

#cart_box span:hover, #cart_box span:active, #cart_box span:visited {
    color: #ffffff;
    text-decoration: none;
}

#cart_box .cart-box-wrapper.empty {
    background: url('../images/cart.svg') 20px 12px / 25px no-repeat #ffffff;
    background-size: 25px;
    height: 50px;
    cursor: pointer;
    display: block;
    position: relative;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    border-radius: 7px;
    padding: 10px 20px 10px 20px;
    transition: 0.3s all;
}

#cart_box .cart-box-wrapper.empty:hover {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.24);
}

#cart_box .cart-box-wrapper.empty .body{
    border: 1px solid var(--green);
    color: #ffffff;
    background-color: var(--green);
}

#cart_box .cart-box-wrapper.empty span {
    color: #222222;
}

#cart_box span:hover, #cart_box span:active, #cart_box span:visited {
    color: #ffffff;
    text-decoration: none;
}

a.dropdown-toggle:hover, a.dropdown-toggle:active, a.dropdown-toggle:visited {
    color: #222222;
    text-decoration: none;
}

.button-dropdown.cart_wrap {
    position: relative;
}

.button-dropdown.cart_wrap .mask {
    background-color: rgba(0,0,0,0);
}

/* Cart Box End */




/* Search box */
#search_box {
    border: 1px solid #ccc;
    border-right: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    flex: 1 1 auto;
    height: 40px;
    position: relative;
    margin: 0px 31px 0px 31px;
    background: #ffffff;
}

#search_box select, #search_box_phone select {
    border: 0;
    border-left: 1px solid #eaeaea;
    height: 38px;
    padding-left: 10px;
    font-size: 13px;
}

#search_box .submit, #search_box_phone .submit {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: -1px;
    top: -1px;
}

#search_box #search_submit, #search_box_phone #search_submit_phone {
    background: url('../images/search.svg') center 7px no-repeat var(--search-btn);
    background-size: 25px, 200% auto;
    transition: 0.5s;
    border: 0px;
    height: 40px;
    width: 53px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    border-radius: 5px;
}

#search_box #search_submit:hover, #search_box_phone #search_submit_phone:hover {
    cursor: pointer;
    background: url('../images/search.svg') center 7px no-repeat var(--search-btn-hover);
    background-size: 25px, 200% auto;
}

#search_result h2::first-letter {
    text-transform: uppercase;
}

#search_result #product_list {
    margin: 0 15px;
}

.template_search #main_body {
    margin-top: 20px;
}

/* Search box end */



/* Main Menu */
.main-menu-area {
    position: relative;
}

.template_title_page #main_menu {
    margin-bottom: 30px;
    margin-top: 0px;
}

.template_title_page #main_menu a {
    padding: 12px 31px 12px 0px;
}

#main_menu {
    margin-bottom: 25px;
    margin-top: -12px;
}

.template_title_page #main_menu .body {
    padding: 20px 37px;
}

#main_menu .body {
    padding: 4px 17px;
    background: #f7f7f7;
    border-radius: 7px;
}

#main_menu a {
    float: left;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    flex: 1 100%;
    display: flex;
    align-items: center;
    padding: 12px 31px 12px 0px;
    background: #f7f7f7;
    width: 100%;
    transition: 0.5s all;
    color: #222222;
    border-bottom: 1px solid #dddddd;
}

#main_menu a:hover {
    color: #222222;
    text-decoration: underline;
}

#main_menu li {
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
    position: relative;
    width: 100%;
}

#main_menu li:last-child a {
    border-bottom: 0;
}

#main_menu li li a {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 0px 6px 0px;
}

#main_menu li li a:hover {
    text-decoration: underline;
}

#main_menu li li {
    margin: 0;
}

#main_menu ul {
    padding: 0px;
    margin: 0px;
}

#main_menu li.active li {
    padding-bottom: 2px;
}

#main_menu li.preview a:hover, #main_menu li.active a:hover {
    background: transparent;
}

#main_menu .sp_plusminus {
    background: url(../images/arrow_down.svg) no-repeat center center;
    background-size: 9px;
    border: 1px solid #ddd;
    width: 24px;
    height: 25px;
    border-radius: 50px;
    position: absolute;
    right: -1px;
    top: 9px;
    line-height: 12px;
    transition: 0.3s all;
}

#main_menu .sp_plusminus.minus {
    background: url(../images/arrow_to_top.svg) no-repeat center center;
    background-size: 9px;
}

.template_title_page #main_menu .sp_plusminus {
    top: 9px;
    right: 0px;
}

.template_title_page #main_menu li li a, .template_title_page #main_menu li li a:hover {
    padding: 5px 0px 6px 0px;
}

#main_menu .sp_plusminus:hover {
    border: 1px solid #bbb;
}

#main_menu li.active li.active a {
    font-weight: 700;
    text-decoration: underline;
}

#main_menu .submenu {
    clear: both;
    float: none;
    width: 300px;
    position: absolute;
    top: 45px;
    z-index: 1000;
    display:none !important;
}

#main_menu li:hover .submenu {
    display: block !important;
}

#main_menu .submenu li {
    float: none;
}

#main_menu .submenu a {
    font-size: 11px;
}

#main_menu .submenu a {
    float: none;
    display: block;
    padding: 10px 0px 10px 0px;
    line-height: 15px;
    height: auto;
}

/* Main Menu End */




/* Slideshow */

.slideshow_panel{
    display: block;
}

.slideshow_panel .slides-container{
    display: none;
}

.slick-list {
    width: 100%;
}

.slick-dots button{
    display: none;
}

.slick-dots{
    display: inline-block;
    position: absolute;
    bottom: 0px;
}

.slick-dots li{
    float: left;
    padding: 0px;
    margin: 0px 15px;
}

.slick-dots li::marker{
    color: var(--slideshow-dot-inactive-color);
    font-size: 50px;
    cursor: pointer;
}

.slick-dots li.slick-active::marker{
    color: var(--slideshow-dot-active-color);
}

.slick-slide img{
    margin: auto;
}

.slick-slide a:focus {
    outline: none;
}

.slideshow_panel_wrap{
    position: relative;
}

.slideshow_slides img{
    width: 100% !important;
    object-fit: cover;
}

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    width: 100%;
    top: calc(100% - 50% - 21px);
}

.slides-navigation a {
    position: absolute;
    display: block;
    border-radius: 30px;
}

.slides-navigation a.prev {
    left: 15px;
    width: 43px;
    height: 43px;
}

.slides-navigation a.next {
    right: 15px;
    width: 43px;
    height: 43px;
}

.slides-pagination {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 27px;
    text-align: center;
}

.slides-pagination a {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0px 5px 0px 5px;
    overflow: hidden;
    text-indent: -100%;
    font-size: 0px;
    border-radius: 7px;
}

/* Slideshow End */



/* Left Column */

#left_column {
    margin-top: 0px;
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 271px;
}

.template_title_page #left_column.is-slideshow {
    margin-top: -112px;
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: initial;
    transition: 0.6s all;
}

.template_title_page #left_column {
    margin-top: -1px;
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: initial;
    display: none;
}

#left_column .header {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 10px 15px 10px;
    position: relative;
}

#left_column .box {
    margin-bottom: 20px;
    display: none;
}

#left_column .box .body {
    padding: 10px;
}

.template_product_detail #left_column {
    display: none;
}

#product_detail_category_trigger #categories_menu {
    display: none;
    position: absolute;
    top: 38px;
    background: #ffffff;
    z-index: 2147483639;
    padding: 11px 11px 7px 11px;
    padding-top: 11px;
    min-width: 602px;
    border-radius: 7px;
    border-top-left-radius: 0px;
}

#product_detail_category_trigger #categories_menu li a {
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
}

.template_product_detail #left_column.active {
    display: block;
    max-width: 263px;
    position: absolute;
}

.template_product_detail #eshop .eshop_body.container-flex {
    position: relative;
}

.categories_menu_product_detail {
    display: none;
    background: #ffffff;
    margin-top: 12px;
    padding: 17px 15px 10px 15px;
    border-radius: 7px;
    border-top-left-radius: 0px;
    position: absolute;
    min-width: 570px;
    max-height: 800px;
    overflow: auto;
}

.categories_menu_product_detail ul {
    list-style-type: none;
    padding-left: 0;
}

.categories_menu_product_detail ul li {
    margin-bottom: 5px;
}

.categories_menu_product_detail ul li a {
    padding: 10px 48px 11px 17px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dddddd;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    align-items: center;
}

.categories_menu_product_detail ul li a:hover {
    border: 1px solid #999999;
    text-decoration: underline;
    color: #222222;
}

.categories_menu_product_detail ul li a:focus {
    color: #222222;
}

.categories_menu_product_detail ul li a .category_name_wrap {
    position: relative;
    right: auto;
    order: 1;
    flex: 1;
    top: auto;
    z-index: 0;
}

.categories_menu_product_detail ul li li a {
    border: none;
    padding: 3px 17px 3px 17px;
    font-size: 13px;
    background: transparent;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
}

.categories_menu_product_detail ul li li a:hover {
    border: none;
}

.categories_menu_product_detail ul li.active.preview {
    border: 1px solid #222222;
    border-radius: 5px;
}

.categories_menu_product_detail ul li.active.preview ul {
    padding: 0px 0px 14px 0px;
    background: #ffffff;
    border-radius: 5px;
}

.categories_menu_product_detail ul li.active.preview ul li a {
    font-weight: 400;
    text-decoration: none;
}

.categories_menu_product_detail ul li.active.preview ul li a:hover {
    text-decoration: underline;
}

.categories_menu_product_detail ul li.preview {
    margin-bottom: 5px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dddddd;
}

.categories_menu_product_detail ul.opened {
    border: 1px solid #dddddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0px;
    padding-bottom: 10px;
}

.categories_menu_product_detail .preview ul.opened {
    border: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 11px;
}

.categories_menu_product_detail ul li.active_parent > a {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.categories_menu_product_detail ul li.active_parent > a:hover {
    border: 1px solid #dddddd;
    border-bottom: 0px;
}

.categories_menu_product_detail ul li ul li a span {
    position: relative;
    right: 0;
    top: 0;
}

.categories_menu_product_detail ul li li li a {
    padding: 3px 17px 3px 28px;
}

.categories_menu_product_detail ul li li li li a {
    padding: 3px 17px 3px 38px;
}

.categories_menu_product_detail ul li li li li li a {
    padding: 3px 17px 3px 48px;
}

.categories_menu_product_detail ul.opened li.preview {
    border: none;
}

.categories_menu_product_detail ul li ul li {
    margin-bottom: 0;
}

.categories_menu_product_detail li.preview > a,
.categories_menu_product_detail li.preview > a:hover {
    border: 0px;
}

.categories_menu_product_detail .active ul a, .categories_menu_product_detail .active ul a:hover {
    border: none;
}

.categories_menu_product_detail .active a, .categories_menu_product_detail .active a:hover {
    font-weight: 800;
    text-decoration: underline;
}

.categories_menu_product_detail .plusminus {
    order: 3;
    position: absolute;
    right: 14px;
    top: 8px;
    z-index: 99;
}

.categories_menu_product_detail .preview ul.opened ul.opened {
    padding-bottom: 0;
}

.categories_menu_product_detail .opened .plusminus {
    top: 3px;
}

.categories_menu_product_detail .category_icon_wrap {
    order: 1;
}

.categories_menu_product_detail ul li ul li .category_icon_wrap {
    display: none;
}

.categories_menu_product_detail .category_name_wrap {
    order: 2;
}

.categories_menu_product_detail ul li ul li a .category_name_wrap {
    border: 0;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6px;
}

.categories_menu_product_detail .category_icon {
    max-width: 18px;
    max-height: 18px;
    margin-right: 10px;
    margin-top: 2px;
}

/* Left Column End */



/* Payments available*/

#footer #payments_available img, #footer #transports_available img {
    margin: auto;
    width: auto !important;
    max-width: 31px !important;
    max-height: 22px;
    border: 0;
    border-radius: 5px;
    padding: 0;
}

#footer .transport_img_wrap, #footer .payment_img_wrap {
    min-width: 36px;
}

.payment_single_wrap .name, .transport_single_wrap .name {
    font-size: 14px;
    line-height: 113%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Payments available end*/



/* Categories Menu */
#categories_menu {
    margin-bottom: 30px;
    box-shadow: none;
    padding: 0px;
}

.template_title_page #categories_menu {
    margin-bottom: 30px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    background: #ffffff;
    border-radius: 7px;
    padding: 22px 27px 21px 27px;
    display: none;
}

#categories_tree .active ul a {
    font-weight: normal;
}

#categories_menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.template_title_page #categories_tree > ul {
    padding: 0px 10px 10px 10px;
}

#categories_tree > ul {
    padding: 0px;
}

#categories_menu ul li a {
    color: #222222;
    padding: 10px 48px 11px 17px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dddddd;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
}

#categories_menu ul li a span {
    order: 3;
    position: absolute;
    right: 14px;
    top: 8px;
    z-index: 99;
}

.template_title_page #categories_menu ul li a span {
    right: 0;
}

.template_title_page .category_name_wrap {
    padding-right: 31px;
}

#categories_menu ul li ul li a span {
    position: relative;
    right: 0;
    top: 0;
}

#categories_menu ul li a .category_name_wrap {
    position: relative;
    right: auto;
    order: 1;
    flex: 1;
    top: auto;
    z-index: 0;
}

#categories_menu ul li ul li a .category_name_wrap {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6px;
}

.template_title_page #categories_menu ul li ul li a .category_name_wrap {
    border-bottom: 0;
    padding-bottom: 0px;
}

.category_icon_wrap {
    display: flex;
}

#categories_menu ul li a:hover {
    border: 1px solid #999999;
}

#categories_menu ul li.active.preview {
    border: 1px solid #222222;
    border-radius: 5px;
}

.template_title_page #categories_menu ul li.active.preview {
    border: 0px;
    border-radius: 0px;
}

#categories_menu ul li.active.preview ul {
    padding: 0px 0px 14px 0px;
    background: #ffffff;
    border-radius: 5px;
}

#categories_menu ul li.active.preview ul li.active.preview ul{
    padding: 0px;
}

#categories_menu ul li.active.preview ul li {
    margin: 0;
}

#categories_menu ul li.preview {
    margin-bottom: 5px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #dddddd;
}

.template_title_page #categories_menu ul li.preview {
    border: 0;
}

#categories_menu ul li.active.preview ul li a {
    font-weight: 400;
    text-decoration: none;
}

#categories_menu ul li.active.preview ul li a:hover {
    text-decoration: underline;
}

.template_title_page #categories_menu ul li a {
    border: 0px;
    border-bottom: 1px solid #dddddd;
    padding: 10px 30px 11px 0px;
    border-radius: 0px;
    background: transparent;
    font-weight: 700;
}

.template_title_page #categories_menu li.preview > a:hover {
    border-bottom: 1px solid #dddddd;
}

.template_title_page #categories_menu ul li ul li a,
.template_title_page #categories_menu ul li ul li a:hover {
    border: 0px;
    border-bottom: 1px solid #dddddd;
    padding: 6px 0px 6px 0px;
    border-radius: 0px;
    background: transparent;
    font-weight: 400;
}

#categories_menu ul li {
    margin-bottom: 5px;
}

#categories_menu ul li.preview li {
    margin-bottom: 0;
}

.template_title_page #categories_menu ul li {
    margin-bottom: 0px;
}

#categories_menu ul li li a {
    border: none;
    padding: 3px 17px 3px 17px;
    font-size: 13px;
    background: transparent;
    font-weight: 400;
    display: flex;
}

#categories_menu ul li li a:hover {
    border: none;
}

#categories_menu ul li a p {
    margin: 0;
    font-size: 15px;
    width: 100%;
}

#categories_menu ul li li a p {
    font-size: 13px;
}

#categories_menu ul li li a:before {
    content: " ";
    background: url(../images/li_arrow.svg) no-repeat;
    background-size: 100%;
    width: 5px;
    height: 10px;
    margin-right: 8px;
    display: inline-block;
}

#categories_menu ul li li:last-child a {
    padding-bottom: 8px;
}

#categories_menu ul li li li a {
    padding: 3px 17px 3px 28px;
}

#categories_menu ul li li li li a {
    padding: 3px 17px 3px 38px;
}

#categories_menu ul li li li li li a {
    padding: 3px 17px 3px 48px;
}

#categories_menu ul li li li li li li a {
    padding: 3px 17px 3px 58px;
}

#categories_menu ul li li li li li li li a {
    padding: 3px 17px 3px 68px;
}

#categories_menu ul li li li li li li li li a {
    padding: 3px 17px 3px 78px;
}

#categories_menu ul li li li li li li li li li a {
    padding: 3px 17px 3px 88px;
}

#categories_menu ul li.active_parent > a {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#categories_menu ul li.active_parent > a:hover {
    border: 1px solid #dddddd;
    border-bottom: 0px;
}

#categories_menu ul li.active_parent li.active_parent a:hover {
    border: none;
}

#categories_menu ul li.active.preview ul.opened ul, #categories_menu ul li.active_parent ul ul.opened {
    padding-bottom: 0;
}

#categories_menu ul.opened.active_parent ul.opened.active_parent {
    border: none;
}

.plusminus {
    width: 13px;
    height: 8px;
    line-height: 10px;
    text-align: center;
    display: block;
    float: right;
    padding: 13px 5px 13px 5px;
    margin-left: 10px;
}

#header #categories_menu {
    display: none;
}

#categories_mobile_menu {
    display: none;
}

/* Categories Menu End */


#eshop .eshop_body {
    padding-bottom: 40px;
}

#eshop .eshop_body.container-flex {
    flex-flow: row nowrap;
}

#main_body {
    flex: 4;
    margin: 40px 0px 0px 37px;
    overflow: hidden;
}

.template_title_page #main_body {
    margin-top: 0px;
    flex: 3;
    margin-left: 0;
}

.template_title_page #main_body .owl-controls.clickable {
    position: absolute;
    top: 44%;
    width: 100%;
}

.template_title_page #main_body .owl-next, #cart_content .owl-next {
    background: url("../images/arrow_border_right.svg") no-repeat #efefef;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
    top: 50%;
    opacity: 1;
    transition: 0.3s all;
}

.template_title_page #main_body .owl-prev, #cart_content .owl-prev {
    background: url("../images/arrow_border_left.svg") no-repeat #efefef;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
    top: 50%;
    opacity: 1;
    transition: 0.3s all;
}

.template_title_page #main_body .owl-prev:hover {
    background: url("../images/arrow_border_left.svg") no-repeat #eaeaea;
    background-position: 11px center;
    background-size: 20%;
}

.template_title_page #main_body .owl-next:hover {
    background: url("../images/arrow_border_right.svg") no-repeat #eaeaea;
    background-position: 11px center;
    background-size: 20%;
}

.template_title_page #main_body .static_page {
    margin: 35px 0px 4px 0px;
}

.template_title_page #main_body .static_page img {
    border-radius: 6px;
}

#left_column .static_page img {
    border-radius: 6px;
    max-width: 100% !important;
    height: auto !important;
}


/* Product List Product */
.last_viewed .header, .might_be_interested .header {
    margin: 35px 0px 30px 0px;
    color: #222222;
}

.template_product_detail .last_viewed .thumbnail img.lazy.loaded, .template_product_detail .might_be_interested_list .thumbnail img.lazy.loaded {
    width: auto !important;
    height: auto !important;
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

.template_title_page .last_viewed .header, .template_title_page .might_be_interested .header {
    margin: 0px 0px 15px 0px;
}

.last_viewed_list.homepage_products_body.row, .might_be_interested_list.homepage_products_body.row {
    border-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
}

#product_list {
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
}

#product_list .header {
    margin: 26px 0px 22px 0px;
}

.template_category_detail #product_list {
    min-height: 150px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
}

#product_list .product-card {
    flex: 0 1 25%;
    padding: 14px 14px 0px 14px;
    border: 1px solid #eeeeee;
    background: #ffffff;
}

#product_list .owl-item .product-card, #product_list .owl-item .product-card:hover {
    border: none;
}

#product_list .product-card:hover {
    border: 1px solid #cccccc;
}

#product_list .product-card a:hover,
#product_list .product-card a:focus,
#product_list .product-card a:visited {
    text-decoration: none;
}

#product_list .product-card .wishlist{
    background: url("../images/wishlist.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    transition: 0.4s all;
    cursor: pointer;
    margin: 0px 4.5px 0px 6px;
}

#product_list .product-card .wishlist:hover, #product_list .product-card .wishlist.active {
    background: url("../images/wishlist_hover.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    transition: 0.4s all;
    cursor: pointer;
    margin: 0px 4.5px 0px 6px;
}

#product_list .product-card .product_video {
    background: url("../images/play.svg") no-repeat;
    background-size: 100%;
    width: 23px;
    height: 22px;
    transition: 0.4s all;
    margin-left: 4.5px;
}

#product_list .product-card .product_video:hover {
    cursor: pointer;
}

.modal iframe {
    width: 100% !important;
    height: 100% !important;
}

img.swapImage {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#product_list #no_product {
    margin-top: 25px;
    background: var(--pink);
    padding: 17px 27px 18px 27px;
    border-radius: 6px;
    color: var(--red);
    font-size: 14px;
}

.homepage_products_body .product .body,
#product_list .product .body {
    text-align: center;
    margin-bottom: 7px;
    position: relative;
}

.homepage_products_body .product .thumbnail,
#product_list .product .thumbnail {
    padding: 0px;
    height: 244px;
    margin: 0px;
    position: relative;
    border: 0px;
    display: flex;
    align-items: center;
}

.homepage_products_body .product .thumbnail a,
#product_list .product .thumbnail a{
    margin: 0 auto;
}

.homepage_products_body .product .thumbnail img,
#product_list .product .thumbnail img {
    max-width: 100%;
    max-height: 244px;
}

.homepage_products_body .product .thumbnail .pictogram,
#product_list .product .thumbnail .pictogram,
#product_detail .image .pictogram {
    position:absolute;
    height:20px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 9px;
    left: 5px;
    top: 6px;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 6px;
    z-index: 1;
    background: var(--red);
}

#product_detail .image .pictogram {
    left: 10px;
    top: 18px;
}

.homepage_products_body .product .thumbnail .pictogram .background,
#product_list .product .thumbnail .pictogram .background,
#product_detail .image .pictogram .background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    opacity: 1;
}

.homepage_products_body .product .thumbnail .pictogram .text,
#product_list .product .thumbnail .pictogram .text,
#product_detail .image .pictogram .text {
    position: relative;
    color: #ffffff;
}

.homepage_products_body .product .info,
#product_list .product .info {
    padding: 0px 5px 15px 5px;
}

.homepage_products_body .product .price,
#product_list .product .price {
    color: #222222;
    font-size: 17px;
    font-weight: 800;
    text-align: left;
    line-height: 1.2em;
    padding-top: 10px;
    padding-bottom: 10px;
    flex: 2;
    order: 1;
    margin-right: 6px;
    white-space: nowrap;
}

.homepage_products_body .product .action-price,
#product_list .product .action-price {
    flex: 1;
    order: 2;
    text-align: left;
}

.action-price {
    font-size: 12px;
    color: var(--red);
    text-decoration: line-through;
}

.homepage_products_body .product .price .dual,
#product_list .product .price .dual {
    font-size: 80%;
}

.homepage_products_body .product .name a,
#product_list .product .name a {
    font-size: 17px;
    display: block;
    text-decoration: none;
    font-weight: 800;
}

.homepage_products_body .product .availability,
#product_list .product .availability, .variant_product_availability {
    font-size: 13px;
    text-align: left;
    flex: 1;
    order: 3;
}

#product_list .product.product-card-row .availability {
    text-align: right;
}

.homepage_products_body .product .button_area,
#product_list .product .button_area, #recommended_products .product .button_area {
    margin: 10px 0px 16px 0px;
    text-align: left;
}

.homepage_products_body .product .cart_add input,
#product_list .product .cart_add input, #recommended_products .product .cart_add input {
    height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 17px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    outline: none;
    vertical-align: top;
    box-sizing: border-box;
}

.homepage_products_body .product .action,
#product_list .product .action {
    background: var(--action-bg);
    color: #ffffff;
    font-weight: 800;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 11px;
    width: 43px;
    height: 43px;
    text-align: center;
    padding-top: 14px;
    z-index: 1;
    letter-spacing: -0.5px;
}

#product_list .product-card.most-sold-products-in-cat {
    flex: 0 1 100%;
    padding: 12px 15px 0px 15px;
}

.box .most-sold-products-in-cat .thumbnail img.swapImage {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translate(-59%, -23%);
}

#product_list .product-card.most-sold-products-in-cat .price {
    text-align: right;
    font-size: 15px;
}

#product_list .product-card.most-sold-products-in-cat .name {
    margin: 2px 0px 0px 0px;
}

#product_list .product-card.most-sold-products-in-cat .pictogram {
    float: left;
    background: var(--red);
    top: -3px;
}

#product_list .product-card.most-sold-products-in-cat .pictogram .text {
    color: #ffffff;
}

#product_list .product-card.most-sold-products-in-cat .product_label {
    margin-bottom: 0px;
}

#product_list .product-card.most-sold-products-in-cat .product_labels {
    margin-top: -3px;
}

.last_viewed .owl-item, .might_be_interested_list .owl-item, #related_products .owl-item, #recommended_products .owl-item, #alternate_products .owl-item {
    padding: 0px;
    border: 1px solid #eeeeee;
}

.last_viewed .owl-item:hover, .might_be_interested_list .owl-item:hover, #related_products .owl-item:hover,
#recommended_products .owl-item:hover, #alternate_products .owl-item:hover {
    position: relative;
    z-index: 9999999;
    outline: 0.1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

.last_viewed .owl-item .product-card, .might_be_interested_list .owl-item .product-card, #related_products .owl-item .product-card,
#recommended_products .owl-item .product-card, #alternate_products .owl-item .product-card {
    flex: 0 1 33.33%;
    padding: 14px;
    padding-bottom: 0px;
    background: #ffffff;
    height: 100%;
}

.might_be_interested .wishlist, .last_viewed .wishlist {
    background: url("../images/wishlist.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    transition: 0.4s all;
    margin: 0px 4.5px 0px 6px;
}

.might_be_interested .wishlist:hover, .might_be_interested .wishlist.active,
.last_viewed .wishlist:hover, .last_viewed .wishlist.active {
    background: url("../images/wishlist_hover.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    transition: 0.4s all;
    margin: 0px 4.5px 0px 6px;
}

.might_be_interested .product_video, .last_viewed .product_video {
    background: url("../images/play.svg") no-repeat;
    background-size: 100%;
    width: 23px;
    height: 22px;
    transition: 0.4s all;
    margin-left: 4.5px;
    cursor: pointer;
}

.last_viewed .owl-controls.clickable, .might_be_interested .owl-controls.clickable, #related_products .owl-controls.clickable, #alternate_products .owl-controls.clickable,
.modal-wishlist .owl-controls.clickable {
    position: absolute;
    top: 43%;
    width: 100%;
}

#recommended_products .owl-controls.clickable {
    position: absolute;
    top: 27% !important;
    width: 100%;
}

.last_viewed .owl-buttons .owl-next, .might_be_interested .owl-buttons .owl-next,
#related_products .owl-buttons .owl-next, #alternate_products .owl-buttons .owl-next,
.modal-wishlist .owl-buttons .owl-next, #recommended_products .owl-buttons .owl-next {
    background: url("../images/arrow_border_right.svg") no-repeat #efefef;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
    top: 50%;
    opacity: 1;
    transition: 0.3s all;
}

.last_viewed .owl-buttons .owl-prev, .might_be_interested .owl-buttons .owl-prev,
#related_products .owl-buttons .owl-prev, #alternate_products .owl-buttons .owl-prev,
.modal-wishlist .owl-buttons .owl-prev, #recommended_products .owl-buttons .owl-prev {
    background: url("../images/arrow_border_left.svg") no-repeat #efefef;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #efefef;
    border-radius: 5px;
    top: 50%;
    opacity: 1;
    transition: 0.3s all;
}

#related_products .owl-buttons .owl-prev, #alternate_products .owl-buttons .owl-prev, #recommended_products .owl-buttons .owl-prev {
    left: 15px;
}

#related_products .owl-buttons .owl-next, #alternate_products .owl-buttons .owl-next, #recommended_products .owl-buttons .owl-next {
    right: 15px;
}

#related_products .owl-controls.clickable, #alternate_products .owl-controls.clickable, #recommended_products .owl-controls.clickable {
    top: 49%;
}

#related_products .owl-item .product-card, #alternate_products .owl-item .product-card, #recommended_products .owl-item .product-card {
    margin: 0px;
}

.last_viewed .owl-buttons .owl-prev:hover, .might_be_interested .owl-buttons .owl-prev:hover,
#related_products .owl-buttons .owl-prev:hover, #alternate_products .owl-buttons .owl-prev:hover,
.modal-wishlist .owl-buttons .owl-prev:hover, #recommended_products .owl-buttons .owl-prev:hover {
    background: url("../images/arrow_border_left.svg") no-repeat #eaeaea;
    background-position: 11px center;
    background-size: 20%;
}

.last_viewed .owl-buttons .owl-next:hover, .might_be_interested .owl-buttons .owl-next:hover,
#related_products .owl-buttons .owl-next:hover, #alternate_products .owl-buttons .owl-next:hover,
.modal-wishlist .owl-buttons .owl-next:hover, #recommended_products .owl-buttons .owl-next:hover {
    background: url("../images/arrow_border_right.svg") no-repeat #eaeaea;
    background-position: 11px center;
    background-size: 20%;
}

/* Product List Product End */



/* Filter */
#filter {
    clear: both;
    padding: 5px 0px 5px 0px;
}

#filter .filter_header{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
}

#filter .filter_header::first-letter{
    text-transform: uppercase;
}

#filter .manufacturers, #filter .subcategories, #filter .attributes, #filter .availability, #filter .variants, #filter .prices {
    padding: 33px;
    margin-bottom: 15px;
    display: none;
}

#filter .availability {
    padding: 33px 33px 50px 33px;
}

#filter label {
    padding: 0px 10px 0px 5px;
    font-weight: normal;
    /*float: left;*/
}

#filter label:first-letter {
    text-transform: uppercase;
}

#filter .availability .body {
    text-align: left;
}

#filter .manufacturer, #filter .subcategory {
    float: left;
}

#filter .attribute, #filter .variant {
    width: 31%;
    /*max-width: 90%;*/
    float: left;
    margin: 5px 20px 20px 0px;
	min-width:300px;
}

#filter .attribute .header, #filter .variant .header {
    display: block;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 150px;
	text-decoration:underline;
	padding:5px;
}

#filter .attribute .values, #filter .variant .values {
    overflow-x: hidden;
    height: 119px;
	background-color:#FCFCFC;
	border:1px solid #F0F0F0;
	padding:5px;
}

#set_category_filter {
    display: none;
    margin-top: -27px;
    text-align: left;
    padding-bottom: 15px;
}

.closeFilter {
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    text-decoration: underline;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.closeFilter:hover {
    text-decoration: none;
}

.category_filter_wrapper {
    width: auto;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    background: #ffffff;
    border-radius: 7px;
    margin: 0px -5px;
    transition: 0.3s all;
}

.category_filter_wrapper:hover {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);
}

.category_filter_dropdown {
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    padding: 17px;
    font-size: 13px;
    margin-top: 22px;
}

.category_filter_dropdown::before {
    content: " ";
    background: url("../images/filter_ico.svg") no-repeat;
    background-size: 100%;
    width: 13px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 8px;
}

.category_filter_dropdown::after {
    content: " ";
    background: url("../images/filter_arrow.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 14px;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
}

.category_filter_dropdown.opened::after {
    content: " ";
    background: url("../images/filter_arrow.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 14px;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: 2px;
    transform: rotate(180deg);
}

.category_filter_dropdown:hover {
    cursor: pointer;
}

#category_filter_bookmarks {
    margin-top: 30px;
    padding-bottom: 5px;
    display: flex;
    flex-flow: row wrap;
    margin-left: 5px;
}

#category_filter_bookmarks .bookmark {
    flex: 1;
    margin-right: 5px;
    cursor: pointer;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 800;
    color: #222222;
    padding: 9px 18px 10px 18px;
    background-color: #f7f7f7;
    transition: 0.3s all;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#category_filter_bookmarks .bookmark:hover {
    background-color: #f2f2f2;
}

#category_filter_bookmarks .bookmark div {
    text-align: center;
    display: inline-block;
}

#category_filter_bookmarks .bookmark div::first-letter {
    text-transform: uppercase;
}

#category_filter_bookmarks .bookmark div.control, .attribute .control, .variant .control {
    border-radius: 6px;
    font-weight: bold;
    width: 14px;
    text-align: center;
    height: 14px;
    line-height: 14px;
    margin: 6px 0px 0px 6px;
}

.display {
    clear: both;
    padding: 22px 0px 0px 0px;
    min-height: 45px;
    font-size: 11px;
    line-height: 25px;
    display: flex;
}

.display select {
    height: 25px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 4px;
    border-color: #cccccc;
    color: #222222;
}

.display .product_count_on_page {
    margin-right: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}

.display .product_count_on_page::first-letter {
    text-transform: uppercase;
}

#display_top .paging {
    display: none;
}

#display_bottom .order_by_container, #display_bottom .product_count_on_page, #display_bottom #products_count_bottom {
    display: none;
}

#display_bottom .paging {
    float: left;
}

.display .paging input {
    display: none;
}

.display .paging label {
    cursor: pointer;
    float: left;
    height: 25px;
    line-height: 23px;
    width: 25px;
    text-align: center;
    font-size: 13px;
    display: block;
    font-weight: 300;
    background-color: #FFFFFF;
    color: #222222;
    margin-right: 8px;
    line-height: 24px !important;
}

.display #products_count, .display #products_count_bottom {
    padding-bottom: 10px;
}

.display #products_count::first-letter, .display #products_count_bottom::first-letter {
    text-transform: uppercase;
}

.display .order_by_container {
    flex: 1;
    font-weight: bold;
    margin-right: 15px;
    padding-bottom: 10px;
}

.display .order_by_container::first-letter {
    text-transform: uppercase;
}

.display-type-item[data-displaytype="grid"] {
    background: url("../images/columns.svg");
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -999999px;
    cursor: pointer;
    opacity: .3;
}

.display-type-item[data-displaytype="table"] {
    background: url("../images/rows.svg");
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -999999px;
    cursor: pointer;
    opacity: .3;
}

.display_type {
    margin-left: 9px;
    margin-top: 2px;
}

.template_category_detail .box .show_more_less .submit, .template_category_detail .box .submit.showMoreLess {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Filter End */



/* Category Path */

#static_page_path, .template_forgotten_password .path, .template_subscribe_form .path, .template_my_orders_access .path, .template_login_form .path {
    margin-bottom: 6px;
}

#category_path {
    margin-bottom: 6px;
}

.template_product_detail #category_path {
    min-height: auto;
    margin-bottom: 14px;
    border-radius: 6px;
    padding: 5px 22px 5px 0px;
}

.template_forgotten_password .path, .template_subscribe_form .path, .template_my_orders_access .path, .template_login_form .path {
    margin-bottom: 6px;
}

#blog_path {
    min-height: 61px;
    margin: 0px 0px -20px -1px;
}

.blog-detail #blog_path {
    margin: 0px 0px -6px -3px;
}

.row-blog {
    display: flex;
}

.row-blog .display {
    padding: 0px;
}

.col-blog-left {
    flex: 4;
}

.col-blog-right {
    flex: 1;
    padding-left: 28px;
    min-width: 240px;
}

#category_path a, #static_page_path a, #blog_path a, .template_forgotten_password .path a, .template_subscribe_form .path a, .template_my_orders_access .path a, .template_login_form .path a,
.template_search .path a {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    color: #222222;
    text-decoration: underline;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-left: 4px;
    margin-right: 3px;
    border-radius: 6px;
}

#category_path .home, #static_page_path .home, #blog_path .home, .template_forgotten_password .home, .template_subscribe_form .home, .template_my_orders_access .home, .template_login_form .home,
.template_search .home {
    background:url('../images/home.svg') top 12px center no-repeat !important;
    display: inline-block;
    position: relative;
    top: 6px;
    width: 20px;
    height: 33px;
    padding-right: 0px;
    margin-left: -1px !important;
    margin-right: 0;
}

#category_path .arrow, #static_page_path .arrow, #blog_path .arrow, .template_forgotten_password .path .arrow, .template_subscribe_form .path .arrow, .template_my_orders_access .path .arrow, .template_login_form .path .arrow,
.template_search .arrow {
    background: url("../images/li_arrow.svg") center left no-repeat;
    display: inline-block;
    height: 9px;
    width: 4px;
    margin-left: 4px;
    position: relative;
    top: 0px;
    opacity: 1;
}

#category_detail .header {
    margin-bottom: 9px;
    font-size: 19px;
    text-align: left;
}

#category_detail h1 {
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 0;
}

.template_forgotten_password #login_form .row .col-md-6, .template_forgotten_password #login_form .row .login_submit,
.template_my_orders_access #login_form .row .col-md-6, .template_my_orders_access #login_form .row .login_submit {
    padding-left: 0;
    padding-right: 0;
}

.template_forgotten_password .path a.last, .template_subscribe_form .path a.last, .template_my_orders_access .path a.last, .template_login_form .path a.last {
    text-decoration: none;
    pointer-events: none;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-left: 4px;
    border-radius: 6px;
}

.path a::first-letter {
    text-transform: uppercase;
}

#ares_box {
    margin-top: 6px;
}

#ares_box input {
    border: 1px solid #bbbbbb;
    font-family: "Muli";
    font-weight: 800;
    border-radius: 5px;
    display: block;
    margin: 15px 0px 0px 0px;
    width: 100%;
    text-align: center;
    padding: 8px 0px 8px 0px;
}

.template_forgotten_password #login_form form, .template_my_orders_access #login_form form {
    padding: 0px 15px 15px 15px;
}

.template_category_detail #main_body,
.template_product_detail #main_body,
.template_blog #main_body {
    margin-top: 0;
}

.template_product_detail #main_body {
    margin-left: 0;
}

.template_product_detail .other_pictures_mobile {
    width: 100%;
    margin-top: 25px;
}

.template_product_detail .other_pictures_mobile img {
    max-height: 98px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

.template_product_detail .other_pictures_mobile .owl-wrapper, .template_product_detail .other_pictures_mobile .owl-wrapper-outer, #other_pictures_mobile_owl {
    display: flex !important;
    justify-content: flex-start !important;
}

#category_detail .subcategories {
    display: flex;
    margin-bottom: 12px;
    overflow: auto;
    flex-flow: wrap;
    margin-top: 10px;
}

#category_detail .subcategories .subcategory {
    background: #f5f5f5;
    color: #222222;
    font-weight: 800;
    display: block;
    transition: 0.3s all;
    flex: 0 1 24%;
    margin: 0px 2px 2px 0px;
    border-radius: 6px;
}

#category_detail .subcategories .subcategory:hover {
    background: #f0f0f0;
}

#category_detail .subcategories .subcategory img {
    max-width: 90px;
    max-height: 30px;
    margin-right: 10px;
}

#category_detail .subcategories .subcategory a {
    color: #222222;
    font-weight: 800;
    width: 100%;
    height: 100%;
    padding: 14px 23px 14px 23px;
    display: flex;
    align-items: center;
    line-height: 109%;
    text-align: left;
    min-width: 136px;
}

#category_detail .subcategories .subcategory a:hover {
    text-decoration: none;
}

.show_more_less .submit, .submit.showMoreLess {
    background: transparent;
    color: #222222;
    text-transform: none;
    text-decoration: underline;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 8px;
}

.show_more_less .submit:hover, .submit.showMoreLess:hover {
    text-decoration: none;
    color: #222222;
}

.show_more_less .submit::after, .submit.showMoreLess::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
}

.show_more_less .submit.less::after, .submit.showMoreLess.less::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
    transform: rotate(180deg);
}

.submit.showMoreLess.panel_opened::after {
    transform: rotate(180deg);
}

.most-sold-products-in-cat .counter {
    border-radius: 50px;
    width: 26px;
    height: 26px;
    padding: 2px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
}

.most-sold-products-in-cat:nth-child(1) .counter {
    border: 2px solid #dab261;
    color: #dab261;
}

.most-sold-products-in-cat:nth-child(2) .counter {
    border: 2px solid #c1c0bf;
    color: #c1c0bf;
}

.most-sold-products-in-cat:nth-child(3) .counter {
    border: 2px solid #c69d7c;
    color: #c69d7c;
}

.most-sold-products-in-cat .counter, .panel_opened .hidden_list .most-sold-products-in-cat:nth-child(1) .counter,
.panel_opened .hidden_list .most-sold-products-in-cat:nth-child(2) .counter, .panel_opened .hidden_list .most-sold-products-in-cat:nth-child(3) .counter {
    border: 1px solid #222222;
    border-radius: 50px;
    width: 26px;
    height: 26px;
    padding: 2px;
    color: #222222;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
}

.most-sold-products-in-cat {
    margin-top: 8px;
}

.most-sold-products-in-cat a {
    font-size: 15px !important;
    text-decoration: underline;
    display: flex;
    width: 100%;
    position: relative;
}

.most-sold-products-in-cat a:hover {
    text-decoration: none;
}

.most-sold-products-in-cat #classification .number {
    display: none;
}

.most-sold-products-in-cat .price {
    text-align: right;
    font-weight: 800;
}

.most-sold-products-in-cat .pictogram {
    border-radius: 6px;
    display: inline-block;
    height: 16px;
    line-height: 17px;
    padding: 0px 5px 0px 5px;
    font-size: 8px;
    position: relative;
    left: 0;
    top: -4px;
    text-transform: uppercase;
    font-weight: 800;
}

.most-sold-products-in-cat #classification {
    text-align: left;
    float: left;
    margin-right: 10px;
    display: flex;
}

.most-sold-products-in-cat .product_labels {
    position: relative;
    margin: 0px 5px 0px 0px;
    float: left;
}

.most-sold-products-in-cat .name {
    font-size: 15px !important;
}

.thumbnail {
    border:0 !important;
}

.most-sold-products-in-cat .additional-info {
    width: 35px;
    padding-left: 0;
}

.most-sold-products-in-cat .thumbnail {
    max-height: 65px;
    max-width: 87px;
    margin-bottom: 0;
    padding-right: 10px;
}

.most-sold-products-in-cat .thumbnail img {
    max-width: 43px;
    max-height: 43px;
}

.most-sold-products-in-cat .row {
    display: flex;
    align-items: center;
}

.box .most-sold-products-in-cat .name {
    margin-top: 1px !important;
    margin-bottom: 0px !important;
}

.box .most-sold-products-in-cat .pictogram {
    height: 16px;
    line-height: 17px;
    font-size: 8px;
    background: var(--red);
}

.box .most-sold-products-in-cat .pictogram .text {
    color: #ffffff;
}

#product_list .most-sold-products-in-cat .thumbnail img {
    max-width: 73px;
    max-height: 73px;
    padding: 0px 10px;
}


/* Category Path End */




/* Product Detail */
#product_detail .image.big {
    background-color: #ffffff;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    line-height: 0em;
}

#product_detail .image.big a {
    display: block;
}

#product_detail .image {
    background: #ffffff;
    position: relative;
}

#product_detail .image .action {
    background: #222222;
    color: #ffffff;
    font-weight: 800;
    border-radius: 50px;
    position: absolute;
    top: 15px;
    right: 17px;
    font-size: 11px;
    width: 43px;
    height: 43px;
    text-align: center;
    padding-top: 21px;
    z-index: 1;
}

#product_detail #pictograms {
    margin-bottom: 30px;
}

#product_detail .print {
    display: block;
    float: right;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

#product_detail h1 {
    background-color: transparent;
    color: #222222;
    font-size: 26px;
    line-height: 32px;
    text-transform: none;
    font-weight: 800;
    padding: 0px;
    margin: 0px;
}

#product_detail #classification {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 14px 0px;
    clear: both;
    flex: 1;
    order: 0;
}

#product_detail #classification .star {
    width: 15px;
    height: 19px;
    margin-right: 2px;
    display: block;
    float: left;
    line-height: 20px;
    cursor: pointer;
}

#product_detail .number {
    color: #222222;
    font-size: 13px;
    line-height: 16px;
    float: left;
    margin-left: 8px;
    font-weight: 800;
    display: flex;
}

.classification_link {
    margin-left: 6px;
    text-decoration: underline;
}

.classification_link:hover {
    text-decoration: none;
}

#product_detail .price_etc .availability .more_store {
    text-decoration: underline;
    cursor: pointer;
}

#product_detail .price_etc .cart_add {
    margin-top: 20px;
    display: flex;
    flex: 1;
    order: 5;
    -webkit-overflow-scrolling: touch;
}

#product_detail .price_etc .cart_add_inner_wrapper {
    display: flex;
}

#product_detail .price_etc .cart_add input {
    height: 50px;
    width: 56px;
    text-align: center;
    border-radius: 25px;
    display: block;
    margin: 0px;
    outline: none;
    vertical-align: top;
    border: 0;
    color: #222222;
    background-color: transparent;
    font-weight: 800;
}

#product_detail .price_etc .cart_add .quant_nick {
    line-height: 50px;
    margin-left: 16px;
    float: left;
    font-weight: 700;
    padding: 0 11px;
}

#product_detail .price_etc .show_variants {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
}

#product_detail .price_box {
    margin: 20px 0px 20px 0px;
    padding: 10px 0px 10px 0px;
}

#product_detail .price_box table {
    width: 100%;
}

#product_detail .price_box tr {
    display: flex;
    justify-content: space-between;
}

#product_detail .price_box td {
    padding: 4px 0px 2px 0px;
    font-size: 13px;
}

#product_detail .price_box td a {
    color: #222222;
    text-decoration: underline;
}

#product_detail .price_box td a:hover {
    color: #222222;
    text-decoration: none;
}

#product_detail .price_box td:first-letter {
    text-transform: uppercase;
}

#product_detail .price_box tr td:first-child {
    font-weight: 800;
    padding-right: 8px;
}

#product_detail .nondiscount_price {
    text-decoration: line-through;
}

.social_icons {
    clear: both;
    margin: 5px 0px 30px 0px;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 999;
}

.social_icons .icon.tweet {
    background: #1d9bf0;
    padding: 6px 0px 1px 2px;
    min-height: 33px;
    position: relative;
    right: 0px;
    border-bottom-left-radius: 5px;
}

.social_icons .icon.tweet span#l {
    margin-left: 13px;
}

.social_icons .icon.fb_share {
    background: #36669a;
    padding: 2px ​1px 1px 2px;
    min-height: 33px;
    display: flex;
    justify-content: center;
    position: relative;
    right: 0px;
    border-top-left-radius: 5px;
}

.social_icons .icon.fb_share a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.social_icons .icon.fb_share a span {
    margin-left: 1px;
    font-size: 11px;
}

.social_icons .icon.fb_share a img {
    width: 6px;
    margin-right: 6px;
}

.bigger {
    background: url("../images/zoom.svg") no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
}

.bigger:hover {
    cursor: pointer;
}

.product-image-big-btns {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.product-image-big-btns-left {
    display: flex;
}

.product-image-big-btns-left div:nth-child(2) {
    position: relative;
    left: 12px;
    top: -3px;
}

.product-image-btns {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 23px;
    align-items: end;
}

.fancybox-container {
    z-index: 2147483638 !important;
}

.product_detail_standard_price {
    font-size: 15px;
    color: var(--red);
    text-decoration: line-through;
    flex: 1;
    order: 2;
}

.flex-wrap {
    display: flex;
    flex-flow: column;
}

#product_detail .description {
    flex: 1;
    order: 1;
    font-size: 14px;
}

#product_detail .product-detail-main-info-inner-wrap .description {
    text-align: justify;
}

#product_detail .description .submit {
    background: transparent;
    color: #222222;
    text-transform: none;
    text-decoration: underline;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 0;
    display: block;
}

#product_detail .description .submit:hover {
    text-decoration: none;
}

#product_detail .description .submit::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
}

#product_detail .price_etc {
    flex: 1;
    order: 3;
    display: flex;
    flex-flow: column;
    background: var(--beige);
    border-radius: 7px;
    padding: 27px;
    margin-top: 20px;
}

.product-detail-imgs-inner-wrap {
    padding: 0;
}

.product-detail-main-info-inner-wrap {
    padding-left: 30px;
}

#product_detail .icons {
    flex: 1;
    order: 5;
}

#product_detail .dropdown.variant {
    flex: 1;
    order: 3;
    -webkit-overflow-scrolling: touch;
}

#product_detail .price_etc .availability {
    flex: 1;
    order: 4;
    margin-top: 5px;
}

#files_content {
    position: relative;
}

#files_content a {
    font-weight: 800;
    color: #222222;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 13px 18px 13px 18px;
    border-radius: 7px;
    position: relative;
    transition: 0.3s all;
}

#files_content a:hover {
    text-decoration: none;
}

#files_content a:visited, #files_content a:focus {
    text-decoration: none;
}

#product_detail .product-detail-main-info-inner-wrap .header {
    order: 1;
}

.product_detail_custom_header {
    display: flex;
    align-items: center;
    background: #ffffff;
    position: relative;
}

#product_detail_category_trigger {
    position: relative;
}

#product_detail_category_trigger:hover {
    z-index: 2147483639;
}

.template_product_detail #product_detail_category_trigger {
    display: block;
}

#product_detail_category_trigger > a {
    background: var(--categories-trigger);
    color: #ffffff;
    padding: 14px 37px;
    margin: 0px;
    margin-right: 23px;
    border-radius: 5px;
    font-weight: 700;
    padding: 13px 27px 13px 30px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

#product_detail_category_trigger > a::before {
    content: " ";
    background: url(../images/hamburger_menu_white.svg) left 9px no-repeat;
    background-size: 24px;
    width: 18px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 11px;
}

#product_detail_category_trigger > a::after {
    content: " ";
    background: url(../images/select_arrow_down_white.svg) right center no-repeat;
    background-size: 12px;
    width: 12px;
    height: 9px;
    display: inline-block;
    margin-left: 12px;
}

#body-spacer-for-bg-overlay {
    background: rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483638;
    display: none;
}

.bg-color-overlay {
    display: block;
}

#product_detail .manufacturer-logo {
    order: 5;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 18px;
}

#product_detail .manufacturer-logo img {
    max-width: 83px;
    height: auto !important;
}

.template_manufacturer #main_body {
    margin-top: 0;
}

.template_manufacturer .category_filter_dropdown {
    margin-top: 0;
}

#product_detail .product_video {
    background: url("../images/play.svg") no-repeat;
    background-size: 100%;
    width: 28px;
    height: 27px;
    transition: 0.4s all;
    cursor: pointer;
}

#product_detail .wishlist {
    background: url("../images/wishlist.svg") no-repeat;
    background-size: 100%;
    width: 23px;
    height: 22px;
    transition: 0.4s all;
    cursor: pointer;
}

#product_detail .wishlist:hover, #product_detail .wishlist.active {
    background: url("../images/wishlist_hover.svg") no-repeat;
    background-size: 100%;
    width: 23px;
    height: 22px;
    transition: 0.4s all;
}

.quantity_discount span::before {
    content: "%";
    margin-right: 5px;
    background: #e8e0ce;
    padding: 1px 4px;
    font-size: 13px;
    border-radius: 50px;
}

/* Product Detail End */




/* Product Detail Carousel */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    display: flex !important;
    justify-content: flex-start !important;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
    width: 13px;
    height: 13px;
}

#product_detail .owl-controls {
    position: absolute;
    top: 45%;
    width: 100%;
}

#product_detail #product_image .owl-controls {
    opacity: 0;
    transition: 0.3s all;
}

#product_detail #product_image:hover .owl-controls {
    opacity: 1;
}

#product_detail .owl-next {
    float: right;
    background: url(../images/arrow_border_right.svg) no-repeat #ffffff;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #222222;
    border-radius: 5px;
    transition: 0.3s all;
}

#product_detail .owl-prev {
    float: left;
    background: url(../images/arrow_border_left.svg) no-repeat #ffffff;
    background-position: 11px center;
    background-size: 20%;
    position: absolute;
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #222;
    border-radius: 5px;
    transition: 0.3s all;
}

#product_detail .other_pictures_mobile .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    background: url("../images/arrow_right_product_other_imgs.svg") #fec834 no-repeat;
    padding: 9px;
    background-size: 49%;
    background-position: 5px center;
    border-radius: 5px;
}

#product_detail .other_pictures_mobile .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    background: url("../images/arrow_left_product_other_imgs.svg") #fec834 no-repeat;
    padding: 9px;
    background-size: 49%;
    background-position: 5px center;
    border-radius: 5px;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

#product_detail #other_pictures {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 40px 0px 40px;
}

#product_detail #other_pictures .image {
    padding: 0px 5px 0px 5px;
    height: 50px;
    overflow: hidden;
    text-align: center;
}

#product_detail #other_pictures .image img {
    height: 50px;
    width: auto;
}

#product_detail #other_pictures .owl-prev, #product_detail #other_pictures .owl-next {
    cursor: pointer;
    height: 30px;
    width: 30px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    display: block;
    z-index: 100;
    border-radius: 15px;
}

#product_detail #other_pictures .owl-prev {
    left: 0px;
}

#product_detail #other_pictures .owl-next {
    right: 0px;
}

/* Product Detail Carousel End */




/* Product Detail Product */
.variants .product .body,
#alternate_products .product .body, #related_products .product .body, #recommended_products .product .body {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.variants .product .body {
    margin: 10px 0px 10px 0px;
}

.variants .product .thumbnail,
#alternate_products .product .thumbnail, #related_products .product .thumbnail, #recommended_products .product .thumbnail {
    padding: 0px;
    height: 244px;
    display: flex;
    align-items: center;
    margin: 0px;
    position: relative;
}

.variants .product .thumbnail .wishlist,
#alternate_products .wishlist, #related_products .wishlist, #recommended_products .wishlist {
    background: url("../images/wishlist.svg") no-repeat;
    background-size: 100%;
    width: 19px !important;
    height: 20px !important;
    transition: 0.4s all;
    margin: 0px 4.5px 0px 6px;
    cursor: pointer;
}

.variants .product .thumbnail .wishlist:hover, #alternate_products .wishlist.active,
#related_products .wishlist.active, #recommended_products .wishlist.active {
    background: url("../images/wishlist_hover.svg") no-repeat;
    background-size: 100%;
    width: 19px !important;
    height: 20px !important;
    transition: 0.4s all;
    margin: 0px 4.5px 0px 6px;
}

.variants .product .thumbnail .product_video, #alternate_products .product_video, #related_products .product_video, #recommended_products .product_video {
    background: url("../images/play.svg") no-repeat;
    background-size: 100%;
    width: 23px !important;
    height: 22px !important;
    transition: 0.4s all;
    cursor: pointer;
    margin-left: 4.5px;
}

.variants .product .thumbnail img,
#alternate_products .product .thumbnail img, #related_products .product .thumbnail img, #recommended_products .product .thumbnail img {
    max-width: 100%;
    max-height: 244px;
    width: auto !important;
    height: auto !important;
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

.variants .product .thumbnail img {
    max-height: 204px;
    padding-top: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.variants .product #classification,
#alternate_products .product #classification, #related_products .product #classification, #recommended_products .product #classification {
    padding-top: 0px !important;
    display: flex;
    align-items: center;
    padding-bottom: 0;
}

.variants .product .info,
#alternate_products .product .info, #related_products .product .info, #recommended_products .product .info {
    padding: 0px 5px 10px 5px;
}

.variants .product .price,
#alternate_products .product .price, #related_products .product .price, #recommended_products .product .price {
    font-size: 20px;
    line-height: 1.2em;
    padding: 5px 0px 5px 0px;
}

.variants .product .price .dual,
#alternate_products .product .price .dual, #related_products .product .price .dual, #recommended_products .product .price .dual {
    font-size: 80%;
}

.variants .product .name h3,
#alternate_products .product .name h3, #related_products .product .name h3, #recommended_products .product .name h3 {
    margin-top: 0px;
}

.variants .product .name a,
#alternate_products .product .name a, #related_products .product .name a, #recommended_products .product .name a {
    font-size: 13px;
    height: 40px;
    display: block;
    text-decoration: none;
}

.variants .product .availability,
#alternate_products .product .availability, #related_products .product .availability, #recommended_products .product .availability {
    font-size: 13px;
    text-align: left;
    flex: 1;
    order: 3;
}

.variants .product .button_area,
#alternate_products .product .button_area, #related_products .product .button_area, #recommended_products .product .button_area {
    margin: 10px 0px 15px 0px;
    text-align: left;
}

#alternate_products #classification .star, #related_products #classification .star, #recommended_products #classification .star {
    width: 12px;
    height: 11px;
    margin-right: 1px;
    display: inline-block;
    line-height: 20px;
}

.variants .product .cart_add input,
#alternate_products .product .cart_add input, #related_products .product .cart_add input, #recommended_products .product .cart_add input {
    height: 34px;
    width: 34px;
    text-align: center;
    border-radius: 17px;
    display: inline-block;
    margin: 0px 5px 0px 0px;
    outline: none;
    vertical-align: top;
}

.variants .product .cart_add .add_to_cart,
#alternate_products .product .cart_add .add_to_cart, #related_products .product .cart_add .add_to_cart, #recommended_products .product .cart_add .add_to_cart {
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 10px 19px 10px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    height: auto;
    width: auto;
    cursor: pointer;
}

.variants .product .cart_add .add_to_cart {
    margin-top: 6px;
}

#alternate_products .product .show_variants, #related_products .product .show_variants, #recommended_products .product .show_variants {
    color: var(--green);
    background: #ffffff;
    border: 1px solid var(--green);
    transition: 0.5s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

#alternate_products .product .action, #related_products .product .action, #recommended_products .product .action {
    background: #222222;
    color: #ffffff;
    font-weight: 800;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 11px;
    width: 43px;
    height: 43px;
    text-align: center;
    padding-top: 14px;
    z-index: 1;
}

.variants .product .thumbnail .pictogram, #alternate_products .product .thumbnail .pictogram, #related_products .product .thumbnail .pictogram, #recommended_products .product .thumbnail .pictogram {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    font-size: 9px;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 6px;
    z-index: 1;
}

.variants .product .thumbnail .pictogram .background, #alternate_products .product .thumbnail .pictogram .background, #related_products .product .thumbnail .pictogram .background, #recommended_products .product .thumbnail .pictogram .background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    opacity: 0.8;
}

.variants .product .thumbnail .pictogram .text, #alternate_products .product .thumbnail .pictogram .text, #related_products .product .thumbnail .pictogram .text, #recommended_products .product .thumbnail .pictogram .text {
    position: relative;
}

#product_detail .slick-vertical {
    display: none;
}

/* Product Detail Product End */



/* Variants */

#variants_header {
    margin-top: 0px;
    color: #222222;
}

#variants_header::first-letter {
    text-transform: uppercase;
}

#variants_selection {
    margin-bottom: 20px;
}

#variants_selection .variant_name {
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
}

#variants-content #variants_selection .variant_name {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 16px;
}

.template_cart .variant_name, .template_order .variant_name {
    font-size: 13px;
    font-weight: 500;
    opacity: .8;
    margin-top: -2px;
}

#variants_selection .option {
    float: left;
    width: 100px;
}

#variants_selection .option input {
    margin-right: 2px;
}

#variants-content .variants .product .info {
    display: flex;
    flex-flow: column;
    min-height: 216px;
    height: 216px;
}

#variants-content .variants .product .info .price {
    order: 2;
    text-align: center;
    padding: 15px 0px 0px 0px;
}

#variants-content .variants .product .info .name {
    order: 1;
}

#variants-content .variants .product .info .name h3 {
    margin-bottom: 0;
    min-height: 36px;
    height: 36px;
}

#variants-content .variants .product .info .button_area {
    order: 3;
    text-align: center;
}

#variants-content .variants .product .info .availability {
    text-align: center;
}

#variants-content .variants .product .info .name a{
    height: auto;
}

#variants-content .variants .product .thumbnail {
    height: 223px;
}

/* Variants end */




/* Misc Box */
.misc_box_header {
    margin-top: 40px;
    background: #f7f7f7;
    border-radius: 5px;
}

.misc_box_header .bookmark {
    float: left;
    padding: 19px 29px 17px 31px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 800;
    border-left: 1px solid #e8e8e8;
    transition: 0.3s all;
    max-height: 59px;
}

.misc_box_header .bookmark:first-child {
    border-left: 0px;
}

.misc_box_header .bookmark::first-letter {
    text-transform: uppercase;
}

.misc_box_header .bookmark.active, .misc_box_header .bookmark:hover {
    color: #222222;
    font-weight: 800;
    border-bottom: 2px solid #222222;
}

.misc_box_header .bookmark-count {
    background: url("../images/bookmark_count.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 5px;
    text-align: center;
    color: #222222;
    font-size: 11px;
    font-weight: 700;
}

.misc_box_body {
    padding: 30px 0px 30px 0px;
}

.misc_box_body table {
    width: 100%;
}

.misc_box_body:after, #description_content:after {
    content: "";
    display: block;
    clear: both;
}

.misc_box_body p {
    margin: 0px 0px 1.5em 0px;
    font-size: 15px;
}

/* Misc Box End */



/* Discussion */

#discussion_content .text {
    margin-left: 10px;
}

#discussion_content .title {
    float: left;
    font-weight: 800;
    width: 100%;
    text-align: left;
    font-size: 15px;
    text-transform: none;
    padding: 14px 0px 11px 0px;
}

#discussion_content .date, #discussion_content .user {
    float: left;
    margin-right: 10px;
    font-size: 10px;
    font-weight: 500;
    opacity: .7;
}

#discussion_content .header {
    margin-bottom: 0;
}

#discussion_content .body {
    clear: both;
    margin: 5px 0px 6px 0px;
}

#discussion_content .body.reply a {
    border: 1px solid #222222;
    padding: 5px 12px 5px 13px;
    border-radius: 5px;
    color: #222222;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    transition: 0.3s all;
    margin-left: 0;
}

#discussion_content .body.reply a:hover {
    border: 1px solid #222222;
    background: #222222;
    color: #ffffff;
    text-decoration: none;
}

#discussion_content .body.reply > div {
    margin-top: 13px;
}

#discussion_content .message .message {
    background: #ffffff;
    padding-left: 17px;
    margin-top: -6px;
}

.msg-wrap {
    margin: 0px;
    border-radius: 22px;
    border-bottom-left-radius: 0;
    padding: 15px 32px 26px 32px;
    background: var(--beige);
    margin-bottom: 15px;
}

.message .message .msg-wrap {
    background: #f6f6f6;
    border-top-left-radius: 0;
    border-bottom-left-radius: 22px;
}

.message .message .message .msg-wrap {
    background: #f9f9f9;
    border-top-left-radius: 0;
    border-bottom-left-radius: 22px;
}

/* Discussion End */


/* Attributes */
#attributes_content table {
    width: 100%;
}

#attributes_content td, #attributes_content th {
    padding: 5px 5px 5px 0px;
}

/* Attributes End */


/* Related and Alternate Products */
#related_products, #alternate_products, #recommended_products {
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
}

.basketDialog-productRelateds .row, .basketDialog-productRecommended .row {
    margin-left: 0;
    margin-right: 0;
}

#related_products h2, #alternate_products h2, #recommended_products h2 {
    font-weight: 800;
    font-size: 26px;
    text-align: center;
    margin: 35px 0px 30px 0px;
}

#related_products h2::first-letter, #alternate_products h2::first-letter, #recommended_products h2::first-letter {
    text-transform: uppercase;
}

/* Related and Alternate Products end */




/* Login form */
#login_form form {
    padding: 15px;
}

#login_form form .text {
    margin: 10px 0px 13px 0px;
    font-weight: 800;
    font-size: 14px;
}

#login_form form .text::first-letter {
    text-transform: uppercase;
}

#login_form a {
    font-size: 12px;
    text-decoration: none;
}

#login_form form .input {
    height: 47px;
    width: 100%;
    padding: 0px 10px 0px 49px;
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.template_forgotten_password #main_body, .template_my_orders_access #main_body {
    margin-top: 0px;
}

.template_forgotten_password .login_submit input, .template_my_orders_access .login_submit input {
    color: #ffffff;
    background: var(--green);
    transition: 0.5s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    border: 0;
}

.template_forgotten_password .login_submit input:hover, .template_my_orders_access .login_submit input:hover {
    background: var(--green-hover);
}

.template_forgotten_password #login_form form .input, .template_my_orders_access #login_form form .input {
    padding: 0px 10px 0px 10px;
    border: 1px solid #ccc;
}

.template_forgotten_password .login_form_modal input.btn_primary, .template_my_orders_access .login_form_modal input.btn_primary {
    font-size: 15px !important;
    padding: 15px !important;
}

#login_form h1 {
    text-align: center;
    margin: 0;
}

#login_form h1::first-letter {
    text-transform: uppercase;
}

.modal-login {
    height: 100%;
    overflow: scroll;
}

.modal-login .modal-content {
    background: #ffffff;
    overflow: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 529px;
}

span.login.open-modal, a.my_account {
    background: url(../images/user_acc_phone.svg) center no-repeat;
    background-size: 100%;
    width: 31px;
    height: 29px;
    display: block;
}

/* Login form end */




/* Subscribe Form */
#personal_form, #loginForm {
    padding: 15px;
    font-weight: 300;
}

#loginForm {
    margin-bottom: 15px;
}

.customer_type_selector [type="radio"]:checked + label, .customer_type_selector [type="radio"]:not(:checked) + label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.template_subscribe_form .customer_type_selector {
    display: flex;
    padding-bottom: 0 !important;
}

.template_subscribe_form .customer_type_selector .selector {
    flex: 1;
    margin-bottom: 10px !important;
}

.template_subscribe_form h1 {
    margin-bottom: 10px;
}

.template_subscribe_form h1::first-letter {
    text-transform: uppercase;
}

#personal_form label, #loginForm label {
    display: inline-block;
}

#personal_form label:first-letter, #loginForm label:first-letter {
    text-transform: uppercase;
}

#personal_form h2 {
    text-transform: none;
    margin: 20px 0px 5px 0px;
    font-weight: 800;
    font-size: 20px;
}

#order #personal_form h2 {
    text-transform: none;
    margin: 18px 0px 0px 0px;
    font-weight: 800;
    font-size: 20px;
    padding: 0px 0px 16px 0px;
}

#personal_form h2::first-letter {
    text-transform: uppercase;
}

#personal_form .customer_type_selector {
    padding-bottom: 11px;
    margin-bottom: -7px;
    flex: 1;
}

#personal_form .customer_type_selector div:nth-child(1) {
    background: url("../images/person.svg") 25px 18px no-repeat #f7f7f7 !important;
    background-size: 40px !important;
    padding: 39px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(2) {
    background: url("../images/company.svg") 29px 20px no-repeat #f7f7f7 !important;
    background-size: 32px !important;
    padding: 39px !important;
    border-radius: 5px;
}

.template_order #personal_form .customer_type_selector div [type="radio"]:not(:checked) + label:hover {
    text-decoration: underline;
}

#personal_form .customer_type_selector div input[type="radio"]:not(:checked) + label:hover {
    text-decoration: underline !important;
}

#personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked+label {
    background: url("../images/person.svg") 25px 18px no-repeat var(--green-light-bg) !important;
    background-size: 40px !important;
    padding: 39px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
    border: 1px solid var(--green) !important;
}

#personal_form .customer_type_selector div:nth-child(2) input[type="radio"]:checked+label {
    background: url("../images/company.svg") 29px 20px no-repeat var(--green-light-bg) !important;
    background-size: 32px !important;
    padding: 39px !important;
    border: 1px solid var(--green) !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(1) [type="radio"]:checked + label,
#personal_form .customer_type_selector div:nth-child(1) [type="radio"]:not(:checked) + label,
#personal_form .customer_type_selector div:nth-child(2) [type="radio"]:checked + label,
#personal_form .customer_type_selector div:nth-child(2) [type="radio"]:not(:checked) + label {
    padding-left: 0 !important;
}

.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:checked + label {
    padding-left: 29px !important;
}

.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:not(:checked) + label {
    padding-left: 0 !important;
    margin-left: -5px !important;
}

.template_order #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:not(:checked) + label {
    padding-left: 7px !important;
}

.template_order #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:checked + label {
    padding-left: 46px !important;
}

#personal_form .customer_type_selector .selector {
    margin-right: 20px;
    margin-bottom: 5px;
    position: relative;
}

#personal_form .customer_type_selector label {
    margin-bottom: 0px;
}

#personal_form .customer_type_selector .selector [type="radio"]:checked + label:before, #personal_form .customer_type_selector .selector [type="radio"]:not(:checked) + label:before {
    visibility: hidden;
}

#personal_form .customer_type_selector .selector [type="radio"]:checked + label:after, #personal_form .customer_type_selector .selector [type="radio"]:not(:checked) + label:after {
    visibility: hidden;
}

#personal_form .second input, #personal_form .second textarea, #loginForm .second input {
    height: 35px;
    line-height: 33px;
    font-size: 15px;
    padding: 0px 5px 0px 5px;
    font-family: 'Muli', sans-serif;
    width: 100%;
    margin: 5px 0px 5px 0px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#personal_form .second select {
    font-size:15px;
    padding: 5px 10px 5px 10px;
    font-family: 'Muli', sans-serif;
    width:100%;
    margin: 5px 0px 5px 0px;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    height: 35px;
    border-radius: 5px;
}

#personal_form .asterisk, #loginForm .asterisk {
    color: var(--red);
    margin-left: 3px;
}

.required_fields p {
    font-size: 13px;
}

#personal_form .second input.small {
    width: 25%;
    margin-left: 3px;
    text-align:center;
}

#personal_form .second input.phone {
    width: 65%;
    float: right;
}

#personal_form.second textarea {
    height: 100px;
}

#personal_form .first {
    text-align: left;
    font-size: 15px;
    line-height: 35px;
}

#personal_form .first::first-letter {
    text-transform: uppercase;
}

#personal_form #subscribe_confirm {
    margin-top: 30px;
    font-size: 12px;
}

#personal_form #subscribe_confirm div {
    margin-bottom: 15px;
}

#personal_form #subscribe_confirm .submit {
    margin-top: 20px;
}

#subscribe_form_success {
    margin-bottom: 15px;
}

.template_subscribe_form #main_body {
    margin-top: 15px;
}

.template_order #personal_form {
    display: flex;
    flex-wrap: wrap;
}

.template_order #personal_form {
    display: flex;
    flex-wrap: wrap;
}

.template_subscribe_form .already_registered {
    display: none;
}

.already_registered_customer_type_wrap {
    flex: 1;
}

.template_order #personal_form .row {
    flex: 3;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.template_order #personal_form .submit {
    margin-left: auto;
}

.already_registered {
    line-height: 20px !important;
    font-size: 15px;
    font-weight: 800;
    text-align: left;
    margin: 20px 0px 27px 31px;
}

.already_registered div:nth-child(1) {
    margin-bottom: 12px;
}

.already_registered a {
    color: #222222;
    text-decoration: underline;
}

.already_registered a:hover {
    color: #222222;
    text-decoration: none;
}

.template_order #footer, .template_cart #footer {
    display: none;
}

.template_cart .last_viewed, .template_cart .might_be_interested {
    display: none;
}

.template_cart #submenu_panel, .template_order #submenu_panel, .template_cart #search_box, .template_order #search_box,
.template_cart #top_panel, .template_order #top_panel, .template_cart .lang_curr_wrap, .template_order .lang_curr_wrap,
.template_cart .divider, .template_order .divider, .template_cart #copyright .site_map_info a,
.template_order #copyright .site_map_info a {
    display: none;
}

.template_cart #header .container-flex, .template_order #header .container-flex {
    justify-content: space-between;
}

.template_cart #eshop, .template_order #eshop {
    margin-top: 0px !important;
}

.template_cart #header, .template_order #header {
    height: 87px;
    z-index: 1;
}

.template_cart #copyright, .template_order #copyright,
.template_cart #copyright .site_map_info p, .template_order #copyright .site_map_info p {
    font-size: 14px;
}

#set_ic_div {
    display: flex;
    flex-flow: column;
}

#set_ic_country {
    min-height: 30px;
    font-family: "Muli", Arial, sans-serif;
    margin-top: 10px;
    margin-bottom: 7px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0px 3px;
    cursor: pointer;
}

#set_ic {
    min-height: 30px;
    font-family: "Muli", Arial, sans-serif;
    padding: 0px 7px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    font-weight: 700;
}

/* Subscribe Form End */



/* Cart Table */
.template_cart #left_column, .template_order #left_column {
    display: none;
}

.template_cart #main_body, .template_order #main_body {
    width: 100%;
    margin: 0px;
}

#cart h2 {
    padding: 15px 0px 15px 0px;
    line-height: 25px;
    font-size: 26px;
    font-weight: 800;
    margin: 0px;
}

#cart_content {
    padding: 15px 0px 15px 0px;
    font-weight: 400;
    margin-bottom: 40px;
}

.template_cart #cart_content {
    margin-bottom: 0px;
}

#cart_content #static p {
    font-size: 13px;
    background: var(--beige);
    padding: 14px 21px 13px 21px;
    max-width: 544px;
    border-radius: 5px;
    display: inline-block;
}

.template_cart #cart_content #static {
    display: block;
    margin-bottom: 55px;
}

#cart_content .container-flex {
    padding: 0;
}

#cart_content .image {
    flex: 1;
    min-width: 85px;
    text-align: center;
}

#cart_content .image img {
    max-width: 85px;
    max-height: 80px;
    margin-bottom: 0px;
    padding-right: 10px;
}

.order-recap-cart #cart_content .image {
    min-width: 71px;
}

.order-recap-cart #cart_content .image img {
    max-width: 67px;
    max-height: 59px;
    margin: 0px 4px 0px 0px;
    padding-right: 5px;
}

.order-recap-cart .variant_name {
    font-size: 12px;
    margin-top: 0px;
}

#cart_content .name {
    flex: 4;
}

.order-recap-cart #cart_content .name {
    padding-bottom: 0px;
}

#cart_content .name .row {
    border: 0;
}

#cart_content .name a {
    color: #222222;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    display: block;
    font-weight: 800;
}

#cart_content .name a:hover {
    text-decoration: underline;
}

.order-recap-cart #cart_content .name a {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}

#cart_content .name .availability {
    margin-bottom: 10px;
    display: none;
}

#cart_content .prices {
    margin-bottom: 10px;
    flex: 3;
    line-height: 20px;
}

#cart_content .prices .price {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
}

.price_excl {
    font-size: 11px;
    font-weight: 500;
    opacity: .7;
}

#cart_content .price_total {
    color: #222222;
    font-size: 15px;
    line-height: 20px;
    font-weight: 800;
    flex: 4;
}

.order-recap-cart #cart_content .price_total {
    margin-bottom: 0;
}

#cart_content .delete_wrap {
    flex: 1;
}

#cart_content .delete {
    text-align: right;
    background: url("../images/cart_dropdown_remove.svg") right 0px no-repeat;
    background-size: 100%;
    width: 20px;
    height: 21px;
}

#cart_content .delete a {
    color: #e2001a;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 21px;
}

#cart_content .note textarea {
    height: 90px;
    line-height: 33px;
    font-size: 15px;
    padding: 0px 5px 0px 5px;
    font-family: 'Muli',sans-serif;
    width: 100%;
    margin: 0px 0px 15px 0px;
    resize: none;
}

#cart_content div.quantity {
    flex: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.template_cart #cart_content div.quantity span {
    display: none;
}

#cart .quantity input{
    width: 50px;
    height: 46px;
    text-align: center;
    margin: 0px;
    outline: none;
    vertical-align: top;
    border: 0;
    color: #222222;
    background-color: #ffffff;
    font-weight: 800;
    font-size: 15px;
}

#cart .quantity_change img {
    height: 15px;
    cursor: pointer;
}

#cart .quant_up, #cart .quant_down {
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #222222;
    background: #f5f5f5;
    border: 0;
    padding: 12px 18px 12px 18px;
    border-radius: 7px;
    transition: 0.3s all;
}

#cart .quant_down {
    font-size: 17px;
}

#cart .quant_up {
    font-size: 13px;
}

#cart_content .summary .price_total {
    font-size: 42px;
    line-height: 43px;
    text-align: center;
    margin-bottom: 10px;
}

#cart_content .summary .price_total_header {
    text-align: center;
    margin: 16px 16px 11px 16px;
}

#cart_content .summary .price_total_header::first-letter {
    text-transform: uppercase;
}

#cart_content .summary {
    font-size: 15px;
    font-weight: 800;
    line-height: 25px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    background: #ffffff;
    border-radius: 7px;
    padding: 24px 34px 44px 34px;
    margin: 0px 13px 0px 13px;
}

#cart_content .summary:first-letter {
    text-transform: uppercase;
}

#cart_content .container-flex .column-flex {
    flex: 2;
}

#cart_content .container-flex .column-flex:first-child {
    flex: 5;
}

#cart_content .buttons {
    display: none;
}

#cart_content .column-flex .buttons {
    margin-top: 0px;
    display: block;
    text-align: center;
}

#cart_content .buttons .empty_basket, #cart_content .buttons .continue {
    text-decoration: none;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 2px;
    text-transform: uppercase;
    padding: 0px 20px 0px 20px;
    transition: 0.08s ease-in;
    font-size: 17px;
    cursor: pointer;
}

#cart_content .buttons .empty_basket {
    color: #222222;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline;
    display: none;
}

#cart_content .buttons .empty_basket::first-letter {
    text-transform: uppercase;
}

#cart_content .buttons .continue {
    transition: 0.5s;
    background: #81c338;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 14px 29px 13px 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-left: 0px;
    height: 48px;
    width: 100%;
    line-height: 21px;
}

#cart .zero_fee_price {
    display: none;
}

#cart .column-flex .zero_fee_price {
    font-size: 13px;
    background: var(--beige);
    padding: 22px 25px 22px 25px;
    font-weight: 400;
    text-align: left;
    line-height: 150%;
    display: flex;
    flex-flow: column;
    margin: 5px 13px 25px 13px;
    border-radius: 6px;
}

.free_shipping_text {
    line-height: 136%;
}

#cart .free_shipping_ico {
    background: url(../images/free_shipping.svg) no-repeat;
    background-size: 28px;
    width: 28px;
    min-width: 28px;
    height: 25px;
    margin-top: 2px;
    margin-right: 11px;
}

#cart .column-flex .zero_fee_price.success {
    background: #eafdd5;
    color: #72ab33;
    border-radius: 6px;
    font-weight: 600;
    display: flex;
    justify-content: center;
}

#cart .cart_certificate div {
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    color: #ebb70e;
    font-size: 15px;
    font-weight: 800;
}

.order-recap-cart#cart .cart_certificate div {
    margin-right: 5px;
    font-size: 11px;
}

.order-recap-cart#cart .cart_certificate .price_total {
    font-size: 11px;
    padding: 2px 10px 2px 9px;
}

.order-recap-cart#cart .cart_certificate div.certificate_code::before {
    width: 14px;
    height: 15px;
    margin-right: 6px;
}

#cart .cart_certificate div.certificate_code::before {
    content: " ";
    background: url("../images/sale_tag.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

#cart .cart_certificate .price_total {
    font-size: 13px;
    color: #222222;
    text-transform: none;
    background: #f4f4f4;
    padding: 7px 15px 7px 15px;
}

.template_cart #cart .cart_certificate .price_total {
    display: none;
}

.template_cart #cart .summary .certificate_code {
    font-size: 13px;
    color: #222222;
    text-transform: none;
    background: #f4f4f4;
    padding: 7px 15px 7px 15px;
    text-align: center;
    margin: 13px 0px 22px 0px;
}

.template_order #cart .summary .certificate_code {
    display: none;
}

#cart .cart_certificate div.submit {
    background: transparent;
    color: #222222;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: underline;
}

#cart .cart_certificate div.submit:hover {
    text-decoration: none;
}

.order_step_back {
    font-size: 13px;
    font-weight: 400;
    margin-top: 59px;
}

.order-recap-cart .order_step_back, .template_subscribe_form .order_step_back {
    display: none;
}

.order-recap-cart .column-flex .zero_fee_price {
    display: none !important;
}

.step-no-margin {
    margin-top: 0px;
}

.order_step_back a {
    color: #222222;
}

.order_step_back a:hover {
    color: #222222;
    text-decoration: underline;
}

.order_step_back a::before {
    content: "";
    background: url("../images/arrow_back.svg") no-repeat;
    background-size: 100%;
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
}

.price_total_excl {
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    color: #222222;
    opacity: .7;
}

.template_order .price_total_excl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -2px;
}

.template_order .total_price_wrap .price_total_excl {
    position: relative;
    top: -4px;
}

.order-recap-cart .order-recap-payment-transport-wrapper .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 344px;
}

.note_icon {
    background: url("../images/note.svg") no-repeat;
    background-size: 85%;
    width: 12px;
    height: 11px;
    display: inline-block;
}

#cart_dropdown .note_icon {
    background-size: 75%;
    position: relative;
    top: 2px;
    margin-left: 2px;
}

.file_icon {
    background: url("../images/attachement.svg") no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 0;
}

#cart_dropdown .file_icon {
    width: 15px;
    top: 4px;
}

/* Cart Table End */




/* Order Legend */
#order .legend {
    padding: 15px 0px 15px 0px;
    font-weight: 800;
    text-align: center;
    font-size: 15px;
}

#order .legend .item {
    padding: 10px 0px 10px 0px;
}

#order .legend .item a{
    text-decoration:none;
}

#order .legend .item .number {
    line-height: 26px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 13px;
    font-size: 15px;
    margin-bottom: 10px;
    display: inline;
}

#order .legend .item .text {
    display: inline-block;
}

#order .legend .item .text::first-letter {
    text-transform: uppercase;
}

/* Order Legend End */



/* Order */
#order .continue {
    margin-top: 20px;
    float: right;
    font-size: 20px;
    line-height: 20px;
    padding: 15px;
}

#order #payment_and_transport {
    padding: 15px;
    font-weight: 300;
}

#order #payment_and_transport [type="radio"]:checked + label:before, #order #payment_and_transport [type="radio"]:not(:checked) + label:before,
#order #payment_and_transport [type="radio"]:checked + label:after, #order #payment_and_transport [type="radio"]:not(:checked) + label:after {
    visibility: hidden;
}

#order #payment_and_transport .payment, #order #payment_and_transport .transport {
    position: relative;
    transition: 0.3s all;
}

.ui-menu .ui-menu-item a:hover {
    background: var(--green-light-bg) !important;
    border: none !important;
    border: 1px solid var(--green) !important;
    border-radius: 5px !important;
    padding: 7px .4em !important;
    cursor: pointer;
    font-weight: 700 !important;
}

.selected_branch {
    font-size: 13px;
    padding-left: 5px;
}

#order #payment_and_transport .payment.hover, #order #payment_and_transport .transport.hover {
    background: #ffffff !important;
    border: 1px solid var(--green);
}

#order #payment_and_transport .payment.active, #order #payment_and_transport .transport.active {
    background: var(--green-light-bg) !important;
    border: 1px solid var(--green);
}

#order #payment_and_transport .active .name label, #order #payment_and_transport .active .price {
    color: #222222 !important;
}

#order #payment_and_transport .description:hover {
    cursor: pointer;
}

#order #payment_and_transport .price:hover {
    cursor: pointer;
}

#order #payment_and_transport .payment img:hover, #order #payment_and_transport .transport img:hover {
    cursor: pointer;
}

#order #payment_and_transport [type="radio"]:checked + label, #order #payment_and_transport [type="radio"]:not(:checked) + label {
    display: inline-flex;
    transition: 0.3s all;
    border-radius: 5px;
    max-width: 59%;
    text-align: left;
}

#order #payment_and_transport .payment img, #order #payment_and_transport .transport img {
    max-width: 64px;
    width: 100%;
    object-fit: contain;
    max-height: 54px;
    float: left;
    margin-right: 13px;
}

#order #payment_and_transport h2 {
    text-transform: none;
    margin: 0px 0px 5px 0px;
    font-weight: 800;
    font-size: 20px;
}

#order #payment_and_transport label {
    margin-bottom: 0 !important;
}

#order #payment_and_transport h2::first-letter {
    text-transform: uppercase;
}

#order #payment_and_transport .text {
    margin-bottom: 10px;
}

#order #payment_and_transport #payment_selector {
    margin-bottom: 40px;
}

#order #payment_and_transport .payment, #order #payment_and_transport .transport {
    padding: 13px 13px 1px 13px;
    margin-bottom: 5px;
    min-height: 61px;
    cursor: pointer;
    min-height: 76px;
    border: 1px solid #eee;
    border-radius: 8px;
    width: 100%;
}

#order .transport .name div {
    position: relative;
    order: 3;
}

#order #payment_and_transport .name {
    margin-bottom: 0px;
}

#order #payment_and_transport .description {
    font-size: 13px;
    color: #8c8c8c;
    margin: 9px 0px 14px 0px;
    order: 1;
}

#order #payment_and_transport .description p {
    margin: 9px 0px 0px 0px;
    font-size: 13px;
}

#order #payment_and_transport .description img {
    max-width: 100%;
}

#order #payment_and_transport .text {
    margin-bottom: 10px;
}

#order #payment_and_transport .payment_transport_disabled {
    text-decoration: line-through;
}

.payment_single_wrap, .transport_single_wrap {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    padding: 6px 11px;
    border-radius: 5px;
    margin-bottom: 6px;
    flex: 0 1 50%;
    max-width: 265px;
}

#order #order_certificate {
    margin-top: 20px;
}

#order #i_got_certificate {
    margin: 40px 0px 30px 0px;
    font-size: 18px;
    display: flex;
}

#order #i_got_certificate label {
    font-weight: 700;
    margin-right: 15px;
    font-size: 15px;
    cursor: default;
    margin-bottom: 0px;
    align-self: center;
}

#order #i_got_certificate label::first-letter {
    text-transform: uppercase;
}

#order #certificate_insert {
    display: block !important;
}

#order #certificate_insert .submit {
    border: 1px solid #cccccc;
    color: #222222;
    background-image: none;
    background-color: transparent;
    font-size: 11px;
    font-weight: 800;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0px;
    padding: 12px 25px 12px 25px;
}

#order #certificate_insert .text {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
}

#order #certificate_insert #certificate_code {
    width: 220px;
    padding: 0px 11px 0px 11px;
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #cccccc;
    margin-right: -6px;
    position: relative;
    top: 1px;
    font-size: 13px;
}

#order #payment_and_transport_recapitulation {
    padding: 0px 15px 0px 15px;
    font-weight: 300;
    margin-bottom: 20px;
}

#order #payment_and_transport_recapitulation .row {
    padding: 15px 0px 15px 0px;
    line-height: 48px;
}

#order #payment_and_transport_recapitulation .icon {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
}

#total_price_div #total_price {
    font-size: 40px;
    line-height: 40px;
    margin: 40px 0px 50px 0px;
    font-weight:300;
}

#total_price_div #total_price::first-letter {
    text-transform: uppercase;
}

#total_price_div #total_price span {
    font-weight: bold;
    text-transform: none;
}

#order .deliver_items .body, #order .contact_items .body, #order .invoice_items .body {
    padding: 31px 39px 23px 39px;
    margin-bottom: 13px;
    min-height: 305px;
}

#order .deliver_items .body .title, #order .contact_items .body .title, #order .invoice_items .body .title {
    text-transform: none;
    margin-bottom: 5px;
    font-weight: 800;
    font-size: 17px;
}

#order .deliver_items .body .title::first-letter, #order .contact_items .body .title::first-letter, #order .invoice_items .body .title::first-letter {
    text-transform: uppercase;
}

#order .deliver_items .body .first, #order .contact_items .body .first, #order .invoice_items .body .first {
    font-weight: 300;
    font-size: 15px;
    padding: 5px 0px 5px 0px;
    display: none;
}

#order .deliver_items .body div, #order .contact_items .body div, #order .invoice_items .body div {
    font-weight: 300;
    font-size: 15px;
    padding: 2px 0px 2px 0px;
}

#order .note_title, #order .contact_and_delivery_title {
    text-transform: uppercase;
    margin: 30px 0px 10px 0px;
    font-weight: 300;
    font-size: 25px;
}

#order .note_title{
    margin: 0px;
    padding: 7px 0px 10px 0px;
    font-weight: 800;
    font-size: 17px;
    text-transform: none;
    display: inline;
}

#show_hide_order_note {
    display: flex;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
}

#show_hide_order_note .dropdown-plus {
    display: flex;
    margin-right: 0px;
    position: relative;
    top: -3px;
}

#show_hide_order_note .plus-circle, #show_hide_order_note .minus-circle {
    position: relative;
    background-position: center 11px;
    width: 19px;
    height: auto;
    left: 0;
    top: 0;
}

.order_note_div {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 16px 37px 13px 37px;
}

#order #note {
    resize: none;
    width: 100%;
    height: 150px;
    font-size: 15px;
    padding: 8px 12px 12px 12px;
    font-family: 'Muli',sans-serif;
    width: 100%;
    margin: 22px 0px 5px 0px;
}

#order .thankyou_text {
    padding: 15px;
    font-weight: 300;
    font-size:18px;
    text-align: center;
    margin-top: 29px;
}

#order .thankyou_text .order_step_back a {
    text-decoration: underline;
}

#order .thankyou_text .order_step_back a:hover {
    text-decoration: none;
}

#order .thankyou_text::before {
    background: url("../images/success.svg") center center no-repeat;
    background-size: 100%;
    width: 78px;
    height: 78px;
    margin: 0 auto;
    display: block;
    content: " ";
    margin-bottom: 32px;
}

#order-recap-wrapper {
    display: flex;
    margin: 0 -25px;
}

.order-recap-main-body {
    flex: 3;
    margin: 0 25px;
}

.order-recap-cart {
    flex: 2;
    margin: 0 35px;
}

.order-recap-cart #cart_content div.quantity {
    padding-bottom: 0px;
    flex: 3;
    text-align: center;
    float: left;
    font-weight: 800;
}

.order-recap-cart #cart_content div.quantity span {
    margin-left: 4px;
}

.order-recap-cart #cart_content .price_excl {
    margin-top: -2px;
}

.order-recap-cart .container-flex {
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
    background: #ffffff;
    border-radius: 7px;
    padding: 29px 35px 41px 35px !important;
    flex-flow: column;
}

.order-recap-cart #cart_content .summary {
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.order-recap-cart #cart_content .column-flex .buttons {
    display: none;
}

.order-recap-cart #cart_content .row {
    margin-bottom: 2px;
    border-bottom: 0;
}

.template_cart .order-recap-payment-transport-wrapper, .template_cart .order-recap-total-price-div {
    display: none;
}

.order-recap-cart #cart_content .summary .price_total {
    font-size: 15px;
    text-align: right;
}

.order-recap-cart #cart_content .summary .price_total_header {
    text-align: left;
    float: left;
    margin: 0;
}

#order .order-recap-cart #payment_and_transport_recapitulation {
    padding-left: 0;
    padding-right: 0;
}

#order .order-recap-cart #payment_and_transport_recapitulation .icon {
    display: none;
}

#order .order-recap-cart #payment_and_transport_recapitulation .row div {
    padding: 0;
    font-weight: 700;
}

.order-recap-cart #cart_content #total_price .summary .price_total_excl {
    font-size: 13px;
    text-align: right;
    display: block;
    line-height: 77%;
    font-weight: 500;
}

#order .order-recap-cart .recapitulation-contact-info {
    display: flex;
    flex-flow: column;
}

#order .order-recap-cart .recapitulation-contact-info .box {
    flex: 1;
}

.recapitulation-contact-info-phone_div {
    display: none;
}

.order-recap-cart #cart_content #total_price .summary {
    font-size: 19px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}

.order-recap-cart #cart_content #total_price .summary span {
    font-size: 19px;
    text-align: right;
}

.order-recap-cart #cart_content #total_price .summary span.price_total {
    float: right;
    line-height: 37px;
    margin-bottom: 0;
    font-weight: 800;
}

.template_cart .order-recap-agreements {
    display: none;
}

.template_cart .submit.continue.finish-order {
    display: none !important;
}

.order-recap-cart #cart_content #total_price .summary span {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 37px;
    font-weight: 800;
}

#order .order-recap-cart #payment_and_transport_recapitulation .row {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 38px;
}

.order-recap-cart .total_price_wrap {
    padding: 19px 0px 16px 0px;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    margin-top: 16px;
}

.order-recap-cart #total_price_div #total_price {
    margin: 18px 0px 11px 0px;
}

.order-recap-agreements label {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
}

.order-recap-agreements #vop a {
    font-size: 13px;
    display: inline;
    margin-left: 24px;
    color: #222222;
    text-decoration: underline;
}

.order-recap-agreements #vop a:hover {
    text-decoration: none;
}

#order .order-recap-cart .continue {
    padding: 17px 29px 13px 30px;
    font-size: 17px;
    height: auto;
    width: 100%;
}

#order .order-recap-cart #payment_and_transport_recapitulation {
    margin-bottom: 0px;
}

.order-recap-cart #cart_content .total_price_wrap .price_total {
    margin: -9px 0px -9px 0px;
}

.order-recap-cart #cart_content .item_header, .order-recap-cart .quantity b, .order-recap-cart .prices, .order-recap-cart .delete_wrap,
.template_cart .without_tax, .template_order .contact_buttons {
    display: none;
}

.order-recap-cart .price_total {
    text-align: right;
}

.order-recap-cart #cart_content .summary {
    margin-left: 0;
    margin-right: 0;
}

.template_order #order #payment_and_transport .payment_transport_disabled {
    color: #999999 !important;
}

.order-recap-cart #cart_content #total_price .summary .without_tax {
    float: left;
    font-size: 13px;
    text-align: right;
    display: block;
    line-height: 77%;
    font-weight: 500;
    opacity: .7;
    position: relative;
    top: -2px;
    display: block !important;
}

/* Order End */



/* PayU selection*/

#payu_selection {
    width: 100%;
}

#payu_selection td {
    padding-top: 20px;
    text-align: center;
}

/* PayU selection end*/




/* Adress List */

.address, .address_delivery {
    float: left;
    margin: 0px 15px 15px 0px;
    min-height: 130px;
    padding: 10px;
    position: relative;
    width: 250px;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 0;
}

.address_content {
    width: 100%;
}

.address .address_content .name {
    display: block;
    padding: 10px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.address .address_content .name p {
    margin: 0px;
}

.address .address_content .address_content_list {
    padding: 0px 10px 0px 10px;
    margin: -10px 0px 10px 0px;
    z-index: -1;
    font-size: 90%;
}

.delivery_invoice_adresses_wrapper .address .edit_btn {
    margin: 9px 0px 19px 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #222222;
    padding: 6px 9px 5px 9px;
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s all;
}

.delivery_invoice_adresses_wrapper .address .edit_btn:hover {
    text-decoration: none;
    background: #222222;
    color: var(--beige);
}

.delivery_invoice_adresses_wrapper .address .delete_btn {
    margin: 9px 0px 19px 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    border: 1px solid #222222;
    padding: 6px 9px 5px 9px;
    padding: 6px;
    border-radius: 5px;
    display: inline-block;
    transition: 0.3s all;
    background: none !important;
    text-indent: 0 !important;
}

.delivery_invoice_adresses_wrapper .address .delete_btn:hover {
    text-decoration: none;
    background: #222222 !important;
    color: var(--beige) !important;
}

.delivery_adresses_wrapper {
    margin-right: 10px;
}

.invoice_adresses_wrapper h2, .delivery_adresses_wrapper h2 {
    text-transform: none !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    margin-top: -4px !important;
    padding-bottom: 11px !important;
}

.delivery_invoice_adresses_wrapper .address .address_content .address_content_list p {
    padding-top: 0;
    padding-bottom: 0 !important;
    margin-bottom: 7px;
    margin-top: 7px;
}

.delivery_invoice_adresses_wrapper .address_content_list p:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.delivery_invoice_adresses_wrapper .address .address_content .address_content_list {
    margin-top: 7px;
}

/* Adress List End */




/* Subcategories */
.category-subcategories .subcategory .body {
    text-align: center;
    margin-bottom: 30px;
}

.category-subcategories .subcategory a {
    text-decoration: none;
}

.category-subcategories .subcategory .image {
    text-align: center;
    overflow: hidden;
    padding: 10px;
}

.category-subcategories .subcategory .image img {
    height: 100px;
}

.category-subcategories .subcategory .name {
    display: block;
    padding: 10px;
    font-weight: 800;
    font-size: 14px;
    line-height: 14px;
    height: 50px;
    overflow: hidden;
}

/* Subcategories end */



/* Gallery */
#static .static_gallery {
    margin-top: 30px;
}

#static .static_gallery .image {
    margin: 0px 10px 10px 0px;
    padding: 3px;
    height: 130px;
    float: left;
    transition: 0.08s ease-in;
}

#static .static_gallery .image img {
    height: 100% !important;
}

/* Gallery End */



/* Fast Order */

.fast_order {
    padding: 15px 15px 5px 15px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 300;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}

.fast_order .row div {
    margin-bottom: 5px;
}

.fast_order input {
    height: 25px;
    padding: 0px 5px 0px 5px;
    border: 1px solid #cccccc;
}

.fast_order .product_remove {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: var(--red);
}

/* Fast Order End */



/* My Orders */
#my_orders .order_strip {
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}

#my_orders .order_strip .price {
    font-weight: bold;
    color: #e2001a;
}

#my_orders .order_strip.active {
    margin-bottom: 0px;
    background-color: #3a383a;
    color: #ffffff;
    border: 1px solid #000000;
}

#my_orders .order_strip.active .price {
    color: #ffffff;
}

#my_orders .order_detail {
    padding: 10px;
    display: none;
    margin-bottom: 15px;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}

#my_orders .order_detail .order_row {
    margin-bottom: 10px;
}

#my_orders .order_detail .submit {
    margin: 10px 0px 0px 0px;
}

#my_orders .order_detail .total_price {
    font-weight: bold;
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    padding: 11px 0px 11px 0px;
    color: #e2001a;
}

.template_order_detail #products_order .order_detail {
    font-size: 15px;
}

.template_order_detail #products_order .order_detail > div.order_row:nth-of-type(even) {
    background: var(--beige);
    border-radius: 6px;
    padding: 10px 0px 10px 0px;
}

/* My Orders End */



/* Order Detail */

#order_detail_page h1 {
    padding: 15px 10px 15px 10px;
    line-height: 25px;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px;
}

#order_detail_page #order_detail {
    padding: 15px;
    font-weight: 300;
}

#order_detail_page h2 {
    text-transform: uppercase;
    margin: 20px 0px 5px 0px;
    font-weight: 300;
    font-size: 20px;
}

#order_detail_page .items {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

#order_detail_page .order_detail .order_row {
    margin-bottom: 10px;
}

#order_detail_page .order_detail .submit {
    margin: 10px 0px 0px 0px;
}

#order_detail_page .order_detail .total_price {
    font-weight: bold;
    margin-top: 10px;
    font-size: 18px;
    line-height: 18px;
    padding: 11px 0px 11px 0px;
}

/* Order Detail End */



/* Blog posts carousel */
.blog-carousel {
    margin-top: 60px;
}

.template_blog_post #footer .blog-carousel {
    display: none;
}

.blog-carousel .header {
    flex: 1 100%;
    font-size: 26px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 38px;
}

.blog-carousel .header div {
    display: inline-block;
    text-align: center;
    margin-left: 121px;
}

.hidden_till_768 {
    display: none;
}

.blog-carousel .header a {
    display: inline-block;
    text-align: right;
    float: right;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 9px;
}

.blog-carousel .header a::before {
    content: " ";
    background: url("../images/more.svg") no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-right: 5px;
}

.blog-carousel .blog-post {
    flex: 0 1 25%;
    padding: 20px;
}

.template_blog_post .blog-carousel .blog-post {
    flex: 0 1 33.33%;
    padding: 10px;
}

.template_blog_post .blog-carousel .container-flex {
    padding: 0px;
}

.template_blog_post .blog-carousel .header div {
    margin-left: 0;
}

.blog-carousel .blog-post div, .blog-card .image {
    overflow: hidden;
    border-radius: 7px;
}

.blog-carousel .blog-post div img, .blog-card .image img {
    transition: transform 0.7s ease-in-out;
}

.blog-carousel .blog-post div:hover img, .blog-card .image:hover img {
    transform: scale(1.15);
}

.blog-carousel .blog-post h2 {
    transition: color 0.2s;
    margin-top: 21px;
}

.blog-carousel .blog-post h2:hover {
    color: #222222;
    text-decoration: underline;
}

.blog-carousel .blog-post p {
    font-size: 14px;
    line-height: 159%;
    font-weight: 400;
    opacity: .86;
    margin: 13px 0px 19px 0px;
}

.blog-carousel .blog-post .date {
    font-size: 11px;
    margin-bottom: 16px;
}

.blog-carousel img {
    width: 100%;
}

.blog-carousel a:hover {
    text-decoration: none;
}

.blog-carousel a.read_more {
    color: #222222;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: underline;
    transition: 0.3s ease-in;
}

.blog-carousel a.read_more:hover {
    text-decoration: none;
}

.blog-carousel a.read_more:hover::after {
    content: " ";
    background: url("../images/arrow_read_more.svg") no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 11px;
    height: 9px;
    display: inline-block;
    position: relative;
    left: 9px;
    transform: translateX(35%);
    transition: 0.2s ease-in;
}

.template_blog #static img {
    width: 100%;
    max-height: 269px;
    object-fit: cover;
}

.template_blog .labels {
    margin-top: 17px;
}

.template_blog .submit {
    font-size: 10px;
    padding: 8px 15px 8px 15px;
}

/* Blog Posts Carousel End*/

/* Footer */
.footer-map {
    height: 400px;
    width: 100%;
}

#footer {
    padding-top: 30px;
}

#footer .box {
    padding-bottom: 30px;
    flex: 1;
}

#footer #footer-bottom .box {
    padding-left: 10px;
    padding-right: 10px;
}

#footer .box.contact .logo {
    margin-bottom: 26px;
    max-width: 189px;
    max-height: 73px;
}

#footer .box.contact .logo p {
    margin-top: 0;
}

#footer .box.contact a.phone_link {
    color: #222222;
    font-weight: 800;
    text-decoration: none;
    font-size: 17px;
    display: block;
}

#footer .box.contact a.mail_link {
    text-decoration: underline;
    color: #222222;
    font-size: 17px;
}

#footer .box.contact a.mail_link::before {
    content: " ";
    background: url("../images/mail_footer.svg") no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 34px;
    height: 27px;
    position: relative;
    top: 3px;
    margin: 0px 2px 0px -6px;
}

#footer .box.contact a.mail_link:hover {
    color: #222222;
    text-decoration: none;
}

#footer .contacts {
    margin-top: 17px;
    font-size: 15px;
}

#footer .box .box {
    padding-bottom: 0px;
}

#footer .box img {
    width: 100% !important;
    height: auto !important;
}

#footer .box .title, #footer .box .header {
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 15px;
    text-align: left;
}

#footer .box .title::first-letter, #footer .box .header::first-letter {
    text-transform: uppercase;
}

#footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer ul a {
    display: block;
    padding: 5px 0px 5px 15px;
    text-decoration: none;
}

#footer ul .active a {
    font-weight: bold;
}

#footer-bottom {
    margin-top: 60px;
}

#socials-wrapper .fb {
    width: 26px;
    height: 24px;
    display: inline-block;
}

#socials-wrapper .fb.no-image {
    background: url("../images/fb.svg") no-repeat;
    background-size: 100%;
}

#socials-wrapper .fb img {
    max-width: 26px;
    max-height: 24px;
	  vertical-align: initial;
}

#socials-wrapper .ig {
    width: 28px;
    height: 27px;
    position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 6px;
}

#socials-wrapper .ig.no-image {
    background: url("../images/ig.svg") no-repeat;
    background-size: 100%;
}

#socials-wrapper .ig img {
    max-width: 28px;
    max-height: 27px;
	  vertical-align: initial;
}

#socials-wrapper .ytb {
    width: 34px;
    height: 28px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin-left: 11px;
}

#socials-wrapper .ytb.no-image {
    background: url("../images/ytb.svg") no-repeat;
    background-size: 100%;
}

#socials-wrapper .ytb img {
    max-width: 34px;
    max-height: 28px;
	  vertical-align: initial;
}

/* Footer End */




/* Contact and Newsletter Form */
#newsletter_cf_wrapper .box {
    flex: 1;
}

#contact_form .button {
    font-size: 15px;
    margin: 0px;
    padding: 15px 10px 15px 10px;
    width: 100%;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    transition: 0.3s;
    background: #ffffff;
    color: var(--green);
    border: 1px solid var(--green);
}

#contact_form .button:hover {
    background: var(--green);
    color: #ffffff;
    border: 1px solid var(--green);
}

#contact_form input, #contact_form textarea {
    border: 1px solid #cccccc;
    color: #222222;
    width: 100%;
    box-sizing: border-box;
    padding: 13px;
    padding-left: 15px;
    margin-bottom: 18px;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}

#newsletter input {
    border: 1px solid #cccccc;
    border-right: 0;
    color: #222222;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 13px 13px 15px;
    margin-bottom: 18px;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#newsletter p {
    margin: 0px;
}

#newsletter .gdpr_agreement label {
    display: inline;
    font-size: 13px;
    font-weight: 400;
}

.desc {
    margin: 17px 0px 26px 0px;
}

/* Contact and Newsletter Form End */




/* Copyright */
#copyright {
    background-color: transparent;
    color: #222222;
    padding: 25px 10px 42px 10px;
    font-size: 15px;
    text-align: center;
}

#copyright a:hover {
    text-decoration: underline;
}

#copyright .copy {
    flex: 2;
    text-align: left;
}

#copyright .site_map_info {
    flex: 2;
    text-align: right;
}

#copyright .site_map_info p {
    margin-top: 0;
}

#copyright .site_map_info a {
    text-decoration: auto;
    background: #f7f7f7;
    padding: 3px 7px;
    border-radius: 5px;
    font-size: 15px;
}

#copyright .site_map_info a:hover {
    text-decoration: underline;
}

#currency_switcher {
    margin-top: 0;
}

hr {
    border-top: 1px solid #d2d2d2 !important;
    max-width: 1440px;
}

/* Copyright End */


/* Ui Dialog */

.ui-dialog * {
    box-sizing: content-box;
    font-size: 13px;
}

.entryDialog.ui-dialog * {
    font-size: inherit;
}

.ui-dialog *:before, .ui-dialog *:after {
    box-sizing: content-box;
}

.ui-corner-all {
    border-radius: 0px !important;
}

.ui-dialog table td:first-letter, .ui-dialog table th:first-letter {
    text-transform: uppercase;
}

.ui-dialog #discussion_message table td {
    padding-right: 0px !important;
    padding-bottom: 0;
    margin: 6px 0px 6px 0px;
    display: block;
    padding-left: 0;
}

.ui-widget #discussion_message input, .ui-widget #discussion_message textarea {
    font-family: "Muli",Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px 5px 5px 6px;
    margin-left: 0;
}

/* Ui Dialog end */



/* UI Autocomplete */
.ui-autocomplete {
    height: 300px;
    overflow-y: auto;
}

#res .ui-autocomplete {
    padding: 10px;
    right: auto !important;
    left: auto !important;
    top: 39px !important;
    width: 102.5% !important;
    border: 0px !important;
    border-radius: 5px !important;
    z-index: 10000 !important;
    font-size: 13px;
    max-height: 350px !important;
    min-height: 350px !important;
    background: #ffffff !important;
    position: absolute;
}

#res li.ui-menu-item div {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    display: flex;
    align-items: center;
}

#res li.ui-menu-item .search_item_image {
    min-width: 50px;
}

#res li.ui-menu-item .search_item_image img {
    max-width: 50px;
    max-height: 39px;
}

#res li.ui-menu-item .search_item_label {
    font-weight: 800;
    max-width: 100%;
    margin-left: 9px;
    flex: 4;
    padding-right: 10px;
}

#res li.ui-menu-item .search_item_label:hover {
    color: #222222 !important;
    text-decoration: underline !important;
    border: 0 !important;
}

#res li.ui-menu-item .search_item_price {
    font-weight: 800;
    color: #222222;
    flex: 1;
    text-align: right;
    display: block;
}

.autocomplete_search_item.ui-menu-item-wrapper {
    border: none !important;
}

.autocomplete_search_item.ui-menu-item-wrapper.ui-state-active {
    background: var(--beige) !important;
    border: none !important;
}

#res .ui-autocomplete .ui-corner-all {
    margin: 0px 10px 0px 10px;
    cursor: pointer;
}

#search_result #product_list .ui-corner-all {
    border: 0px !important;
}

#res .ui-autocomplete a {
    padding-bottom: 4px;
    color: #222222 !important;
    background: none !important;
}

#res .ui-autocomplete a:hover {
    color: #ebb70e !important;
    border: 0px !important;
}

#res .ui-autocomplete .ui-state-hover,
#res .ui-autocomplete .ui-widget-content .ui-state-hover,
#res .ui-autocomplete .ui-widget-header .ui-state-hover,
#res .ui-autocomplete .ui-state-focus,
#res .ui-autocomplete .ui-widget-content .ui-state-focus,
#res .ui-autocomplete .ui-widget-header .ui-state-focus {
    margin: 0px 10px 0px 10px !important;
    border-radius: 4px;
    border: 0 !important;
}

.ui-menu .ui-menu-item {
    border-top: 1px solid #e4e4e4 !important;
}

.ui-menu .ui-menu-item:first-child {
    border-top: 0px !important;
}

/* UI Autocomplete End */



/* Cookies Confirm */

#cookies_confirm {
    background-color: var(--beige);
    border: 0;
    border-radius: 8px;
    box-shadow: 0px 21px 36px -33px rgba(0,0,0,0.49);
    transition: background-color 0.3s linear;
    width: 96%;
    max-width: 1761px;
    z-index: 10000;
    position: fixed;
    padding: 15px 38px 14px 38px;
    display: flex;
    bottom: 33px;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#cookies_confirm.cookies_confirm_tabs {
    background-color: #ffffff;
    max-width: 900px;
    bottom: auto;
    z-index: 2147483638;
    transition: all .5s ease;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

#cookies_confirm a {
    color: #222222;
    text-decoration: underline;
}

#cookies_confirm a:hover {
    text-decoration: none;
}

.cookie_img {
    background: url(../images/cookies.svg) no-repeat;
    background-size: 38px;
    width: 57px;
    height: 42px;
    order: 1;
    margin-right: 7px;
}

.cookies_confirm_tabs .cookie_img {
    background-size: 150px;
    width: 150px;
    height: 150px;
    margin: 20px 0px 37px 0px;
    position: absolute;
    left: 42px;
    bottom: -106px;
    opacity: .2;
}

#cookies_confirm .text_btns_wrap .text {
    order: 2;
    flex: 1;
}

#cookies_confirm.cookies_confirm_tabs .text_btns_wrap {
    flex-flow: column;
    align-items: flex-end;
}

#cookies_confirm .text p {
    max-width: 94%;
    line-height: 140%;
    font-size: 14px;
    text-align: left;
    padding: 0;
	  margin: 0;
}

#cookies_confirm.cookies_confirm_tabs .text p {
    max-width: 100%;
    line-height: 162%;
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin: 0;
}

#cookies_confirm .buttons {
    order: 3;
}

#cookies_confirm.cookies_confirm_tabs .buttons {
    text-align: right;
    margin-bottom: 27px;
    margin-top: 30px;
    display: flex;
}

#cookies_confirm .button {
    text-decoration:underline !important;
    cursor: pointer;
}

#cookies_confirm .buttons .submit {
    padding: 10px 19px 10px 20px;
    font-size: 11px;
    border-radius: 5px;
    font-weight: 800;
    margin: 0px;
}

#cookies_confirm .buttons .submit.agree {
    background: var(--green);
    transition: 0.5s ease-out;
    margin-right: 4px;
    color: #ffffff;
}

#cookies_confirm .buttons .submit.agree:hover {
    background: #72ac31;
}

#cookies_confirm .buttons .submit.settings {
    background: transparent;
    border: 1px solid #222222;
    color: #222222;
    padding: 9px 19px 9px 20px;
}

#cookies_confirm .buttons .submit.settings:hover {
    background: #222222;
    color: #ffffff;
}

#cookies_confirm.cookies_confirm_tabs .buttons .submit.settings {
    margin-right: 8px;
}

#cookies_confirm .buttons .submit.disagree {
    background: transparent;
    color: #222222;
    text-decoration: underline;
}

#cookies_confirm .buttons .submit.disagree:hover {
    text-decoration: none;
}

#cookies_confirm .close {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%23222222%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-linejoin:round%3B%7D%3C/style%3E%3Ctitle%3E%3C/title%3E%3Cg id='cross'%3E%3Cline fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' x1='7' y1='7' x2='25' y2='25'/%3E%3Cline fill='none' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' x1='7' y1='25' x2='25' y2='7'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat var(--beige);
    background-size: 19px;
    width: 31px;
    height: 31px;
    position: absolute;
    top: -10px;
    right: 0px;
    cursor: pointer;
    padding-top: 0px;
    text-shadow: none;
    order: 3;
    transition: transform .6s ease-in-out;
    filter: alpha(opacity=100);
    opacity: 1;
    border-radius: 50%;
    border: 5px solid var(--beige);
}

#cookies_confirm .close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.cookieCategory {
    background: var(--beige);
    border-radius: 6px;
}

.cookies_confirm_tabs .cookieCategory h2 {
    font-size: 14px;
}

.cookies_confirm_tabs .cookieCategory p {
    font-size: 13px;
    padding-right: 15px;
}

.cookies_confirm_tabs [type="checkbox"]:not(:checked), .cookies_confirm_tabs [type="checkbox"]:checked {
    left: initial;
    cursor: pointer;
    position: relative;
}

#cookies_confirm_tabs_bg_color_overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483637;
    opacity: .75;
    transition: opacity .5s ease;
}

.cookies_confirm_tabs_inner {
    width: 100%;
}

.tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

.tab-list::before {
    content: '';
    display: block;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: 0;
    background-color: var(--green);
    transition: .3s;
}

.tab-item {
    flex: 1;
    text-align: center;
    transition: .3s;
    opacity: 0.5;
}

.tab-toggle {
    display: none;
}

.tab-content {
    display: none;
}

.tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1),
.tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2),
.tab-toggle:nth-child(3):checked ~ .tab-list .tab-item:nth-child(3) {
    opacity: 1;
}

.tab-toggle:nth-child(2):checked ~ .tab-list::before {
    transform: translateX(100%);
}

.tab-toggle:nth-child(3):checked ~ .tab-list::before {
    transform: translateX(200%);
}

.tab-toggle:nth-child(1):checked ~ .tab-container .tab-content:nth-child(1),
.tab-toggle:nth-child(2):checked ~ .tab-container .tab-content:nth-child(2),
.tab-toggle:nth-child(3):checked ~ .tab-container .tab-content:nth-child(3) {
    display: block;
}

.tab-trigger {
    display: block;
    padding: 19px 0 10px 0;
    cursor: pointer;
}

.tab-container {
    padding: 41px 20px 46px 20px;
    max-height: 475px;
    overflow: auto;
}

#cookies_confirm_wrapper {
    opacity: 0;
    transition: 0.5s all;
    position: fixed;
    z-index: 2147483638;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.settings.submit.selection {
    display: none;
}

/* Cookies Confirm End */



/* Eshop Header */

#header .logo .subtitle {
    display: none;
}

.lang_curr_wrap_modal {
    display: flex;
    justify-content: center;
    margin-top: 37px;
}

.lang_curr_wrap_modal #language_switcher {
    background: #f2f2f2 !important;
    padding: 18px 28px 11px 28px;
    height: auto;
    border-radius: 8px;
}

.lang_curr_wrap_modal #currency_switcher {
    background: #f2f2f2 !important;
    padding: 18px 28px 11px 28px;
    height: auto;
    border-radius: 8px;
}

.login-phone {
    display: none;
}

/* Eshop Header end */



/* Currency Panel */
#currency_switcher {
    background-color: #ffffff;
}

#currency_switcher ul {
    background-color: #f4f4f4;
    font-size: 11px;
}

#copyright #currency_switcher ul, #copyright #language_switcher ul {
    bottom: 28px;
    top: auto;
}

#copyright #currency_switcher .arrow, #copyright #language_switcher .arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#currency_switcher ul li a {
    color: #222222;
}

#currency_switcher ul li a:hover {
    color: #222222;
}

/* Currency Panel End */



/* User Menu */
.template_my_account #main_body .menu a {
    border: 0px;
    background: url('../images/footer_li.png') left center no-repeat;
    color: #f68a43;
}

.template_my_account #main_body .menu a:hover {
    color: #3a383a;
}

#account_header {
    padding-top: 4px;
}
/* User Menu end */



/* Search box */

#search_box #search_input,#search_box_phone #search_input_phone {
    color: #222222;
    border: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    height: 38px;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 230px 5px 15px;
}

#search_box_phone #search_input_phone {
    color: #222222;
    border: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    height: 38px;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 52px 5px 15px;
}

#search_box_phone form#search_form_phone {
    position: relative;
    border: 1px solid #ccc;
    border-right: 0px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    height: 40px;
}

#search_box .submit, #search_box_phone .submit {
    border: 0px;
    background: none;
}

#search_box_phone {
    display: none;
}

/* Search box end */



/* Slideshow */

#top_slideshow {
    background: #ffffff;
}

.slides-navigation a.prev {
    background: url(../images/slideshow_left.svg) rgba(34, 34, 34, 0.13) left 15px center no-repeat;
    background-size: 23%;
    transition: background-color 0.3s linear;
}

.slides-navigation a.prev:hover {
    background: url(../images/slideshow_left.svg) rgba(34, 34, 34, 0.5) left 15px center no-repeat;
    background-size: 23%;
}

.slides-navigation a.next {
    background: url(../images/slideshow_right.svg) rgba(34, 34, 34, 0.13) right 15px center no-repeat;
    background-size: 23%;
    transition: background-color 0.3s linear;
}

.slides-navigation a.next:hover {
    background: url(../images/slideshow_right.svg) rgba(34, 34, 34, 0.5) right 15px center no-repeat;
    background-size: 23%;
}

.slides-pagination a {
    background-color: #ffffff;
}

.slides-pagination a.current {
    background-color: #222222;
}

.slideshow-line {
    background-color: #e9e9e9;
}

#desktop_slides {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Slideshow End */




/* Left Column */

#left_column .header {
    background-color: #222222;
    color: #ffffff;
    border-radius: 6px;
}

#left_column .box {
    background-color: #FFFFFF;
}

#left_column .box .body {
    border: 1px solid #e9e9e9;
    border-top: 0px;
}

#left_column #benefits-sidebar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#left_column .benefit-sidebar {
    flex: 1 100%;
    margin: 10px 0px 0px 0px;
    display: flex;
    align-items: center;
    border-radius: 7px;
    padding: 20px 25px 20px 25px;
    background: var(--beige);
}

#left_column #benefits-sidebar .benefit_1 div:nth-child(1) {
    background: url("../images/in_stock.svg") center -6px no-repeat;
    background-size: 100%;
    width: 60px;
    height: 67px;
    margin: 0 auto;
}

#left_column #benefits-sidebar .benefit_2 div:nth-child(1) {
    background: url("../images/free_shipping_sidebar.svg") no-repeat;
    background-size: 100%;
    width: 55px;
    height: 67px;
    margin: 0 auto;
}

#left_column #benefits-sidebar .benefit_3 div:nth-child(1) {
    background: url("../images/next_day_delivery.svg") no-repeat;
    background-size: 100%;
    width: 49px;
    height: 61px;
    margin: 0 auto;
}

#left_column #benefits-sidebar .benefit_4 div:nth-child(1) {
    background: url("../images/free_handover.svg") center 0px no-repeat;
    background-size: 100%;
    width: 49px;
    height: 61px;
    margin: 0 auto;
}

#left_column #benefits-sidebar .benefit-sidebar div:nth-child(1) {
    max-width: 31px;
    height: 32px;
}

#left_column #benefits-sidebar .benefit-sidebar div:nth-child(2) {
    font-size: 14px;
    font-weight: 800;
    padding: 0px 5px 0px 18px;
    text-align: left;
    flex: 1;
}

.benefit-sidebar div:nth-child(2) {
    font-size: 17px;
    font-weight: 800;
    text-align: center;
    padding: 0px 5px 0px 5px;
}

/* Left Column End */




/* Categories Menu */

#categories_menu .header {
    display: none;
}

#categories_menu li.preview > a {
    color: #222222;
    border: 0px;
}

#categories_menu li.preview > a:hover {
    border: 0px;
}

#categories_tree > ul {
    border-top: 0px;
}

#categories_tree a:hover {
    text-decoration: underline;
}

#categories_tree .active a, #categories_tree .active a:hover {
    color: #222222;
    font-weight: 800;
    text-decoration: underline;
}

#categories_tree .active ul a {
    color: #222222;
    font-weight: 800;
}

#categories_tree .active ul a, #categories_tree .active ul a:hover {
    border: none;
}

.plusminus.plus {
    background: url('../images/arrow_down.svg') no-repeat center center #efefef;
    background-size: 9px;
    width: 24px;
    height: 9px;
    border-radius: 50px;
}

.plusminus.minus {
    background: url('../images/arrow_to_top.svg') no-repeat center center #efefef;
    background-size: 9px;
    width: 24px;
    height: 9px;
    border-radius: 50px;
    transition: 0.3s all;
}

.plusminus.plus:hover {
    background: url('../images/arrow_down.svg') no-repeat center center #e3e3e3;
    background-size: 9px;
}

.plusminus.minus:hover {
    background: url('../images/arrow_to_top.svg') no-repeat center center #e3e3e3;
    background-size: 9px;
}

/* Categories Menu End */



/* Offer of the day */

#offer_of_the_day {
    display: flex;
    border: 1px solid #222222;
    border-radius: 7px;
    padding: 8px 51px 8px 51px;
    margin-bottom: 16px;
    align-items: center;
}

#offer_of_the_day a {
    color: #222222;
}

#offer_of_the_day a:hover {
    text-decoration: underline;
}

#offer_of_the_day a.show_variants {
    color: var(--green);
    background: #ffffff;
    border: 1px solid var(--green);
    transition: 0.3s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

#offer_of_the_day a.show_variants:hover {
    cursor: pointer;
    text-decoration: none;
    background: var(--green);
    color: #ffffff;
}

#offer_of_the_day .header {
    margin-bottom: 2px;
    text-align: right;
}

#offer_of_the_day .countdown {
    font-size: 13px;
    font-weight: 400;
    text-align: right;
}

#offer_of_the_day .countdown::before {
    content: " ";
    background: url("../images/clock.svg") no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

#offer_of_the_day .product_wrap {
    display: flex;
    flex: 4;
    align-items: center;
}

#offer_of_the_day .product_wrap .product_img {
    flex: 1;
    max-width: 143px;
    max-height: 110px;
}

#offer_of_the_day .product_wrap .product_info {
    flex: 2;
}

#offer_of_the_day .product_wrap .product_img img {
    width: 100%;
    height: auto;
    padding: 0 10px;
    object-fit: contain;
    max-height: 110px;
}

#offer_of_the_day > div {
    flex: 2;
}

#offer_of_the_day .product_info div:nth-child(1) {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

#offer_of_the_day .product_info div:nth-child(2) {
    font-size: 19px;
    font-weight: 800;
    text-align: left;
}

#offer_of_the_day .product_info div:nth-child(2) span {
    font-size: 13px;
    font-weight: 400;
}

.add_to_card {
    text-align: right;
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.add_to_card:hover {
    cursor: pointer;
    background: var(--green-hover);
}

/* Offer of the day End */



/* Newest/Bestsellers/Actions */

.header {
    text-align: center;
    font-weight: 800;
    font-size: 26px;
    margin-bottom: 15px;
    width: 100%;
}

.header::first-letter {
    text-transform: uppercase;
}

.product-card .name {
    padding: 0px;
    margin: 8px 0px 4px 0px;
    font-size: 17px;
    text-align: left;
    font-weight: 800;
    color: #222222;
    line-height: 133%;
}

.product-card #classification {
    text-align: left;
}

.product-card #classification .number {
    color: #222222;
    font-size: 11px;
    margin-left: 8px;
    position: relative;
    top: -1px;
    font-weight: 700;
}

.product-card #classification .number span {
    background: var(--beige);
    padding: 4px 6px;
    border-radius: 53px;
}

.product-card #classification .star {
    width: 12px;
    height: 11px;
    margin-right: -3px;
    display: inline-block;
    line-height: 20px;
}

.product-card #classification .star.full {
    background-image: url("../images/star_full.svg");
}

.product-card #classification .star.blank {
    background-image: url("../images/star_blank.svg");
}

.product-card #classification .star.half {
    background-image: url("../images/star_half.svg");
}

#related_products .product-card #classification .number,
#alternate_products .product-card #classification .number {
    top: 5px;
}

#related_products .product-card #classification .number span,
#alternate_products .product-card #classification .number span {
    position: relative;
    top: -4px;
}

.product-card .description {
    font-size: 13px !important;
    text-align: left;
    color: #222222;
    margin-bottom: 3px;
}

.box .most-sold-products-in-cat.product-card .description, .box .most-sold-products-in-cat .name {
    float: left;
    width: 100%;
}

.price_availability_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#product_list .owl-carousel, #product_list .owl-wrapper, #product_list .owl-wrapper-outer {
    display: flex !important;
    justify-content: flex-start !important;
    border-right: 0.1px solid #eeeeee;
}

#product_list .owl-item {
    padding: 0;
    max-width: 338px;
    border-left: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

#product_list .owl-item:hover {
    position: relative;
    z-index: 9999999;
    outline: 0.1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}

/* Newest/Bestsellers/Actions End */




/* Product List Product */

.homepage_products_body .product .info,
#product_list .product .info {
    background-color: #fff;
}

.homepage_products_body .product .info a:hover, #product_list .product .info a:hover {
    text-decoration: none !important;
}

.homepage_products_body .product .name a,
#product_list .product .name a {
    color: #222222;
    text-align: left;
}

.homepage_products_body .product .cart_add input,
#product_list .product .cart_add input, #recommended_products .product .cart_add input {
    border: 1px solid #3a383a;
    color: #3a383a;
    background-color: #ffffff;
}

.homepage_products_body .product .cart_add .add_to_cart,
#product_list .product .cart_add .add_to_cart, #recommended_products .product .cart_add .add_to_cart {
    text-align: right;
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 10px 19px 10px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.homepage_products_body .product .cart_add .add_to_cart:hover,
#product_list .product .cart_add .add_to_cart:hover, #recommended_products .product .cart_add .add_to_cart:hover {
    cursor: pointer;
    background: var(--green-hover);
}

.homepage_products_body .product .show_variants,
#product_list .product .show_variants, #recommended_products .product .show_variants {
    color: var(--green);
    background: #ffffff;
    border: 1px solid var(--green);
    transition: 0.3s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.homepage_products_body .product .show_variants:hover,
#product_list .product .show_variants:hover, #recommended_products .product .show_variants:hover {
    color: #ffffff;
    background: var(--green);
    border: 1px solid var(--green);
}


/* Product List Product End */


/* Filter */

#filter .filter_header {
    color: #222222;
}

#filter .manufacturers, #filter .subcategories, #filter .attributes, #filter .availability , #filter .variants, #filter .prices {
    background-color: #f7f7f7;
    color: #222222;
    border: 0;
}

#category_filter_bookmarks .bookmark div.control, .attribute .control, .variant .control {
    color: #222222;
}

#category_filter_bookmarks .active.bookmark, #filter .attribute .header {
    background: var(--bookmark-active);
    color: #ffffff;
}

#filter .variant .header{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    color: #222222;
}

#category_filter_bookmarks .active.bookmark div.control, .attribute .control, .variants .control {
    color: #ffffff;
}

.display .paging .checked {
    background-color: #eafdd5 !important;
    color: var(--green) !important;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 5px;
}

.display .paging [type="radio"]:checked + label:before, .display .paging [type="radio"]:not(:checked) + label:before,
.display .paging [type="radio"]:checked + label:after, .display .paging [type="radio"]:not(:checked) + label:after {
    display: none;
}

.display .paging [type="radio"]:checked + label, .display .paging [type="radio"]:not(:checked) + label {
    min-width: 18px !important;
    text-decoration: underline;
}

.display .paging [type="radio"]:checked + label:hover, .display .paging [type="radio"]:not(:checked) + label:hover {
    text-decoration: none;
}

.next-products .button {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid #222222;
    padding: 10px 28px 9px 28px;
    margin-top: 26px;
    cursor: pointer;
    transition: 0.3s all;
}

.next-products .button:hover {
    background: #222222;
    border: 1px solid #222222;
    color: #ffffff;
}

div[aria-describedby="dialog-VOP"] {
    display: none;
    max-width: 50% !important;
    margin: 0 auto;
    width: 100% !important;
    position: relative;
    max-height: 494px;
}

#dialog-VOP {
    margin: 18px 0px 9px 0px;
    padding-top: 0;
}

/* Filter End */



/* Category Path */

#category_path a:hover, #static_page_path a:hover, #blog_path a:hover, .template_search a:hover {
    color: #222222;
    text-decoration: none;
}

#category_path a.last, #static_page_path a.last, #blog_path a.last, .template_search a.last {
    color: #222222;
    text-decoration: none;
}

.template_title_page #static_page_path {
    display: none;
}

.template_title_page #static {
    margin-top: 54px;
}

/* Category Path End */



/* Product Detail */

#product_image.owl-carousel {
    height: auto !important;
    overflow: hidden !important;
    max-height: 500px !important;
    z-index: 1;
}

.image.big .owl-carousel .owl-wrapper-outer {
    border-right: 0;
}

#product_image canvas {
    max-height: 500px;
    object-fit: contain;
    width: 100% !important;
}

#other_pictures_mobile_owl.owl-carousel {
    height: auto !important;
    max-height: 107px !important;
}

#other_pictures_mobile_owl.owl-carousel .owl-controls {
    top: 113%;
}

#other_pictures_mobile_owl.owl-carousel .owl-pagination {
    display: flex;
    justify-content: center;
}

#other_pictures_mobile_owl.owl-carousel .owl-controls .owl-page {
    background: #e3e3e3;
    border-radius: 55px;
    margin: 0px 3px;
    width: 9px;
    height: 9px;
}

#other_pictures_mobile_owl.owl-carousel .owl-controls .owl-page.active {
    background: #222222;
}

#product_detail .print {
    background: url('../images/print.png') top left no-repeat;
}

#product_detail #classification .star {
    background: url('../images/star_blank.svg') left top no-repeat;
}

#product_detail #classification .star.blank {
    background-image: url("../images/star_blank.svg");
}

#product_detail #classification .star.full {
    background-image: url("../images/star_full.svg");
}

#product_detail #classification .star.half {
    background-image:url('../images/star_half.svg');
}

#product_detail #classification .single-stat .star {
    height: 13px;
    margin-left: 2px;
    margin-right: -1px;
}

#product_detail .price_etc .cart_add .add_to_cart {
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 14px 29px 13px 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin-left: 16px;
    height: 47px;
    -webkit-overflow-scrolling: touch;
}

#product_detail .price_etc .cart_add .add_to_cart:hover {
    cursor: pointer;
    background: var(--green-hover);
}

#product_detail .price_etc .show_variants {
    color: #222222;
    text-transform: none;
    text-decoration: underline;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 8px;
    margin-top: 0;
    display: inline-block;
    font-weight: 800;
}

#product_detail .default-variant-select {
    padding: 14px;
    padding-bottom: 0px;
    border-left: 1px solid #eeeeee;
    background: #ffffff;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

#product_detail .price_etc .show_variants:hover {
    color: #222222;
    text-decoration: none;
}

#product_detail .price_etc .show_variants::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
}

#product_detail .price_etc .price {
    color: #222222;
    font-size: 27px;
    font-weight: 800;
    flex: 1;
    order: 1;
}

#product_detail .price_box {
    flex: 1;
    order: 4;
}

button.quant_down {
    background: #ffffff;
    border: 0;
    padding: 13px 20px 13px 20px;
    border-radius: 7px;
    transition: 0.3s all;
    -webkit-overflow-scrolling: touch;
}

button.quant_up {
    background: #ffffff;
    border: 0;
    padding: 13px 20px 13px 20px;
    border-radius: 7px;
    transition: 0.3s all;
    -webkit-overflow-scrolling: touch;
}

#product_detail button.quant_down, #product_detail button.quant_up {
    min-width: 49.6px;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 8%);
}

#product_detail button.quant_down:hover, #product_detail button.quant_up:hover {
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 16%);
    background: #ffffff;
}

button.quant_down:hover {
    background: #efefef;
}

button.quant_down.disabled:hover {
    background: #f5f5f5;
    cursor:not-allowed;
}

button.quant_up:hover {
    background: #efefef;
}

.modal-wishlist button.quant_down, .modal-wishlist button.quant_up {
    background: #f5f5f5;
    transition: 0.3s all;
}

.modal-wishlist button.quant_down:hover, .modal-wishlist button.quant_up:hover {
    background: #f0f0f0;
}

#product_detail {
    display: flex;
    flex-flow: column;
}

#misc_box {
    display: flex;
    flex-flow: column;
}


/* Product Detail End */




/* Product Detail Carousel */

#product_detail #other_pictures .owl-prev {
    background: url('../images/carousel_left.png') no-repeat center center #f68a43;
}

#product_detail #other_pictures .owl-next {
    background: url('../images/carousel_right.png') no-repeat center center #f68a43;
}

#product_detail #other_pictures .owl-prev:hover {
    background: url('../images/carousel_left.png') no-repeat center center #3a383a;
}

#product_detail #other_pictures .owl-next:hover {
    background: url('../images/carousel_right.png') no-repeat center center #3a383a;
}
/* Product Detail Carousel End */




/* Product Detail Product */

.variants .product .thumbnail,
#alternate_products .product .thumbnail, #related_products .product .thumbnail, #recommended_products .product .thumbnail {
    border: 0px;
}

.variants .product .price,
#alternate_products .product .price, #related_products .product .price, #recommended_products .product .price {
    color: #222222;
    font-size: 17px;
    font-weight: 800;
    text-align: left;
    line-height: 1.2em;
    padding: 10px 0px 10px 0px;
    flex: 1;
}

.variants .product .info:hover a, #alternate_products .product .info:hover a, #related_products .product .info:hover a, #recommended .product .info:hover a, #recommended_products .product .info:hover a {
    text-decoration: none !important;
}

.variants .product .name a,
#alternate_products .product .name a, #related_products .product .name a, #recommended_products .product .name a {
    color: #444549;
}

.variants .product .cart_add input,
#alternate_products .product .cart_add input, #related_products .product .cart_add input, #recommended_products .product .cart_add input {
    border: 1px solid #3a383a;
    color: #3a383a;
    background-color: #ffffff;
}

.variants .product .cart_add input {
    height: 50px;
    width: 44px;
    text-align: center;
    border-radius: 25px;
    margin: 0px;
    outline: none;
    vertical-align: top;
    border: 0;
    color: #222222;
    background-color: #ffffff;
    font-weight: 800;
}

.variants .product .cart_add .add_to_cart:hover,
#alternate_products .product .cart_add .add_to_cart:hover, #related_products .product .cart_add .add_to_cart:hover, #recommended_products .product .cart_add .add_to_cart:hover {
    background-color: var(--green-hover);
}

.variants .product .thumbnail .pictogram .background,
#alternate_products .product .thumbnail .pictogram .background,
#related_products .product .thumbnail .pictogram .background,
#recommended_products .product .thumbnail .pictogram .background {
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url('../images/pictogram.png');
    background-color: #ff0000;
}

.variants .product .thumbnail .pictogram .text,
#alternate_products .product .thumbnail .pictogram .text,
#related_products .product .thumbnail .pictogram .text,
#recommended_products .product .thumbnail .pictogram .background {
    color: #ffffff;
}

/* Product Detail Product End */



/* Discussion */

#discussion_content .button {
    background-color: var(--green);
    color: #ffffff;
    font-size: 11px;
    margin: 18px 0px 0px 0px;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    transition: 0.5s;
    border: 0;
    padding: 10px 19px 10px 20px;
    display: inline-block;
}

#discussion_content .button:hover {
    background: var(--green-hover);
}

/* Discussion End */



/* Related and Alternate Products */
#related_products .line, #recommended_products .line {
    border-bottom: 1px solid #e9e9e9;
}

/* Related and Alternate Products end */




/* Login form */
.login_form_modal {
    margin: 0em 5em 0em 5em;
}

.login_form_modal h1 {
    margin-bottom: -3px;
    text-align: center;
}

#login_form form .input {
    border: 1px solid #cccccc;
}

.forg_pass_orders_wrap {
    display: flex;
    margin-top: 18px;
}

.forg_pass_orders_wrap a {
    background: #f7f7f7;
    padding: 12px;
    flex: 1;
    transition: 0.4s all;
    margin: 9px;
    border-radius: 5px;
}

.forg_pass_orders_wrap a:nth-child(1) {
    margin-left: 0px;
}

.forg_pass_orders_wrap a:nth-child(2) {
    margin-right: 0px;
}

.forg_pass_orders_wrap a:hover {
    background: #efefef;
}

.sign_up_wrap {
    margin-top: 18px;
    background: var(--beige);
}

.sign_up_wrap .header {
    padding: 24px 0px 0px 0px;
    margin-bottom: 8px;
    flex:1;
    font-size: 14px;
}

.sign_up_wrap div:nth-child(2) {
    flex: 1;
    padding: 0px 0px 29px 0px;
}

#login_form .sign_up_wrap a {
    font-size: 20px;
    font-weight: 800;
    text-decoration: underline;
    color: #222222;
}

#login_form .sign_up_wrap div::first-letter {
    text-transform: uppercase;
}

#login_form .sign_up_wrap a:hover {
    text-decoration: none;
}

/* Login form end */


/* Cart Table */

#cart h2 {
    color: #222222;
}

#cart h2::first-letter {
    text-transform: uppercase;
}

#cart_content .row {
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0px;
}

#cart_content .row#certificate {
    border: 0;
    margin-top: 40px;
}

.order-recap-cart .cart_certificate div.submit {
    display: none !important;
}

.order-recap-cart #cart_content .row#certificate {
    margin-top: 6px;
}

#cart_content .note textarea {
    border: 1px solid #cccccc;
}

#cart .quant_up:hover, #cart .quant_down:hover {
    background: #f0f0f0;
}

#cart .disabled.quant_down {
    background-color: #f5f5f5;
    display: inline-block;
}

#cart .disabled.quant_down:hover {
    background: #f5f5f5;
    cursor: not-allowed !important;
}

/* Cart Table End */




/* Order Legend */

#order .legend .item {
    color: #222222;
    border-bottom: 4px solid #e9e9e9;
}

@-moz-document url-prefix() {
#order .legend .item {
    color: #222;
    border-bottom: 4px solid #e9e9e9;
    white-space: nowrap;
}
}

#order .legend .item.passed, #order .legend .item a {
    color: #909090;
}

#order .legend .item.active, #order .legend .item.active a {
    color: #222222;
}

#order .legend .item.active, #order .legend .item.passed {
    border-bottom: 4px solid #90d33e;
}

#order .legend .item.passed .text a:hover {
    text-decoration: underline;
}

#order .legend .item .number {
    color: #222222;
}

#order .legend .item.passed .number {
    color: transparent;
    background: url("../images/passed.svg") no-repeat;
    background-position: center 2px;
    background-size: 100%;
    width: 17px !important;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 1px;
    left: -4px;
}

#order .legend .item.active .number {
    color: #222222;
}

#order .legend .item.passed a {
    text-decoration: underline;
}

#order .legend .item.passed a:hover {
    text-decoration: none !important;
}

/* Order Legend End */



/* Order */
#order .continue {
    transition: 0.5s;
    background: var(--green);
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    padding: 14px 29px 13px 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-left: 0px;
    height: 48px;
    line-height: 21px;
}

#order .continue:hover {
    background: var(--green-hover);
}

#order #payment_and_transport .price {
    color: #222222;
    font-weight: 800;
    float: right;
    position: relative;
    text-align: right;
    display: inline-flex;
}

#order #payment_and_transport_recapitulation .payment_tr .icon {
    background: url('../images/payment.png') top left no-repeat;
}

#order #payment_and_transport_recapitulation .transport_tr .icon {
    background: url('../images/transport.png') top left no-repeat;
}

#order #payment_and_transport_recapitulation .round_item_tr .icon {
    background: url('../images/rounding.png') top left no-repeat;
}

#total_price_div #total_price span {
    color: #222222;
}

#order .deliver_items .body, #order .contact_items .body, #order .invoice_items .body {
    background-color: #f7f7f7;
    border-radius: 5px;
}

#order #note {
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#order_note {
    display: none;
}

/* Order End */



/* Adress List */

.address, .address_delivery {
    background-color: #f7f7f7;
}

.address .address_content .name {
    color: #222222;
}

.address:hover, .address.selected {
    background: var(--green-light-bg);
    border-radius: 5px;
    border: 1px solid var(--green) !important;
}

.address .delete_btn {
    background: url('../images/delete_button.png') center center no-repeat;
}

.address .delete_btn:hover {
    background: url('../images/delete_button_hover.png') center center no-repeat;
}

.delivery_invoice_adresses_wrapper {
    display: flex;
}

.delivery_invoice_adresses_wrapper .address {
    width: 100%;
}

.delivery_invoice_adresses_wrapper .submit {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 13px;
}

/* Adress List End */




/* Subcategories */
.category-subcategories .subcategory .body {
    background-color: transparent;
    border: 0;
}

.category-subcategories .subcategory .name {
    background-color: transparent;
    color: #222222;
}

/* Subcategories end */



/* Gallery */
.static_gallery .image {
    border: 1px solid #e9e9e9;
}

.static_gallery .image:hover {
    border: 1px solid #e9e9e9;
    background-color: #f8f8f8;
}

/* Gallery End */



/* Order Detail */

#order_detail_page h1 {
    background-color: #3a383a;
    color: #ffffff;
}

#order_detail_page #order_detail {
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
}

#order_detail_page .order_detail .total_price {
    color: #e2001a;
}

/* Order Detail End */


/* My Benefits */
.benefits {
    border-top: 1px solid #e9e9e9;
}

.benefits .benefit {
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-top: 0px;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 12px;
}

/* My Benefits End */

/* My Certificates */
.certificates{
    border-top: 1px solid #e9e9e9;
}

.certificates .certificate {
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-top: 0px;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 12px;
}

/* My Certificates End */


/* Footer */

#footer {
    background-color: transparent;
    color: #222222;
}

#footer .container {
    background-color: transparent;
}

#footer ul a {
    background: url('../images/footer_li.png') left center no-repeat;
    color: #ffffff;
}

#footer ul .active a, #footer ul a:hover {
    color: #3a383a;
}

#footer .static.box .body a {
    background:url('../images/li_arrow.svg') left center no-repeat;
    background-size: 5px;
    color: #222222;
    display: inline-block;
    padding: 9px 0px 9px 17px;
    text-decoration: none;
    font-size: 15px;
}

#footer .static.box .body a:hover {
    color: #222222;
    text-decoration: underline;
}

#footer-manufacturers img {
    width: 100% !important;
    height: auto !important;
    max-height: 68px;
    object-fit: contain;
}

#footer-manufacturers {
    margin-top: 60px;
}

#manufacturers-carousel .owl-wrapper {
    display: flex !important;
    align-items: center !important;
}

/* Footer End */




/* Contact and Newsletter Form */

#newsletter_cf_wrapper {
    margin-top: 60px;
}

#contact_form {
    background: #f7f7f7;
    padding: 49px 74px 74px 74px;
    text-align: center;
    margin: 0px 0px 0px 20px;
    min-height: 289px;
    border-radius: 7px;
}

#newsletter {
    background: #f7f7f7;
    padding: 49px 74px 74px 74px;
    text-align: center;
    margin: 0px 20px 0px 0px;
    min-height: 289px;
    border-radius: 7px;
}

#footer #contact_form .header, #footer #newsletter .header {
    text-align: center;
}

#subscribe_newsletter {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 27.6 19.8' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:none%3Bstroke:%2381C238%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-linejoin:round%3B%7D%3C/style%3E%3Ctitle%3E%3C/title%3E%3Cg id='_51.go-send-paper_plane'%3E%3Cpolygon fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='25.9 1.9 1.7 2.6 7.6 9.4 7.2 17.9 '/%3E%3Cline class='st0' x1='7.6' y1='9.4' x2='12.8' y2='7.3'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: 25px, 200% auto;
    padding: 20px;
    max-height: 48px;
    flex: 1;
    transition: 0.5s;
    border: 1px solid #ccc;
    cursor: pointer;
}

#subscribe_newsletter:hover {
    border: 1px solid #222222;
}

.input_box {
    display: flex;
    max-width: 492px;
    margin: 0 auto;
}

.input_box input {
    flex: 6;
}

/* Contact and Newsletter Form End */





/* Copyright */

#copyright a {
    color: #222222;
    font-weight: 800;
}

#copyright .copy a {
    font-weight: 700;
}

.template_cart #copyright a, .template_order #copyright a {
    font-size: 13px;
}

/* Copyright End */




/* Back Top */

#back-top {
    position: fixed;
    bottom: 5px;
    z-index: 99;
    right: 1%;
    display: none;
}

#back-top a {
    background:url('../images/arrow_to_top.svg') top 12px center no-repeat #e9e9e9;
    background-size: 29%;
    width: 33px;
    height: 30px;
    display: block;
    text-decoration: none;
    transition: 1s;
    border-radius: 6px;
}

#back-top a:hover {
    background-color: #dddddd;
}

/* Back Top End*/




/* Ui Dialog */

.ui-widget-content {
    background: #ffffff !important;
    border:0 !important;
}

.ui-widget-header {
    background: #3a383a !important;
    filter: none !important;
    border: 1px solid #3a383a !important;
    color: #ffffff !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #ef8845 !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #ef8845 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #3a383a !important;
    color: #3a383a !important;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #3a383a !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #3a383a !important;
    color: #3a383a !important;
}


/* Ui Dialog end */





/* Ui Dialog Overrides */

.ui-widget {
    font-family: 'Muli', sans-serif !important;
}

.ui-widget-overlay {
    background: rgba(0,0,0,0.3) !important;
    z-index: 2147483646 !important;
    opacity: 1 !important;
    filter: Alpha(Opacity=100) !important;
}

.ui-widget.ui-widget-content {
    position: fixed;
    border: 0 !important;
    z-index: 2147483647 !important;
    display: flex;
    flex-flow: column;
    width: auto !important;
    padding: 30px;
    background: #ffffff;
    border-radius: 5px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    min-width: 300px;
}

#transport_selector .ui-widget.ui-widget-content {
    position: relative !important;
    margin-bottom: 16px;
    background: #ffffff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    padding: 17px;
    padding-top: 16px;
    min-width: 253px;
    color: #222222 !important;
    margin-top: 13px;
}

#transport_selector a.ui-button.ui-widget.ui-state-default.ui-button-icon-only.custom-combobox-toggle.ui-corner-right {
    display: none !important;
}

#transport_selector select option, #transport_selector select option p, #transport_selector select * {
    color: red !important;
    background: #222222 !important;
    font-size: 11px !important;
}

#payment_and_transport div[id*="_extra_info"] {
    margin-left: 78px;
    font-size: 13px;
}

#payment_and_transport div[id*="_extra_info"] .table td, #payment_and_transport div[id*="_extra_info"] .table tr, #payment_and_transport div[id*="_extra_info"] .table th {
    border: 0 !important;
    padding-left: 0;
}

#payment_and_transport div[id*="_extra_info"] .table {
    margin-bottom: 5px;
    margin-top: 8px;
}

#zasilkovna2_1001_extra_info {
    font-weight: 700;
    padding-left: 1px;
}

.ui-widget-header {
    background: transparent !important;
    border: 0px !important;
    color: #222 !important;
}

.ui-dialog .ui-dialog-title {
    float: none;
    margin: .1em 0;
    white-space: initial;
    width: 90%;
    overflow: auto;
    text-overflow: unset;
    font-weight: 800;
    font-size: 17px;
    display: block;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: .3em 0em .5em 0.4em !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    transition: 0.5s;
    background: #81c338 !important;
    color: #ffffff !important;
    border: 0;
    border-radius: 5px !important;
    padding: 10px 19px 10px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background: var(--green-hover) !important;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane button::first-letter {
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-content p::first-letter {
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-title::first-letter {
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    flex: 1;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: #222222 !important;
    text-decoration: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0 !important;
    background: transparent !important;
    font-weight: bold;
    color: #222222 !important;
}

.ui-icon-closethick {
    background-image: url("../images/close_modal.svg") !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: initial !important;
    width: 11px;
    height: 12px;
    position: absolute;
    right: 17px;
    top: 17px;
    font-size: 20px;
    border: 0;
    transition: opacity 0.3s;
    opacity: 0.6;
    transition: transform .6s ease-in-out;
}

.ui-icon-closethick:hover {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Cart Dialog */

.dialogBasket .ui-dialog-buttonset button:last-child {
    transition: 0.5s !important;
    background: var(--green) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: 10px 19px 10px 20px;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.basketDialog-header .text {
    font-weight: 800;
    font-size: 26px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 33px;
}

.basketDialog-header .icon {
    background: url("../images/success.svg") center center no-repeat;
    background-size: 100%;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.basketDialog-product .thumbnail {
    border: 0;
    margin-bottom: 0px;
    padding-right: 10px;
}

.basketDialog-product .thumbnail img {
    max-width: 100px;
    max-height: 100px;
}

.basketDialog-product .thumbnail .pictogram {
    display: none;
}

.basketDialog-product .quantity {
    font-size: 17px;
    font-weight: 800;
    padding-right: 10px;
}

.basketDialog-product .price {
    font-size: 17px;
    font-weight: 800;
}

.basketDialog-product .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0px;
}

.basketDialog-productExtendedButtons {
    margin-bottom: 35px;
}

.basketDialog-productExtendedButtons .row {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
    margin-left: 0;
    margin-right: 0;
}

.basketDialog-product .name a {
    font-size: 17px;
    text-decoration: underline;
    font-weight: 800;
}

.basketDialog-product .name a:hover {
    text-decoration: none;
}

.basketDialog-buttons .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.basketDialog-product .thumbnail_wrap {
    display: flex;
    align-items: center;
    flex: 6;
}

.basketDialog-product .quantity_wrap {
    flex: 1;
}

.basketDialog-product .price_wrap {
    flex: 1;
}

.continueOrder {
    flex: 1;
}

.continueOrder:hover {
    cursor: pointer;
    text-decoration: underline;
}

.continueOrder::first-letter {
    text-transform: uppercase;
}

.continueOrder::before {
    content: " ";
    background: url("../images/continue_shopping.svg") left 5px no-repeat;
    background-size: 100%;
    width: 12px;
    height: 15px;
    display: inline-block;
    margin-right: 7px;
}

.basketDialog-buttons .continueOrder::first-letter {
    text-transform: uppercase;
}

.basketDialog-productExtendedButtons .note_modal {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
    flex: 1;
}

.basketDialog-productExtendedButtons .note_modal > div {
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
}

.template_cart .note_modal > div:first-child, .template_cart .attachement_modal > div:first-child {
    font-size: 13px;
    color: #222222;
    text-decoration: underline;
    cursor: pointer;
}

.template_cart .note_modal > div:first-child:hover, .template_cart .attachement_modal > div:first-child:hover {
    text-decoration: none;
}

.note_content {
    text-transform: none;
    display: block;
    font-weight: 500;
    background: var(--beige);
    padding: 6px 11px 6px 11px;
    border-radius: 7px;
    margin: 4px 17px 0px 0px;
    cursor: default !important;
}

.basketDialog-productExtendedButtons .attachement_modal {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    color: #ebb70e;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.basketDialog-productExtendedButtons .attachement_modal div::before {
    content: " ";
    background: url("../images/attachement_yellow.svg") no-repeat;
    background-size: 100%;
    width: 10px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.basketDialog-productExtendedButtons .attachement_modal div.files_content::before {
    display: none;
}

.basketDialog-productExtendedButtons .attachement_modal > div {
    font-size: 11px;
}

.attachement_modal a {
    text-transform: none;
    text-decoration: underline !important;
    margin-left: 11px;
    font-weight: 500 !important;
    background: var(--beige);
    padding: 6px 11px 6px 11px;
    border-radius: 7px;
}

.template_cart .attachement_modal a, .template_cart .note_content {
    font-size: 11px !important;
    margin-bottom: 0 !important;
}

.template_cart .attachement_modal a:hover {
    text-decoration: none !important;
}

.attachement_modal span {
    color: #fc0101;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.files_content span:hover {
    cursor: pointer;
}

.template_cart .attachement_modal span {
    margin-left: -5px;
    position: relative;
    top: 1px;
    font-size: 10px !important;
}

.template_cart .files_content {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-right: 14px;
}

.template_cart .files_content > div {
    display: flex;
    align-items: center;
}

.attachement_modal a:hover {
    text-decoration: none;
}

.order_step_back.display-xs.empty-cart {
    display: block !important;
}

.basketDialog-buttons a {
    transition: 0.5s;
    background: var(--green);
    border: 0;
    border-radius: 5px;
    padding: 14px 29px 15px 30px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    color: #ffffff !important;
    margin-bottom: 0;
}

.basketDialog-buttons a:hover {
    background: var(--green-hover);
    cursor: pointer;
}

.basketDialog-productRelateds, .basketDialog-productRecommended {
    padding-right: 7px;
    max-height: 266px;
    order: 3;
}

.basketDialog-productRelateds #related_products h2, .basketDialog-productRecommended #recommended_products h2 {
    font-size: 20px;
    margin-bottom: 21px;
    margin-top: 35px;
    text-align: center;
    font-weight: 800;
}

.basketDialog-productRelateds #related_products .body, .basketDialog-productRecommended #recommended_products .body {
    margin-bottom: 0px;
}

.basketDialog-productRelateds .product-card #classification, .basketDialog-productRelateds .product-card .availability,
.basketDialog-productRecommended .product-card #classification, .basketDialog-productRecommended .product-card .availability {
    display: none;
}

.basketDialog-productRelateds .product-card .name, .basketDialog-productRecommended .product-card .name {
    font-size: 15px;
    line-height: 128%;
    margin: 4px 0px 2px 0px;
}

.basketDialog-productRelateds .product-card .price, .basketDialog-productRecommended .product-card .price {
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 800;
}

.basketDialog-productRelateds .product-card .pictogram, .basketDialog-productRecommended .product-card .pictogram {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 6px;
    z-index: 1;
}

.basketDialog-productRelateds .product-card .pictogram div, .basketDialog-productRecommended .product-card .pictogram div {
    font-size: 9px;
}

.basketDialog-productRelateds #related_products .product .body, .basketDialog-productRecommended #recommended_products .product .body {
    display: flex;
    margin: 0px 30px 0px 8px;
}

.basketDialog-productRelateds #related_products .product .thumbnail img, .basketDialog-productRecommended #recommended_products .product .thumbnail img {
    max-width: 100%;
    max-height: 95px;
    left: 52px;
}

.dialogBasketContent.container-flex {
    flex-flow: column;
    width: auto;
    margin-top: -18px;
    max-width: 700px;
    padding: 0 10px;
}

.dialogBasketContent .zero_fee_price {
    display: flex;
    border-radius: 6px;
    font-weight: 600;
    justify-content: center;
    margin-top: 32px;
    margin-bottom: -9px;
    padding: 22px 19px 13px 19px;
    background: var(--beige);
}

.dialogBasketContent .zero_fee_price.success {
    background: #eafdd5;
    color: #72ab33;
    padding: 19px;
}

.dialogBasketContent .zero_fee_price.success .free_shipping_ico_active {
    min-width: 27px;
}

.dialogBasket.ui-widget.ui-widget-content {
    width: auto !important;
    max-width: 700px;
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0;
}

.dialogBasket.ui-widget.ui-widget-content .ui-dialog-title {
    display: none;
}

.basketDialog-productRelateds .owl-prev, .basketDialog-productRecommended .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    background: url("../images/arrow_left_product_main_img.svg") no-repeat;
}

.basketDialog-productRelateds .owl-next, .basketDialog-productRecommended .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    background: url("../images/arrow_right_product_main_img.svg") no-repeat;
}

.basketDialog-productRelateds .product .button_area, .basketDialog-productRecommended .product .button_area {
    float: left;
}

.basketDialog-productRelateds .product .button_area .cart_add .add_to_card, .basketDialog-productRelateds .product .button_area .show_variants,
.basketDialog-productRecommended .product .button_area .cart_add .add_to_card, .basketDialog-productRecommended .product .button_area .show_variants {
    font-size: 10px;
}

.basketDialog-productRelateds #related_products .owl-item, .basketDialog-productRecommended #recommended_products .owl-item {
    padding: 0 0;
    max-height: 199px;
    border: none;
}

.basketDialog-productRelateds #related_products .owl-carousel .owl-wrapper-outer, .basketDialog-productRecommended #recommended_products .owl-carousel .owl-wrapper-outer {
    border-right: 0;
}

.basketDialog-productRelateds #related_products .product .action, .basketDialog-productRecommended #recommended_products .product .action {
    right: 1px;
    width: 38px;
    height: 11px;
    line-height: 11px;
    padding: 4px 0px;
    font-size: 9px;
}

.basketDialog-productRelateds #related_products .product .thumbnail img, .basketDialog-productRecommended #recommended_products .product .thumbnail img {
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
}

.dialogBasket #related_products .product .thumbnail, .dialogBasket #recommended_products .product .thumbnail {
    padding: 38px;
}

.dialogBasket #related_products .owl-buttons .owl-prev, .dialogBasket #alternate_products .owl-buttons .owl-prev, .dialogBasket #recommended_products .owl-buttons .owl-prev {
    left: 0;
}

.dialogBasket #related_products .owl-buttons .owl-next, .dialogBasket #alternate_products .owl-buttons .owl-next, .dialogBasket #recommended_products .owl-buttons .owl-next {
    right: 0;
}

.dialogBasket #related_products .owl-item .product-card, .dialogBasket #alternate_products .owl-item .product-card, .dialogBasket #recommended_products .owl-item .product-card {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border: none;
}

.dialogBasket #related_products .owl-item .product-card:hover, .dialogBasket #recommended_products .owl-item .product-card:hover {
    box-shadow: none;
}

.basketDialog-productRelateds #related_products .product-card .description, .basketDialog-productRecommended #recommended_products .product-card .description {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 161px;
    height: 16px;
    white-space: nowrap;
}

.basketDialog-productRelateds #related_products .product .price, .basketDialog-productRecommended #recommended_products .product .price {
    flex: 1;
    order: 0;
    margin-right: 9px;
    padding-bottom: 0px;
}

.basketDialog-productRelateds #related_products .product .action-price, .basketDialog-productRecommended #recommended_products .product .action-price {
    flex: 1;
    font-size: 11px;
}

.basketDialog-productRelateds #related_products .price_availability_wrap, .basketDialog-productRecommended #recommended_products .price_availability_wrap {
    flex-wrap: nowrap !important;
    align-items: start;
    flex-flow: column;
}

.basketDialog-productRelateds .product_labels.product_pictogram, .basketDialog-productRelateds .pictogram,
.basketDialog-productRecommended .product_labels.product_pictogram, .basketDialog-productRecommended .pictogram,
.basketDialog-productRelateds .wishlist, .basketDialog-productRelateds .product_video,
.basketDialog-productRecommended .wishlist, .basketDialog-productRecommended .product_video {
    display: none;
}

.basketDialog-productRecommended .product-card #classification .number span {
    font-size: 11px;
    position: relative;
    top: 0px;
    left: -3px;
}

.basketDialog-productRecommended .product-card #classification .number {
    margin-left: 4px;
    top: 1px;
}

/* Cart Dialog End */

/* Ui Dialog Overrides End */


#filter .prices .range {
  	margin-left: 110px;
  	margin-right: 110px;
}

#vop {
	  font-weight: bold;
}

#reviews_content .review {
    display: flex;
    border-radius: 22px;
    border-bottom-left-radius: 0;
    padding: 25px 32px 27px 32px;
    background: var(--beige);
    margin: 0px;
    margin-bottom: 6px;
}

#review_form #reviews_content .review {
    padding: 0px;
}

.template_reviews_add #reviews_content .review {
    display: flex;
    flex-flow: column;
}

#reviews_content .review .prdct-detail-review-date {
    font-size: 11px;
    margin-bottom: 6px;
    padding-left: 3px;
}

#reviews_content .user-info-wrap {
    flex: 1;
    margin-right: 20px;
}

#reviews_content .user-review-wrap {
    flex: 4;
}

#reviews_content .review .star {
  	width: 20px;
  	height: 19px;
  	margin-right: 2px;
  	display: inline-block;
  	line-height: 20px;
}

#reviews_content .review .star.full {
	  background-image: url('../images/star_full.svg');
}

#reviews_content .review .star.half {
	  background-image: url('../images/star_half.svg');
}

#reviews_content .review .star.blank {
  	background-image: url('../images/star_blank.svg');
}

#reviews_content .person_icon {
	  background: url('../images/user.svg') center center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 20px;
}

#reviews_content .line {
  	width: 100%;
  	height: 1px;
  	background: #e9e9e9;
  	margin-top: 15px;
}

#reviews_content .review:last-child {
  	margin-bottom:0px;
}

#reviews_content .review:last-child .line {
  	height: 0px;
  	margin-top: 0px;
}

#reviews_content .review .pros_cons {
	  margin-top: 20px;
}

#reviews_content .review .pros_cons .item {
  	padding-bottom: 5px;
}

#reviews_content .review .pros, #reviews_content .review .cons {
  	padding-left: 0;
  	padding-right: 0;
}

#reviews_content .review .pros_cons .icon {
  	background: #2bc32b;
  	width: 15px;
  	height: 15px;
  	border-radius: 20px;
  	color: white;
  	font-size: 16px;
  	text-align: center;
  	line-height: 13px;
  	display: inline-block;
  	margin-right: 5px;
  	margin-top: 3px;
  	float: left;
}

#reviews_content .review .pros_cons .pros .icon {
  	background: var(--green);
}

#reviews_content .review .pros_cons .cons .icon {
  	background: var(--red);
}

#review_form #reviews_content {
	  margin-bottom: 10px;
}

#review_form #reviews_content input[type="text"], #reviews_content textarea {
  	border: 1px solid #cccccc;
  	padding: 3px 5px 3px 5px;
}

#review_form #reviews_content .review {
    background-color: transparent;
    border: 0;
    margin: 10px 0px 10px 0px;
}

#review_form #reviews_content img.thumbnail {
  	max-width: 100%;
  	height: auto;
}

#review_form #reviews_content .review .review-header {
    font-size: 17px;
    line-height: 20px;
    text-transform: none;
    font-weight: 500;
    padding: 0;
    position: relative;
    background-color: transparent;
    color: #222222;
    margin-bottom: 0;
}

.template_reviews_add .name {
    display: none;
}

.template_reviews_add .submit {
    font-size: 14px;
    font-weight: 800;
    padding: 13px 23px 13px 23px;
    float: right;
}

.template_reviews_add #reviews_content .submit {
    float: none;
}

#review_form #reviews_content .stars {
	  cursor: pointer;
}

#review_form #reviews_content .info {
  	font-size: 16px;
  	line-height: 20px;
    margin: 14px 0px 5px 0px;
}

#review_form #reviews_content textarea.summary {
	  width: 100%;
	  resize: vertical;
	  min-height: 90px;
    border-radius: 5px;
}

#review_form #reviews_content .pros_cons .header {
	  font-size: 20px;
	  line-height: 20px;
	  text-transform: none;
	  text-align:center;
	  margin-bottom: 10px;
}

#review_form #reviews_content .pros_cons .item .text {
	  width: 100%;
}

#review_form #reviews_content .pros_cons .item .text input {
	  width: 100%;
    border-radius: 5px;
}

#review_form #reviews_content .pros_cons .item .submit {
  	padding: 9px;
  	line-height: 10px;
  	min-width: 26px;
  	text-align: center;
}

#review_form #reviews_content .pros_cons .item .icon {
	  float:none;
}

#review_form #reviews_content .pros_cons .item .icon-header {
	  padding-right: 0px;
	  margin-top: 3px;
}

.reviews_content_inner {
    display: flex;
}

.reviews_content_summary {
    flex: 1;
}

.reviews_content_list {
    flex: 2;
}

.reviews_content_summary_inner {
    display: flex;
}

.reviews_content_summary_stars {
    order: 2;
    min-width: 85px;
}

#product_detail .reviews_content_summary #classification {
    border: 1px solid #dddddd;
    padding: 50px 34px 50px 34px;
    display: flex;
    margin-right: 41px;
    border-radius: 7px;
    min-width: 328px;
    flex-flow: column;
}

#product_detail .reviews_content_summary #classification .number {
    margin-left: 0px;
    font-size: 53px;
    min-width: 150px;
    margin-right: 26px
}

#product_detail .reviews_content_summary_stats {
    margin-top: 46px;
}

.single-stat {
    display: flex;
    width: 100%;
    align-items: center;
}

.single-stat:nth-child(3) .progressbar.rating .progressbar.rating,
.single-stat:nth-child(4) .progressbar.rating .progressbar.rating {
    background: #fec834;
}

.single-stat:nth-child(5) .progressbar.rating .progressbar.rating {
    background: var(--red);
}

.progressbar.rating.progressbar-wrapper {
    background: var(--beige);
    width: 100%;
    height: 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    margin: 0px 8px;
}

.progressbar.rating {
    background: var(--green);
    height: 4px;
    border-radius: 15px;
}

.preview_reviews {
    padding: 28px 33px 33px 33px;
    margin-top: 33px;
    display: flex;
    flex-flow: column;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 7px;
}

.preview_reviews .submit {
    font-size: 14px;
    text-transform: none;
    background: transparent;
    color: #222222;
    text-align: right;
    font-weight: 400;
    text-decoration: underline;
    position: absolute;
    right: 16px;
    top: 22px;
}

.preview_reviews .submit:hover {
    text-decoration: none;
}

.preview_reviews .header {
    text-align: left;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
}

.preview_reviews .review .person_icon {
    background: url("../images/user.svg") center center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: none;
}

.preview_reviews .review .date, .preview_reviews .review .review_name {
    display: none;
}

.preview_reviews .review-column {
    display: flex;
}

.preview_reviews .review-column .review:nth-child(3) {
    margin-right: 0;
}

.preview_reviews .review {
    border-radius: 22px;
    border-bottom-left-radius: 0;
    padding: 25px 32px 25px 32px;
    background: var(--beige);
    margin-right: 13px;
}

.preview_reviews .pros .item, .preview_reviews .cons .item {
    display: flex;
    margin: 4px 0px;
}

.preview_reviews .pros_cons {
    margin-top: 10px;
}

.preview_reviews .pros .icon {
    border: 1px solid var(--green);
    color: var(--green);
    border-radius: 50px;
    padding: 1px 5px 3px 5px;
    margin-right: 8px;
    line-height: 14px;
    display: inline-block;
}

.preview_reviews .cons {
    margin-top: 10px;
}

.preview_reviews .cons .icon {
    border: 1px solid var(--red);
    color: var(--red);
    border-radius: 50px;
    padding: 1px 6px 3px 6px;
    margin-right: 8px;
    line-height: 14px;
    display: inline-block;
}

/* banner pri vstupe */

div[aria-describedby="confirm_entry_banner"] {
    background: transparent !important;
    border: none !important;
    max-width: 700px;
    margin: auto;
    left: 0 !important;
    right: 0;
    box-shadow: none !important;
    top: 50% !important;
}

div[aria-describedby="confirm_entry_banner"] .ui-dialog-titlebar {
	  display:none;
}

div[aria-describedby="confirm_entry_banner"] #confirm_entry_banner a {
	  outline:0;
}

#confirm_entry_banner {
    height: auto !important;
}

#confirm_entry_banner img {
    width: 100%;
}

/* Heureka Reviews */

.overeno-zakazniky {
    background: url("../images/heureka.svg") no-repeat;
    width: 193px;
    height: 42px;
    background-position: -21px -33px;
    background-size: 100%;
}

.heureka_reviews_wrap {
    width: 100%;
    background: #f7f7f7;
    display: flex;
}

.heur_review_ico {
    display: flex;
    height: 20px;
}

.heur_review_ico span {
    border-radius: 50px;
    padding: 1px 5px 3px 5px;
    margin-right: 8px;
    line-height: 14px;
    display: inline-block;
}

.heur_pros span {
   border: 1px solid var(--green);
   color: var(--green);
}

.heur_cons span {
   border: 1px solid var(--red);
   color: var(--red);
}

#eshop-reviews {
    padding: 0px 25px 56px 25px;
    flex-flow: column;
    align-items: center;
}

#eshop-reviews a {
    text-decoration: underline;
    color: #222222;
    margin-top: 42px;
    display: inline-block;
    font-weight: 800;
    font-size: 12px;
}

#eshop-reviews a:hover {
    text-decoration: none;
    color: #222222;
}

#eshop-reviews .review-content p {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 14px;
    padding-bottom: 4px;
    display: flex;
    text-align: left;
}

#eshop-reviews .stars {
    margin-bottom: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
}

#eshop-reviews .star {
    width: 14px;
    height: 13px;
    margin-right: -3px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    margin: 0px;
}

#eshop-reviews .review {
    border-right: 1px solid #ffffff;
    background: #f7f7f7;
    padding: 40px 50px 40px 50px;
}

#eshop-reviews .star.full {
    background-image: url("../images/star_full.svg");
}

#eshop-reviews .star.blank {
    background-image: url("../images/star_blank.svg");
}

#eshop-reviews .star.half {
    background-image: url("../images/star_half.svg");
}

.review-total-perc {
    margin-left: 7px;
    margin-top: 2px;
}

/* IG Feed */

#instafeed .owl-item {
    overflow: hidden;
}

#instafeed .owl-item div, #ig_feed {
		width: 100%;
		height: 230px;
}

#instafeed .owl-item a div {
    transition: transform 0.7s ease-in-out;
}

#instafeed .owl-item a div:hover {
    transform: scale(1.15);
}

#ig_feed {
  	width: 100%;
  	height: 230px;
    position: relative;
}

.ig_name {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.ig_name a {
    background: rgba(255,255,255,0.86);
    padding: 18px 42px 20px 42px;
    font-size: 19px;
    font-weight: 800;
    color: #222222;
    transition: background 0.4s ease-in-out;
    border-radius: 6px;
}

.ig_name a:hover {
    color: #222222;
    text-decoration: none;
    background: rgba(255,255,255,1);
}

#instafeed .owl-controls {
    display: none;
}

/** Modal */
#modal-content, .modal-content-smooth {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    max-width: 50%;
    margin: 0 auto;
    padding: 41px 52px 52px 52px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    z-index: 2147483647;
}

#contact_form_form input {
    float: left;
    width: 49%;
    border-radius: 5px;
}

#contact_form_form textarea {
    border-radius: 5px;
}

#contact_form_form input:nth-child(2) {
    margin-right: 2%;
}

#contact_form_modal_content {
    margin-top: 26px;
}

#contact_form_form .button {
    background: var(--green);
    color: #ffffff;
}

#contact_form_form .button:hover {
    background: var(--green-hover);
}

#modal-close-btn, .modal-close-btn {
    background: url("../images/close_modal.svg") no-repeat;
    width: 11px;
    height: 14px;
    position: absolute;
    right: 17px !important;
    top: 17px;
    font-size: 20px;
    border: 0;
    transition: opacity 0.3s;
    opacity: 0.6;
    transition: transform .6s ease-in-out;
}

#modal-close-btn:hover, .modal-close-btn:hover {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/** Overlay */
#modal-overlay, .modal-overlay {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 2147483646;
}

/** JS */
.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/** Custom Select **/
form#search_form, form#search_form_phone {
    position: relative;
}

.custom-select-wrapper {
    position: absolute;
    display: inline-block;
    user-select: none;
    right: 37px;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 177px;
}

.custom-select-trigger {
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #222222;
    background: transparent;
    cursor: pointer;
    border-left: 1px solid #eaeaea !important;
    padding: 10px 31px 10px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    top: 50%;
    right: 19px;
    margin-top: -1px;
    border-bottom: 1px solid #222222;
    border-right: 1px solid #222222;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #ffffff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    max-height: 393px;
    overflow: auto;
    z-index: 5;
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #ffffff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 9px 15px;
    border-bottom: 1px solid #dddddd;
    font-size: 13px;
    font-weight: 600;
    color: #999999;
    line-height: 121%;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #f9f9f9;
    color: #555555;
}


/*  Modal Window CSS */
.open-modal {
    position: relative;
    cursor: pointer;
}

.open-modal img {
    display: block;
}

.open-modal:hover .mag-bg {
    height: 50px;
}

.mag-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    width: 50px;
    height: 0;
    transition: 0.25s ease;
}

.mag-icon {
    color: #ffffff;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.1);
    z-index: 98;
    opacity: 0.9;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    padding: 50px;
    z-index: 2147483637 !important;
}

.modal-content {
    position: absolute;
    top: 46%;
    left: 50%;
    margin-top: 30px;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 4em 2em 3em 2em;
    width: 66vw;
    height: 61vh;
    background: #ffffff;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

#modal4 .modal-content {
    padding: 2.35em 2em 3em 2em;
}

.close-modal {
    background: url("../images/close_modal.svg") no-repeat;
    width: 11px;
    height: 14px;
    position: absolute;
    right: 17px !important;
    top: 17px;
    font-size: 20px;
    border: 0;
    transition: opacity 0.3s;
    opacity: 0.6;
    transition: transform .6s ease-in-out;
    z-index: 2147483638 !important;
}

.close-modal:hover {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#categories_menu .category_icon {
  	max-width: 18px;
  	max-height: 18px;
  	margin-right: 10px;
    margin-top: 2px;
}

#categories_menu .opened .category_icon {
    display: none;
}

#categories_menu ul.opened {
    border: 1px solid #dddddd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0px;
    padding-bottom: 10px;
}

#categories_menu ul.opened.active_parent li {
    margin: 0;
}

#categories_menu .preview ul.opened {
    border: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 11px;
}

#categories_menu .preview ul.opened ul {
    padding-bottom: 0;
}

#categories_menu ul.opened li.preview {
    border: none;
}

.ui-dialog .ui-dialog-titlebar {
    text-align: left !important;
}

.ui-dialog .ui-dialog-title {
    width: 100% !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 0% !important;
    margin: 0 !important;
    z-index: 1 !important;
}

/* product labels */

.product_labels {
		position: absolute;
		margin-left: 0px;
		margin-top: 10px;
		top: 0;
		left: 0;
		z-index: 1;
}

#product_detail .product_labels {
		margin-left: 5px;
}

.product_labels.product_pictogram {
    margin-top: 28px;
}

#product_detail .product_labels.product_pictogram {
		margin-top: 41px;
}

#product_detail #related_products .product_labels.product_pictogram {
		margin-top: 32px;
}

.product_label {
		position: relative;
		float: left;
		margin-bottom: 10px;
		margin-left: 5px;
}

.product_label_content {
		position: relative;
}

.product_label .background {
		border-radius: 5px;
    background: #2e7dbf;
}

.product_label .text {
    text-align: center;
    padding: 0px 5px 0px 5px;
    height: 20px;
    line-height: 20px;
    font-size: 9px;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 6px;
    z-index: 1;
    color: #ffffff;
}

.box .most-sold-products-in-cat .product_label {
    margin: 0 !important;
    padding: 0px 5px 0px 5px;
    height: 16px;
    line-height: 17px;
    font-size: 8px;
    left: 4px;
    top: 0px;
}

.product-card-row.most-sold-products-in-cat .product_label .text {
    height: 16px;
    line-height: 17px;
    font-size: 8px;
}

.category_desc_content {
	  height: 42px;
	  overflow: hidden;
}

.category_desc_content p {
  	margin-top: 0;
    font-size: 15px;
}

#category_detail .box .product_list .hidden_list {
  	display: none;
  	width: 100%;
}

.template_static_page #main_body {
    margin-top: 0;
}

.template_static_page h1 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.template_reviews_add #main_body {
    margin-top: 20px;
}

.template_mapa-webu #main_body {
    margin-top: 7px;
}

.template_mapa-webu #main_body h2 {
    font-size: 26px;
    margin-top: 27px;
}

.template_mapa-webu #main_body h2::first-letter {
    text-transform: uppercase;
}

.template_mapa-webu #main_body li {
    list-style-type: none;
    padding: 7px 0px 6px 0px;
}

.template_mapa-webu #main_body ul {
    padding-left: 20px;
}

.template_mapa-webu #main_body a {
    color: #222222;
    font-size: 15px;
    font-weight: 300;
}

.template_mapa-webu #main_body a:hover {
    text-decoration: underline;
    color: #222222;
}

.bookmark-count {
    background: url("../images/bookmark_count.svg") no-repeat;
    background-size: 100%;
    width: 19px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: -5px;
    left: 5px;
    text-align: center;
    color: #222222;
    font-size: 11px;
    font-weight: 700;
    line-height: 150%;
}

.comments_count {
    position: relative;
    top: -7px;
    left: 5px;
    height: 16px;
}

.comments_count .bookmark-count {
    background: url(../images/bookmark_count.svg) no-repeat;
    background-size: 17px;
    background-position: 1px 0px;
    height: 18px;
    top: 0px;
    left: 0px;
    text-align: center;
    color: #222222;
    font-size: 10px;
}

.modalWindowDialog .content {
    height: 100%;
}

.ui-dialog {
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

::-webkit-input-placeholder::first-letter {
    text-transform: uppercase;
}
::-moz-placeholder::first-letter {
    text-transform: uppercase;
}
:-ms-input-placeholder::first-letter {
    text-transform: uppercase;
}
:-moz-placeholder::first-letter {
    text-transform: uppercase;
}

.error-fill-field {
    border: 1px dashed var(--red) !important;
}

#reviews_content.bookmark_content {
    display: flex;
    flex-flow: column;
}

#reviews_content.bookmark_content .add-review {
    color: #ffffff;
    font-size: 11px;
    margin: 18px 0px 0px 0px;
    font-weight: 800;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 5px;
    transition: 0.5s;
    background: var(--green);
    border: 0;
    padding: 10px 19px 10px 20px;
    max-width: 134px;
}

#reviews_content.bookmark_content .add-review:hover {
    text-decoration: none;
    background: var(--green-hover);
}

#reviews_content.bookmark_content .add-review:hover {
    background-position: right center;
}

.version_type_for_mobile {
    display: none;
}

#review_form .step_back {
    color: #222222;
    display: inline-block;
    margin-top: 11px;
}

#review_form .step_back::before {
    content: "";
    background: url("../images/arrow_back.svg") no-repeat;
    background-size: 100%;
    width: 11px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
}

.template_product_detail img.lazy, .blog-carousel .blog-post div img.lazy, .blog-card .image img.lazy, .blog-detail .image img.lazy {
    width: 82px !important;
    height: 57px !important;
}

.blog-carousel .blog-post div img.lazy.loaded, .blog-card .image img.lazy.loaded, .blog-detail .image img.lazy.loaded {
    width: 100% !important;
    height: auto !important;
    border-radius: 6px;
}

.blog-carousel .blog-post div img.lazy.loaded {
    max-height: 218px;
    object-fit: cover;
}

.template_product_detail #product_image img {
    width: auto !important;
    height: auto !important;
    max-height: 500px;
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

.error_field_name {
    font-weight: 800;
    background: var(--pink);
    padding: 6px 9px 6px 9px;
    display: inline-block;
    margin-top: 1px;
    border-radius: 5px;
}

.loadAres {
    font-size: 13px;
    font-weight: 800;
    background-color: var(--green);
    background: url(../images/search.svg) center 6px no-repeat var(--green);
    background-size: 22px, 200% auto;
    color: #ffffff;
    padding: 3px 7px 4px 7px;
    border-radius: 5px;
    cursor: pointer;
    width: 30px;
    position: absolute;
    top: 4px;
    right: -18px;
    height: 36px;
    line-height: 204%;
}

.template_my_address #ic .second{
    position: relative;
}

#product_note_form textarea {
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 100%;
    min-height: 73px;
    font-family: "Muli", Tahoma,Verdana,Arial,sans-serif;
}

.template_login_form #login_form .error_message {
    text-align: center;
    margin-top: 21px;
    background: var(--pink);
    padding: 15px;
    border-radius: 6px;
}

.ui-dialog .ui-dialog-buttonpane button .ui-button-text {
    padding: 0;
    font-size: 11px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
    background: #e53d3d !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover, .remove-branch:hover {
    background: var(--red-hover) !important;
}

#filter .attribute .header {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    color: #222222;
}

#attributes_content.bookmark_content tr {
    background: #ffffff;
    border-radius: 7px;
    position: relative;
    transition: 0.3s all;
    font-weight: 800;
    color: #222222;
    font-size: 13px;
    width: 100%;
    height: 100%;
}

#attributes_content.bookmark_content tr th {
    padding: 13px 19px 13px 19px;
    text-align: left;
}

#attributes_content.bookmark_content tr td {
    padding: 13px 19px 13px 13px;
    text-align: right;
}

#attributes_content.bookmark_content tr.odd {
    background: var(--beige);
}

#files_content.bookmark_content tr.odd {
    background: var(--beige);
}

#files_content.bookmark_content tr.odd:hover {
    background: #fff7e5;
}

#files_content.bookmark_content tr td:nth-child(2) {
    text-align: right;
}

#files_content.bookmark_content tr td:nth-child(2) a {
    text-decoration: underline;
}

#files_content.bookmark_content tr td:nth-child(2) a:hover {
    text-decoration: none;
}

.misc_box_header .bookmark.last {
	  border-right: 0;
}

.wishlist_btns {
    margin: 0 auto;
    margin-top: 34px;
}

.wishlist_btns .submit {
    font-size: 12px;
    padding: 12px 26px 11px 27px;
    margin-bottom: 0;
}

.wishlist_btns .submit:first-child {
    margin-right: 7px;
    background: var(--green);
}

.wishlist_btns .submit:first-child:hover {
    background: var(--green-hover);
}

.wishlist_btns .submit:last-child {
    background: var(--red);
}

.wishlist_btns .submit:last-child:hover {
    background: var(--red-hover);
}

/* Uzivatelske pripominky */

.template_blog_post .next-prev {
    display: flex;
    justify-content: space-between;
    text-align: center;
    position: absolute;
    top: 368px;
    z-index: 999;
}

.template_blog_post .next-prev p {
    font-size: 12px !important;
}

.display-type-item.active[data-displaytype="table"] {
    background: url("../images/rows_active.svg");
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -999999px;
    cursor: pointer;
    opacity: 1;
}

.display-type-item.active[data-displaytype="grid"] {
    background: url("../images/columns_active.svg");
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -999999px;
    cursor: pointer;
    opacity: 1;
}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {

.template_category_detail #product_list::before,  .template_category_detail #product_list::after {
    content: normal;
}

}}

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .template_category_detail #product_list::before {
    content: normal;
}

_::-webkit-full-page-media, _:future, :root .template_category_detail #product_list::after {
    content: normal;
}

.mx-auto {
	  margin-left: auto !important;
	  margin-right: auto !important;
}

.name_desc_wrap {
    min-height: 115px;
}

.template_order .select_country {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cccccc;
}

.template_order .select_country > div:first-child {
    flex: 1 340px;
}

.template_order .select_country select {
    position: relative;
    top: -3px;
}

@media screen and (max-width: 1439px) {
.name_desc_wrap {
    min-height: 133px;
}
}

#footer-manufacturers .logo {
    text-align: center;
    max-width: 163px;
}

.entryDialog {
    width: auto !important;
    max-width: 700px;
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0;
}

.showMoreSubcategories_mobile {
    display: none;
}

.subcategory[data-dhidden='0'] {
    display: block !important;
}

.subcategory[data-dhidden='1'] {
    display: none !important;
}

span.showMoreSubcategories_desktop {
    background: transparent;
    color: #222222;
    text-transform: none;
    text-decoration: underline;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 15px;
    margin-top: -2px;
    font-weight: 800;
    display: inline-block;
    cursor: pointer;
}

span.showMoreSubcategories_desktop:hover {
    text-decoration: none;
}

span.showMoreSubcategories_desktop::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
}

span.showMoreSubcategories_desktop.panel_opened::after {
    transform: rotate(180deg);
}

#categories_menu .blank {
    display: none;
}

.opened .plusminus.plus {
    background: url(../images/arrow_down.svg) no-repeat center center #ffffff;
    background-size: 8px;
    border: 1px solid #dadada;
    width: 15px;
    height: 7px;
    padding: 8px;
}

.opened .plusminus.minus {
    background: url(../images/arrow_to_top.svg) no-repeat center center #ffffff;
    background-size: 8px;
    border: 1px solid #dadada;
    width: 15px;
    height: 7px;
    padding: 8px;
}

#categories_menu ul li a:before, #categories_menu ul li li a:before {
    display: none;
}

.basketDialog-productRecommended .name_desc_wrap {
    min-height: 88px;
}

@-moz-document url-prefix() {
#order #payment_and_transport .transport.active .description {
    margin-top: 9px;
}
}

/* Special filter/search subpage styling */

.search_structure_wrap #showProducts {
    color: #ffffff;
    background: var(--green);
    transition: 0.5s ease-out;
    text-transform: uppercase;
    padding: 10px 19px 9px 20px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    border-radius: 25px;
    display: inline-block;
    border: 0;
    width: 100%;
    margin-top: 25px;
}

.search_structure_wrap #showProducts:hover {
    background: var(--green-hover);
}

.search_structure_wrap {
    margin-top: 16px;
    background: #f7f7f7;
    border-radius: 7px;
    padding: 5px 20px 17px 20px;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 700;
}

.search_structure_wrap select {
    font-weight: 500;
    margin-top: 8px;
}

.search_structure_wrap_znacky a {
    background: #efefef;
    border-radius: 7px;
    padding: 10px 15px 10px 15px;
    color: #222222;
    font-weight: 700;
    text-decoration: underline;
    transition: 0.3s all;
}

.search_structure_wrap_znacky div {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.search_structure_wrap_znacky {
    margin-bottom: 10px;
    margin-top: 25px;
}

.search_structure_wrap_znacky a:hover {
    text-decoration: none;
    background: #f7f7f7;
}

.search_structure_wrap .col-md-4 {
    margin-top: 12px;
}

#product_detail .watchdog-wrapper {
  	flex: 1;
  	order: 4;
  	margin-top: 10px;
  	line-height: 20px;
  	margin-bottom: 10px;
}

#product_detail .watchdog-content {
  	display: inline;
  	cursor: pointer;
  	margin: 0;
  	font-size: 13px;
}

#product_detail .watchdog-content span {
  	text-decoration: underline;
  	margin-left: 5px;
}

#product_detail .watchdog-content:hover span {
  	text-decoration: none;
}

#product_detail .watchdog {
	  background: url("../images/dog_ico.svg") no-repeat;
    background-size: 100% !important;
    width: 23px;
    height: 19px;
  	cursor: pointer;
  	display: inline-block;
  	vertical-align: text-bottom;
  	transition-property: none;
}

#product_detail .watchdog.active, #product_detail .watchdog:hover, #product_detail .watchdog-content:hover .watchdog {
  	background: url("../images/dog_ico_active.svg") no-repeat;
  	background-size: 100% !important;
}

#watchdog_dialog p::before {
    content: " ";
    background: url("../images/dog_ico.svg") no-repeat;
    background-size: 100% !important;
    width: 50px;
    height: 43px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -12px;
}

div[aria-describedby="watchdog_dialog"] .ui-dialog-title {
    display: none;
}

#order #payment_and_transport .description img {
    width: initial;
    max-height: 274px;
    min-height: 100%;
    float: none;
    max-width: 100% !important;
    text-align: left;
    margin-right: 0;
    display: inline-block;
    object-fit: contain;
    object-position: 0 0;
}

.product-card .description {
  	word-break: break-word;
}

#packeta-widget-overlay{
    top: 0;
}
#product_detail .price_etc .availability-note{
	background: url("../images/availability_info.svg") center no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-size: 16px;
	position: relative;
	top: 3px;
	left: 4px;
    cursor: pointer;
}

.maincats {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    padding-left: 0;
    margin: 0;
}

.maincats li {
    list-style-type: none;
}

.maincats img {
    max-width: 21px;
    max-height: 21px;
}

.categories-menu {
    background: var(--categories-horizontal-panel-bg);
    border-top: 1px solid var(--categories-horizontal-panel-border-color);
    border-bottom: 1px solid var(--categories-horizontal-panel-border-color);
}

#categories_menu_top {
    width: 100%;
}

#categories_menu_top li > a {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    padding: 18px 15px;
    width: 100%;
    justify-content: center;
    color: #222;
}

#categories_menu_top li > ul {
    position: absolute;
    padding: 10px 10px 25px 10px;
    background: var(--categories-horizontal-dropdown-bg);
    width: 100%;
    right: 0;
    left: 0;
    display: flex;
    z-index: 4;
    flex-flow: wrap;
    height: auto !important;
}

#categories_menu_top li li {
    justify-content: flex-start;
    border: none;
    display: flex;
    flex-flow: column;
    margin-bottom: 6px;
    min-width: 190px;
    max-width: 190px;
    padding-right: 15px;
}

#categories_menu_top li > a:hover {
    background: var(--categories-horizontal-hover-item-bg);
    color: var(--categories-horizontal-hover-item-color);
    text-decoration: none;
}

#categories_menu_top li li > a {
    color: var(--categories-horizontal-dropdown-item-color);
    text-decoration: none;
    /* min-height: 79px; */
    align-items: flex-start;
}

#categories_menu_top li li li > a {
    min-height: auto;
}

#categories_menu_top li li > a:hover {
    color: var(--categories-horizontal-dropdown-item-color-hover);
    text-decoration: underline;
    background: transparent;
}

.maincats li.preview a {
    background: var(--categories-horizontal-hover-item-bg);
}

.maincats li.preview li a {
    background: transparent;
}

#categories_menu_top .img-wrap-min-width {
    margin-right: 11px;
}

.template_cart .categories-menu, .template_order .categories-menu {
    display: none;
}

#categories_tree > ul li {
    display: none;
}

#categories_tree > ul li.active, #categories_tree > ul li.active li, #categories_tree > ul li.active_parent, #categories_tree > ul li.active_parent li {
    display: block;
}

#categories_tree > ul li.active, #categories_tree > ul li.active li {
    display: block;
}

#header, .top-panel-visible #header {
    position: static;
    height: auto;
    border-bottom: none;
}

.top-panel-visible #eshop {
    margin-top: 20px;
}

.top-panel-visible #mobile_slides, .top-panel-visible #tablet_slides, .top-panel-visible #desktop_slides, .top-panel-visible #notebook_slides {
    margin-top: 0px;
}

.top-panel-visible .template_product_detail #eshop {
    margin-top: 3px;
}

.template_product_detail #product_detail_category_trigger {
    display: none;
}

.hor-cat-inner {
    margin: 0 auto;
    width: 1390px;
    display: flex;
    flex-flow: wrap;
}

#categories_menu_top li > a {
    justify-content: flex-start;
}

#categories_menu_top li ul li ul {
    position: static;
    padding: 0;
    background: transparent;
    width: auto;
}

#categories_menu_top li > ul > .hor-cat-inner {
    display: flex;
    width: 1390px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 5px 17px;
}

#categories_menu_top li > ul > .hor-cat-inner .hor-cat-inner {
    width: auto;
    display: flex;
    flex-flow: column;
    padding: 0px 6px;
}

#categories_menu_top li li li > a {
    padding: 0;
}

#categories_menu_top li > ul > .hor-cat-inner .hor-cat-inner li a {
    font-weight: 500;
    font-size: 14px;
}

#categories_menu_top li > ul > .hor-cat-inner .hor-cat-inner li .img-wrap-min-width {
    display: none;
}

#categories_menu_top ul li li .img-wrap-min-width {
    margin-right: 5px;
}

#categories_menu_top ul li li .img-wrap-min-width img {
    max-width: 32px;
    max-height: 27px;
}

.template_product_detail #eshop {
    margin-top: 0;
}

#categories_menu_top li li > a {
    padding-bottom: 0;
    padding-left: 5px;
}

#categories_menu_top li ul li ul {
    padding-top: 15px;
}

/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 1: HLAVICKA A HLAVNI NAVIGACE                          */
/* Vlastni upravy jsou zamerne soustredeny na konec souboru.                 */
/* Pro navrat vzhledu staci odstranit tento oznaceny blok.                   */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Horni informacni pruh */
    #top_panel {
        background: #182018;
        border-bottom: 1px solid rgba(101, 214, 50, 0.42);
    }

    #top_panel .text-layer,
    #top_panel p {
        color: #e7eee4;
    }

    #top_panel a,
    #top_panel a:focus,
    #top_panel a:visited {
        background: #65d632;
        color: #0c110d;
    }

    #top_panel a:hover {
        background: #7cff3a;
        color: #070907;
    }

    #top_panel .close-btn {
        filter: brightness(0) invert(1);
        opacity: 0.78;
    }

    /* Hlavni hlavicka */
    #header,
    .top-panel-visible #header {
        background: linear-gradient(135deg, #0d110e 0%, #151b16 58%, #101511 100%);
        border-bottom: 1px solid #29322b;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);
    }

    #header .header-flex-wrapper {
        min-height: 82px;
        padding-top: 16px;
        padding-bottom: 16px;
    }

    #header .logo {
        width: 228px;
        max-width: 228px;
        max-height: 58px;
        margin-right: 4px;
    }

    #header .logo img {
        width: 100%;
        max-width: 228px;
        max-height: 58px;
        object-fit: contain;
        object-position: left center;
    }

    /* Vyhledavani */
    #search_box {
        height: 44px;
        margin-left: 34px;
        margin-right: 28px;
        background: #f8faf8;
        border: 1px solid #414b43;
        border-right: 0;
        border-radius: 6px;
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.22);
    }

    #search_box #search_input {
        height: 42px;
        background: #f8faf8;
        border-radius: 6px;
    }

    #search_box .custom-select-trigger {
        padding-top: 12px;
        padding-bottom: 12px;
        border-left-color: #d7ddd8 !important;
    }

    #search_box #search_submit {
        top: -1px;
        right: -1px;
        width: 55px;
        height: 44px;
        background-color: #65d632;
        border-radius: 0 6px 6px 0;
    }

    #search_box #search_submit:hover {
        background-color: #7cff3a;
        box-shadow: 0 0 14px rgba(124, 255, 58, 0.34);
    }

    /* Uzivatelske prvky */
    #user_panel a {
        color: #f2f5f1;
    }

    span.login.open-modal,
    #user_panel a.my_account,
    .wishlist_trigger .ico,
    .settings_trigger .ico {
        filter: brightness(0) invert(1);
        opacity: 0.9;
    }

    span.login.open-modal:hover,
    #user_panel a.my_account:hover,
    .wishlist_trigger:hover .ico,
    .settings_trigger:hover .ico {
        opacity: 1;
    }

    .wishlist_trigger .items_count {
        color: #7cff3a;
    }

    /* Kosik */
    #cart_box .cart-box-wrapper,
    #cart_box .cart-box-wrapper.empty {
        background-color: #65d632;
        border: 1px solid #77e844;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
    }

    #cart_box .cart-box-wrapper:hover,
    #cart_box .cart-box-wrapper.empty:hover {
        background-color: #7cff3a;
        box-shadow: 0 0 16px rgba(124, 255, 58, 0.28);
    }

    #cart_box .cart-box-wrapper.empty span {
        color: #0b100c;
    }

    /* Hlavni kategorie */
    .categories-menu {
        background: #151a16;
        border-top: 1px solid #283029;
        border-bottom: 3px solid #65d632;
        box-shadow: 0 4px 13px rgba(0, 0, 0, 0.16);
    }

    #categories_menu_top .maincats > li > a {
        color: #e7ebe6;
        letter-spacing: 0.01em;
        transition: color 0.18s ease, background-color 0.18s ease;
    }

    #categories_menu_top .maincats > li > a:hover,
    #categories_menu_top .maincats > li.preview > a {
        color: #7cff3a;
        background: #232a24;
    }

    #categories_menu_top li > ul {
        background: #202621;
        border-top: 1px solid #354037;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
    }

    #categories_menu_top li li > a,
    #categories_menu_top li li li > a {
        color: #e3e8e2;
    }

    #categories_menu_top li li > a:hover,
    #categories_menu_top li li li > a:hover {
        color: #7cff3a;
    }
}

/* ======================= KONEC UPRAV 3H-TRITIUM ========================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 3: LAYOUT UVODNI STRANKY                              */
/* Vychazi primo z etapy 1. Neobsahuje upravy produktovych karet z etapy 2.  */
/* ========================================================================== */

/* Poradi hlavnich bloku na titulni strance */
.template_title_page #main_body {
    display: flex;
    flex-direction: column;
}

.template_title_page #main_body > #static {
    order: 1;
}

.template_title_page #main_body > .action_products {
    order: 2;
}

.template_title_page #main_body > .new_products {
    order: 3;
}

/* Sekce obsahovala jediny nesouvisejici produkt a vytvarela prazdne misto. */
.template_title_page #main_body > .selected_products {
    display: none !important;
}

/* Stara rozsahla galerie zustava dostupna ve sprave obsahu, na titulce se nezobrazuje. */
.template_title_page #static .static_gallery {
    display: none;
}

.template_title_page #static {
    margin: 24px 0 24px;
    padding: 22px;
    box-sizing: border-box;
    border: 1px solid #dce4dc;
    border-left: 4px solid #65d632;
    border-radius: 8px;
    background: linear-gradient(135deg, #f4f7f4 0%, #ffffff 100%);
}

.template_title_page #static .body > p {
    margin-top: 0;
}

.template_title_page #static .body > p img {
    display: block;
    width: 100% !important;
    max-width: 635px;
    height: auto !important;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(12, 20, 14, 0.14);
}

.template_title_page #static .body > p:nth-of-type(1) span {
    color: #378f1b !important;
}

.template_title_page #static .body > p:nth-of-type(2) span {
    color: #394039 !important;
}

.template_title_page #static .body > p:nth-of-type(5),
.template_title_page #static .body > p:nth-of-type(11) {
    display: none;
}

@media screen and (min-width: 1024px) {
    /* Horni odkazy na informacni a staticke stranky */
    .template_title_page #eshop .eshop_body.container-flex {
        flex-flow: column nowrap;
    }

    .template_title_page #left_column {
        display: block;
        order: 0;
        flex: none;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .template_title_page #left_column > *:not(#main_menu) {
        display: none !important;
    }

    .template_title_page #left_column > #main_menu {
        display: block;
        margin: 0;
    }

    .template_title_page #main_menu .body {
        padding: 0 25px;
        border: 1px solid #e0e5e0;
        border-top: 0;
        border-radius: 0 0 7px 7px;
        background: #f5f7f5;
    }

    .template_title_page #main_menu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .template_title_page #main_menu li {
        float: none;
        width: auto;
    }

    .template_title_page #main_menu a {
        float: none;
        width: auto;
        padding: 11px 17px;
        border: 0;
        background: transparent;
        color: #303630;
        font-size: 14px;
        line-height: 20px;
        transition: color 0.18s ease, background-color 0.18s ease;
    }

    .template_title_page #main_menu a:hover {
        color: #388f1c;
        background: #e9eee9;
        text-decoration: none;
    }

    .template_title_page #main_menu .sp_plusminus {
        display: none;
    }

    .template_title_page #main_body {
        order: 1;
        width: 100%;
        margin: 0;
    }

    /* Barevna fotografie vlevo, zakladni informace a vyhody vpravo */
    .template_title_page #static {
        padding: 26px 30px;
    }

    .template_title_page #static .body {
        display: grid;
        grid-template-columns: minmax(420px, 635px) minmax(320px, 1fr);
        column-gap: 38px;
        row-gap: 9px;
        align-items: start;
    }

    .template_title_page #static .body > p:nth-of-type(1),
    .template_title_page #static .body > p:nth-of-type(2) {
        grid-column: 1 / -1;
    }

    .template_title_page #static .body > p:nth-of-type(1) {
        margin-bottom: -4px;
        font-size: 15px;
    }

    .template_title_page #static .body > p:nth-of-type(2) {
        margin-bottom: 12px;
        padding-bottom: 14px;
        border-bottom: 1px solid #dce4dc;
        line-height: 1.55;
    }

    .template_title_page #static .body > p:nth-of-type(3) {
        grid-column: 1;
        grid-row: 3 / span 7;
        margin: 0;
    }

    .template_title_page #static .body > p:nth-of-type(4) {
        grid-column: 2;
        grid-row: 3;
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.55;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10) {
        position: relative;
        grid-column: 2;
        min-height: 27px;
        margin: 0;
        padding: 7px 10px 7px 34px;
        box-sizing: border-box;
        border: 1px solid #e1e8e1;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.82);
        color: #252b26;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10)::before {
        content: "✓";
        position: absolute;
        left: 11px;
        top: 5px;
        color: #4eb51f;
        font-size: 17px;
        font-weight: 800;
    }
}

@media screen and (max-width: 1023px) {
    .template_title_page #static {
        margin-top: 16px;
        padding: 16px;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10) {
        position: relative;
        padding-left: 24px;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10)::before {
        content: "✓";
        position: absolute;
        left: 2px;
        color: #4eb51f;
        font-weight: 800;
    }
}

/* ==================== KONEC ETAPY 3 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 4: SVISLE INFORMACNI MENU VLEVO                       */
/* Menu je pouze vedle uvodu. Produktove sekce zustavaji pres celou sirku.   */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    .template_title_page #eshop .eshop_body.container-flex {
        display: grid;
        grid-template-columns: 215px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        column-gap: 28px;
        align-items: start;
    }

    .template_title_page #left_column {
        grid-column: 1;
        grid-row: 1;
        width: 215px;
        max-width: 215px;
        margin: 24px 0 0;
    }

    .template_title_page #main_menu::before {
        content: "Informace";
        display: block;
        padding: 13px 15px 11px;
        border-bottom: 3px solid #65d632;
        border-radius: 7px 7px 0 0;
        background: #151a16;
        color: #f0f4ef;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .template_title_page #main_menu .body {
        padding: 5px 13px;
        border: 1px solid #dce3dc;
        border-top: 0;
        border-radius: 0 0 7px 7px;
        background: #f5f7f5;
        box-shadow: 0 4px 13px rgba(12, 20, 14, 0.07);
    }

    .template_title_page #main_menu ul {
        display: block;
    }

    .template_title_page #main_menu li {
        display: block;
        float: none;
        width: 100%;
    }

    .template_title_page #main_menu a {
        display: block;
        float: none;
        width: 100%;
        padding: 10px 7px;
        box-sizing: border-box;
        border-bottom: 1px solid #dfe5df;
        background: transparent;
        color: #303630;
        font-size: 14px;
    }

    .template_title_page #main_menu li:last-child > a {
        border-bottom: 0;
    }

    .template_title_page #main_menu a:hover {
        padding-left: 11px;
        background: #e9eee9;
        color: #388f1c;
    }

    /* Obsah #main_body se zapoji do mrizky rodice. */
    .template_title_page #main_body {
        display: contents;
    }

    .template_title_page #main_body > #static {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    .template_title_page #main_body > .action_products {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
    }

    .template_title_page #main_body > .new_products {
        grid-column: 1 / -1;
        grid-row: 3;
        min-width: 0;
    }
}

/* ==================== KONEC ETAPY 4 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 5: FIXNI POZADI Z ADMINISTRACE                         */
/* URL obrazku zustava plne spravovan administraci WebCzech.                 */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    html {
        background-color: #0b0e0c !important;
    }

    body {
        background-color: #0b0e0c !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: cover !important;
        background-attachment: fixed !important;
    }
}

/* Na mobilu fotografie zustava vypnuta nastavenim responzivni sablony. */
@media screen and (max-width: 1023px) {
    html,
    body {
        background-color: #f4f6f4 !important;
        background-image: none !important;
        background-attachment: scroll !important;
    }
}

/* ==================== KONEC ETAPY 5 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 6: VYVAZENI TMAVEHO POZADI A OBSAHU                    */
/* Tlumi bile plochy a zachovava vysoky kontrast textu a produktu.           */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Nadpisy hlavnich produktovych sekci */
    .template_title_page .action_products > .header,
    .template_title_page .new_products > .header {
        box-sizing: border-box;
        margin: 26px 0 16px;
        padding: 12px 16px 11px;
        border-left: 4px solid #65d632;
        border-bottom: 1px solid #344037;
        border-radius: 5px;
        background: rgba(12, 16, 13, 0.88);
        color: #eef4ee;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    }

    /* Uvodni obsah titulni stranky */
    .template_title_page #static {
        border-color: #344037;
        border-left-color: #65d632;
        background: linear-gradient(135deg, rgba(22, 29, 24, 0.97) 0%, rgba(28, 36, 30, 0.97) 100%);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
        color: #dce4dd;
    }

    .template_title_page #static .body,
    .template_title_page #static .body p,
    .template_title_page #static .body strong,
    .template_title_page #static .body span {
        color: #dce4dd;
    }

    .template_title_page #static .body a {
        color: #7cff3a;
    }

    .template_title_page #static .body > p:nth-of-type(2) {
        border-bottom-color: #39463d;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10) {
        border-color: #354239;
        background: rgba(34, 43, 36, 0.92);
        color: #e4eae5;
    }

    /* Leve informacni menu */
    .template_title_page #main_menu .body {
        border-color: #344037;
        background: rgba(24, 31, 26, 0.97);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26);
    }

    .template_title_page #main_menu a {
        border-bottom-color: #354039;
        color: #d9e1da;
    }

    .template_title_page #main_menu a:hover {
        background: #273129;
        color: #7cff3a;
    }

    /* Produktove karty na titulni strance */
    .template_title_page .homepage_products_body .product-card,
    .template_title_page .homepage_products_body .owl-item {
        border-color: #364139 !important;
        background: #171d18 !important;
    }

    .template_title_page .homepage_products_body .product .thumbnail {
        background: #111512;
    }

    .template_title_page .homepage_products_body .product .info {
        background: #1a211b !important;
        color: #cbd4cc;
    }

    .template_title_page .homepage_products_body .product .name a,
    .template_title_page .homepage_products_body .product .price,
    .template_title_page .homepage_products_body .product-card .description,
    .template_title_page .homepage_products_body .product #classification .number {
        color: #edf3ed;
    }

    .template_title_page .homepage_products_body .product .availability {
        color: #71d84a;
    }

    .template_title_page .homepage_products_body .product .cart_add input {
        border-color: #566259;
        background: #222a24;
        color: #eef3ee;
    }

    .template_title_page .homepage_products_body .product .show_variants {
        border-color: #65d632;
        background: transparent;
        color: #7cff3a;
    }

    .template_title_page .homepage_products_body .product .show_variants:hover {
        background: #65d632;
        color: #111512;
    }

    /* Zapati webu */
    #footer {
        border-top: 1px solid #344037;
        background: rgba(9, 12, 10, 0.9);
        color: #bfc8c0;
    }

    #footer .header,
    #footer .title {
        color: #edf3ed !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    }

    #footer .static.box .body a,
    #footer .box a,
    #footer-bottom,
    #footer-bottom a {
        color: #c9d2ca !important;
    }

    #footer .static.box .body a:hover,
    #footer .box a:hover,
    #footer-bottom a:hover {
        color: #7cff3a !important;
    }
}

/* ==================== KONEC ETAPY 6 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 7: PRODUKTOVE KARTY A MENU KATEGORII                   */
/* Oprava skutecnych selektoru #product_list a #categories_menu.             */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Karty na titulni strance, v kategoriich a ve vysledcich vyhledavani */
    #product_list .product-card,
    #product_list .owl-item {
        border-color: #364139 !important;
        background: #171d18 !important;
        color: #cbd4cc;
    }

    #product_list .product-card .thumbnail {
        background: #111512 !important;
    }

    #product_list .product-card .info {
        background: #1a211b !important;
        color: #cbd4cc !important;
    }

    #product_list .product-card .name a,
    #product_list .product-card .price,
    #product_list .product-card .description,
    #product_list .product-card #classification .number {
        color: #edf3ed !important;
    }

    #product_list .product-card .availability {
        color: #71d84a !important;
    }

    #product_list .product-card .cart_add input {
        border-color: #566259 !important;
        background: #222a24 !important;
        color: #eef3ee !important;
    }

    #product_list .product-card .show_variants {
        border-color: #65d632 !important;
        background: transparent !important;
        color: #7cff3a !important;
    }

    #product_list .product-card .show_variants:hover {
        background: #65d632 !important;
        color: #111512 !important;
    }

    /* Strom kategorii a informacni menu v levem sloupci */
    #left_column #categories_menu a,
    #left_column #main_menu a {
        border-color: #354039 !important;
        background: #1a211b !important;
        color: #d9e1da !important;
    }

    #left_column #categories_menu li.active > a,
    #left_column #categories_menu li.active_parent > a,
    #left_column #categories_menu a:hover,
    #left_column #main_menu a:hover {
        border-color: #65d632 !important;
        background: #273129 !important;
        color: #7cff3a !important;
    }

    #left_column #main_menu .body {
        border-color: #344037 !important;
        background: rgba(24, 31, 26, 0.97) !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26);
    }

    /* Horni ovladani filtru na strance kategorie */
    .template_category_detail .category_filter_wrapper {
        border: 1px solid #364139;
        background: rgba(24, 31, 26, 0.96) !important;
        color: #e3e9e4 !important;
    }

    .template_category_detail .category_filter_wrapper * {
        color: #e3e9e4;
    }

    /* Nadpis a popis kategorie musi byt citelny na fotografickem pozadi. */
    .template_category_detail #category_detail .header,
    .template_category_detail #category_detail .description,
    .template_category_detail #category_detail .description * {
        color: #e5ebe6 !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
    }
}

/* ==================== KONEC ETAPY 7 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 8: SVETLEJSI GRAFIT A OPRAVA KARUSELU                  */
/* Zesvetleni tmavych ploch bez navratu k bile a odstraneni svetlych car.    */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Mírně světlejší hlavní nadpisy sekcí */
    .template_title_page .action_products > .header,
    .template_title_page .new_products > .header {
        border-bottom-color: #465349;
        background: rgba(31, 39, 33, 0.94);
    }

    /* Úvodní blok */
    .template_title_page #static {
        border-color: #465349;
        border-left-color: #65d632;
        background: linear-gradient(135deg, rgba(37, 46, 39, 0.97) 0%, rgba(45, 55, 47, 0.97) 100%);
    }

    .template_title_page #static .body > p:nth-of-type(2) {
        border-bottom-color: #4a574d;
    }

    .template_title_page #static .body > p:nth-of-type(n+6):nth-of-type(-n+10) {
        border-color: #4a574d;
        background: rgba(48, 59, 50, 0.94);
    }

    /* Levé menu na titulce i v kategoriích */
    .template_title_page #main_menu .body,
    #left_column #main_menu .body {
        border-color: #465349 !important;
        background: rgba(37, 46, 39, 0.97) !important;
    }

    #left_column #categories_menu a,
    #left_column #main_menu a {
        border-color: #465349 !important;
        background: #29332b !important;
    }

    #left_column #categories_menu li.active > a,
    #left_column #categories_menu li.active_parent > a,
    #left_column #categories_menu a:hover,
    #left_column #main_menu a:hover {
        background: #344138 !important;
    }

    /* Produktové karty */
    #product_list .product-card,
    #product_list .owl-item {
        border-color: #465349 !important;
        background: #242c26 !important;
    }

    #product_list .product-card .thumbnail {
        background: #202721 !important;
    }

    #product_list .product-card .info {
        background: #29322b !important;
        color: #d5ddd6 !important;
    }

    /* Název je ve skutečnosti uvnitř jednoho společného odkazu karty. */
    #product_list .product-card .info > a,
    #product_list .product-card .name_desc_wrap,
    #product_list .product-card .name {
        color: #f0f4f0 !important;
    }

    #product_list .product-card .description {
        color: #d5ddd6 !important;
    }

    #product_list .product-card .action-price {
        color: #ff6262 !important;
    }

    /* Původní šablona kreslí světlý pravý okraj přes všechny vrstvy karuselu. */
    .template_title_page #product_list .owl-carousel,
    .template_title_page #product_list .owl-wrapper,
    .template_title_page #product_list .owl-wrapper-outer {
        border-right: 0 !important;
        border-left: 0 !important;
        outline: 0 !important;
    }

    /* Šipky karuselu zůstanou funkční, ale nebudou tvořit bílé svislé čáry. */
    .template_title_page #main_body .owl-prev,
    .template_title_page #main_body .owl-next {
        border-color: #465349 !important;
        background-color: rgba(41, 50, 43, 0.94) !important;
        box-shadow: none !important;
    }

    /* Kategorie a filtrování */
    .template_category_detail .category_filter_wrapper {
        border-color: #465349;
        background: rgba(41, 50, 43, 0.96) !important;
    }

    /* Zápatí */
    #footer {
        border-top-color: #465349;
        background: rgba(20, 26, 22, 0.92);
    }
}

/* ==================== KONEC ETAPY 8 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 9: KOMPLETNI CITELNOST A DETAIL PRODUKTU                */
/* Jednotne texty, ovladaci prvky, staticke stranky, detail a objednavka.     */
/* ========================================================================== */

:root {
    --tritium-surface: #29322b;
    --tritium-surface-light: #323d35;
    --tritium-surface-hover: #3a483e;
    --tritium-input: #222a24;
    --tritium-border: #4a584e;
    --tritium-text: #f0f4f0;
    --tritium-text-soft: #d5ddd6;
    --tritium-text-muted: #b9c5bb;
    --tritium-accent: #7cff3a;
}

/* Filtrovani produktu je odstraneno na vsech velikostech obrazovky.
   Razeni a volba poctu produktu zustavaji zachovane. */
.template_category_detail .category_filter_wrapper,
.template_category_detail #set_category_filter {
    display: none !important;
}

@media screen and (min-width: 1024px) {
    /* ------------------------------------------------------------------ */
    /* Vypisy produktu a ovladani kategorii                               */
    /* ------------------------------------------------------------------ */
    #product_list .product-card .name,
    #product_list .product-card .name a,
    #product_list .product-card .name_desc_wrap,
    #product_list .product-card .info > a,
    #product_list .product-card .price {
        color: var(--tritium-text) !important;
    }

    #product_list .product-card .description,
    #product_list .product-card .description p,
    #product_list .product-card .description span,
    #product_list .product-card .info {
        color: var(--tritium-text-soft) !important;
    }

    .template_category_detail .display,
    .template_category_detail .display label,
    .template_category_detail .order_by_container,
    .template_category_detail .product_count_on_page,
    .template_category_detail #display_top,
    .template_category_detail #display_bottom {
        color: var(--tritium-text-soft) !important;
    }

    .template_category_detail #order_by,
    .template_category_detail #product_count,
    .template_category_detail #order_by_bottom,
    .template_category_detail #product_count_bottom {
        border: 1px solid var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .template_category_detail #order_by option,
    .template_category_detail #product_count option,
    .template_category_detail #order_by_bottom option,
    .template_category_detail #product_count_bottom option {
        background: var(--tritium-input);
        color: var(--tritium-text);
    }

    .template_category_detail .paging a,
    .template_category_detail .paging label,
    .template_category_detail .paging span {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
        color: var(--tritium-text) !important;
    }

    .template_category_detail .paging a:hover,
    .template_category_detail .paging .active,
    .template_category_detail .paging .current {
        border-color: #65d632 !important;
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    /* ------------------------------------------------------------------ */
    /* Staticke stranky                                                    */
    /* ------------------------------------------------------------------ */
    .template_static_page #main_body {
        box-sizing: border-box;
        border: 1px solid var(--tritium-border);
        border-radius: 6px;
        background: rgba(41, 50, 43, 0.97);
        color: var(--tritium-text-soft);
        padding: 24px;
    }

    .template_static_page #static,
    .template_static_page #static .body,
    .template_static_page #static p,
    .template_static_page #static li,
    .template_static_page #static td,
    .template_static_page #static th,
    .template_static_page #static label,
    .template_static_page #static strong,
    .template_static_page #static em,
    .template_static_page #static span {
        color: var(--tritium-text-soft) !important;
    }

    .template_static_page #static h1,
    .template_static_page #static h2,
    .template_static_page #static h3,
    .template_static_page #static h4,
    .template_static_page #static .header {
        color: var(--tritium-text) !important;
    }

    .template_static_page #static a {
        color: var(--tritium-accent) !important;
    }

    .template_static_page #static_page_path,
    .template_static_page #static_page_path a {
        color: var(--tritium-text-muted) !important;
    }

    /* ------------------------------------------------------------------ */
    /* Detail produktu: zahlavi, galerie, informace a popis                */
    /* ------------------------------------------------------------------ */
    .template_product_detail .product_detail_custom_header,
    .template_product_detail #category_path {
        border-color: var(--tritium-border) !important;
        background: rgba(41, 50, 43, 0.97) !important;
        color: var(--tritium-text-muted) !important;
    }

    .template_product_detail #category_path a,
    .template_product_detail .product_detail_custom_header a {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #product_detail,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description p,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description span {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #product_detail h1,
    .template_product_detail #product_detail .header,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .header,
    .template_product_detail #product_detail .number {
        color: var(--tritium-text) !important;
    }

    .template_product_detail #product_detail .description .submit,
    .template_product_detail #product_detail .price_box td a {
        color: var(--tritium-accent) !important;
    }

    .template_product_detail #product_detail .image,
    .template_product_detail #product_detail .image.big,
    .template_product_detail #product_detail .product-detail-imgs-inner-wrap {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
    }

    .template_product_detail #product_detail .price_etc {
        border: 1px solid var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    .template_product_detail #product_detail .price_etc .price,
    .template_product_detail #product_detail .price_etc label,
    .template_product_detail #product_detail .price_etc strong,
    .template_product_detail #product_detail .price_etc span {
        color: var(--tritium-text) !important;
    }

    .template_product_detail #product_detail .price_etc .cart_add input {
        border: 1px solid var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .template_product_detail #product_detail .availability {
        color: #71d84a !important;
    }

    .template_product_detail .misc_box_header {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    .template_product_detail .misc_box_header .bookmark {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .misc_box_header .bookmark:hover,
    .template_product_detail .misc_box_header .bookmark.active {
        border-color: #65d632 !important;
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    .template_product_detail .misc_box_body,
    .template_product_detail .bookmark_content,
    .template_product_detail #description_content {
        border-color: var(--tritium-border) !important;
        background: rgba(41, 50, 43, 0.97) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .misc_box_body p,
    .template_product_detail .misc_box_body li,
    .template_product_detail .misc_box_body td,
    .template_product_detail .misc_box_body th,
    .template_product_detail .misc_box_body strong,
    .template_product_detail .misc_box_body span,
    .template_product_detail .bookmark_content p,
    .template_product_detail .bookmark_content li,
    .template_product_detail #description_content p,
    .template_product_detail #description_content li,
    .template_product_detail #description_content span {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .misc_box_body h2,
    .template_product_detail .misc_box_body h3,
    .template_product_detail .bookmark_content h2,
    .template_product_detail .bookmark_content h3,
    .template_product_detail #description_content h2,
    .template_product_detail #description_content h3 {
        color: var(--tritium-text) !important;
    }

    .template_product_detail .misc_box_body a,
    .template_product_detail .bookmark_content a,
    .template_product_detail #description_content a {
        color: var(--tritium-accent) !important;
    }

    .template_product_detail #attributes_content.bookmark_content tr,
    .template_product_detail #attributes_content.bookmark_content tr.odd,
    .template_product_detail #files_content.bookmark_content tr,
    .template_product_detail #files_content.bookmark_content tr.odd {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #attributes_content.bookmark_content td,
    .template_product_detail #attributes_content.bookmark_content th,
    .template_product_detail #files_content.bookmark_content td,
    .template_product_detail #files_content.bookmark_content th,
    .template_product_detail #files_content.bookmark_content a {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #variants-content .variants .product,
    .template_product_detail #variants-content .variants .thumbnail,
    .template_product_detail #variants-content .variants .info {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-surface) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #variants-content .variants .name,
    .template_product_detail #variants-content .variants .name a,
    .template_product_detail #variants-content .variants .price {
        color: var(--tritium-text) !important;
    }

    /* ------------------------------------------------------------------ */
    /* Kosik, udaje zakaznika, doprava, platba a rekapitulace              */
    /* ------------------------------------------------------------------ */
    .template_cart #main_body,
    .template_order #main_body {
        box-sizing: border-box;
        border: 1px solid var(--tritium-border);
        border-radius: 6px;
        background: rgba(41, 50, 43, 0.97);
        color: var(--tritium-text-soft);
        padding: 24px;
    }

    .template_cart #main_body h1,
    .template_cart #main_body h2,
    .template_cart #main_body h3,
    .template_order #main_body h1,
    .template_order #main_body h2,
    .template_order #main_body h3,
    .template_order #order .legend,
    .template_order #personal_form .legend {
        color: var(--tritium-text) !important;
    }

    .template_cart #cart_content,
    .template_cart #cart_content td,
    .template_cart #cart_content th,
    .template_cart #cart_content label,
    .template_cart #cart_content .name,
    .template_cart #cart_content .name a,
    .template_cart #cart_content .price,
    .template_cart #cart_content .price_total,
    .template_order #order,
    .template_order #order label,
    .template_order #personal_form,
    .template_order #personal_form label {
        color: var(--tritium-text-soft) !important;
    }

    .template_cart #cart_content .summary,
    .template_cart #cart_content .summary td,
    .template_order #payment_and_transport,
    .template_order .payment,
    .template_order .transport,
    .template_order .payment_single_wrap,
    .template_order .transport_single_wrap {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_order #order #payment_and_transport .payment:hover,
    .template_order #order #payment_and_transport .transport:hover,
    .template_order #order #payment_and_transport .payment.hover,
    .template_order #order #payment_and_transport .transport.hover,
    .template_order #order #payment_and_transport .payment.active,
    .template_order #order #payment_and_transport .transport.active,
    .template_order #order #payment_and_transport .payment.selected,
    .template_order #order #payment_and_transport .transport.selected {
        border-color: #65d632 !important;
        background-color: var(--tritium-surface-hover) !important;
    }

    .template_order .payment label,
    .template_order .transport label,
    .template_order .payment .price,
    .template_order .transport .price,
    .template_order .payment strong,
    .template_order .transport strong {
        color: var(--tritium-text) !important;
    }

    .template_order #order #payment_and_transport .active .name label,
    .template_order #order #payment_and_transport .active .price,
    .template_order #order #payment_and_transport .selected .name label,
    .template_order #order #payment_and_transport .selected .price {
        color: var(--tritium-text) !important;
    }

    .template_order .payment .description,
    .template_order .transport .description,
    .template_order #payment_and_transport .description {
        color: var(--tritium-text-muted) !important;
    }

    .template_cart #main_body input[type="text"],
    .template_cart #main_body input[type="number"],
    .template_cart #main_body input[type="email"],
    .template_cart #main_body select,
    .template_cart #main_body textarea,
    .template_order #main_body input[type="text"],
    .template_order #main_body input[type="number"],
    .template_order #main_body input[type="email"],
    .template_order #main_body input[type="tel"],
    .template_order #main_body select,
    .template_order #main_body textarea {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .template_cart #main_body input::placeholder,
    .template_cart #main_body textarea::placeholder,
    .template_order #main_body input::placeholder,
    .template_order #main_body textarea::placeholder {
        color: var(--tritium-text-muted) !important;
        opacity: 1;
    }

    .template_order #personal_form .customer_type_selector div,
    .template_order #personal_form .customer_type_selector label {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    .template_order #personal_form .customer_type_selector div:hover,
    .template_order #personal_form .customer_type_selector .checked,
    .template_order #personal_form .customer_type_selector .active {
        border-color: #65d632 !important;
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    .template_order #personal_form .customer_type_selector div:nth-child(1),
    .template_order #personal_form .customer_type_selector div:nth-child(2),
    .template_order #personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked + label,
    .template_order #personal_form .customer_type_selector div:nth-child(2) input[type="radio"]:checked + label {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    .template_order #personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked + label,
    .template_order #personal_form .customer_type_selector div:nth-child(2) input[type="radio"]:checked + label {
        border-color: #65d632 !important;
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    .template_cart #main_body a:not(.submit):not(.btn_primary),
    .template_order #main_body a:not(.submit):not(.btn_primary) {
        color: var(--tritium-accent);
    }
}

/* ==================== KONEC ETAPY 9 — 3H-TRITIUM ======================== */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 10: KATEGORIE, POPISY A STATICKA NAVIGACE              */
/* Nadpisy kategorii, odsazeni popisu, breadcrumb a sjednoceni menu.         */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Nadpis kategorie je vnoreny prvek h1 a potrebuje vlastni barvu. */
    .template_category_detail #category_detail .header h1,
    .template_category_detail #category_detail h1 {
        color: var(--tritium-text) !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.62);
    }

    /* Nazev a popis v produktovych kartach uz nelezi tesne u okraju. */
    #product_list .product-card .name_desc_wrap {
        box-sizing: border-box;
        width: 100%;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    /* Dlouhy popis produktu dostava stejne vnitrni odsazeni jako staticke stranky. */
    .template_product_detail .misc_box_body {
        box-sizing: border-box;
        padding: 24px !important;
        border: 1px solid var(--tritium-border) !important;
        border-top: 0 !important;
        border-radius: 0 0 6px 6px;
    }

    /* Drobne odsazeni kratkeho popisu v hlavnim informacnim sloupci. */
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description {
        box-sizing: border-box;
        padding: 10px 0 4px !important;
    }

    /* Cesta k produktu: odstraneni bilych ovalnych poli. */
    .template_product_detail #category_path a:not(.home) {
        border: 1px solid var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #category_path a:not(.home):hover,
    .template_product_detail #category_path a.last {
        border-color: #65d632 !important;
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    /* Stejne barevne schema i pro rozbalovaci seznam kategorii v detailu. */
    .template_product_detail .categories_menu_product_detail,
    .template_product_detail .categories_menu_product_detail ul,
    .template_product_detail .categories_menu_product_detail li {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
    }

    .template_product_detail .categories_menu_product_detail li > a {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .categories_menu_product_detail li > a:hover,
    .template_product_detail .categories_menu_product_detail li.active > a {
        border-color: #65d632 !important;
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }
}

/* Spodni seznam statickych stranek se skryje. Pred nasazenim musi byt jeho
   polozky pridany do hlavniho leveho menu v administraci WebCzech. */
#footer .static.box {
    display: none !important;
}

/* ==================== KONEC ETAPY 10 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 11: IKONY FOTOGRAFII A VETSI GALERIE                  */
/* Vyraznejsi lupa a seznam prani, bezpecne zvetseni nahledu na desktopu.   */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Lupa: vetsi aktivni plocha, zeleny symbol a odstup od okraju. */
    .template_product_detail #product_detail .bigger {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px !important;
        height: 40px !important;
        margin: 0 14px 10px 0 !important;
        border: 2px solid var(--tritium-accent);
        border-radius: 50%;
        background-color: rgba(34, 42, 36, 0.94) !important;
        background-image: none !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.38);
        transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .template_product_detail #product_detail .bigger::before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        background-color: var(--tritium-accent);
        -webkit-mask: url("/templates/official_evolution_top/styles/official/images/zoom.svg") center / contain no-repeat;
        mask: url("/templates/official_evolution_top/styles/official/images/zoom.svg") center / contain no-repeat;
        pointer-events: none;
    }

    .template_product_detail #product_detail .bigger:hover {
        background-color: var(--tritium-surface-hover) !important;
        box-shadow: 0 4px 14px rgba(101, 214, 50, 0.32);
        transform: scale(1.06);
    }

    /* Srdce: stejne provedeni a vetsi odstup od leveho/spodniho okraje. */
    .template_product_detail #product_detail .wishlist {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px !important;
        height: 38px !important;
        margin: 0 8px 10px 12px !important;
        border: 2px solid var(--tritium-accent);
        border-radius: 50%;
        background-color: rgba(34, 42, 36, 0.94) !important;
        background-image: none !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.38);
        transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .template_product_detail #product_detail .wishlist::before {
        content: "";
        display: block;
        width: 21px;
        height: 21px;
        background-color: var(--tritium-text);
        -webkit-mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
        mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
        pointer-events: none;
    }

    .template_product_detail #product_detail .wishlist:hover,
    .template_product_detail #product_detail .wishlist.active {
        background-color: var(--tritium-surface-hover) !important;
        background-image: none !important;
        box-shadow: 0 4px 14px rgba(101, 214, 50, 0.32);
        transform: scale(1.06);
    }

    .template_product_detail #product_detail .wishlist:hover::before,
    .template_product_detail #product_detail .wishlist.active::before {
        background-color: var(--tritium-accent);
    }

    /* Fancybox standardne drzi soubor na 800 x 600 px. Na vetsich monitorech
       jej zvetsime nejvyse na 1000 x 750 px a zachovame pomer stran. */
    .fancybox-container .fancybox-slide--image .fancybox-content {
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        width: min(1000px, 92vw, 109.333vh) !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        transform: translate(-50%, -50%) !important;
    }

    .fancybox-container .fancybox-slide--image .fancybox-image {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }
}

/* ==================== KONEC ETAPY 11 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 12: HERO BANNER NA DOMOVSKE STRANCE                   */
/* Tri uvodni texty a pod nimi responzivni banner pres celou sirku panelu.  */
/* ========================================================================== */

.template_title_page #static .body {
    display: block !important;
}

.template_title_page #static .body > p:nth-of-type(1),
.template_title_page #static .body > p:nth-of-type(2),
.template_title_page #static .body > p:nth-of-type(3) {
    display: block !important;
    width: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    color: var(--tritium-text-soft) !important;
}

.template_title_page #static .body > p:nth-of-type(1) {
    margin-bottom: 8px !important;
    color: var(--tritium-text) !important;
    font-size: 16px;
}

.template_title_page #static .body > p:nth-of-type(2) {
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--tritium-border) !important;
    line-height: 1.55;
}

.template_title_page #static .body > p:nth-of-type(3) {
    margin-bottom: 0 !important;
    padding: 0 !important;
    line-height: 1.55;
}

.template_title_page #static .body > p:nth-of-type(1) span,
.template_title_page #static .body > p:nth-of-type(2) span,
.template_title_page #static .body > p:nth-of-type(3) span,
.template_title_page #static .body > p:nth-of-type(1) strong,
.template_title_page #static .body > p:nth-of-type(2) strong,
.template_title_page #static .body > p:nth-of-type(3) strong {
    color: inherit !important;
}

.template_title_page #static .body > p:nth-of-type(-n+3) a {
    color: var(--tritium-accent) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.template_title_page #static .body > p:nth-of-type(-n+3) a:hover {
    color: #a6ff78 !important;
    text-decoration: none;
}

/* Prazdny odstavec mezi textem a obrazkem neni potreba. */
.template_title_page #static .body > p:nth-of-type(4) {
    display: none !important;
}

/* Hero banner je aktualne paty odstavec obsahu. */
.template_title_page #static .body > p:nth-of-type(5),
.template_title_page #static .body > p:has(img[src*="3h-tritium-hero.jpg"]) {
    display: block !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--tritium-border);
    border-radius: 7px;
    background: #030705;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
    line-height: 0;
}

.template_title_page #static .body > p:nth-of-type(5) img,
.template_title_page #static .body img[src*="3h-tritium-hero.jpg"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px;
    box-shadow: none !important;
}

/* Puvodni marketingove radky a galerie za novym bannerem zustavaji ve sprave
   obsahu, ale na domovske strance se uz nezobrazuji. */
.template_title_page #static .body > p:nth-of-type(n+6),
.template_title_page #static .body > p:has(img[src*="3h-tritium-hero.jpg"]) ~ *,
.template_title_page #static .static_gallery {
    display: none !important;
}

@media screen and (max-width: 1023px) {
    .template_title_page #static .body > p:nth-of-type(5),
    .template_title_page #static .body > p:has(img[src*="3h-tritium-hero.jpg"]) {
        margin-top: 16px !important;
        border-radius: 5px;
    }

    .template_title_page #static .body > p:nth-of-type(5) img,
    .template_title_page #static .body img[src*="3h-tritium-hero.jpg"] {
        border-radius: 4px;
    }
}

/* ==================== KONEC ETAPY 12 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 13: OVLADANI MNOZSTVI, KOUROVE SKLO A MENU            */
/* Tmave +/- prvky, lehci galerie, citelny popis a bezpecna navigace.       */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Ovládání množství ve stylu ostatních kruhových ikon. */
    .template_product_detail #product_detail .cart_add .quant_down,
    .template_product_detail #product_detail .cart_add .quant_up {
        box-sizing: border-box;
        width: 44px !important;
        min-width: 44px;
        height: 44px !important;
        margin: 1px 5px !important;
        padding: 0 !important;
        border: 2px solid var(--tritium-accent) !important;
        border-radius: 50% !important;
        background: rgba(34, 42, 36, 0.96) !important;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.32);
        color: var(--tritium-accent) !important;
        font-size: 25px;
        font-weight: 500;
        line-height: 38px;
        text-align: center;
        transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    }

    .template_product_detail #product_detail .cart_add .quant_down:not(.disabled):hover,
    .template_product_detail #product_detail .cart_add .quant_up:not(.disabled):hover {
        background: var(--tritium-surface-hover) !important;
        box-shadow: 0 4px 14px rgba(101, 214, 50, 0.3);
        transform: scale(1.05);
    }

    .template_product_detail #product_detail .cart_add .quant_down.disabled,
    .template_product_detail #product_detail .cart_add .quant_up.disabled {
        border-color: #68736b !important;
        color: #89948b !important;
        cursor: not-allowed;
        opacity: 0.62;
    }

    .template_product_detail #product_detail .cart_add input[type="text"],
    .template_product_detail #product_detail .cart_add input[type="number"] {
        box-sizing: border-box;
        width: 52px !important;
        height: 46px !important;
        margin: 0 2px !important;
        border: 1px solid var(--tritium-border) !important;
        border-radius: 23px !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
        font-weight: 800;
        text-align: center;
    }

    /* Galerie: pruhlednejsi kourene sklo misto souvisleho antracitu. */
    .template_product_detail #product_detail .product-detail-imgs-inner-wrap,
    .template_product_detail #product_detail .image.big {
        border-color: rgba(124, 255, 58, 0.2) !important;
        background: rgba(25, 32, 27, 0.36) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

    /* Popis zustava citelnejsi nez galerie, ale neni uz plnou tmavou plochou. */
    .template_product_detail .misc_box_body,
    .template_product_detail .bookmark_content,
    .template_product_detail #description_content {
        background: rgba(29, 37, 31, 0.78) !important;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .template_product_detail .misc_box_header {
        background: rgba(50, 61, 53, 0.88) !important;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
}

/* Dokud chybi nektery ze spodnich odkazu v levem menu, zapati zustane
   dostupne. Po doplneni vsech peti se spodní blok skryje automaticky. */
#footer .static.box {
    display: block !important;
}

body:has(#main_menu a[href*="obchodni-podminky"]):has(#main_menu a[href*="odkazy"]):has(#main_menu a[href*="recenze"]):has(#main_menu a[href*="vyuziti"]):has(#main_menu a[href*="navod-k-pouziti"]) #footer .static.box {
    display: none !important;
}

/* ==================== KONEC ETAPY 13 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 14: OPRAVA CHYBEJICICH ODKAZU V LEVEM MENU            */
/* WebCzech cast stranek generuje pouze v zapati. Na desktopu se jejich       */
/* skutecne odkazy vizualne pripoji pod #main_menu, bez duplikace v zapati.   */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    /* Na strankach bez leveho informacniho menu se spodni blok nezobrazuje. */
    #footer .static.box {
        display: none !important;
    }

    .template_title_page #main_menu,
    .template_category_detail #main_menu,
    .template_static_page #main_menu {
        anchor-name: --tritium-information-menu;
    }

    /* Puvodni spodni zaobleni se presune az pod posledni doplneny odkaz. */
    .template_title_page #main_menu .body,
    .template_category_detail #main_menu .body,
    .template_static_page #main_menu .body {
        border-radius: 0 !important;
    }

    .template_title_page #main_menu li:last-child > a,
    .template_category_detail #main_menu li:last-child > a,
    .template_static_page #main_menu li:last-child > a {
        border-bottom: 1px solid var(--tritium-border) !important;
    }

    .template_title_page #footer .static.box,
    .template_category_detail #footer .static.box,
    .template_static_page #footer .static.box {
        box-sizing: border-box;
        display: block !important;
        position: absolute !important;
        position-anchor: --tritium-information-menu;
        z-index: 20;
        top: anchor(bottom);
        left: anchor(left);
        width: anchor-size(width);
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .template_title_page #footer .static.box .header,
    .template_category_detail #footer .static.box .header,
    .template_static_page #footer .static.box .header {
        display: none !important;
    }

    .template_title_page #footer .static.box .body,
    .template_category_detail #footer .static.box .body,
    .template_static_page #footer .static.box .body {
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 17px 5px !important;
        border: 1px solid var(--tritium-border) !important;
        border-top: 0 !important;
        border-radius: 0 0 7px 7px !important;
        background: rgba(37, 46, 39, 0.97) !important;
        box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
    }

    .template_title_page #footer .static.box .body > div,
    .template_category_detail #footer .static.box .body > div,
    .template_static_page #footer .static.box .body > div {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .template_title_page #footer .static.box .body a,
    .template_category_detail #footer .static.box .body a,
    .template_static_page #footer .static.box .body a {
        box-sizing: border-box;
        display: flex !important;
        align-items: center;
        width: 100% !important;
        min-height: 45px;
        margin: 0 !important;
        padding: 11px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 20px !important;
        text-decoration: none !important;
        transition: color 0.18s ease, background-color 0.18s ease, padding-left 0.18s ease;
    }

    .template_title_page #footer .static.box .body > div:last-child a,
    .template_category_detail #footer .static.box .body > div:last-child a,
    .template_static_page #footer .static.box .body > div:last-child a {
        border-bottom: 0 !important;
    }

    .template_title_page #footer .static.box .body a:hover,
    .template_category_detail #footer .static.box .body a:hover,
    .template_static_page #footer .static.box .body a:hover {
        padding-left: 8px !important;
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }
}

/* Zaloha pro starsi prohlizece bez CSS anchor positioning. */
@media screen and (min-width: 1024px) {
    @supports not (position-anchor: --tritium-information-menu) {
        .template_title_page #footer .static.box,
        .template_category_detail #footer .static.box,
        .template_static_page #footer .static.box {
            left: max(25px, calc((100vw - 1298px) / 2)) !important;
        }

        .template_title_page #footer .static.box {
            top: 561px !important;
            width: 215px !important;
        }

        .template_category_detail #footer .static.box {
            top: 589px !important;
            width: clamp(210px, 18.5vw, 252px) !important;
        }

        .template_static_page #footer .static.box {
            top: 543px !important;
            width: clamp(210px, 17.8vw, 242px) !important;
        }
    }
}

/* ==================== KONEC ETAPY 14 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 15: SJEDNOCENI MENU A NOVY HERO BANNER                */
/* Doplnena cast menu navazuje barvou, odsazenim i interakci na puvodni cast. */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    .template_title_page #footer .static.box .body,
    .template_category_detail #footer .static.box .body,
    .template_static_page #footer .static.box .body {
        border-color: #465349 !important;
        background: rgba(37, 46, 39, 0.97) !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26) !important;
    }

    .template_title_page #footer .static.box .body a,
    .template_category_detail #footer .static.box .body a,
    .template_static_page #footer .static.box .body a {
        border-bottom-color: #465349 !important;
        background: #29332b !important;
        color: #d9e1da !important;
    }

    .template_title_page #footer .static.box .body a:hover,
    .template_category_detail #footer .static.box .body a:hover,
    .template_static_page #footer .static.box .body a:hover {
        background: #344138 !important;
        color: #7cff3a !important;
    }

    /* Titulni stranka ma uzsi menu a kompaktnejsi radky. */
    .template_title_page #footer .static.box .body {
        padding: 0 13px 5px !important;
    }

    .template_title_page #footer .static.box .body a {
        min-height: 40px;
        padding: 10px 7px !important;
    }

    .template_title_page #footer .static.box .body a:hover {
        padding-left: 11px !important;
    }

    /* Kategorie a staticke stranky pouzivaji sirsi standardni leve menu. */
    .template_category_detail #footer .static.box .body,
    .template_static_page #footer .static.box .body {
        padding: 0 17px 4px !important;
    }

    .template_category_detail #footer .static.box .body a,
    .template_static_page #footer .static.box .body a {
        min-height: 45px;
        padding: 12px 31px 12px 0 !important;
    }

    .template_category_detail #footer .static.box .body a:hover,
    .template_static_page #footer .static.box .body a:hover {
        padding-left: 0 !important;
    }
}

/* Stejna pravidla hero obrazku plati i pro novou verzi souboru. */
.template_title_page #static .body > p:has(img[src*="3h-tritium-hero-v2.jpg"]) {
    display: block !important;
    width: 100% !important;
    margin: 22px 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--tritium-border);
    border-radius: 7px;
    background: #030705;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
    line-height: 0;
}

.template_title_page #static .body img[src*="3h-tritium-hero-v2.jpg"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px;
    box-shadow: none !important;
}

.template_title_page #static .body > p:has(img[src*="3h-tritium-hero-v2.jpg"]) ~ * {
    display: none !important;
}

@media screen and (max-width: 1023px) {
    .template_title_page #static .body > p:has(img[src*="3h-tritium-hero-v2.jpg"]) {
        margin-top: 16px !important;
        border-radius: 5px;
    }

    .template_title_page #static .body img[src*="3h-tritium-hero-v2.jpg"] {
        border-radius: 4px;
    }
}

/* ==================== KONEC ETAPY 15 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 16: PLYNULE SPOJENI OBOU CASTI LEVEHO MENU            */
/* Odstraneni mezery, stinu a delici cary na prechodu mezi castmi menu.       */
/* ========================================================================== */

@media screen and (min-width: 1024px) {
    .template_title_page #main_menu .body,
    .template_category_detail #main_menu .body,
    .template_static_page #main_menu .body {
        padding-bottom: 0 !important;
        box-shadow: none !important;
    }

    .template_title_page #main_menu li:last-child > a,
    .template_category_detail #main_menu li:last-child > a,
    .template_static_page #main_menu li:last-child > a {
        border-bottom: 0 !important;
    }

    .template_title_page #footer .static.box .body,
    .template_category_detail #footer .static.box .body,
    .template_static_page #footer .static.box .body {
        border-top: 0 !important;
    }
}

/* ==================== KONEC ETAPY 16 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 17: IKONY KARET A DROBNE OVLADACI PRVKY               */
/* Hodnoceni, wishlist, galerie, navigacni cesta a drobnosti zapati.          */
/* ========================================================================== */

/* Hodnoceni na produktovych kartach: bez svetleho bezoveho ovalku. */
.product-card #classification .number span {
    box-sizing: border-box;
    border: 1px solid var(--tritium-border) !important;
    background: rgba(34, 42, 36, 0.96) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.24);
}

/* Prazdny drzak ikony se nema zobrazovat jako bila kapsle. */
.product-card .product-image-btns:not(:has(.wishlist)):not(:has(.compare)) {
    display: none !important;
}

/* Wishlist v kartach na titulce a v kategoriich. */
.template_title_page .product-card .product-image-btns,
.template_category_detail .product-card .product-image-btns {
    box-sizing: border-box;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 5px !important;
    border: 1px solid var(--tritium-border) !important;
    border-radius: 50% !important;
    background: rgba(34, 42, 36, 0.96) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34);
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.template_title_page .product-card .product-image-btns .wishlist,
.template_category_detail .product-card .product-image-btns .wishlist {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
}

.template_title_page .product-card .product-image-btns .wishlist::before,
.template_category_detail .product-card .product-image-btns .wishlist::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: var(--tritium-accent);
    -webkit-mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
    mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
}

.template_title_page .product-card .product-image-btns:hover,
.template_category_detail .product-card .product-image-btns:hover {
    border-color: var(--tritium-accent) !important;
    background: var(--tritium-surface-hover) !important;
    transform: scale(1.06);
}

/* V doporucenych/alternativnich kartach detailu uz ma srdce vlastni kruh. */
.template_product_detail #product_detail .product-card .product-image-btns {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Sipky a strankovaci tecky obrazkove galerie. */
.template_product_detail .owl-buttons .owl-prev,
.template_product_detail .owl-buttons .owl-next {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tritium-border) !important;
    border-radius: 50% !important;
    background-color: rgba(34, 42, 36, 0.96) !important;
    background-image: none !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.template_product_detail .owl-buttons .owl-prev::before,
.template_product_detail .owl-buttons .owl-next::before {
    content: "";
    display: block;
    width: 9px;
    height: 13px;
    background-color: var(--tritium-accent);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.template_product_detail .owl-buttons .owl-prev::before {
    -webkit-mask-image: url("/templates/official_evolution_top/styles/official/images/arrow_border_left.svg");
    mask-image: url("/templates/official_evolution_top/styles/official/images/arrow_border_left.svg");
}

.template_product_detail .owl-buttons .owl-next::before {
    -webkit-mask-image: url("/templates/official_evolution_top/styles/official/images/arrow_border_right.svg");
    mask-image: url("/templates/official_evolution_top/styles/official/images/arrow_border_right.svg");
}

.template_product_detail .owl-buttons .owl-prev:hover,
.template_product_detail .owl-buttons .owl-next:hover {
    border-color: var(--tritium-accent) !important;
    background-color: var(--tritium-surface-hover) !important;
    transform: scale(1.06);
}

.template_product_detail .owl-controls .owl-page {
    background: #465349 !important;
    box-shadow: none !important;
}

.template_product_detail .owl-controls .owl-page.active {
    background: var(--tritium-accent) !important;
    box-shadow: 0 0 7px rgba(124, 255, 58, 0.52) !important;
}

/* Posledni polozka navigacni cesty v kategorii uz nebude svetla. */
.template_category_detail #category_path a.last {
    border: 1px solid var(--tritium-border) !important;
    background: var(--tritium-surface-light) !important;
    color: var(--tritium-accent) !important;
}

.template_category_detail #category_path a.last:hover {
    border-color: var(--tritium-accent) !important;
    background: var(--tritium-surface-hover) !important;
}

/* Posledni svetly ovalek v zapati. */
#footer a[href="/mapa-webu"] {
    border: 0 !important;
    background: transparent !important;
    color: var(--tritium-text-muted) !important;
    box-shadow: none !important;
}

#footer a[href="/mapa-webu"]:hover {
    color: var(--tritium-accent) !important;
}

/* ==================== KONEC ETAPY 17 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 18: NAKUPNI PROCES A TYPOGRAFIE POPISU PRODUKTU        */
/* Sjednoceni kroku objednavky, rekapitulace, dialogu a velikosti popisu.     */
/* ========================================================================== */

/* Text vlastniho popisu produktu ma jednotnych 14 px. Nadpis zalozky
   (prvni radek „popis“) lezi mimo tyto kontejnery a velikost si ponechava. */
.template_product_detail .misc_box_body,
.template_product_detail .bookmark_content,
.template_product_detail #description_content {
    font-size: 14px !important;
    line-height: 1.55;
}

.template_product_detail .misc_box_body p,
.template_product_detail .misc_box_body li,
.template_product_detail .misc_box_body td,
.template_product_detail .misc_box_body th,
.template_product_detail .misc_box_body div,
.template_product_detail .misc_box_body span,
.template_product_detail .misc_box_body strong,
.template_product_detail .misc_box_body em,
.template_product_detail .misc_box_body a,
.template_product_detail .bookmark_content p,
.template_product_detail .bookmark_content li,
.template_product_detail .bookmark_content td,
.template_product_detail .bookmark_content th,
.template_product_detail .bookmark_content div,
.template_product_detail .bookmark_content span,
.template_product_detail .bookmark_content strong,
.template_product_detail .bookmark_content em,
.template_product_detail .bookmark_content a,
.template_product_detail #description_content p,
.template_product_detail #description_content li,
.template_product_detail #description_content td,
.template_product_detail #description_content th,
.template_product_detail #description_content div,
.template_product_detail #description_content span,
.template_product_detail #description_content strong,
.template_product_detail #description_content em,
.template_product_detail #description_content a {
    font-size: 14px !important;
    line-height: 1.55;
}

/* Horni pruvodce objednavkou: budoucí kroky jsou citelne, aktivni krok zeleny
   a dokoncene kroky zustavaji zretelne odlisene. */
.template_cart #order .legend .item,
.template_order #order .legend .item {
    border-bottom-color: var(--tritium-border) !important;
    color: var(--tritium-text-soft) !important;
}

.template_cart #order .legend .item .text,
.template_cart #order .legend .item .number,
.template_order #order .legend .item .text,
.template_order #order .legend .item .number {
    color: var(--tritium-text-soft) !important;
}

.template_cart #order .legend .item.active,
.template_order #order .legend .item.active,
.template_cart #order .legend .item.passed,
.template_order #order .legend .item.passed {
    border-bottom-color: var(--tritium-accent) !important;
}

.template_cart #order .legend .item.active .text,
.template_cart #order .legend .item.active .text a,
.template_cart #order .legend .item.active .number,
.template_order #order .legend .item.active .text,
.template_order #order .legend .item.active .text a,
.template_order #order .legend .item.active .number {
    color: var(--tritium-accent) !important;
}

.template_cart #order .legend .item.passed .text,
.template_cart #order .legend .item.passed .text a,
.template_order #order .legend .item.passed .text,
.template_order #order .legend .item.passed .text a {
    color: var(--tritium-text-muted) !important;
}

/* Pocitadlo k doprave zdarma uz nema kremovy podklad ani bezovy zvyraznovac. */
.template_cart #cart .zero_fee_price,
.template_order #cart .zero_fee_price,
.dialogBasketContent .zero_fee_price {
    border: 1px solid var(--tritium-border) !important;
    background: var(--tritium-surface-light) !important;
    color: var(--tritium-text-soft) !important;
}

.template_cart #cart .zero_fee_price b,
.template_order #cart .zero_fee_price b,
.dialogBasketContent .zero_fee_price b {
    background: transparent !important;
    color: var(--tritium-accent) !important;
}

/* Rekapitulace: kontaktni bloky, poznamka a souhrn kosiku ve stejnem povrchu. */
.template_order #order-recap-wrapper .box,
.template_order #order-recap-wrapper .box .body,
.template_order #order-recap-wrapper .order_note_div,
.template_order #order-recap-wrapper .order-recap-cart #cart_content,
.template_order #order-recap-wrapper .order-recap-cart #cart_content > .container-flex,
.template_order #order-recap-wrapper .order-recap-payment-transport-wrapper,
.template_order #order-recap-wrapper .order-recap-total-price-div {
    border-color: var(--tritium-border) !important;
    background: var(--tritium-surface-light) !important;
    color: var(--tritium-text-soft) !important;
}

.template_order #order-recap-wrapper .box .header,
.template_order #order-recap-wrapper .box .header *,
.template_order #order-recap-wrapper .order_note_div h2,
.template_order #order-recap-wrapper .order-recap-cart .name,
.template_order #order-recap-wrapper .order-recap-cart .name a,
.template_order #order-recap-wrapper .order-recap-cart .price,
.template_order #order-recap-wrapper .order-recap-cart .price_total,
.template_order #order-recap-wrapper .total_price_wrap,
.template_order #order-recap-wrapper .total_price_wrap * {
    color: var(--tritium-text) !important;
}

.template_order #order-recap-wrapper textarea,
.template_order #order-recap-wrapper input[type="text"] {
    border-color: var(--tritium-border) !important;
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
}

/* Vyber pobočky/vydejniho mista nesmi po otevreni vratit bily panel
   nebo cerveny text z puvodni sablony. */
.template_order #transport_selector .ui-widget.ui-widget-content,
.template_order #transport_selector .custom-combobox,
.template_order #transport_selector .ui-autocomplete,
.template_order #transport_selector select,
.template_order #transport_selector select option,
.template_order #transport_selector select option p,
.template_order #transport_selector select * {
    border-color: var(--tritium-border) !important;
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
}

/* Validacni a informacni dialogy se uz neoteviraji jako bile okno. */
.ui-dialog.ui-widget.ui-widget-content,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-buttonpane {
    border-color: var(--tritium-border) !important;
    background: var(--tritium-surface-light) !important;
    color: var(--tritium-text-soft) !important;
}

.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-content,
.ui-dialog .ui-dialog-content p,
.ui-dialog .ui-dialog-content label,
.ui-dialog .ui-dialog-content strong,
.ui-dialog .ui-dialog-content span {
    color: var(--tritium-text-soft) !important;
}

.ui-dialog .ui-dialog-title {
    color: var(--tritium-text) !important;
}

/* Slevovy kupon a castky rekapitulace nesmi prebirat tmavou vychozi barvu. */
.template_cart #cart_content .coupon .submit,
.template_order #order-recap-wrapper .coupon .submit,
.template_order #order-recap-wrapper .price_total,
.template_order #order-recap-wrapper .price_total span {
    color: var(--tritium-text) !important;
}

/* ==================== KONEC ETAPY 18 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 19: NAVIGACE STATICKYCH STRANEK A MEZERY V POPISECH   */
/* Tmava navigacni cesta a umirnene mezery vznikle formatovanim v editoru.   */
/* ========================================================================== */

/* Posledni polozka cesty na statickych strankach uz neni bily oval. */
.template_static_page #static_page_path a.last {
    border: 1px solid var(--tritium-border) !important;
    background: var(--tritium-surface-light) !important;
    color: var(--tritium-accent) !important;
    box-shadow: none !important;
}

.template_static_page #static_page_path a.last:hover {
    border-color: var(--tritium-accent) !important;
    background: var(--tritium-surface-hover) !important;
    color: var(--tritium-accent) !important;
}

/* Domecek a sipka zustavaji lehke, ale barevne navazuji na tmavou cestu. */
.template_static_page #static_page_path a.home {
    opacity: 0.88;
    filter: brightness(0) saturate(100%) invert(89%) sepia(8%) saturate(291%) hue-rotate(75deg) brightness(97%);
}

.template_static_page #static_page_path .arrow {
    opacity: 0.72;
    filter: brightness(0) saturate(100%) invert(89%) sepia(8%) saturate(291%) hue-rotate(75deg) brightness(97%);
}

/* Editor vytvari kazdym Enterem novy odstavec; puvodni sablona mu davala
   21px spodni mezeru. Zachovame odstavce, ale mezeru sjednotime na 11px. */
.template_product_detail #description_content > p,
.template_product_detail #description_content > ul,
.template_product_detail #description_content > ol,
.template_product_detail #description_content > table,
.template_product_detail #description_content > blockquote {
    margin-top: 0 !important;
    margin-bottom: 11px !important;
}

.template_product_detail #description_content > p:last-child,
.template_product_detail #description_content > ul:last-child,
.template_product_detail #description_content > ol:last-child,
.template_product_detail #description_content > table:last-child,
.template_product_detail #description_content > blockquote:last-child {
    margin-bottom: 0 !important;
}

/* Nadpis ulozeny jako prvni tucny odstavec zustava vetsi nez bezny text. */
.template_product_detail #description_content > p:first-child:has(strong),
.template_product_detail #description_content > p:first-child:has(strong) strong,
.template_product_detail #description_content > p:first-child:has(strong) span {
    font-size: 16px !important;
    line-height: 1.4;
}

/* Skutecne prazdne odstavce a opakovane rucni zalomeni nevytvareji mezery. */
.template_product_detail #description_content > p:empty,
.template_product_detail #description_content > p:has(> br:only-child),
.template_product_detail #description_content br + br {
    display: none !important;
}

/* ==================== KONEC ETAPY 19 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 20: KOUROVE SKLO V DETAILU PRODUKTU                   */
/* Sjednoceni navigace, galerie, cenoveho panelu a zalozek produktu.         */
/* ========================================================================== */

/* Spolecny skleneny charakter: jemny zeleny lem, vnitrni odlesk a stin. */
.template_product_detail #category_path,
.template_product_detail #product_detail .product-detail-imgs-inner-wrap,
.template_product_detail #product_detail .image.big,
.template_product_detail #product_detail .price_etc,
.template_product_detail .misc_box_header {
    box-sizing: border-box;
    border: 1px solid rgba(124, 255, 58, 0.18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 24px rgba(0, 0, 0, 0.18) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%);
    backdrop-filter: blur(7px) saturate(112%);
}

/* Navigacni cesta: lehke sklo misto temer nepruhledneho antracitu. */
.template_product_detail #category_path {
    background: linear-gradient(
        135deg,
        rgba(48, 62, 52, 0.52),
        rgba(18, 25, 21, 0.36)
    ) !important;
}

.template_product_detail #category_path a:not(.home) {
    border-color: rgba(124, 255, 58, 0.16) !important;
    background: rgba(30, 40, 33, 0.42) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.template_product_detail #category_path a:not(.home):hover,
.template_product_detail #category_path a.last {
    border-color: rgba(124, 255, 58, 0.5) !important;
    background: rgba(71, 96, 78, 0.48) !important;
    color: var(--tritium-accent) !important;
}

/* Galerie mela dve prekryvajici se tmave vrstvy. Vnejsi obal je proto skoro
   pruhledny a vlastni pole hlavni fotografie zustava jen lehce zakourene. */
.template_product_detail #product_detail .product-detail-imgs-inner-wrap {
    background: rgba(15, 21, 17, 0.07) !important;
    border-radius: 7px !important;
}

.template_product_detail #product_detail .image.big {
    background: linear-gradient(
        145deg,
        rgba(42, 55, 46, 0.24),
        rgba(10, 15, 12, 0.14)
    ) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

/* Cena potrebuje vyssi kryti kvuli cislicim a ovladani mnozstvi. */
.template_product_detail #product_detail .price_etc {
    background: linear-gradient(
        135deg,
        rgba(48, 62, 52, 0.68),
        rgba(18, 25, 21, 0.56)
    ) !important;
    border-radius: 7px !important;
}

/* Horni panel popisu navazuje na kourove telo popisu, ale zustava zretelny. */
.template_product_detail .misc_box_header {
    background: linear-gradient(
        135deg,
        rgba(48, 62, 52, 0.64),
        rgba(18, 25, 21, 0.5)
    ) !important;
    border-radius: 6px 6px 0 0 !important;
}

.template_product_detail .misc_box_header .bookmark {
    border-color: transparent !important;
    background: transparent !important;
}

.template_product_detail .misc_box_header .bookmark:hover,
.template_product_detail .misc_box_header .bookmark.active {
    border-color: rgba(124, 255, 58, 0.36) !important;
    background: rgba(75, 101, 82, 0.38) !important;
    color: var(--tritium-accent) !important;
}

/* Na uzkych displejich je mensi rozostreni setrnejsi a text zustava citelny. */
@media screen and (max-width: 767px) {
    .template_product_detail #category_path,
    .template_product_detail #product_detail .product-detail-imgs-inner-wrap,
    .template_product_detail #product_detail .image.big,
    .template_product_detail #product_detail .price_etc,
    .template_product_detail .misc_box_header {
        -webkit-backdrop-filter: blur(4px) saturate(108%);
        backdrop-filter: blur(4px) saturate(108%);
    }
}

/* ==================== KONEC ETAPY 20 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 21: JEDNOTNE KOUROVE SKLO DETAILU                    */
/* Jedina sklenena vrstva bez nasobeni tmavych prekryvu.                    */
/* ========================================================================== */

.template_product_detail {
    --tritium-detail-glass: linear-gradient(
        135deg,
        rgba(43, 56, 47, 0.44),
        rgba(13, 19, 15, 0.3)
    );
    --tritium-detail-glass-border: rgba(124, 255, 58, 0.2);
    --tritium-detail-glass-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 24px rgba(0, 0, 0, 0.18);
}

/* Tyto plochy pouzivaji naprosto stejny gradient, kryti, lem i rozostreni. */
.template_product_detail .product_detail_custom_header,
.template_product_detail #product_detail .image.big,
.template_product_detail .misc_box_header,
.template_product_detail .misc_box_body {
    box-sizing: border-box;
    border: 1px solid var(--tritium-detail-glass-border) !important;
    background: var(--tritium-detail-glass) !important;
    box-shadow: var(--tritium-detail-glass-shadow) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%);
    backdrop-filter: blur(7px) saturate(112%);
}

.template_product_detail .product_detail_custom_header {
    border-radius: 7px !important;
}

.template_product_detail #product_detail .image.big {
    border-radius: 7px !important;
}

.template_product_detail .misc_box_header {
    border-radius: 7px 7px 0 0 !important;
}

.template_product_detail .misc_box_body {
    border-top: 0 !important;
    border-radius: 0 0 7px 7px !important;
}

/* Cesta uvnitr horniho pasu uz nevytvari druhou sklenenou desku. */
.template_product_detail #category_path {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Vnejsi obal galerie je pouze nosic rozmeru; kour je na poli fotografie. */
.template_product_detail #product_detail .product-detail-imgs-inner-wrap {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Obsah popisu je pruhledny, protoze sklo uz vytvari .misc_box_body. */
.template_product_detail .misc_box_body .bookmark_content,
.template_product_detail .misc_box_body #description_content {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media screen and (max-width: 767px) {
    .template_product_detail .product_detail_custom_header,
    .template_product_detail #product_detail .image.big,
    .template_product_detail .misc_box_header,
    .template_product_detail .misc_box_body {
        -webkit-backdrop-filter: blur(4px) saturate(108%);
        backdrop-filter: blur(4px) saturate(108%);
    }
}

/* ==================== KONEC ETAPY 21 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 22: VNITRNI POZADI HLAVNI FOTOGRAFIE                 */
/* Odstraneni posledni plne antracitove vrstvy uvnitr slideshow.            */
/* ========================================================================== */

/* Kazdy snimek Owl carouselu mel vlastni nepruhledne pozadi #29322b,
   ktere zakryvalo spolecne kourove sklo hlavni galerie. */
.template_product_detail #product_detail .image.big #product_image,
.template_product_detail #product_detail .image.big #product_image .owl-wrapper-outer,
.template_product_detail #product_detail .image.big #product_image .owl-wrapper,
.template_product_detail #product_detail .image.big #product_image .owl-item,
.template_product_detail #product_detail .image.big #product_image .owl-item > .image {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Samotny obrazek zustava bez dodatecneho barevneho podkladu. */
.template_product_detail #product_detail .image.big #product_image .owl-item > .image > img {
    background: transparent !important;
}

/* ==================== KONEC ETAPY 22 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 23: PRIHLASENI, REGISTRACE A KARTY Z KOUROVEHO SKLA  */
/* Sjednoceni uzivatelskych formularu, modalniho okna, vyhledavani a karet.  */
/* ========================================================================== */

:root {
    --tritium-glass-list: linear-gradient(
        135deg,
        rgba(43, 56, 47, 0.56),
        rgba(13, 19, 15, 0.42)
    );
    --tritium-glass-control: linear-gradient(
        135deg,
        rgba(48, 62, 52, 0.72),
        rgba(18, 25, 21, 0.62)
    );
    --tritium-glass-border: rgba(124, 255, 58, 0.2);
    --tritium-glass-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 24px rgba(0, 0, 0, 0.2);
}

/* -------------------------------------------------------------------------- */
/* Produktove karty: jedna sklenena deska namisto tri antracitovych vrstev.   */
/* Plati pro kategorie, titulku, vyhledavani i doporucene produkty.           */
/* -------------------------------------------------------------------------- */

#product_list .product-card,
.last_viewed .product-card,
.might_be_interested_list .product-card,
#related_products .product-card,
#recommended_products .product-card,
#alternate_products .product-card {
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid var(--tritium-glass-border) !important;
    border-radius: 7px !important;
    background: var(--tritium-glass-list) !important;
    box-shadow: var(--tritium-glass-shadow) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%);
    backdrop-filter: blur(7px) saturate(112%);
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

/* Karusel uz pod kartou nevytvari dalsi plnou antracitovou vrstvu. */
#product_list .owl-item,
.last_viewed .owl-item,
.might_be_interested_list .owl-item,
#related_products .owl-item,
#recommended_products .owl-item,
#alternate_products .owl-item {
    border-color: transparent !important;
    background: transparent !important;
}

/* Vnitrni obaly pouze rozvrhuji obsah; sklo kresli samotna karta. */
#product_list .product-card > .body,
#product_list .product-card .thumbnail,
#product_list .product-card .info,
.last_viewed .product-card > .body,
.last_viewed .product-card .thumbnail,
.last_viewed .product-card .info,
.might_be_interested_list .product-card > .body,
.might_be_interested_list .product-card .thumbnail,
.might_be_interested_list .product-card .info,
#related_products .product-card > .body,
#related_products .product-card .thumbnail,
#related_products .product-card .info,
#recommended_products .product-card > .body,
#recommended_products .product-card .thumbnail,
#recommended_products .product-card .info,
#alternate_products .product-card > .body,
#alternate_products .product-card .thumbnail,
#alternate_products .product-card .info {
    background: transparent !important;
    box-shadow: none !important;
}

/* Jemny predel zachova citelne oddeleni fotografie od informaci. */
#product_list .product-card .info,
.last_viewed .product-card .info,
.might_be_interested_list .product-card .info,
#related_products .product-card .info,
#recommended_products .product-card .info,
#alternate_products .product-card .info {
    border-top: 1px solid rgba(124, 255, 58, 0.11) !important;
}

#product_list .product-card:hover,
.last_viewed .product-card:hover,
.might_be_interested_list .product-card:hover,
#related_products .product-card:hover,
#recommended_products .product-card:hover,
#alternate_products .product-card:hover {
    border-color: rgba(124, 255, 58, 0.45) !important;
    background: linear-gradient(
        135deg,
        rgba(53, 70, 58, 0.64),
        rgba(16, 23, 18, 0.48)
    ) !important;
}

/* -------------------------------------------------------------------------- */
/* Prihlaseni v modalnim okne i na samostatne strance.                       */
/* -------------------------------------------------------------------------- */

.modal-login .modal-content,
.template_login_form #login_form,
.template_forgotten_password #login_form form,
.template_my_orders_access #login_form form {
    box-sizing: border-box;
    border: 1px solid var(--tritium-glass-border) !important;
    border-radius: 8px !important;
    background: var(--tritium-glass-list) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: var(--tritium-glass-shadow) !important;
    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
}

.template_login_form #login_form {
    padding: 24px 20px 20px;
}

.template_forgotten_password #login_form form,
.template_my_orders_access #login_form form {
    padding: 22px;
}

.modal-login .content,
.modal-login #login_form,
.modal-login #login_form form,
.modal-login #login_form .row {
    background: transparent !important;
}

.modal-login h1,
.modal-login #login_form .first,
.modal-login #login_form .second,
.template_login_form #login_form h1,
.template_login_form #login_form .first,
.template_login_form #login_form .second,
.template_forgotten_password #login_form,
.template_forgotten_password #login_form label,
.template_my_orders_access #login_form,
.template_my_orders_access #login_form label {
    color: var(--tritium-text) !important;
}

.modal-login input.input,
.template_login_form #login_form input.input,
.template_forgotten_password #login_form input.input,
.template_my_orders_access #login_form input.input {
    border: 1px solid var(--tritium-border) !important;
    background: rgba(20, 28, 23, 0.8) !important;
    color: var(--tritium-text) !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.22) !important;
}

.modal-login input.input:focus,
.template_login_form #login_form input.input:focus,
.template_forgotten_password #login_form input.input:focus,
.template_my_orders_access #login_form input.input:focus {
    border-color: var(--tritium-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(124, 255, 58, 0.14) !important;
}

.modal-login .forg_pass_orders_wrap a,
.template_login_form .forg_pass_orders_wrap a {
    box-sizing: border-box;
    border: 1px solid var(--tritium-border) !important;
    background: rgba(30, 40, 33, 0.58) !important;
    color: var(--tritium-text-soft) !important;
}

.modal-login .forg_pass_orders_wrap a:hover,
.template_login_form .forg_pass_orders_wrap a:hover {
    border-color: var(--tritium-accent) !important;
    background: rgba(61, 82, 68, 0.64) !important;
    color: var(--tritium-accent) !important;
}

.modal-login .sign_up_wrap,
.template_login_form .sign_up_wrap {
    border: 1px solid var(--tritium-glass-border) !important;
    border-radius: 7px !important;
    background: var(--tritium-glass-control) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.modal-login .sign_up_wrap .header,
.template_login_form .sign_up_wrap .header {
    color: var(--tritium-text) !important;
}

.modal-login .sign_up_wrap a,
.template_login_form .sign_up_wrap a {
    color: var(--tritium-accent) !important;
}

.modal-login .close-modal {
    border: 1px solid var(--tritium-glass-border) !important;
    border-radius: 50% !important;
    background-color: rgba(27, 36, 30, 0.92) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.3) !important;
}

/* -------------------------------------------------------------------------- */
/* Registrace: typ zakaznika, formulare a rozbalovaci doplnujici udaje.       */
/* -------------------------------------------------------------------------- */

.template_subscribe_form #personal_form input[type="text"],
.template_subscribe_form #personal_form input[type="email"],
.template_subscribe_form #personal_form input[type="password"],
.template_subscribe_form #personal_form input[type="tel"],
.template_subscribe_form #personal_form input[type="number"],
.template_subscribe_form #personal_form select,
.template_subscribe_form #personal_form textarea {
    border: 1px solid var(--tritium-border) !important;
    background: rgba(20, 28, 23, 0.8) !important;
    color: var(--tritium-text) !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.22) !important;
}

.template_subscribe_form #personal_form input:focus,
.template_subscribe_form #personal_form select:focus,
.template_subscribe_form #personal_form textarea:focus {
    border-color: var(--tritium-accent) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(124, 255, 58, 0.14) !important;
}

.template_subscribe_form #personal_form,
.template_subscribe_form #personal_form label,
.template_subscribe_form #personal_form .first,
.template_subscribe_form #personal_form .second,
.template_subscribe_form #personal_form .required_fields,
.template_subscribe_form #personal_form .gdpr_agreement {
    color: var(--tritium-text-soft) !important;
}

.template_subscribe_form .customer_type_selector .selector,
.template_subscribe_form .customer_type_selector .selector label,
.template_subscribe_form #show_hide_delivery_items,
.template_subscribe_form #show_hide_invoice_items,
.template_subscribe_form .already_registered {
    box-sizing: border-box;
    border: 1px solid var(--tritium-glass-border) !important;
    background: var(--tritium-glass-control) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.template_subscribe_form .customer_type_selector .selector {
    border-radius: 7px !important;
}

.template_subscribe_form .customer_type_selector .selector label {
    border-radius: 6px !important;
}

.template_subscribe_form .customer_type_selector .selector:has(input:checked),
.template_subscribe_form .customer_type_selector .selector label:has(input:checked) {
    border-color: rgba(124, 255, 58, 0.54) !important;
    background: linear-gradient(
        135deg,
        rgba(69, 94, 76, 0.72),
        rgba(28, 40, 32, 0.66)
    ) !important;
    color: var(--tritium-accent) !important;
}

.template_subscribe_form #show_hide_delivery_items,
.template_subscribe_form #show_hide_invoice_items {
    border-radius: 6px !important;
}

.template_subscribe_form #show_hide_delivery_items:hover,
.template_subscribe_form #show_hide_invoice_items:hover {
    border-color: var(--tritium-accent) !important;
    background: rgba(61, 82, 68, 0.68) !important;
    color: var(--tritium-accent) !important;
}

.template_subscribe_form #personal_form option {
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
}

/* Navigacni cesta systemovych stranek nema bily posledni oval. */
.template_login_form .path a.last,
.template_subscribe_form .path a.last,
.template_forgotten_password .path a.last,
.template_my_orders_access .path a.last,
.template_search_result .path a.last,
#main_body > .path a.last {
    border: 1px solid var(--tritium-glass-border) !important;
    background: rgba(30, 40, 33, 0.58) !important;
    color: var(--tritium-accent) !important;
    box-shadow: none !important;
}

/* -------------------------------------------------------------------------- */
/* Zbyvajici spolecne svetle prvky: hledani, nabidka kategorii a zapati.      */
/* -------------------------------------------------------------------------- */

#search_box,
#search_box #search_input,
#search_box .custom-select-trigger,
#search_box_phone,
#search_box_phone #search_input_phone {
    border-color: var(--tritium-border) !important;
    background: rgba(25, 34, 28, 0.9) !important;
    color: var(--tritium-text) !important;
}

#search_box input::placeholder,
#search_box_phone input::placeholder {
    color: var(--tritium-text-muted) !important;
    opacity: 1;
}

.custom-options,
.custom-options .custom-option {
    border-color: var(--tritium-border) !important;
    background: rgba(25, 34, 28, 0.98) !important;
    color: var(--tritium-text-soft) !important;
}

.custom-options .custom-option:hover,
.custom-options .custom-option.selection {
    background: var(--tritium-surface-hover) !important;
    color: var(--tritium-accent) !important;
}

#footer-bottom,
#footer-bottom a,
#footer > a,
#footer .eshop-copyright a {
    background: transparent !important;
    color: var(--tritium-text-muted) !important;
}

#footer-bottom a:hover,
#footer > a:hover,
#footer .eshop-copyright a:hover {
    color: var(--tritium-accent) !important;
}

@media screen and (max-width: 767px) {
    #product_list .product-card,
    .last_viewed .product-card,
    .might_be_interested_list .product-card,
    #related_products .product-card,
    #recommended_products .product-card,
    #alternate_products .product-card,
    .modal-login .modal-content,
    .template_login_form #login_form,
    .template_forgotten_password #login_form form,
    .template_my_orders_access #login_form form {
        -webkit-backdrop-filter: blur(4px) saturate(108%);
        backdrop-filter: blur(4px) saturate(108%);
    }

    .template_login_form #login_form,
    .template_forgotten_password #login_form form,
    .template_my_orders_access #login_form form {
        padding: 16px 12px;
    }
}

/* ==================== KONEC ETAPY 23 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 24: PLNE DIALOGY A CTYRI PRODUKTY NA TITULNI STRANCE */
/* Prekryvna okna jsou nepruhledna; produktove rady navazuji na sirku hero.  */
/* ========================================================================== */

:root {
    --tritium-modal-surface: #29322b;
    --tritium-modal-surface-light: #323d35;
    --tritium-modal-border: #4a584e;
    --tritium-modal-shadow: 0 20px 54px rgba(0, 0, 0, 0.58);
}

/* -------------------------------------------------------------------------- */
/* Skutecna prekryvna okna musi prekryt puvodni stranku plnym antracitem.     */
/* Zahrnuje login/registraci, wishlist, mobilni hledani, kontakt a cookies.   */
/* -------------------------------------------------------------------------- */

.modalWindowDialog .modal-content,
.modal .modal-content,
#modal-content,
.modal-content-smooth,
#cookies_confirm.cookies_confirm_tabs,
.ui-dialog.ui-widget.ui-widget-content,
.dialogBasket.ui-widget.ui-widget-content {
    box-sizing: border-box;
    border: 1px solid var(--tritium-modal-border) !important;
    background-color: var(--tritium-modal-surface) !important;
    background-image: none !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: var(--tritium-modal-shadow) !important;
    opacity: 1;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Vnitrni vrstvy uz nepridavaji dalsi odstiny, pouze nesou obsah. */
.modalWindowDialog .content,
.modalWindowDialog #login_form,
.modalWindowDialog #login_form form,
.modalWindowDialog #login_form .row,
.modalWindowDialog .products_wrap_modal,
.modalWindowDialog .wishlist_product_list,
.dialogBasketContent,
.dialogBasketContent > .container-flex,
#contact_form_modal_content {
    background: transparent !important;
    color: var(--tritium-text-soft) !important;
}

/* Hlavicky a paty dialogu jsou mirne svetlejsi, ale stale plne nepruhledne. */
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane,
.modalWindowDialog .header,
.modalWindowDialog h1,
.modalWindowDialog h2,
.modalWindowDialog h3 {
    border-color: var(--tritium-modal-border) !important;
    background-color: var(--tritium-modal-surface-light) !important;
    background-image: none !important;
    color: var(--tritium-text) !important;
}

.ui-dialog .ui-dialog-content {
    border-color: var(--tritium-modal-border) !important;
    background-color: var(--tritium-modal-surface) !important;
    background-image: none !important;
    color: var(--tritium-text-soft) !important;
}

.modalWindowDialog p,
.modalWindowDialog label,
.modalWindowDialog .first,
.modalWindowDialog .second,
.modalWindowDialog .wishlist-sorting-wrapper,
.modalWindowDialog .empty,
.ui-dialog .ui-dialog-content p,
.ui-dialog .ui-dialog-content label,
#cookies_confirm.cookies_confirm_tabs,
#cookies_confirm.cookies_confirm_tabs p,
#cookies_confirm.cookies_confirm_tabs h2,
#cookies_confirm.cookies_confirm_tabs .cookieCategory {
    color: var(--tritium-text-soft) !important;
}

.modalWindowDialog a,
.ui-dialog .ui-dialog-content a,
#cookies_confirm.cookies_confirm_tabs a {
    color: var(--tritium-accent) !important;
}

/* Pole a rozbalovaci volby uvnitr oken uz nejsou bile ani sede. */
.modalWindowDialog input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.modalWindowDialog textarea,
.modalWindowDialog select,
#modal-content input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
#modal-content textarea,
#modal-content select,
.modal-content-smooth input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.modal-content-smooth textarea,
.modal-content-smooth select,
.ui-dialog input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.ui-dialog textarea,
.ui-dialog select {
    border: 1px solid var(--tritium-modal-border) !important;
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.24) !important;
}

.modalWindowDialog option,
#modal-content option,
.modal-content-smooth option,
.ui-dialog option {
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
}

/* Login/registrace: i vnitrni doplnkove bloky jsou plny antracit. */
.modal-login .sign_up_wrap,
.modal-login .forg_pass_orders_wrap a,
.modal-wishlist .wishlist-sorting-wrapper,
.lang_curr_wrap_modal {
    border-color: var(--tritium-modal-border) !important;
    background-color: var(--tritium-modal-surface-light) !important;
    background-image: none !important;
    color: var(--tritium-text-soft) !important;
}

.modal-login .forg_pass_orders_wrap a:hover {
    border-color: var(--tritium-accent) !important;
    background-color: var(--tritium-surface-hover) !important;
    color: var(--tritium-accent) !important;
}

/* Zretelne zatemneni oddeli otevrene okno od webu pod nim. */
.modalWindowDialog .mask,
.mask,
#modal-overlay,
.modal-overlay,
#cookies_confirm_tabs_bg_color_overlay,
.ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.72) !important;
}

.mask,
.ui-widget-overlay {
    opacity: 0.94 !important;
}

#modal-overlay.is-visible,
.modal-overlay.is-visible,
#cookies_confirm_tabs_bg_color_overlay.is-visible {
    opacity: 1 !important;
}

/* Zavirani zustava snadno citelne i na tmavem podkladu. */
.modalWindowDialog .close-modal,
#modal-close-btn,
.modal-close-btn {
    box-sizing: border-box;
    width: 30px !important;
    height: 30px !important;
    top: 11px !important;
    right: 11px !important;
    border-color: var(--tritium-modal-border) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 50% !important;
    background-color: var(--tritium-modal-surface-light) !important;
    background-image: none !important;
    filter: none !important;
    opacity: 0.88 !important;
}

.modalWindowDialog .close-modal::before,
#modal-close-btn::before,
.modal-close-btn::before {
    content: "×";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--tritium-text) !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.ui-dialog .ui-dialog-titlebar-close {
    border: 1px solid var(--tritium-modal-border) !important;
    border-radius: 50% !important;
    background-color: var(--tritium-modal-surface-light) !important;
    filter: none !important;
    opacity: 0.88 !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    filter: brightness(0) invert(1);
}

.modalWindowDialog .close-modal:hover,
#modal-close-btn:hover,
.modal-close-btn:hover,
.ui-dialog .ui-dialog-titlebar-close:hover {
    border-color: var(--tritium-accent) !important;
    opacity: 1 !important;
}

/* -------------------------------------------------------------------------- */
/* Titulni stranka: obe produktove rady kopiruji pravy sloupec s hero blokem. */
/* Desktop ma ctyri karty, uzsi notebook tri; tablet a telefon zustavaji      */
/* v puvodnim responzivnim carouselu Evolution.                              */
/* -------------------------------------------------------------------------- */

@media screen and (min-width: 1024px) {
    .template_title_page #main_body > .action_products,
    .template_title_page #main_body > .new_products {
        grid-column: 2 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
    }

    .template_title_page .action_products > .header,
    .template_title_page .new_products > .header,
    .template_title_page .action_products > .carousel,
    .template_title_page .new_products > .carousel,
    .template_title_page .action_products .owl-wrapper-outer,
    .template_title_page .new_products .owl-wrapper-outer {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Z produktovych rad je zamerne staticky prehled bez pate presahujici karty. */
    .template_title_page .action_products .owl-wrapper,
    .template_title_page .new_products .owl-wrapper {
        left: 0 !important;
        width: 100% !important;
        display: flex !important;
        transform: none !important;
    }

    .template_title_page .action_products .owl-controls,
    .template_title_page .new_products .owl-controls {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .template_title_page .action_products .owl-item,
    .template_title_page .new_products .owl-item {
        box-sizing: border-box;
        flex: 0 0 25% !important;
        width: 25% !important;
    }

    .template_title_page .action_products .owl-item:nth-child(n+5),
    .template_title_page .new_products .owl-item:nth-child(n+5) {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .template_title_page .action_products .owl-item,
    .template_title_page .new_products .owl-item {
        box-sizing: border-box;
        flex: 0 0 33.333333% !important;
        width: 33.333333% !important;
    }

    .template_title_page .action_products .owl-item:nth-child(n+4),
    .template_title_page .new_products .owl-item:nth-child(n+4) {
        display: none !important;
    }
}

/* ==================== KONEC ETAPY 24 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 25: NEJPRODAVANEJSI PRODUKTY A MOBILNI SABLONA        */
/* Oprava treti produktove rady a odlehcena tmava varianta pro uzke displeje. */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* Desktop: vsechny tri produktove rady patri do stejneho praveho sloupce.   */
/* -------------------------------------------------------------------------- */

@media screen and (min-width: 1024px) {
    .template_title_page #eshop .eshop_body.container-flex {
        grid-template-rows: auto auto auto auto;
    }

    .template_title_page #main_body > .action_products {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .template_title_page #main_body > .most_sold_products {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    .template_title_page #main_body > .new_products {
        grid-column: 2 !important;
        grid-row: 4 !important;
    }

    .template_title_page #main_body > .most_sold_products {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden !important;
    }

    .template_title_page .most_sold_products > .header,
    .template_title_page .most_sold_products > .carousel,
    .template_title_page .most_sold_products .owl-wrapper-outer {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
    }

    .template_title_page .most_sold_products > .header {
        margin: 26px 0 16px;
        padding: 12px 16px 11px;
        border: 1px solid #465349;
        border-left: 4px solid #65d632;
        border-radius: 5px;
        background: rgba(31, 39, 33, 0.94);
        color: var(--tritium-text) !important;
        text-align: left;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    }

    .template_title_page .most_sold_products .owl-wrapper {
        left: 0 !important;
        display: flex !important;
        width: 100% !important;
        transform: none !important;
    }

    .template_title_page .most_sold_products .owl-controls {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .template_title_page .most_sold_products .owl-item {
        box-sizing: border-box;
        flex: 0 0 25% !important;
        width: 25% !important;
    }

    .template_title_page .most_sold_products .owl-item:nth-child(n+5) {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .template_title_page .most_sold_products .owl-item {
        box-sizing: border-box;
        flex: 0 0 33.333333% !important;
        width: 33.333333% !important;
    }

    .template_title_page .most_sold_products .owl-item:nth-child(n+4) {
        display: none !important;
    }
}

/* -------------------------------------------------------------------------- */
/* Telefon a tablet: tmavy zaklad bez velke fotografie na pozadi.            */
/* -------------------------------------------------------------------------- */

@media screen and (max-width: 1023px) {
    html,
    body {
        background-color: #0b100c !important;
        background-image: none !important;
        color: var(--tritium-text-soft) !important;
    }

    #body,
    #eshop,
    #eshop .eshop_body,
    #main_body {
        background-color: transparent !important;
        color: var(--tritium-text-soft) !important;
    }

    #top_panel {
        border-bottom: 1px solid rgba(101, 214, 50, 0.42) !important;
        background: #182018 !important;
        color: var(--tritium-text-soft) !important;
    }

    #top_panel .text-layer,
    #top_panel p {
        color: var(--tritium-text) !important;
    }

    #top_panel a {
        background: #65d632 !important;
        color: #0c110d !important;
    }

    #header,
    .top-panel-visible #header {
        border-bottom: 1px solid #29322b !important;
        background: linear-gradient(135deg, #0d110e 0%, #151b16 58%, #101511 100%) !important;
        box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28) !important;
    }

    #user_panel a,
    #user_panel span,
    #submenu_panel,
    #submenu_panel a {
        color: var(--tritium-text) !important;
    }

    #categories_mobile_menu,
    #categories_mobile_tree,
    #categories_mobile_tree ul,
    #categories_mobile_tree li,
    #categories_mobile_tree a {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
        color: var(--tritium-text-soft) !important;
    }

    #categories_mobile_menu .open-menu {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    #categories_mobile_tree li.active > a,
    #categories_mobile_tree li.active_parent > a,
    #categories_mobile_tree a:hover {
        border-color: var(--tritium-accent) !important;
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    #footer {
        border-top: 1px solid var(--tritium-border) !important;
        background: rgba(9, 13, 10, 0.98) !important;
        color: var(--tritium-text-muted) !important;
    }

    #footer .header,
    #footer .title {
        color: var(--tritium-text) !important;
    }

    #footer a,
    #footer-bottom,
    #footer-bottom a {
        color: var(--tritium-text-muted) !important;
    }

    #footer a:hover,
    #footer-bottom a:hover {
        color: var(--tritium-accent) !important;
    }

    /* Na mobilu zustava uvod a hero, ale pouze jedna produktova sekce. */
    .template_title_page #main_body > #static {
        order: 1;
    }

    .template_title_page #main_body > .most_sold_products {
        order: 2;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .template_title_page #main_body > .action_products,
    .template_title_page #main_body > .new_products,
    .template_title_page #main_body > .selected_products {
        display: none !important;
    }

    .template_title_page #static {
        border-color: var(--tritium-glass-border) !important;
        border-left-color: #65d632 !important;
        background: var(--tritium-glass-list) !important;
        color: var(--tritium-text-soft) !important;
        box-shadow: var(--tritium-glass-shadow) !important;
        -webkit-backdrop-filter: blur(4px) saturate(108%);
        backdrop-filter: blur(4px) saturate(108%);
    }

    .template_title_page #static .body,
    .template_title_page #static .body p,
    .template_title_page #static .body span,
    .template_title_page #static .body strong {
        color: var(--tritium-text-soft) !important;
    }

    .template_title_page #static .body a {
        color: var(--tritium-accent) !important;
    }

    .template_title_page .most_sold_products > .header {
        box-sizing: border-box;
        width: 100% !important;
        margin: 20px 0 12px;
        padding: 11px 13px 10px;
        border: 1px solid var(--tritium-border);
        border-left: 4px solid #65d632;
        border-radius: 5px;
        background: rgba(31, 39, 33, 0.96);
        color: var(--tritium-text) !important;
        text-align: left;
    }

    .template_title_page .most_sold_products > .carousel,
    .template_title_page .most_sold_products .owl-wrapper-outer {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Kratsi karty: nakupni informace zustavaji, doprovodny text se skryje. */
    .template_title_page .most_sold_products .product-card .description,
    .template_title_page .most_sold_products .product-card #classification {
        display: none !important;
    }

    .template_title_page .most_sold_products .product-card .info {
        padding-top: 12px !important;
        padding-bottom: 14px !important;
    }

    /* Obsahove stranky a formulare pouzivaji stejnou tmavou plochu. */
    .template_static_page #main_body,
    .template_cart #main_body,
    .template_order #main_body,
    .template_login_form #main_body,
    .template_subscribe_form #main_body,
    .template_forgotten_password #main_body,
    .template_my_orders_access #main_body {
        box-sizing: border-box;
        border: 1px solid var(--tritium-glass-border) !important;
        border-radius: 7px;
        background: var(--tritium-glass-list) !important;
        color: var(--tritium-text-soft) !important;
        box-shadow: var(--tritium-glass-shadow) !important;
    }

    .template_static_page #static,
    .template_static_page #static .body,
    .template_static_page #static p,
    .template_static_page #static li,
    .template_static_page #static td,
    .template_static_page #static th,
    .template_static_page #static span,
    .template_static_page #static strong,
    .template_category_detail #category_detail,
    .template_category_detail #category_detail .description,
    .template_category_detail #category_detail .description *,
    .template_product_detail #product_detail,
    .template_product_detail #product_detail .description,
    .template_product_detail #product_detail .description *,
    .template_cart #cart_content,
    .template_cart #cart_content td,
    .template_cart #cart_content th,
    .template_order #order,
    .template_order #order label,
    .template_order #personal_form,
    .template_order #personal_form label {
        color: var(--tritium-text-soft) !important;
    }

    .template_static_page #static h1,
    .template_static_page #static h2,
    .template_static_page #static h3,
    .template_category_detail #category_detail h1,
    .template_category_detail #category_detail .header,
    .template_product_detail #product_detail h1,
    .template_product_detail #product_detail .header,
    .template_cart #main_body h1,
    .template_cart #main_body h2,
    .template_order #main_body h1,
    .template_order #main_body h2,
    .template_order #main_body h3 {
        color: var(--tritium-text) !important;
    }

    .template_static_page #static a,
    .template_product_detail #product_detail a,
    .template_cart #main_body a:not(.submit):not(.btn_primary),
    .template_order #main_body a:not(.submit):not(.btn_primary) {
        color: var(--tritium-accent) !important;
    }

    .template_category_detail .display,
    .template_category_detail .display label,
    .template_category_detail .order_by_container,
    .template_category_detail .product_count_on_page,
    .template_category_detail #display_top,
    .template_category_detail #display_bottom {
        color: var(--tritium-text-soft) !important;
    }

    .template_category_detail #order_by,
    .template_category_detail #product_count,
    .template_category_detail #order_by_bottom,
    .template_category_detail #product_count_bottom,
    .template_cart #main_body input[type="text"],
    .template_cart #main_body input[type="number"],
    .template_cart #main_body input[type="email"],
    .template_cart #main_body select,
    .template_cart #main_body textarea,
    .template_order #main_body input[type="text"],
    .template_order #main_body input[type="number"],
    .template_order #main_body input[type="email"],
    .template_order #main_body input[type="tel"],
    .template_order #main_body select,
    .template_order #main_body textarea {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .template_cart #cart_content .summary,
    .template_order #payment_and_transport,
    .template_order .payment,
    .template_order .transport,
    .template_order .payment_single_wrap,
    .template_order .transport_single_wrap {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }
}

@media screen and (max-width: 767px) {
    .template_title_page #static {
        margin-top: 12px;
        padding: 13px;
    }

    .template_title_page #static .body > p:nth-of-type(1) {
        font-size: 15px;
    }

    .template_title_page #static .body > p:nth-of-type(2),
    .template_title_page #static .body > p:nth-of-type(3) {
        font-size: 13px;
        line-height: 1.48;
    }

    .template_title_page #static .body > p:has(img[src*="3h-tritium-hero-v2.jpg"]) {
        margin-top: 13px !important;
    }

    .template_title_page .most_sold_products > .header {
        font-size: 20px;
        line-height: 1.25;
    }

    .template_title_page .most_sold_products .product-card .name,
    .template_title_page .most_sold_products .product-card .name a {
        font-size: 15px !important;
        line-height: 1.35;
    }
}

/* ==================== KONEC ETAPY 25 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 26: KOMPLETNI MOBILNI CITELNOST                      */
/* Stejna hierarchie barev textu jako na desktopu, bez zmen rozlozeni.       */
/* ========================================================================== */

@media screen and (max-width: 1023px) {
    /* ---------------------------------------------------------------------- */
    /* Zakladni text a nadpisy                                                */
    /* ---------------------------------------------------------------------- */

    #eshop,
    #eshop p,
    #eshop li,
    #eshop td,
    #eshop th,
    #eshop label {
        color: var(--tritium-text-soft);
    }

    #eshop h1,
    #eshop h2,
    #eshop h3,
    #eshop h4,
    #eshop .header,
    #eshop .title {
        color: var(--tritium-text) !important;
    }

    #eshop input::placeholder,
    #eshop textarea::placeholder {
        color: var(--tritium-text-muted) !important;
        opacity: 1;
    }

    /* ---------------------------------------------------------------------- */
    /* Produktove dlazdice ve vsech carouselech a vypisech                    */
    /* ---------------------------------------------------------------------- */

    #product_list .product-card,
    .last_viewed .product-card,
    .might_be_interested_list .product-card,
    #related_products .product-card,
    #recommended_products .product-card,
    #alternate_products .product-card {
        color: var(--tritium-text-soft) !important;
    }

    #product_list .product-card .name,
    #product_list .product-card .name a,
    #product_list .product-card .price,
    #product_list .product-card .name_desc_wrap,
    #product_list .product-card .info > a,
    #product_list .product-card #classification .number,
    #product_list .product-card #classification .number span,
    .last_viewed .product-card .name,
    .last_viewed .product-card .name a,
    .last_viewed .product-card .price,
    .might_be_interested_list .product-card .name,
    .might_be_interested_list .product-card .name a,
    .might_be_interested_list .product-card .price,
    #related_products .product-card .name,
    #related_products .product-card .name a,
    #related_products .product-card .price,
    #recommended_products .product-card .name,
    #recommended_products .product-card .name a,
    #recommended_products .product-card .price,
    #alternate_products .product-card .name,
    #alternate_products .product-card .name a,
    #alternate_products .product-card .price {
        color: var(--tritium-text) !important;
    }

    #product_list .product-card .description,
    #product_list .product-card .description p,
    #product_list .product-card .description span,
    #product_list .product-card .info,
    .last_viewed .product-card .description,
    .might_be_interested_list .product-card .description,
    #related_products .product-card .description,
    #recommended_products .product-card .description,
    #alternate_products .product-card .description {
        color: var(--tritium-text-soft) !important;
    }

    #product_list .product-card .availability,
    .last_viewed .product-card .availability,
    .might_be_interested_list .product-card .availability,
    #related_products .product-card .availability,
    #recommended_products .product-card .availability,
    #alternate_products .product-card .availability {
        color: #71d84a !important;
    }

    #product_list .product-card .action-price,
    #product_list .product-card .old_price,
    .last_viewed .product-card .action-price,
    .might_be_interested_list .product-card .action-price,
    #related_products .product-card .action-price,
    #recommended_products .product-card .action-price,
    #alternate_products .product-card .action-price {
        color: #ff6262 !important;
    }

    #product_list .product-card .add_to_cart,
    #product_list .product-card .add_to_cart *,
    #product_list .product-card .cart_add input,
    #product_list .product-card .action,
    #product_list .product-card .discount,
    .last_viewed .product-card .add_to_cart,
    .might_be_interested_list .product-card .add_to_cart,
    #related_products .product-card .add_to_cart,
    #recommended_products .product-card .add_to_cart,
    #alternate_products .product-card .add_to_cart {
        color: #ffffff !important;
    }

    #product_list .product-card .show_variants {
        color: var(--tritium-accent) !important;
    }

    /* ---------------------------------------------------------------------- */
    /* Kategorie, razeni, strankovani a navigacni cesty                       */
    /* ---------------------------------------------------------------------- */

    .template_category_detail #category_detail,
    .template_category_detail #category_detail .description,
    .template_category_detail #category_detail .description *,
    .template_category_detail .display,
    .template_category_detail .display label,
    .template_category_detail .order_by_container,
    .template_category_detail .product_count_on_page,
    .template_category_detail #display_top,
    .template_category_detail #display_bottom,
    .template_category_detail #total_count,
    .template_category_detail .display-type-item {
        color: var(--tritium-text-soft) !important;
    }

    .template_category_detail #category_detail h1,
    .template_category_detail #category_detail h2,
    .template_category_detail #category_detail .header,
    .template_category_detail #category_detail .header a {
        color: var(--tritium-text) !important;
    }

    .template_category_detail #category_detail .subcategories .subcategory,
    .template_category_detail #category_detail .subcategories .subcategory a {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
    }

    .template_category_detail .show_more_less .submit,
    .template_category_detail .submit.showMoreLess {
        color: var(--tritium-accent) !important;
    }

    .template_category_detail #order_by,
    .template_category_detail #product_count,
    .template_category_detail #order_by_bottom,
    .template_category_detail #product_count_bottom,
    .template_category_detail #order_by option,
    .template_category_detail #product_count option,
    .template_category_detail #order_by_bottom option,
    .template_category_detail #product_count_bottom option {
        color: var(--tritium-text) !important;
    }

    .template_category_detail .paging a,
    .template_category_detail .paging label,
    .template_category_detail .paging span,
    .template_search_result .paging a,
    .template_search_result .paging label,
    .template_search_result .paging span {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
        color: var(--tritium-text) !important;
    }

    .template_category_detail .paging .active,
    .template_category_detail .paging .current,
    .template_search_result .paging .active,
    .template_search_result .paging .current {
        border-color: var(--tritium-accent) !important;
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    #category_path,
    #category_path a,
    #static_page_path,
    #static_page_path a,
    #main_body > .path,
    #main_body > .path a {
        color: var(--tritium-text-muted) !important;
    }

    #category_path a.last,
    #static_page_path a.last,
    #main_body > .path a.last {
        color: var(--tritium-accent) !important;
    }

    /* ---------------------------------------------------------------------- */
    /* Detail produktu                                                        */
    /* ---------------------------------------------------------------------- */

    .template_product_detail #product_detail,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description p,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description span,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .description div {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #product_detail h1,
    .template_product_detail #product_detail h2,
    .template_product_detail #product_detail h3,
    .template_product_detail #product_detail .header,
    .template_product_detail #product_detail .product-detail-main-info-inner-wrap .header,
    .template_product_detail #product_detail .price,
    .template_product_detail #product_detail .price_etc,
    .template_product_detail #product_detail .price_etc label,
    .template_product_detail #product_detail .price_etc strong,
    .template_product_detail #product_detail .price_etc span,
    .template_product_detail #product_detail .classification_link,
    .template_product_detail #product_detail #classification .number,
    .template_product_detail #product_detail #classification .number span {
        color: var(--tritium-text) !important;
    }

    .template_product_detail #product_detail .availability {
        color: #71d84a !important;
    }

    .template_product_detail #product_detail .old_price,
    .template_product_detail #product_detail .action-price {
        color: #ff6262 !important;
    }

    .template_product_detail #product_detail .description .submit,
    .template_product_detail #product_detail .price_box td a,
    .template_product_detail #product_detail .files a,
    .template_product_detail #product_detail .download a {
        color: var(--tritium-accent) !important;
    }

    .template_product_detail #product_detail input,
    .template_product_detail #product_detail select,
    .template_product_detail #product_detail textarea,
    .template_product_detail #product_detail option {
        color: var(--tritium-text) !important;
    }

    .template_product_detail .misc_box_header,
    .template_product_detail .misc_box_header .bookmark {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .misc_box_header .bookmark.active,
    .template_product_detail .misc_box_header .bookmark:hover {
        color: var(--tritium-accent) !important;
    }

    .template_product_detail .misc_box_body,
    .template_product_detail .bookmark_content,
    .template_product_detail #description_content,
    .template_product_detail .misc_box_body p,
    .template_product_detail .misc_box_body li,
    .template_product_detail .misc_box_body td,
    .template_product_detail .misc_box_body th,
    .template_product_detail .misc_box_body div,
    .template_product_detail .misc_box_body span,
    .template_product_detail .misc_box_body em,
    .template_product_detail .bookmark_content p,
    .template_product_detail .bookmark_content li,
    .template_product_detail .bookmark_content td,
    .template_product_detail .bookmark_content th,
    .template_product_detail .bookmark_content div,
    .template_product_detail .bookmark_content span,
    .template_product_detail #description_content p,
    .template_product_detail #description_content li,
    .template_product_detail #description_content td,
    .template_product_detail #description_content th,
    .template_product_detail #description_content div,
    .template_product_detail #description_content span,
    .template_product_detail .reviews_content_inner,
    .template_product_detail .discussion .text {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail .misc_box_body strong,
    .template_product_detail .bookmark_content strong,
    .template_product_detail #description_content strong,
    .template_product_detail .misc_box_body h2,
    .template_product_detail .misc_box_body h3,
    .template_product_detail .bookmark_content h2,
    .template_product_detail .bookmark_content h3,
    .template_product_detail #description_content h2,
    .template_product_detail #description_content h3,
    .template_product_detail #attributes_content th,
    .template_product_detail #files_content th {
        color: var(--tritium-text) !important;
    }

    .template_product_detail .misc_box_body a,
    .template_product_detail .bookmark_content a,
    .template_product_detail #description_content a,
    .template_product_detail #files_content a {
        color: var(--tritium-accent) !important;
    }

    .template_product_detail #attributes_content tr,
    .template_product_detail #attributes_content tr.odd,
    .template_product_detail #files_content tr,
    .template_product_detail #files_content tr.odd {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface-light) !important;
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #variants-content .variants .product,
    .template_product_detail #variants-content .variants .thumbnail,
    .template_product_detail #variants-content .variants .info {
        color: var(--tritium-text-soft) !important;
    }

    .template_product_detail #variants-content .variants .name,
    .template_product_detail #variants-content .variants .name a,
    .template_product_detail #variants-content .variants .price,
    .template_product_detail #variants_header {
        color: var(--tritium-text) !important;
    }

    /* ---------------------------------------------------------------------- */
    /* Kosik, objednavka, prihlaseni a registrace                             */
    /* ---------------------------------------------------------------------- */

    .template_cart #main_body,
    .template_cart #cart_content,
    .template_cart #cart_content td,
    .template_cart #cart_content th,
    .template_cart #cart_content label,
    .template_order #main_body,
    .template_order #order,
    .template_order #order label,
    .template_order #personal_form,
    .template_order #personal_form label,
    .template_login_form #login_form,
    .template_forgotten_password #login_form,
    .template_my_orders_access #login_form,
    .template_subscribe_form #personal_form,
    .template_subscribe_form #personal_form label {
        color: var(--tritium-text-soft) !important;
    }

    .template_cart #cart_content .name,
    .template_cart #cart_content .name a,
    .template_cart #cart_content .price,
    .template_cart #cart_content .price_total,
    .template_cart #cart_content strong,
    .template_order #order .legend,
    .template_order #order .name,
    .template_order #order .name label,
    .template_order #order .price,
    .template_order #order strong,
    .template_login_form #login_form h1,
    .template_login_form #login_form h2,
    .template_subscribe_form #personal_form h1,
    .template_subscribe_form #personal_form h2 {
        color: var(--tritium-text) !important;
    }

    .template_cart #cart_content .availability,
    .template_order #order .availability {
        color: #71d84a !important;
    }

    .template_cart #main_body input,
    .template_cart #main_body select,
    .template_cart #main_body textarea,
    .template_order #main_body input,
    .template_order #main_body select,
    .template_order #main_body textarea,
    .template_login_form #login_form input,
    .template_forgotten_password #login_form input,
    .template_my_orders_access #login_form input,
    .template_subscribe_form #personal_form input,
    .template_subscribe_form #personal_form select,
    .template_subscribe_form #personal_form textarea,
    .template_cart #main_body option,
    .template_order #main_body option,
    .template_subscribe_form #personal_form option {
        color: var(--tritium-text) !important;
    }

    .template_order .payment,
    .template_order .transport,
    .template_order .payment label,
    .template_order .transport label,
    .template_order .payment .price,
    .template_order .transport .price,
    .template_order .payment strong,
    .template_order .transport strong {
        color: var(--tritium-text) !important;
    }

    .template_order #order #payment_and_transport .active .name label,
    .template_order #order #payment_and_transport .active .price,
    .template_order #order #payment_and_transport .selected .name label,
    .template_order #order #payment_and_transport .selected .price {
        color: var(--tritium-text) !important;
    }

    .template_order .payment .description,
    .template_order .transport .description,
    .template_order #payment_and_transport .description,
    .template_order .required_fields,
    .template_subscribe_form .required_fields,
    .template_subscribe_form .gdpr_agreement {
        color: var(--tritium-text-muted) !important;
    }

    .template_cart #main_body a:not(.submit):not(.btn_primary),
    .template_order #main_body a:not(.submit):not(.btn_primary),
    .template_login_form #login_form a,
    .template_forgotten_password #login_form a,
    .template_my_orders_access #login_form a,
    .template_subscribe_form #personal_form a {
        color: var(--tritium-accent) !important;
    }

    /* Postranni nabidky, mobilni kosik, hledani a zapati. */
    #left_column #main_menu a,
    #left_column #categories_menu a,
    #left_column #categories_tree a,
    #categories_tree .active a,
    #categories_tree .active ul a {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
        color: var(--tritium-text-soft) !important;
    }

    #left_column #main_menu a:hover,
    #left_column #categories_menu a:hover,
    #left_column #categories_tree a:hover,
    #left_column #categories_tree .active > a {
        background-color: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    #cart_dropdown,
    #cart_dropdown .cart_box_content_wrap,
    #cart_dropdown .cart_box_dropdown_btns {
        color: var(--tritium-text-soft) !important;
    }

    #cart_dropdown .name,
    #cart_dropdown .name a,
    #cart_dropdown .price,
    #cart_dropdown .price_total,
    #cart_dropdown strong {
        color: var(--tritium-text) !important;
    }

    #cart_dropdown .availability {
        color: #71d84a !important;
    }

    #res,
    #res .ui-autocomplete,
    #res .ui-menu-item,
    #res .ui-menu-item a,
    #res .ui-menu-item .search_item_label,
    #res .ui-menu-item .search_item_price {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-surface) !important;
        color: var(--tritium-text-soft) !important;
    }

    #res .ui-menu-item .search_item_price,
    #res .ui-menu-item .search_item_label:hover {
        color: var(--tritium-text) !important;
    }

    #footer .box.contact a.phone_link,
    #footer .box.contact a.mail_link,
    #copyright,
    #copyright a {
        color: var(--tritium-text-muted) !important;
    }

    #footer .box.contact a.phone_link:hover,
    #footer .box.contact a.mail_link:hover,
    #copyright a:hover {
        color: var(--tritium-accent) !important;
    }

    #contact_form input,
    #contact_form textarea,
    #newsletter input {
        border-color: var(--tritium-border) !important;
        background-color: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .ui-dialog .ui-widget-header,
    .ui-dialog .ui-dialog-title,
    .ui-dialog .ui-dialog-content,
    .ui-dialog .ui-dialog-content p,
    .ui-dialog .ui-dialog-content label,
    .ui-dialog .ui-dialog-content strong,
    .ui-dialog .ui-dialog-content span {
        color: var(--tritium-text-soft) !important;
    }

    .ui-dialog .ui-state-default,
    .ui-dialog .ui-state-default a,
    .ui-dialog .ui-button,
    .ui-dialog a.ui-button {
        color: var(--tritium-text) !important;
    }

    .ui-dialog .ui-state-hover,
    .ui-dialog .ui-state-hover a,
    .ui-dialog .ui-state-active,
    .ui-dialog .ui-state-active a,
    .ui-dialog .ui-state-focus,
    .ui-dialog .ui-state-focus a {
        color: var(--tritium-accent) !important;
    }

    .basketDialog-productRelateds .product-card .name,
    .basketDialog-productRelateds .product-card .name a,
    .basketDialog-productRelateds .product-card .price,
    .basketDialog-productRecommended .product-card .name,
    .basketDialog-productRecommended .product-card .name a,
    .basketDialog-productRecommended .product-card .price {
        color: var(--tritium-text) !important;
    }

    /* Tlacitka si ponechaji bily text, i kdyz jsou v tmavem formuláři. */
    #eshop .btn_primary,
    #eshop a.submit,
    #eshop input.submit,
    #eshop input[type="submit"],
    #eshop .add_to_cart,
    #eshop .cart_add .submit,
    #eshop button,
    #eshop .button {
        color: #ffffff !important;
    }

    /* Neaktivni a pomocne texty nejsou cerne, jen mirne ztlumene. */
    #eshop .disabled,
    #eshop .inactive,
    #eshop .note,
    #eshop .help,
    #eshop .empty {
        color: var(--tritium-text-muted) !important;
    }
}

/* Vlozeny panel nejprodavanejsich uvnitr kategorie byl tmavy i na desktopu,
   proto je zde stejna barevna hierarchie bez omezeni sirky obrazovky. */
.template_category_detail #category_detail #product_list .product-card .name,
.template_category_detail #category_detail #product_list .product-card .name a,
.template_category_detail #category_detail #product_list .product-card .price,
.template_category_detail #category_detail #product_list .product-card #classification .number,
.template_category_detail #category_detail #product_list .product-card #classification .number span {
    color: var(--tritium-text) !important;
}

.template_category_detail #category_detail #product_list .product-card .description,
.template_category_detail #category_detail #product_list .product-card .description p,
.template_category_detail #category_detail #product_list .product-card .description span {
    color: var(--tritium-text-soft) !important;
}

/* ==================== KONEC ETAPY 26 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 27: MOBILNI HLAVICKA, KOSIK A OVLADACI IKONY          */
/* Tmave vrstvy zahlavi a kosiku, kontrastni login a ovladani detailu.       */
/* ========================================================================== */

@media screen and (max-width: 1023px) {
    /* Zahlavi: oficialni mobilni pravidla barvi nektere vnitrni obaly bile.
       Vsechny konstrukcni vrstvy proto nechavame pruhledne nad tmavym #header. */
    #header,
    .top-panel-visible #header {
        border-bottom-color: #344037 !important;
        background-color: #101511 !important;
        background-image: linear-gradient(135deg, #0d110e 0%, #151b16 58%, #101511 100%) !important;
        color: var(--tritium-text) !important;
    }

    #header .header-flex-wrapper,
    #header .container-flex.header-flex-wrapper,
    #header .logo,
    #header .logo p,
    #header #submenu_panel,
    #header #submenu_panel > .body,
    #submenu_panel,
    #submenu_panel > .body,
    #user_panel,
    #wishlist_wrap,
    #search_box_phone,
    #cart_wrap,
    #cart_box {
        background-color: transparent !important;
        background-image: none !important;
        color: var(--tritium-text) !important;
    }

    #header .logo img {
        background: transparent !important;
    }

    /* Male symboly v mobilnim zahlavi jsou na tmavem podkladu svetle. */
    #search_box_phone > .search_box_phone,
    #submenu_panel .login-phone,
    #submenu_panel span.login.open-modal,
    #submenu_panel .wishlist_trigger .ico,
    #submenu_panel .settings_trigger .ico {
        filter: brightness(0) invert(1) !important;
        opacity: 0.92 !important;
    }

    #search_box_phone > .search_box_phone:hover,
    #submenu_panel .login-phone:hover,
    #submenu_panel span.login.open-modal:hover,
    #submenu_panel .wishlist_trigger:hover .ico,
    #submenu_panel .settings_trigger:hover .ico {
        opacity: 1 !important;
    }

    #submenu_panel .wishlist_trigger .items_count {
        color: var(--tritium-accent) !important;
    }

    #cart_box .cart-box-wrapper,
    #cart_box .cart-box-wrapper.empty,
    #cart_box .cart-box-wrapper.not-empty {
        border: 1px solid #79e64a !important;
        background-color: #65d632 !important;
        color: #0b100c !important;
        box-shadow: 0 3px 11px rgba(0, 0, 0, 0.34) !important;
    }

    #cart_box .cart-box-wrapper span,
    #cart_box .cart-box-wrapper .body {
        color: #0b100c !important;
    }

    /* Rozbaleny prehled kosiku vcetne puvodne bileho obalu a bezove dopravy. */
    #cart_dropdown.dropdown_menu {
        overflow: hidden;
        border: 1px solid var(--tritium-border) !important;
        border-radius: 7px !important;
        background: #29322b !important;
        color: var(--tritium-text-soft) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
    }

    #cart_dropdown .cart_box_content_wrap,
    #cart_dropdown .cart_box_content_wrap > .row,
    #cart_dropdown .cart_box_dropdown_btns,
    #cart_dropdown .name,
    #cart_dropdown .prices,
    #cart_dropdown .quantity,
    #cart_dropdown .delete-wrap {
        border-color: var(--tritium-border) !important;
        background-color: transparent !important;
        color: var(--tritium-text-soft) !important;
    }

    #cart_dropdown .cart_box_content_wrap > .row {
        border-bottom: 1px solid var(--tritium-border) !important;
    }

    #cart_dropdown .name a,
    #cart_dropdown .price,
    #cart_dropdown .price_total,
    #cart_dropdown .total_price,
    #cart_dropdown .total,
    #cart_dropdown .variant_name {
        color: var(--tritium-text) !important;
    }

    #cart_dropdown .variant_name {
        opacity: 0.82;
    }

    #cart_dropdown .zero_fee_price,
    #cart_dropdown .zero_fee_price.no-limit,
    #cart_dropdown .zero_fee_price.success {
        border-top: 1px solid var(--tritium-border) !important;
        border-bottom: 1px solid var(--tritium-border) !important;
        background: #323d35 !important;
        color: var(--tritium-text-soft) !important;
    }

    #cart_dropdown .zero_fee_price b,
    #cart_dropdown .free_shipping_text,
    #cart_dropdown .progressbar-shipping-text {
        background: transparent !important;
        color: var(--tritium-text) !important;
    }

    #cart_dropdown .progressbar-shipping-bg {
        background: #182019 !important;
    }

    #cart_dropdown .progressbar-shipping {
        background: #65d632 !important;
    }

    #cart_dropdown .free_shipping_ico,
    #cart_dropdown .delete {
        filter: brightness(0) invert(1) !important;
        opacity: 0.84;
    }

    #cart_dropdown button.quant_down,
    #cart_dropdown button.quant_up {
        box-sizing: border-box;
        border: 1px solid var(--tritium-accent) !important;
        border-radius: 50% !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-accent) !important;
        box-shadow: none !important;
    }

    #cart_dropdown button.quant_down.disabled {
        border-color: #68736b !important;
        color: #89948b !important;
        opacity: 0.68;
    }

    #cart_dropdown input.quantity {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    #cart_dropdown .cart_box_dropdown_btns {
        background: #202821 !important;
    }

    /* Prihlaseni: puvodni cerne SVG zustava, ale jeho cela pseudo-vrstva se
       prebarvi na svetlou; funguje pro uzivatele, e-mail i zamek. */
    .modal-login .input-wrapper-login.mail::before,
    .modal-login .input-wrapper-login.mail::after,
    .modal-login .input-wrapper-login.password::before,
    .modal-login .input-wrapper-login.password::after {
        filter: brightness(0) invert(1) !important;
        opacity: 0.82 !important;
    }

    .modal-login .input-wrapper-login input {
        border-color: var(--tritium-border) !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
    }

    .modal-login .close-modal,
    #search_box_phone .modal .close-modal {
        filter: brightness(0) invert(1) !important;
        opacity: 0.86 !important;
    }

    /* Detail produktu: stejny kruhovy jazyk lupy, wishlistu a mnozstvi jako
       na desktopu, jen s rozmery vhodnymi pro dotykove ovladani. */
    .template_product_detail #product_detail .bigger,
    .template_product_detail #product_detail .wishlist {
        box-sizing: border-box;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 42px !important;
        height: 42px !important;
        border: 2px solid var(--tritium-accent) !important;
        border-radius: 50% !important;
        background-color: rgba(34, 42, 36, 0.96) !important;
        background-image: none !important;
        box-shadow: 0 3px 11px rgba(0, 0, 0, 0.4) !important;
    }

    .template_product_detail #product_detail .bigger {
        margin: 0 12px 10px 0 !important;
    }

    .template_product_detail #product_detail .wishlist {
        margin: 0 8px 10px 12px !important;
    }

    .template_product_detail #product_detail .bigger::before,
    .template_product_detail #product_detail .wishlist::before {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        background-color: var(--tritium-accent);
        pointer-events: none;
    }

    .template_product_detail #product_detail .bigger::before {
        -webkit-mask: url("/templates/official_evolution_top/styles/official/images/zoom.svg") center / contain no-repeat;
        mask: url("/templates/official_evolution_top/styles/official/images/zoom.svg") center / contain no-repeat;
    }

    .template_product_detail #product_detail .wishlist::before {
        -webkit-mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
        mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
    }

    .template_product_detail #product_detail .cart_add .quant_down,
    .template_product_detail #product_detail .cart_add .quant_up {
        box-sizing: border-box;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        margin: 1px 4px !important;
        padding: 0 !important;
        border: 2px solid var(--tritium-accent) !important;
        border-radius: 50% !important;
        background: rgba(34, 42, 36, 0.96) !important;
        color: var(--tritium-accent) !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 36px !important;
        text-align: center;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.34) !important;
    }

    .template_product_detail #product_detail .cart_add .quant_down.disabled {
        border-color: #68736b !important;
        color: #89948b !important;
        opacity: 0.65;
    }

    .template_product_detail #product_detail .cart_add input[type="text"],
    .template_product_detail #product_detail .cart_add input[type="number"] {
        box-sizing: border-box;
        width: 50px !important;
        height: 44px !important;
        border: 1px solid var(--tritium-border) !important;
        border-radius: 22px !important;
        background: var(--tritium-input) !important;
        color: var(--tritium-text) !important;
        font-weight: 800;
        text-align: center;
    }

    /* Srdce na vsech mobilnich kartach, i kdyz je karta vlozena v karuselu. */
    .product-card .product-image-btns:has(.wishlist) {
        box-sizing: border-box;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        padding: 6px !important;
        border: 1px solid var(--tritium-accent) !important;
        border-radius: 50% !important;
        background: rgba(34, 42, 36, 0.96) !important;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.38) !important;
    }

    .product-card .product-image-btns .wishlist {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        border: 0 !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    .product-card .product-image-btns .wishlist::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        background-color: var(--tritium-accent);
        -webkit-mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
        mask: url("/templates/official_evolution_top/styles/official/images/wishlist.svg") center / contain no-repeat;
    }

    /* Zbyvajici male akcni prvky v mobilnich oknech. */
    .modalWindowDialog .close-modal,
    .ui-dialog .ui-dialog-titlebar-close,
    .modal-wishlist .delete,
    .dialogBasket .delete {
        filter: brightness(0) invert(1) !important;
        opacity: 0.84 !important;
    }
}

/* ==================== KONEC ETAPY 27 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 28: MOBILNI INFORMACE, MAPA WEBU A KONTRAST           */
/* Uplne mobilni menu, svetla paticka a citelne specialni stranky.          */
/* ========================================================================== */

/* Copyright a technicke odkazy v paticce byly mimo barevny system. */
#copyright,
#copyright .container-flex,
#copyright .copy,
#copyright .copy a,
#copyright .site_map_info,
#copyright .site_map_info p,
#copyright .site_map_info a,
#copyright .site_map_info .divider,
#copyright .version_type_for_mobile {
    color: var(--tritium-text) !important;
}

#copyright .site_map_info a:hover,
#copyright .copy a:hover {
    color: var(--tritium-accent) !important;
}

/* Mapa webu ma vlastni sablonu a nededila predchozi pravidla statickych stran. */
.template_mapa-webu #main_body {
    box-sizing: border-box;
    padding: 24px 28px !important;
    border: 1px solid var(--tritium-border) !important;
    border-radius: 7px;
    background: linear-gradient(135deg, rgba(43, 56, 47, 0.58), rgba(13, 19, 15, 0.48)) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.template_mapa-webu #main_body h1,
.template_mapa-webu #main_body h2,
.template_mapa-webu #main_body h3,
.template_mapa-webu #main_body h4,
.template_mapa-webu #main_body p,
.template_mapa-webu #main_body li,
.template_mapa-webu #main_body span,
.template_mapa-webu #main_body strong {
    color: var(--tritium-text-soft) !important;
}

.template_mapa-webu #main_body h1,
.template_mapa-webu #main_body h2,
.template_mapa-webu #main_body h3 {
    color: var(--tritium-text) !important;
}

.template_mapa-webu #main_body a {
    color: var(--tritium-accent) !important;
    text-decoration-color: rgba(124, 255, 58, 0.48);
    text-underline-offset: 2px;
}

.template_mapa-webu #main_body a:hover {
    color: #a6ff78 !important;
}

.template_mapa-webu #main_body li::marker {
    color: var(--tritium-accent);
}

/* Dodatecna kontrola kontrastu odhalila nazvy vlozenych karet v kategorii. */
.template_category_detail .product-card .name,
.template_category_detail .product-card .name a,
.template_category_detail #product_list .name,
.template_category_detail #product_list .name a,
.template_title_page .product-card .name,
.template_title_page .product-card .name a,
.template_product_detail .product-card .name,
.template_product_detail .product-card .name a {
    color: var(--tritium-text) !important;
}

.product-card .description,
.product-card .description p,
.product-card .description span {
    color: var(--tritium-text-soft) !important;
}

/* Zeleny kosik a hlavni kosikove CTA potrebuji tmavy text, nikoli svetle zeleny. */
#cart_box .cart-box-wrapper span,
#cart_box .cart-box-wrapper .body,
.template_cart #cart_content a.continue,
.template_cart #cart_content .continue,
.template_cart #cart_content .continue span {
    color: #0b100c !important;
}

/* Na desktopu zustava seznam statickych stranek pouze v levem menu. */
@media screen and (min-width: 1024px) {
    #footer .static.box {
        display: none !important;
    }
}

/* -------------------------------------------------------------------------- */
/* Mobil: tmavy fallback puvodnich dvou seznamu a nove sjednocene details.    */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 1023px) {
    .template_mapa-webu #main_body {
        padding: 18px 16px !important;
        border-radius: 5px;
    }

    /* Pokud by doplnkovy skript nebyl vlozen, oba puvodni seznamy zustanou
       viditelne a citelne; dohromady obsahuji vsechny staticke stranky. */
    #left_column #main_menu,
    #left_column #main_menu .body,
    #footer .static.box,
    #footer .static.box .body {
        box-sizing: border-box;
        border-color: var(--tritium-border) !important;
        background: rgba(37, 46, 39, 0.97) !important;
        color: var(--tritium-text-soft) !important;
    }

    #footer .static.box {
        display: block !important;
        width: 100% !important;
        margin: 14px 0 !important;
        border: 1px solid var(--tritium-border) !important;
        border-radius: 6px;
        overflow: hidden;
    }

    #footer .static.box .header {
        display: block !important;
        padding: 12px 14px !important;
        border-bottom: 1px solid var(--tritium-border) !important;
        background: var(--tritium-surface-light) !important;
        color: var(--tritium-text) !important;
        font-weight: 800;
        text-transform: none !important;
    }

    #left_column #main_menu a,
    #footer .static.box a {
        display: block;
        box-sizing: border-box;
        padding: 11px 14px !important;
        border-bottom: 1px solid rgba(74, 88, 78, 0.72) !important;
        background: transparent !important;
        color: var(--tritium-text-soft) !important;
        text-decoration: none !important;
    }

    #left_column #main_menu li:last-child > a,
    #footer .static.box .body > div:last-child > a {
        border-bottom: 0 !important;
    }

    #left_column #main_menu a:hover,
    #left_column #main_menu .active > a,
    #footer .static.box a:hover {
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    /* Po uspesnem sestaveni jednotneho panelu se rozdelene zdroje skryji. */
    html.tritium-mobile-info-ready #left_column #main_menu,
    html.tritium-mobile-info-ready #footer .static.box {
        display: none !important;
    }

    #tritium-mobile-info-menu {
        display: block !important;
        box-sizing: border-box;
        width: 100%;
        margin: 16px 0 20px;
        overflow: hidden;
        border: 1px solid var(--tritium-border);
        border-radius: 7px;
        background: rgba(37, 46, 39, 0.98);
        color: var(--tritium-text-soft);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    }

    #tritium-mobile-info-menu > summary {
        position: relative;
        display: block;
        padding: 14px 48px 14px 16px;
        background: var(--tritium-surface-light);
        color: var(--tritium-text) !important;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
        cursor: pointer;
        list-style: none;
        user-select: none;
    }

    #tritium-mobile-info-menu > summary::-webkit-details-marker {
        display: none;
    }

    #tritium-mobile-info-menu > summary::after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border: 1px solid var(--tritium-accent);
        border-radius: 50%;
        color: var(--tritium-accent);
        font-size: 21px;
        font-weight: 500;
        line-height: 1;
        transform: translateY(-50%);
    }

    #tritium-mobile-info-menu[open] > summary::after {
        content: "−";
    }

    #tritium-mobile-info-menu nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding: 4px 0;
        border-top: 1px solid var(--tritium-border);
    }

    #tritium-mobile-info-menu nav a {
        display: block;
        box-sizing: border-box;
        padding: 12px 16px;
        border-bottom: 1px solid rgba(74, 88, 78, 0.7);
        background: transparent !important;
        color: var(--tritium-text-soft) !important;
        text-decoration: none !important;
    }

    #tritium-mobile-info-menu nav a:last-child {
        border-bottom: 0;
    }

    #tritium-mobile-info-menu nav a:hover,
    #tritium-mobile-info-menu nav a:focus {
        background: var(--tritium-surface-hover) !important;
        color: var(--tritium-accent) !important;
    }

    #copyright,
    #copyright .container-flex,
    #copyright .copy,
    #copyright .site_map_info,
    #copyright .site_map_info p {
        color: var(--tritium-text) !important;
    }
}

#tritium-mobile-info-menu {
    display: none;
}

/* ==================== KONEC ETAPY 28 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 29: DOPRAVA, PLATBA A ODLOZENE DROBNOSTI              */
/* Elegantni stavy voleb, tmave nahledy a vyrazny kriz potvrzovaciho okna.  */
/* ========================================================================== */

/* Odkazy v copyrightu: pouze zeleny text, zadne svetle kapsle ani stiny. */
#copyright .site_map_info a,
#copyright .site_map_info a:link,
#copyright .site_map_info a:visited,
#copyright .site_map_info a:active,
#copyright .site_map_info a:hover {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--tritium-accent) !important;
    text-decoration: none !important;
}

#copyright .site_map_info a:hover {
    color: #a6ff78 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Kategorie: male fotografie tri nejprodavanejsich produktu bez bileho pole. */
.template_category_detail #category_detail .most-sold-products-in-cat .thumbnail,
.template_category_detail #category_detail .most-sold-products-in-cat .thumbnail > a,
.template_category_detail #category_detail .most-sold-products-in-cat .thumbnail img {
    border-color: rgba(124, 255, 58, 0.2) !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.template_category_detail #category_detail .most-sold-products-in-cat .thumbnail {
    overflow: hidden;
    border: 1px solid rgba(124, 255, 58, 0.2) !important;
    border-radius: 5px !important;
    background: linear-gradient(135deg, rgba(43, 56, 47, 0.56), rgba(13, 19, 15, 0.4)) !important;
}

/* Potvrzeni vlozeni do kosiku: nahled je soucasti koureneho panelu. */
.dialogBasket .basketDialog-product .thumbnail,
.dialogBasket .basketDialog-product .thumbnail_wrap,
.dialogBasket .basketDialog-product .thumbnail > a,
.dialogBasket .basketDialog-product .thumbnail img {
    border-color: rgba(124, 255, 58, 0.2) !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.dialogBasket .basketDialog-product .thumbnail {
    overflow: hidden;
    border: 1px solid rgba(124, 255, 58, 0.22) !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, rgba(43, 56, 47, 0.58), rgba(13, 19, 15, 0.42)) !important;
}

/* Zavreni dialogu: stejny kruhovy jazyk jako lupa a srdce. */
.ui-dialog.dialogBasket .ui-dialog-titlebar-close {
    box-sizing: border-box !important;
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid var(--tritium-accent) !important;
    border-radius: 50% !important;
    background: rgba(34, 42, 36, 0.97) !important;
    box-shadow: 0 3px 11px rgba(0, 0, 0, 0.42) !important;
    opacity: 1 !important;
    z-index: 4;
}

.ui-dialog.dialogBasket .ui-dialog-titlebar-close .ui-icon,
.ui-dialog.dialogBasket .ui-dialog-titlebar-close .ui-icon-closethick {
    position: static !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    background-color: var(--tritium-accent) !important;
    background-image: none !important;
    -webkit-mask: url("/templates/official_evolution_top/styles/official/images/close_modal.svg") center / contain no-repeat;
    mask: url("/templates/official_evolution_top/styles/official/images/close_modal.svg") center / contain no-repeat;
}

.ui-dialog.dialogBasket .ui-dialog-titlebar-close:hover,
.ui-dialog.dialogBasket .ui-dialog-titlebar-close:focus {
    border-color: #a6ff78 !important;
    background: var(--tritium-surface-hover) !important;
    box-shadow: 0 4px 14px rgba(101, 214, 50, 0.3) !important;
    transform: scale(1.05);
}

.ui-dialog.dialogBasket .ui-dialog-titlebar-close .ui-button-icon-space {
    display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Krok 3 objednavky: jednotny stav normalni / vybrany / nenavazany.          */
/* -------------------------------------------------------------------------- */
.template_order #order #payment_and_transport .payment,
.template_order #order #payment_and_transport .transport {
    box-sizing: border-box;
    border: 1px solid var(--tritium-border) !important;
    background: rgba(50, 61, 53, 0.94) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color 0.18s ease, background-color 0.18s ease,
                box-shadow 0.18s ease, opacity 0.18s ease !important;
}

.template_order #order #payment_and_transport .payment .name,
.template_order #order #payment_and_transport .transport .name,
.template_order #order #payment_and_transport .payment label,
.template_order #order #payment_and_transport .transport label,
.template_order #order #payment_and_transport .payment .price,
.template_order #order #payment_and_transport .transport .price,
.template_order #order #payment_and_transport .payment span,
.template_order #order #payment_and_transport .transport span {
    background: transparent !important;
    color: var(--tritium-text-soft) !important;
    text-decoration: none !important;
}

.template_order #order #payment_and_transport .payment:hover,
.template_order #order #payment_and_transport .transport:hover,
.template_order #order #payment_and_transport .payment.hover,
.template_order #order #payment_and_transport .transport.hover {
    border-color: rgba(124, 255, 58, 0.7) !important;
    background: var(--tritium-surface-hover) !important;
    color: var(--tritium-text) !important;
}

/* Vybrana volba — zadna bila plocha; zelene kourene sklo a jasny ramecek. */
.template_order #order #payment_and_transport .payment.active,
.template_order #order #payment_and_transport .transport.active,
.template_order #order #payment_and_transport .payment.selected,
.template_order #order #payment_and_transport .transport.selected,
.template_order #order #payment_and_transport .payment:has(input[type="radio"]:checked),
.template_order #order #payment_and_transport .transport:has(input[type="radio"]:checked) {
    border: 2px solid var(--tritium-accent) !important;
    background: linear-gradient(135deg, rgba(53, 76, 58, 0.98), rgba(31, 46, 35, 0.98)) !important;
    color: var(--tritium-text) !important;
    box-shadow: 0 0 0 2px rgba(124, 255, 58, 0.1),
                0 5px 16px rgba(0, 0, 0, 0.28) !important;
}

.template_order #order #payment_and_transport .payment.active *,
.template_order #order #payment_and_transport .transport.active *,
.template_order #order #payment_and_transport .payment.selected *,
.template_order #order #payment_and_transport .transport.selected *,
.template_order #order #payment_and_transport .payment:has(input[type="radio"]:checked) label,
.template_order #order #payment_and_transport .transport:has(input[type="radio"]:checked) label {
    color: var(--tritium-text) !important;
    text-decoration: none !important;
}

.template_order #order #payment_and_transport .payment.active .price,
.template_order #order #payment_and_transport .transport.active .price,
.template_order #order #payment_and_transport .payment.selected .price,
.template_order #order #payment_and_transport .transport.selected .price,
.template_order #order #payment_and_transport .payment:has(input[type="radio"]:checked) .price,
.template_order #order #payment_and_transport .transport:has(input[type="radio"]:checked) .price {
    color: var(--tritium-accent) !important;
}

/* Nenavazana volba — zadne preskrtnuti, pouze zretelny neaktivni stav. */
.template_order #order #payment_and_transport .payment_transport_disabled,
.template_order #order #payment_and_transport .payment_transport_disabled *,
.template_order #order #payment_and_transport input:disabled + label,
.template_order #order #payment_and_transport input:disabled ~ .price {
    color: #8f9b91 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    cursor: not-allowed !important;
}

.template_order #order #payment_and_transport .payment:has(.payment_transport_disabled),
.template_order #order #payment_and_transport .transport:has(.payment_transport_disabled),
.template_order #order #payment_and_transport .payment:has(input:disabled),
.template_order #order #payment_and_transport .transport:has(input:disabled),
.template_order #order #payment_and_transport .payment.payment_transport_disabled,
.template_order #order #payment_and_transport .transport.payment_transport_disabled {
    border-color: #445047 !important;
    background: rgba(28, 35, 30, 0.86) !important;
    color: #8f9b91 !important;
    box-shadow: none !important;
    opacity: 0.58 !important;
    filter: saturate(0.45);
    text-decoration: none !important;
    cursor: not-allowed !important;
}

.template_order #order #payment_and_transport .payment:has(.payment_transport_disabled):hover,
.template_order #order #payment_and_transport .transport:has(.payment_transport_disabled):hover,
.template_order #order #payment_and_transport .payment:has(input:disabled):hover,
.template_order #order #payment_and_transport .transport:has(input:disabled):hover {
    border-color: #445047 !important;
    background: rgba(28, 35, 30, 0.86) !important;
    box-shadow: none !important;
}

/* Vlastni radio symbol zustava citelny i bez puvodnich skrytych pseudo-prvku. */
.template_order #order #payment_and_transport input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 1px 9px 0 0 !important;
    accent-color: #65d632;
    vertical-align: top;
}

@media screen and (max-width: 1023px) {
    .ui-dialog.dialogBasket .ui-dialog-titlebar-close {
        top: 8px !important;
        right: 8px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
    }

    .template_order #order #payment_and_transport .payment,
    .template_order #order #payment_and_transport .transport {
        min-height: 68px;
        padding: 12px 11px 5px !important;
    }

    .template_order #order #payment_and_transport .payment.active,
    .template_order #order #payment_and_transport .transport.active,
    .template_order #order #payment_and_transport .payment.selected,
    .template_order #order #payment_and_transport .transport.selected,
    .template_order #order #payment_and_transport .payment:has(input[type="radio"]:checked),
    .template_order #order #payment_and_transport .transport:has(input[type="radio"]:checked) {
        border-width: 2px !important;
    }
}

/* ==================== KONEC ETAPY 29 — 3H-TRITIUM ======================= */


/* ========================================================================== */
/* 3H-TRITIUM — ETAPA 30: ROZBALENY KOSIK A AKTIVNI WISHLIST                */
/* Desktopovy nahled kosiku ve stylu kremoveho skla a plne zelene srdce.     */
/* ========================================================================== */

/* Rozbaleny kosik v hlavicce — spolecne pro desktop i mobil. */
#cart_dropdown.dropdown_menu {
    overflow: hidden;
    border: 1px solid rgba(101, 214, 50, 0.38) !important;
    border-radius: 8px !important;
    background: linear-gradient(145deg, rgba(31, 40, 33, 0.97), rgba(17, 23, 19, 0.98)) !important;
    color: var(--tritium-text-soft) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.58) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

#cart_dropdown .cart_box_content_wrap,
#cart_dropdown .cart_box_content_wrap > .row,
#cart_dropdown .cart_box_dropdown_btns,
#cart_dropdown .name,
#cart_dropdown .prices,
#cart_dropdown .quantity,
#cart_dropdown .delete-wrap {
    border-color: var(--tritium-border) !important;
    background-color: transparent !important;
    color: var(--tritium-text-soft) !important;
}

#cart_dropdown .cart_box_content_wrap > .row {
    border-bottom: 1px solid rgba(101, 214, 50, 0.18) !important;
}

#cart_dropdown .cart_box_content_wrap > .row:hover {
    background-color: rgba(101, 214, 50, 0.055) !important;
}

#cart_dropdown .image {
    overflow: hidden;
    border: 1px solid rgba(101, 214, 50, 0.22) !important;
    border-radius: 6px !important;
    background: linear-gradient(145deg, rgba(45, 56, 48, 0.88), rgba(27, 35, 29, 0.94)) !important;
}

#cart_dropdown .image img {
    border-radius: 5px !important;
    background-color: transparent !important;
    object-fit: contain;
}

#cart_dropdown .name,
#cart_dropdown .name a,
#cart_dropdown .price,
#cart_dropdown .price_total,
#cart_dropdown .total_price,
#cart_dropdown .total,
#cart_dropdown .variant_name,
#cart_dropdown strong {
    color: var(--tritium-text) !important;
}

#cart_dropdown .name a:hover {
    color: var(--tritium-accent) !important;
}

#cart_dropdown .variant_name {
    color: var(--tritium-text-soft) !important;
    opacity: 0.82;
}

#cart_dropdown .availability {
    color: #7cff3a !important;
}

/* Puvodni kremovy pruh dopravy zdarma. */
#cart_dropdown .zero_fee_price,
#cart_dropdown .zero_fee_price.no-limit,
#cart_dropdown .zero_fee_price.success {
    border-top: 1px solid rgba(101, 214, 50, 0.22) !important;
    border-bottom: 1px solid rgba(101, 214, 50, 0.22) !important;
    background: linear-gradient(90deg, rgba(47, 59, 50, 0.96), rgba(35, 45, 38, 0.96)) !important;
    color: var(--tritium-text-soft) !important;
}

#cart_dropdown .zero_fee_price b,
#cart_dropdown .free_shipping_text,
#cart_dropdown .progressbar-shipping-text {
    background: transparent !important;
    color: var(--tritium-text) !important;
}

#cart_dropdown .progressbar-shipping-bg {
    border: 1px solid rgba(101, 214, 50, 0.18) !important;
    background: #141b16 !important;
}

#cart_dropdown .progressbar-shipping {
    background: linear-gradient(90deg, #4dbb25, #7cff3a) !important;
    box-shadow: 0 0 9px rgba(101, 214, 50, 0.28);
}

#cart_dropdown button.quant_down,
#cart_dropdown button.quant_up {
    box-sizing: border-box;
    border: 1px solid var(--tritium-accent) !important;
    border-radius: 50% !important;
    background: rgba(34, 42, 36, 0.96) !important;
    color: var(--tritium-accent) !important;
    box-shadow: none !important;
}

#cart_dropdown button.quant_down:hover,
#cart_dropdown button.quant_up:hover {
    background: var(--tritium-surface-hover) !important;
    color: #ffffff !important;
}

#cart_dropdown button.quant_down.disabled,
#cart_dropdown button.quant_up.disabled,
#cart_dropdown button.quant_down:disabled,
#cart_dropdown button.quant_up:disabled {
    border-color: #68736b !important;
    background: rgba(31, 38, 33, 0.82) !important;
    color: #89948b !important;
    opacity: 0.65;
}

#cart_dropdown input.quantity {
    border: 1px solid var(--tritium-border) !important;
    border-radius: 16px !important;
    background: var(--tritium-input) !important;
    color: var(--tritium-text) !important;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.26) !important;
}

#cart_dropdown .delete {
    position: relative;
    box-sizing: border-box;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(101, 214, 50, 0.65) !important;
    border-radius: 50% !important;
    background-color: rgba(34, 42, 36, 0.96) !important;
    background-image: none !important;
    filter: none !important;
    opacity: 1 !important;
}

#cart_dropdown .delete::before {
    content: "";
    position: absolute;
    inset: 7px;
    background-color: var(--tritium-accent);
    -webkit-mask: url("/templates/official_evolution_top/styles/official/images/cart_dropdown_remove.svg") center / contain no-repeat;
    mask: url("/templates/official_evolution_top/styles/official/images/cart_dropdown_remove.svg") center / contain no-repeat;
    pointer-events: none;
}

#cart_dropdown .delete:hover {
    border-color: var(--tritium-accent) !important;
    background-color: var(--tritium-surface-hover) !important;
    box-shadow: 0 0 12px rgba(101, 214, 50, 0.22);
}

#cart_dropdown .delete a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

#cart_dropdown .cart_box_dropdown_btns {
    background: rgba(16, 22, 18, 0.82) !important;
}

#cart_dropdown .cart_box_dropdown_btns button {
    border: 1px solid #7cff3a !important;
    background: linear-gradient(180deg, #6ce033, #50be24) !important;
    color: #0b100c !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

#cart_dropdown .cart_box_dropdown_btns button:hover {
    background: linear-gradient(180deg, #7cff3a, #60d22c) !important;
}

/* Aktivni wishlist: misto druhe obrysove ikony se zobrazi plne srdce. */
.wishlist.active {
    background-image: none !important;
}

.wishlist.active::before {
    content: "\2665" !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: var(--tritium-accent) !important;
    -webkit-mask: none !important;
    mask: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(101, 214, 50, 0.42);
}

.product-card .product-image-btns:has(.wishlist.active) {
    border-color: var(--tritium-accent) !important;
    background: rgba(55, 75, 59, 0.98) !important;
    box-shadow: 0 0 13px rgba(101, 214, 50, 0.28) !important;
}

.template_product_detail #product_detail .wishlist.active {
    border-color: #7cff3a !important;
    background-color: rgba(55, 75, 59, 0.98) !important;
    box-shadow: 0 0 14px rgba(101, 214, 50, 0.32) !important;
}

.template_product_detail #product_detail .wishlist.active::before {
    font-size: 26px !important;
}

@media screen and (max-width: 1023px) {
    #cart_dropdown.dropdown_menu {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .wishlist.active::before {
        font-size: 24px !important;
    }

    .template_product_detail #product_detail .wishlist.active::before {
        font-size: 27px !important;
    }
}

/* ==================== KONEC ETAPY 30 — 3H-TRITIUM ======================= */
:root {    --green: #65d632;
    --green-hover: #4eb51f;
    --top-panel-text: #4eb51f;    --search-btn-hover: #4eb51f;
}#cart_dropdown.dropdown_menu .zero_fee_price.success {
    color: #4eb51f;}.progressbar-shipping-text b:last-child {    color: #65d632;
}.progressbar-shipping {    background: #65d632;
}#cart_content .buttons .continue {
    background: #65d632;}#cart .column-flex .zero_fee_price.success {
    color: #4eb51f;
}#cookies_confirm .buttons .submit.agree:hover {    background: #4eb51f;
}#order .legend .item.active, #order .legend .item.passed {    border-bottom: 4px solid #7cff3a;
}.ui-dialog .ui-dialog-buttonpane button {
    background: #65d632 !important;}.dialogBasketContent .zero_fee_price.success {
    color: #4eb51f;}@media (max-width: 1366px) {

#notebook_slides img {
    width: 100% !important;
    object-fit: cover;
    top: 0 !important;
    left: 0 !important;
}
.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:checked + label {
    padding-left: 71px !important;
    text-align: left;
    font-size: 15px;
}

.template_order #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:not(:checked) + label {
    padding-left: 71px !important;
    text-align: left;
    padding-right: 28px !important;
    font-size: 15px;
}

.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:not(:checked) + label {
    margin-left: -5px !important;
    padding-left: 70px !important;
    text-align: left;
    padding-right: 28px;
    font-size: 15px;
}

#personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked+label {
    background: url("../images/person.svg") 18px 18px no-repeat var(--green-light-bg) !important;
    background-size: 40px !important;
    padding: 39px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(2) {
    background: url("../images/company.svg") 20px 20px no-repeat #f7f7f7 !important;
    background-size: 32px !important;
    padding: 39px !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(1) {
    background: url("../images/person.svg") 18px 18px no-repeat #f7f7f7 !important;
    background-size: 40px !important;
    padding: 39px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(2) input[type="radio"]:checked+label {
    background: url("../images/company.svg") 20px 20px no-repeat var(--green-light-bg) !important;
    background-size: 32px !important;
    padding: 39px !important;
}

.template_order #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:checked + label {
    padding-left: 81px !important;
}

.slideshow_panel_wrap {
    max-height: 440px;
}

.slideshow_panel_spacer {
    height: 440px;
    min-height: 440px;
    top: -440px;
    max-width: 100%;
}

}

@media (max-width: 1279px) {

.custom-select-wrapper {
    display: none;
}

#search_box #search_input {
    width: 89%;
    padding: 5px 14px 5px 15px;
}

#category_detail .subcategories .subcategory {
    flex: 0 1 49%;
}

}

@media (max-width: 1234px) {

#order .legend {
    font-size: 14px;
}

}

@media (max-width: 1199px) {

#search_box #search_input {
    width: 100%;
    padding: 5px 53px 5px 15px;
}

#contacts_dropdown_wrap {
    display: none;
}

.template_cart #contacts_dropdown_wrap, .template_order #contacts_dropdown_wrap {
    display: block;
}

#order .legend {
    padding-top: 0px;
}

#offer_of_the_day .header {
    font-size: 23px;
    line-height: 101%;
}

#offer_of_the_day .product_info div:nth-child(1) {
    font-size: 15px;
    line-height: 113%;
    margin-bottom: 2px;
}

#modal-content #contact_form_form input {
    width: 100%;
}

#order #payment_and_transport #payment_selector {
    margin-bottom: 0px;
}

#order #payment_and_transport {
    padding: 15px;
    padding-top: 0;
}

#order #payment_and_transport h2 {
    margin-bottom: 0px;
}

#order h2, .template_my_address h2, .template_my_agreements h2 {
    padding: 20px 26px 23px 0px;
}

.template_my_address h2, .template_my_agreements h2 {
    padding: 0px 0px 23px 0px;
}

#order .recapitulation-contact-info {
    flex-flow: column;
}

#order .deliver_items .body, #order .contact_items .body, #order .invoice_items .body {
    padding: 23px 33px 23px 33px;
    min-height: auto;
}

#order #certificate_insert .submit {
    padding-left: 12px;
    padding-right: 12px;
}

#order #certificate_insert #certificate_code {
    width: 169px;
}

#product_detail .price_etc .cart_add .add_to_cart {
    padding: 14px 19px 13px 20px;
    font-size: 12px;
    width: 100%;
}

#product_detail .manufacturer-logo {
    top: 80px;
}

.modal-wishlist .wishlist_product_list .row-sorting {
    padding-left: 6px;
    padding-right: 15px;
}

.misc_box_header {
    display: flex;
    flex-flow: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
    padding: 4px 32px 0px 6px;
    -webkit-overflow-scrolling: auto;
}

.misc_box_header .bookmark {
    height: auto;
}

.misc_box_header .bookmark-count {
    display: inline;
    padding: 4px;
    padding-bottom: 6px;
    padding-top: 2px;
    background-size: cover;
}

.template_order .select_country > div:first-child {
    flex: 7;
}

.template_order .select_country > div:last-child {
    flex: 1;
}

#cart_content .prices {
    flex: 2;
}

.modal-login .modal-content {
    max-height: 631px;
}

#user_panel {
    margin: 1px 23px 0px 10px;
}

}

@media (max-width: 1099px) {

#product_detail .price_etc .cart_add {
    flex-flow: column;
}

#product_detail .price_etc .cart_add .add_to_cart {
    margin-top: 25px;
    margin-left: 0px;
    max-width: 183px;
}

}

@media (max-width: 992px) {

#submenu_panel {
    border-bottom: 0px;
}

.main-menu-area {
    margin-top: 0px;
}

.main-menu-area {
    padding-top: 20px;
    border-top: 1px solid #cecece;
}

#top_slideshow {
    height: 400px;
}

#filter .prices .range {
	  margin-left: 19px;
	  margin-right: 19px;
	  padding-top: 50px;
}

.overeno-zakazniky {
    background-position: center;
    display: inline-block;
}

#eshop-reviews a {
    font-weight: 800;
    font-size: 12px;
    text-decoration: underline;
    text-align: center;
    display: block;
    margin-bottom: 24px;
}

#eshop-reviews {
    text-align: center;
    padding: 0px 25px 31px 25px;
}

.heureka_reviews_wrap {
    flex-flow: wrap;
}

#eshop-reviews .review {
    margin: 0 auto;
    flex: 0 1 50%;
    border-bottom: 1px solid #ffffff;
}

#eshop-reviews .review:first-child {
    margin-bottom: 7px;
}

#footer #footer-bottom .box .header {
    font-size: 23px;
    line-height: 130%;
}

#eshop-reviews .stars {
    margin-bottom: 14px;
}

#footer {
    padding-top: 0px;
}

#order .legend .row {
    display: flex;
}

.template_cart #order .legend .item .number, .template_order #order .legend .item .number {
    margin-bottom: -1px;
    display: block;
}

.template_cart #order .legend .item.passed .number, .template_order #order .legend .item.passed .number {
    margin-bottom: 9px;
}

#cart_content .name a {
    font-size: 14px;
    line-height: 16px;
}

#cart .quant_up, #cart .quant_down {
    padding: 4px 12px 6px 12px;
}

#cart .quantity input {
    width: 27px;
    height: 30px;
    font-size: 13px;
}

#cart_content .price_total {
    font-size: 14px;
    line-height: 17px;
}

#cart_content .image {
    min-width: 63px;
}

#cart_content .image img {
    max-width: 63px;
}

#order #certificate_insert #certificate_code {
    width: 168px;
}

#order #certificate_insert .submit {
    padding-left: 10px;
    padding-right: 10px;
}

#offer_of_the_day {
    padding: 8px 21px 8px 21px;
}

#order #payment_and_transport h2 {
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 2px;
}

#order-recap-wrapper {
    flex-flow: column;
}

.template_order .order-recap-main-body .order_step_back {
    display: none;
}

.template_order .display-xs {
    display: block;
    margin-bottom: 28px;
}

.template_order .order-recap-cart .display-xs {
    display: none;
}

.order-recap-cart #cart_content {
    margin-bottom: 0;
}

.recapitulation-contact-info-phone_div {
    display: block;
}

#order .recapitulation-contact-info {
    display: none;
}

#recap_info {
    display: none;
}

#show_hide_recap_info {
    background-color: #f7f7f7;
    border-radius: 5px;
    padding: 16px 37px 13px 37px;
    display: flex;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
}

#show_hide_recap_info .dropdown-plus, #show_hide_recap_info .dropdown-minus {
    display: flex;
    margin-right: 0;
}

#show_hide_recap_info .dropdown-plus .plus-circle, #show_hide_recap_info .dropdown-plus .minus-circle {
    position: relative;
    background-position: center 8px;
    height: auto;
    left: 0;
    top: 0;
}

.order_note_div {
    margin-top: 10px;
    margin-bottom: 5px;
}

#order .deliver_items .body, #order .contact_items .body, #order .invoice_items .body {
    padding: 0px 63px 17px 67px;
    margin-bottom: 0;
}

#categories_menu .category_icon {
    display: none;
}

#product_list .product-card {
    flex: 0 1 50%;
}

.template_product_detail .other_pictures_mobile {
    margin-bottom: 19px;
}

#order .legend .item .text {
    text-align: center;
}

@-moz-document url-prefix() {
#order .legend .item {
    white-space: normal;
}
}

.social_icons {
    margin: 0;
    position: static;
    right: 0;
    display: flex;
}

.social_icons .icon.fb_share {
    padding: 2px 0px 1px 2px;
    min-height: 28px;
    display: flex;
    justify-content: center;
    position: relative;
    right: 0px;
    border-radius: 5px;
    width: 80px;
}

.social_icons .icon.tweet {
    padding: 4px 0px 1px 2px;
    min-height: 29px;
    position: static;
    right: 0px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin-left: 6px;
}

#product_detail .manufacturer-logo {
    margin-top: 1px;
    margin-bottom: 36px;
}

.product-detail-main-info-inner-wrap {
    padding-left: 15px;
}

#product_detail #product_image .owl-controls {
    opacity: 1;
}

.blog-card {
    flex: 0 0 100%;
}

.blog-card:nth-child(odd) {
    padding-right: 0;
}

.blog-card:nth-child(even) {
    padding-left: 0;
}

.template_blog_post .social_icons {
    margin-top: 27px;
    margin-bottom: 12px;
}

.template_blog_post .next-prev {
    position: relative;
    top: auto;
    width: 100%;
}

.blog-detail .links a {
    position: relative;
    flex: 0 1 50%;
    max-width: 100%;
}

.blog-detail .links a:first-child {
    border-left: 1px solid #dddddd;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    margin-right: 12px;
}

.blog-detail .links a:last-child {
    border-right: 1px solid #dddddd;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.template_blog_post .next-prev img {
    max-width: 100% !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    object-fit: cover;
    min-height: 214px;
    max-height: 214px;
    width: 100%;
}

.template_blog_post .next-prev p {
    max-width: 100%;
}

.blog-detail .links a:first-child p {
    border-bottom-left-radius: 7px;
}

.blog-detail .links a:last-child p {
    border-bottom-right-radius: 7px;
}

.blog-detail .links a:hover {
    border: 1px solid #222222 !important;
}

.prev-next-article-thumb-wrap {
    max-height: initial;
}

}

@media (max-width: 980px) {

.version_type_for_mobile {
    display: block;
}

}
@media (max-width: 768px) {

#header .logo .subtitle {
    font-size: 20px;
}

#submenu_panel .body {
    float: none;
}

#user_panel a, #cart_box {
    margin-left: 0px;
}

#main_body, #left_column {
    margin-top: 20px;
}

#top_slideshow {
    display: none;
}

#left_column .header .open-menu {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 21px;
    height: 20px;
    cursor: pointer;
}

#header .header .open-menu {
    background: url("../images/select_arrow_down_white.svg") right center no-repeat;
    background-size: 100%;
    width: 12px;
    height: 22px;
    position: absolute;
    right: 18px;
    transition: 0.3s all;
    -webkit-transform: 0.3s all;
    -moz-transform: 0.3s all;
    -o-transform: 0.3s all;
    -ms-transform: 0.3s all;
}

#header .header.active .open-menu {
    background: url("../images/select_arrow_down_white.svg") right center no-repeat;
    background-size: 100%;
    width: 12px;
    height: 22px;
    position: absolute;
    right: 18px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#header #categories_mobile_menu .header::before {
    content: " ";
    background:url('../images/hamburger_menu_white.svg') left center no-repeat;
    background-size: 100%;
    width: 24px;
    height: 22px;
    position: absolute;
    left: 19px;
    display: inline-block;
}

#categories_tree.inactive, #manufacturers_tree.inactive {
    display: none;
}

#discussion_content .date {
    clear: both;
    float: left;
}

#discussion_content .user {
    float: left;
}

#filter .prices .range {
	  margin-left: 19px;
	  margin-right: 19px;
	  padding-top: 50px;
}

#eshop .eshop_body.container-flex {
    flex-flow: column;
}

#categories_menu .header {
    display: block;
}

#cart_box .cart-box-wrapper {
    width: auto;
    height: 40px !important;
    box-shadow: none;
    border-radius: 7px;
    margin-right: 0px;
    padding: 3px 17px 7px 11px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23ffffff%3Bstroke:%23ffffff%3Bstroke-width:0.25%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cpath fill='%23ffffff' stroke='%23ffffff' stroke-width='0.25' stroke-miterlimit='10' d='M22.7 7.1c0-0.4-0.4-0.7-0.7-0.7h-4V5.3C18 2.9 15.7 1 13 1S8 2.9 8 5.3v1.2H4c-0.4 0-0.7 0.3-0.7 0.7l-1 17c0 0.2 0.1 0.4 0.2 0.6C2.6 24.9 2.8 25 3 25h20c0.2 0 0.4-0.1 0.5-0.2c0.1-0.2 0.2-0.4 0.2-0.6L22.7 7.1z M9.5 5.3c0-1.5 1.6-2.8 3.5-2.8s3.5 1.2 3.5 2.8v1.2h-7V5.3z M8 7.9v1.6c0 0.4 0.3 0.8 0.8 0.8S9.5 10 9.5 9.6V7.9h6.9v1.6c0 0.4 0.3 0.8 0.8 0.8S18 10 18 9.6V7.9h3.3l0.6 10.4H4.1L4.8 7.9H8z M3.8 23.5l0.3-4.2H22l0.3 4.2H3.8z'/%3E%3C/svg%3E") 10px 6px no-repeat var(--green);
    background-size: 25px;
}

#cart_box .cart-box-wrapper.empty {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 26 26' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23222222%3Bstroke:%23222222%3Bstroke-width:0.25%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cpath fill='%23222222' stroke='%23222222' stroke-width='0.25' stroke-miterlimit='10' d='M22.7 7.1c0-0.4-0.4-0.7-0.7-0.7h-4V5.3C18 2.9 15.7 1 13 1S8 2.9 8 5.3v1.2H4c-0.4 0-0.7 0.3-0.7 0.7l-1 17c0 0.2 0.1 0.4 0.2 0.6C2.6 24.9 2.8 25 3 25h20c0.2 0 0.4-0.1 0.5-0.2c0.1-0.2 0.2-0.4 0.2-0.6L22.7 7.1z M9.5 5.3c0-1.5 1.6-2.8 3.5-2.8s3.5 1.2 3.5 2.8v1.2h-7V5.3z M8 7.9v1.6c0 0.4 0.3 0.8 0.8 0.8S9.5 10 9.5 9.6V7.9h6.9v1.6c0 0.4 0.3 0.8 0.8 0.8S18 10 18 9.6V7.9h3.3l0.6 10.4H4.1L4.8 7.9H8z M3.8 23.5l0.3-4.2H22l0.3 4.2H3.8z'/%3E%3C/svg%3E") 10px 6px no-repeat #ffffff;
    background-size: 25px;
}

#cart_box:hover {
    box-shadow: none;
}

#cart_box span {
    display: none;
}

#main_body {
    order: 1;
    margin-left: 0;
}

#settings_wrap {
    margin: 0px 9px 0px 10px;
    height: 24px;
}

.settings_trigger .ico {
    margin-top: 1px;
}

#left_column, .template_title_page #left_column {
    margin-top: 0px;
    order: 2;
    max-width: 100%;
}

.template_title_page #left_column.is-slideshow {
    margin-top: 0;
}

.top-panel-visible .template_title_page #eshop {
    margin-top: 8px !important;
}

.template_title_page #eshop {
    margin-top: 4px !important;
}

.template_title_page #eshop.is-slideshow {
    margin-top: 5px !important;
}

#user_panel .login.open-modal {
    display: none;
}

.login-phone {
    background: url("../images/user_acc_phone.svg") center no-repeat;
    background-size: 100%;
    width: 31px;
    height: 29px;
    display: block !important;
    margin-top: 1px;
}

a.my_account {
    margin-top: 1px;
}

#left_column img {
    width: 100%;
}

#cart_box .body {
    top: 12px;
    border: 1px solid var(--green);
    color: #ffffff;
    background-color: var(--green);
    right: -11px;
}

#cart_box .cart-box-wrapper.not-empty .body {
    top: 12px;
    border: 1px solid #ffffff;
    color: var(--green);
    background-color: #ffffff;
    right: -11px;
}

#header {
    height: 79px;
}

#header .logo img {
    max-width: 100%;
    margin-top: 0px;
    object-fit: contain;
}

#header .logo {
    margin-top: 0px;
    width: 171px;
    margin-right: 10px;
}

#left_column #categories_menu {
    padding: 0;
}

#search_box {
    display: none;
}

#search_box_phone {
    display: block;
}

.search_box_phone {
    background: url("../images/search_phone.svg") center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 29px;
    display: block !important;
    position: relative;
}
.container-flex {
    flex-flow: column wrap;
}

#contact_form {
    margin-left: 0px;
}

#header .container-flex {
    justify-content: space-between;
}

.header-flex-wrapper {
    padding: 9px 25px 36px 25px;
}

#user_panel {
    margin: 0px 9px 0px 10px;
}

#search_box_phone .modal-content {
    top: 21%;
    height: 188px;
}

#search_box_phone .modal-content .header {
    margin-bottom: 15px;
}

#search_box_phone #search_submit {
    margin-left: -12px;
}

.modal-content {
    padding: 3em 2em 3em 2em;
    width: 87vw;
}

#wishlist_wrap .modal-content {
    top: 42%;
}

.login_form_modal {
    margin: 0;
}

#user_panel .modal-content {
    top: 57%;
    height: 87vh;
}

#user_panel .modal-content a {
    display: block;
    width: auto;
    height: auto;
    background-size: 17px !important;
    margin-top: 7px;
    border-radius: 7px;
    margin-right: 10px;
}

#user_panel .modal-content .forg_pass_orders_wrap a:nth-child(2) {
    margin-right: 0px;
}

#top_slideshow_tablet {
    height: 390px;
    width: 100%;
}

#top_slideshow_tablet {
    min-height: 390px;
}

#tablet_slides {
    height: 390px !important;
}

#tablet_slides img {
    height: 390px !important;
    width: 100% !important;
    object-fit: cover;
    top: 0 !important;
    left: 0 !important;
}

.blog-carousel .blog-post:nth-child(4), .blog-carousel .blog-post:nth-child(5) {
    display: none;
}

#newsletter {
    padding: 31px;
    padding-top: 35px;
    margin-right: 0;
    margin-bottom: 9px;
}

#contact_form {
    padding: 31px;
    padding-top: 35px;
    min-height: 255px;
}

#footer-bottom {
    margin-top: 39px;
    text-align: center;
}

#footer .box .title, #footer .box .header {
    text-align: center;
}

.top-panel-visible #mobile_slides, .top-panel-visible #tablet_slides {
    margin-top: 104px;
}

#mobile_slides, #tablet_slides {
    margin-top: 38px;
}

#copyright .lang_curr_wrap {
    width: 104px;
    margin: 0 auto;
}

#copyright .site_map_info p {
    text-align: center;
}

#copyright .copy {
    text-align: center;
}

.blog-carousel .header div {
    margin-left: 0px;
}

.hidden_till_768 {
    display: inline-block;
    text-align: center;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 9px;
}

.hidden_till_768:hover {
    text-decoration: none;
}

.blog-carousel .header a {
    display: none;
}

.blog-carousel .header {
    margin-bottom: 15px;
}

.all_posts_phone{
    display: block;
    text-align: center;
}

.blog-carousel {
    margin-top: 51px;
}

#newsletter_cf_wrapper {
    margin-top: 35px;
}

#footer {
    padding-top: 26px;
}

.benefit-sidebar div:nth-child(2) {
    font-size: 15px;
}

#left_column .benefit-sidebar {
    margin: 24px 0px -12px 0px;
}

#left_column .header {
    font-size: 15px;
    font-weight: 800;
    padding: 13px 0px 14px 0px;
    text-transform: none;
    background: #222222;
    display: none;
}

#header #categories_menu {
    display: block;
    padding: 0;
    margin: -29px 17px 0px 17px;
    background: #222222;
    position: relative;
    z-index: 1;
}

#header #categories_menu .header {
    padding: 8px 0px 10px 0px;
    font-size: 15px;
    font-weight: 800;
    text-transform: none;
    color: #ffffff;
    cursor: pointer;
}

.top-panel-visible #eshop {
    margin-top: 13px;
}

#eshop {
    margin-top: 19px;
}

#categories_menu ul li a {
    font-size: 14px;
}

#categories_tree > ul {
    padding: 0px 17px 12px 17px;
}

#cart_dropdown.dropdown_menu {
    margin-top: 0px;
}

.template_cart #header #categories_menu, .template_order #header #categories_menu {
    display: none;
}

#order .legend .row {
    display: flex;
}

#order .legend .item {
    padding-left: 0;
    padding-right: 0;
}

#order .legend .item .text {
    font-size: 11px;
    line-height: 127%;
    font-weight: 500;
}

.template_cart #header .logo, .template_order #header .logo {
    margin-top: 13px;
    width: 150px;
    margin-right: 10px;
}

.template_cart #contacts_dropdown_wrap, .template_order #contacts_dropdown_wrap {
    flex: 0 1 auto;
    margin: 12px 15px 0px 0px;
}

.template_cart #header .container-flex, .template_order #header .container-flex {
    padding: 0px 14px;
    padding-right: 15px;
}

.template_cart .customer_service_number > div:nth-child(1), .template_order .customer_service_number > div:nth-child(1) {
    background: url("../images/headset.svg") no-repeat;
    background-size: 100%;
    width: 33px;
    height: 36px;
    margin-right: -2px;
}

.template_cart .customer_service_number a, .template_order .customer_service_number a {
    font-size: 13px;
}

.template_cart .customer_service_number div:nth-child(2) span, .template_order .customer_service_number div:nth-child(2) span {
    font-size: 12px;
}

.template_cart #eshop, .template_order #eshop {
    margin-top: 56px;
}

.template_cart #header, .template_order #header {
    height: 60px !important;
}

.template_cart #order .legend .item .number, .template_order #order .legend .item .number {
    font-size: 12px;
    margin-bottom: -1px;
    display: block;
}

#order .legend {
    padding-left: 13px;
    padding-right: 13px;
}

.template_cart #other_contacts_dropdown.dropdown_menu, .template_order #other_contacts_dropdown.dropdown_menu {
    left: -89px;
}

.template_cart #copyright, .template_order #copyright, .template_cart #copyright .site_map_info p, .template_order #copyright .site_map_info p {
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 5px;
}

.template_cart #copyright a, .template_order #copyright a {
    font-size: 11px;
}

.template_cart #eshop .eshop_body, .template_order #eshop .eshop_body {
    padding-bottom: 0px;
}

.template_cart .note_modal > div:first-child, .template_cart .attachement_modal > div:first-child {
    font-size: 12px;
}

.template_cart #cart_content .name a {
    font-size: 13px;
    line-height: 16px;
}

.template_cart .price_excl, .template_order .price_excl {
    line-height: 133%;
}

.template_cart #cart_content .image img {
    max-width: 69px;
}

.template_cart #cart .quant_up, .template_cart #cart .quant_down {
    padding: 7px 11px 8px 11px;
}

.template_cart #cart_content .price_total {
    font-size: 14px;
}

.template_cart #cart .quantity input {
    width: 30px;
    height: 37px;
    font-size: 13px;
}

.template_cart #cart_content #static p {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    width: 100%;
}

.order_step_back {
    margin-top: 25px;
    text-align: center;
}

.template_cart #cart_content .summary .price_total {
    font-size: 32px;
    margin-bottom: 2px;
}

.template_order #cart_content .summary .price_total {
    font-size: 15px;
}

.template_cart #cart_content .summary {
    padding: 20px;
    padding-bottom: 23px;
    padding-top: 17px;
}

.template_cart hr, .template_order hr {
    display: none;
}

.template_cart #copyright, .template_order #copyright {
    margin-top: 12px;
}

.display-xs {
    display: block;
}

.template_cart .column-flex:nth-child(1) .order_step_back {
    display: none;
}

#order #i_got_certificate {
    margin-bottom: 4px;
    margin-top: 20px;
}

.template_cart #cart_content #static {
    margin-bottom: 0;
}

#cart .column-flex .zero_fee_price {
    margin-bottom: 22px;
}

#cart_content .summary .price_total_header {
    text-align: center;
    margin: 7px 16px 7px 16px;
}

#order .continue {
    margin-top: 14px;
}

#cart_content #static p {
    font-size: 12px;
    padding: 11px 21px 11px 21px;
}

#cart .column-flex .zero_fee_price {
    font-size: 12px;
    line-height: 141%;
    margin-right: 0px;
    margin-left: 0px;
}

#cart .free_shipping_ico {
    height: 16px;
}

.free_shipping_ico_active {
    margin-top: 1px;
}

#order #i_got_certificate label {
    font-size: 13px;
    line-height: 110%;
    margin-right: 11px;
}

.template_cart #order #i_got_certificate label {
    flex: 1;
    margin-right: 10px;
}

.template_cart #order #i_got_certificate {
    display: flex;
    margin-bottom: 16px;
}

.template_cart #i_got_certificate #certificate_insert {
    flex: 1;
    display: flex !important;
}

.template_cart #order #certificate_insert #certificate_code {
    flex: 3;
    width: auto;
    margin-right: -1px;
}

.template_cart #order #certificate_insert .submit {
    flex: 1;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    position: relative;
    top: 1px;
}

#order .legend {
    padding-bottom: 4px;
}

#cart_content .row {
    margin-bottom: 7px;
}

.template_order #personal_form {
    flex-flow: column;
    padding: 0;
}

.already_registered {
    line-height: 20px !important;
    font-size: 13px;
    margin: 7px 0px 17px 0px;
    display: flex;
}

.already_registered div:nth-child(1) {
    margin-bottom: 0px;
    margin-right: 6px;
}

.order_step_back {
    margin-bottom: 14px;
}

#order #personal_form .invoice_items_div h2 {
    margin-bottom: 8px;
}

#personal_form .second input, #personal_form .second textarea, #loginForm .second input {
    margin-top: 0;
}

#modal-content {
    max-width: 85%;
}

.template_order #personal_form .submit {
    display: block;
    width: 100%;
}

#order #personal_form h2 {
    text-transform: none;
    margin-top: 14px;
    margin-bottom: 0;
    font-weight: 800;
    font-size: 17px;
    padding-top: 0;
    padding-bottom: 4px;
}

#personal_form .submit.continue {
    margin-top: 0;
    margin-bottom: 0;
}

#personal_form .first {
    font-size: 14px;
    line-height: 26px;
}

#personal_form .second select {
    font-size: 13px;
}

#personal_form .customer_type_selector {
    padding-bottom: 0px;
    margin-bottom: -7px;
    flex: 1;
    display: flex;
}

#personal_form .customer_type_selector div:nth-child(1) {
    flex: 1;
    margin-right: 8px;
}

#personal_form .customer_type_selector div:nth-child(2) {
    flex: 1;
    margin-right: 0;
}

#personal_form .customer_type_selector [type="radio"]:checked + label, #personal_form .customer_type_selector [type="radio"]:not(:checked) + label {
    line-height: 16px !important;
    font-size: 13px;
}

#personal_form .second input, #personal_form .second textarea, #loginForm .second input {
    margin-bottom: 3px;
}

.template_order #personal_form .gdpr_agreements {
    margin-top: 9px;
    margin-bottom: 18px;
}

.template_order #personal_form .gdpr_agreements .gdpr_agreement {
    padding: 0;
    padding-right: 11px;
}

#categories_mobile_menu {
    display: block;
    margin: -29px 22px 0px 22px;
    position: relative;
    z-index: 5;
}

.template_order #categories_mobile_menu, .template_cart #categories_mobile_menu {
    display: none;
}

#categories_mobile_menu img {
    max-width: 16px;
}

#categories_mobile_menu .header {
    font-size: 15px;
    margin-bottom: 0;
    background: var(--categories-active-phone);
    padding: 10px 10px 11px 10px;
    color: #ffffff;
    border-radius: 7px;
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}

#categories_mobile_menu .header.active {
    background: #ffffff !important;
    color: #222222 !important;
    border-radius: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

#categories_mobile_tree {
    background: #ffffff;
    box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2);
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    max-height: 393px;
    overflow: auto;
}
#categories_mobile_tree ul {
    list-style-type: none;
    padding: 0px 21px 12px 21px;
}

#categories_mobile_tree ul.opened {
    margin-top: 9px;
    padding-left: 0px;
    padding-right: 0px;
}

#categories_mobile_tree ul a{
    color: #222222;
}

#categories_mobile_tree ul li {
    padding: 10px 0px 9px 2px;
    border-bottom: 1px solid #ddd;
}

#categories_mobile_tree ul li ul li {
    border-bottom: 1px solid #ddd;
    padding-top: 7px;
    padding-bottom: 8px;
}

#categories_mobile_tree ul li:last-child {
    border-bottom: 0;
}

#categories_mobile_tree ul li img{
    margin-right: 7px;
}

#categories_mobile_tree ul li.preview a, #categories_mobile_tree ul li.preview:hover a, #categories_mobile_tree ul li.preview:focus a, #categories_mobile_tree ul li.preview:visited a,
#categories_mobile_tree ul li.preview a:hover, #categories_mobile_tree ul li.preview a:focus, #categories_mobile_tree ul li.preview a:visited {
    text-decoration: none !important;
    font-weight: 800;
}

#categories_mobile_tree ul li.preview li a {
    font-weight: 400;
}

#categories_mobile_tree ul ul {
    padding-bottom: 5px;
}

#categories_mobile_tree ul li a {
    display: flex;
    position: relative;
    padding-right: 34px;
}

.mobile_plusminus {
    width: 13px;
    height: 8px;
    line-height: 10px;
    text-align: center;
    display: block;
    float: right;
    padding: 13px 5px 13px 5px;
}

.mobile_plusminus.plus {
    background: url(../images/arrow_down.svg) no-repeat center center #efefef;
    background-size: 9px;
    order: 3;
    position: absolute;
    right: 0;
    width: 24px;
    height: 9px;
    border-radius: 50px;
    top: -3px;
}

.mobile_plusminus.minus {
    background: url(../images/arrow_to_top.svg) no-repeat center center #efefef;
    background-size: 9px;
    order: 3;
    position: absolute;
    right: 0;
    width: 24px;
    height: 9px;
    border-radius: 50px;
    top: -3px;
}

#categories_mobile_menu .opened .category_icon {
    display: none;
}

#categories_mobile_menu ul li li a:before {
    content: " ";
    background: url("../images/li_arrow.svg") no-repeat;
    background-size: 100%;
    width: 5px;
    height: 10px;
    margin-right: 5px;
    display: none;
}

#categories_mobile_tree ul li.preview li a {
    font-size: 13px;
    margin-bottom: 1px;
    margin-top: 1px;
}

div[aria-describedby="dialog-VOP"] {
    max-width: 85% !important;
}

#header #categories_mobile_menu .header.active .open-menu {
    background: url("../images/arrow_down.svg") right center no-repeat;
    background-size: 100%;
    width: 12px;
    height: 22px;
    position: absolute;
    right: 18px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#header #categories_mobile_menu .header.active::before {
    content: " ";
    background: url("../images/hamburger_menu.svg") left center no-repeat;
    background-size: 100%;
    width: 24px;
    height: 22px;
    position: absolute;
    left: 19px;
    display: inline-block;
}

.top-panel-visible #tablet_slides {
    margin-top: 37px;
}

.top-panel-visible #header {
    height: 114px;
}

.template_order #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:not(:checked) + label,
.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:checked + label {
    padding-left: 78px !important;
    text-align: left;
    padding-right: 28px;
    font-size: 13px;
}

#personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked+label {
    background: url("../images/person.svg") 14px 18px no-repeat var(--green-light-bg) !important;
    background-size: 40px !important;
    padding: 39px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

#personal_form .customer_type_selector div:nth-child(2) {
    background: url("../images/company.svg") 22px 20px no-repeat #f7f7f7 !important;
    background-size: 32px !important;
    padding: 39px !important;
    border-radius: 5px;
    height: 78px;
}

.template_order #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:not(:checked) + label {
    font-size: 13px;
}

#categories_mobile_tree.inactive {
    display: none;
}

#categories_mobile_menu ul li li:first-child a:before {
    margin-right: 9px;
}

#order #payment_and_transport h2 {
    margin-top: 26px;
}

#order #payment_and_transport .continue {
    margin-top: 26px;
    margin-bottom: 4px;
    width: 100%;
}

#order-recap-wrapper {
    margin-top: 6px;
}

#order-recap-wrapper h1{
    font-size: 20px;
}

#order-recap-wrapper #i_got_certificate {
    margin-bottom: 21px;
}

#order-recap-wrapper .deliver_items .body .title, #order-recap-wrapper .contact_items .body .title, #order-recap-wrapper .invoice_items .body .title {
    text-transform: none;
    margin-bottom: 2px;
    font-weight: 800;
    font-size: 15px;
}

#order-recap-wrapper .deliver_items .body div, #order-recap-wrapper .contact_items .body div, #order-recap-wrapper .invoice_items .body div {
    font-weight: 300;
    font-size: 14px;
    padding-bottom: 2px;
    padding-top: 2px;
    line-height: 134%;
}

#order-recap-wrapper .deliver_items .body, #order-recap-wrapper .contact_items .body, #order-recap-wrapper .invoice_items .body {
    padding: 0px 55px 17px 55px;
    min-height: auto;
}

#order .note_title {
    font-size: 15px;
}

#order #note {
    font-size: 14px;
}

.order-recap-cart .container-flex {
    padding: 29px 35px 16px 35px !important;
}

#order .order-recap-cart .continue {
    margin-top: 23px;
}

#show_hide_recap_info {
    padding: 16px 10px 16px 25px;
}

.order_note_div {
    padding: 16px 10px 16px 25px;
}

#order-recap-wrapper .plus-circle, #order-recap-wrapper .minus-circle, #show_hide_recap_info .dropdown-plus .plus-circle, #show_hide_recap_info .dropdown-plus .minus-circle {
    width: 17px;
    height: 31px;
    left: -17px;
}

#product_list .owl-item {
    max-width: 359px;
}

.modal-wishlist .wishlist_product_list .row-sorting .delete a {
    font-size: 11px;
    line-height: 101%;
}

.modal-wishlist .products_wrap_modal .row-sorting .add_to_cart, .modal-wishlist .wishlist_product_list .row-sorting a.show_variants {
    padding: 10px 15px 10px 15px;
    font-size: 10px;
    margin-bottom: 4px;
}

.modal-wishlist .row-sorting button.quant_down, .modal-wishlist .row-sorting button.quant_up {
    padding: 6px 13px 6px 13px;
}

.modal-wishlist .products_wrap_modal .row-sorting input {
    height: 28px;
    width: 39px;
    font-size: 13px;
    margin:0 auto;
}

.modal-wishlist .products_wrap_modal .row-sorting .price {
    text-align: left;
    font-size: 12px;
}

.modal-wishlist .products_wrap_modal .row-sorting .name {
    font-size: 13px;
}

.modal-wishlist .products_wrap_modal .row-sorting .image img {
    max-width: 56px;
    max-height: 56px;
    padding-right: 5px;
}

.modal-wishlist .products_wrap_modal .row-sorting .quantity_content {
    display: flex;
    flex-flow: column;
    flex: 1;
    padding: 0 8px;
}

.modal-wishlist .products_wrap_modal .row-sorting button.quant_down,
.modal-wishlist .products_wrap_modal .row-sorting button.quant_up {
    max-width: 48px;
    margin: 0 auto;
}

.misc_box_body {
    padding-bottom: 0px;
}

#category_detail h1 {
    margin-top: 0px;
    padding-top: 0;
    margin-bottom: 0;
    font-size: 24px;
}

.next-products {
    margin: 0 auto;
}

#display_bottom .paging {
    margin: 0 auto;
}

.row-blog #display_bottom .paging {
    margin: 0px;
}

.display .product_count_on_page, .display .order_by_container, .display #products_count {
    line-height: 135%;
}

.display select {
    margin-top: 7px;
}

.display #products_count #total_count {
    margin-top: 7px;
    display: block;
}

.display {
    padding-left: 0px;
    padding-right: 0px;
}

#category_path, #static_page_path {
    margin-bottom: 4px;
}

.template_reviews_add #category_path {
    margin-top: -16px;
}

#top_panel p {
    font-size: 11px;
}

.top-panel-visible .template_title_page #eshop.is-slideshow {
    margin-top: 8px !important;
}

.template_subscribe_form .input-wrapper-subscribe.mail:before {
    top: 10px;
}

.template_subscribe_form .input-wrapper-subscribe.password:before {
    top: 10px;
}

.template_subscribe_form #personal_form .customer_type_selector div:nth-child(1) input[type="radio"]:checked+label {
    padding-left: 78px !important;
}

.template_subscribe_form #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:checked + label,
.template_subscribe_form #personal_form .customer_type_selector div:nth-child(1) [type="radio"]:not(:checked) + label,
.template_subscribe_form #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:checked + label,
.template_subscribe_form #personal_form .customer_type_selector div:nth-child(2) [type="radio"]:not(:checked) + label {
    padding-left: 78px !important;
}

.template_subscribe_form .path {
    min-height: 45px;
    margin-bottom: -11px;
    margin-top: -15px;
}

.template_forgotten_password .path, .template_my_orders_access .path {
    min-height: 45px;
    margin-bottom: -11px;
    margin-top: 2px;
}

.template_forgotten_password .path h1, .template_my_orders_access .path h1 {
    font-size: 24px;
}

.preview_reviews .review-column {
    flex-flow: column;
}

.preview_reviews .review {
    margin-bottom: 23px;
}

.dialogBasket #related_products .owl-buttons .owl-next,
.dialogBasket #related_products .owl-buttons .owl-prev  {
    top: 26%;
}

.template_my_account #eshop {
    overflow: hidden;
}

.template_my_account #main_body {
    overflow: visible;
}

.template_order .select_country select {
    position: relative;
    top: 4px;
}

#footer-manufacturers img {
    max-width: 131px;
}

#category_detail .subcategories .subcategory {
    flex: 0 1 49%;
}

.subcategory[data-mhidden='0'] {
    display: block !important;
}

.subcategory[data-mhidden='1'] {
    display: none !important;
}

.showMoreSubcategories_mobile {
    display: block;
    background: transparent;
    color: #222222;
    text-transform: none;
    text-decoration: underline;
    font-size: 13px;
    padding-left: 0;
    margin-bottom: 11px;
    font-weight: 800;
    margin-top: -5px;
    cursor: pointer;
}

.showMoreSubcategories_mobile:hover {
    text-decoration: none;
}

.showMoreSubcategories_mobile::after {
    content: " ";
    display: inline-block;
    background: url("../images/arrow_down_yellow.svg");
    background-size: 100%;
    width: 10px;
    height: 8px;
    margin-left: 5px;
}

.showMoreSubcategories_desktop {
    display: none !important;
}

#cart_content .prices .price {
    font-size: 13px;
}

.variants .product .body {
    min-height: auto;
}

.variants .product .thumbnail,
#alternate_products .product .thumbnail, #related_products .product .thumbnail, #recommended_products .product .thumbnail {
    height: 183px;
}

.search_structure_wrap #showProducts {
    margin-top: 5px;
}

#variants-content .variants .product .info .name h3, #variants-content .variants .product .info {
    min-height: auto;
    height: auto;
}

#cookies_confirm .buttons {
    display: flex;
    flex-flow: column;
}

#cookies_confirm.cookies_confirm_tabs .buttons {
    flex-flow: row;
}

#cookies_confirm .buttons .submit.agree {
    margin-right: 0;
    width: 100%;
    margin-bottom: 3px;
}

#cookies_confirm.cookies_confirm_tabs .buttons .submit.agree {
    margin-right: inherit;
    width: auto;
    margin-bottom: 0;
    margin-left: 5px;
}

.blog-carousel .blog-post div img.lazy.loaded, .blog-card .image img.lazy.loaded, .blog-detail .image img.lazy.loaded {
    max-height: 469px;
}

#eshop-reviews .review {
    flex: 1 100%;
    border-bottom: 3px solid #ffffff;
    border-right: 0px;
    padding: 25px 36px 29px 36px;
}

.homepage_products_body .product .thumbnail, #product_list .product .thumbnail {
    height: 183px;
    display: flex;
    align-items: center;
}

.homepage_products_body .product .thumbnail img, #product_list .product .thumbnail img {
    max-height: 183px;
}

.template_product_detail #product_detail_category_trigger {
    display: none;
}

.reviews_content_inner {
    flex-flow: column;
}

#product_detail .reviews_content_summary #classification {
    margin-right: 0;
    margin-bottom: 18px;
}

#footer .box.contact .logo {
    margin: 0 auto;
    margin-bottom: 28px;
    margin-top: 14px;
}

span.showMoreSubcategories_mobile.panel_opened::after {
    transform: rotate(180deg);
}

.row-blog {
    flex-flow: column;
}

.blog-card {
    flex: 0 0 50%;
}

.blog-card:nth-child(odd) {
    padding-right: 3px;
}

.blog-card:nth-child(even) {
    padding-left: 3px;
}

#blog_path {
    min-height: auto;
    margin: 9px 0px 0px -1px;
}

.blog-card .body {
    margin-bottom: 0;
}

.blog-content {
    padding-bottom: 0;
}

.col-blog-right {
    padding-left: 0;
    min-width: auto;
}

.blog-card .body h2 a {
    line-height: 121%;
}

.blog-card .image {
    margin-bottom: 11px;
}

.blog-detail #blog_path {
    margin: 9px 0px 13px -3px;
}

.slideshow_panel_wrap {
    max-height: 390px;
}

.slideshow_panel_spacer {
    height: 390px;
    min-height: 390px;
    top: -390px;
    max-width: 100%;
}

#footer #footer-bottom .box {
    margin: 0 auto;
}

.template_title_page #main_menu .body {
    padding: 10px 24px;
}

.template_product_detail #left_column {
    display: block;
}

#cart_dropdown.dropdown_menu {
    min-width: 445px;
}

#variants-content .variants .product .info .button_area {
    min-height: 96px;
}

#variants-content .variants .product .info .name {
    min-height: 57px;
}

.variants .product .info {
    padding: 0;
}

.categories-menu {
    display: none;
}

.top-panel-visible .template_product_detail #eshop {
    margin-top: 12px;
}

.template_product_detail #eshop {
    margin-top: 16px;
}

}
@media (max-width: 480px) {

.main-menu-area {
    border-bottom: 1px solid #cecece;
}

.slideshow-line {
    height: 0px;
}

#back-top {
    display: none;
}

#order .continue {
    float: none;
}

#cart_content .buttons .continue {
    display: block;
    float: none;
    text-align: center;
}

#order #payment_and_transport_recapitulation .row {
    line-height: 30px;
}

#order #payment_and_transport_recapitulation .icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

#order #payment_and_transport_recapitulation .payment_tr .icon {
    background: url('../images/payment.png') top left no-repeat;
    background-size: 100%;
}

  #order #payment_and_transport_recapitulation .transport_tr .icon {
    background: url('../images/transport.png') top left no-repeat;
    background-size: 100%;
  }

  #order #payment_and_transport_recapitulation .round_item_tr .icon {
    background: url('../images/rounding.png') top left no-repeat;
    background-size: 100%;
  }

#order #certificate_insert {
    float: none;
    clear: both;
}

#filter .prices .range {
	  margin-left: 19px;
	  margin-right: 19px;
	  padding-top: 50px;
}

.text_btns_wrap p {
    font-size: 13px;
}

#cookies_confirm .buttons .submit.agree {
    margin-right: 0;
    margin-bottom: 7px;
}

#cookies_confirm .buttons .submit {
    padding: 9px 13px 9px 14px;
    font-size: 11px;
}

#cookies_confirm .buttons .submit.settings {
    padding: 6px 13px 6px 14px;
}

#cookies_confirm.cookies_confirm_tabs .buttons .submit.settings {
    padding: 9px 19px 9px 20px;
}

#cookies_confirm {
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
    bottom: 7px;
    padding: 23px 20px 28px 21px;
}

#cookies_confirm.cookies_confirm_tabs {
    width: 96%;
    margin-left: 0;
    margin-right: 0;
}

#cart_dropdown.dropdown_menu {
    max-width: 318px;
    min-width: 308px;
    width: 100%;
}

.container-flex {
    padding: 0 15px;
}

#top_panel .text-layer {
    padding: 7px 10px 7px 10px;
}

#top_panel a {
    font-size: 7px;
    padding: 3px 5px 3px 4px;
    margin-left: 4px;
}

#header .container-flex {
    padding: 9px 10px 20px 10px;
    padding-right: 6px;
    background: #ffffff;
    max-height: 71px;
}

#header .logo {
    margin-top: 0;
    margin-bottom: 0;
}

.header {
    margin-bottom: 0;
}

#product_list .owl-item {
    padding: 0px;
    max-width: 450px;
}

#wishlist_wrap {
    margin: 0px 10px 0px 8px;
}

.template_cart #header .container-flex, .template_order #header .container-flex {
    padding: 0px 12px;
    padding-right: 13px;
    background: #ffffff;
    max-height: 71px;
}

.template_cart #cart_content .delete_wrap {
    position: absolute;
    top: 40%;
    right: 0px;
    width: 21px;
}

.template_cart .note_content {
    max-width: 60px;
    overflow: auto;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    max-height: 26px;
}

.template_cart #cart_content .row {
    position: relative;
}

.template_cart #cart .quant_up, .template_cart #cart .quant_down {
    padding: 5px 8px 6px 7px;
    width: 25px;
}

.template_cart #cart .quantity input {
    width: 19px;
    height: 34px;
    font-size: 12px;
}

.template_cart .note_modal > div:first-child, .template_cart .attachement_modal > div:first-child {
    font-size: 12px;
    line-height: 120%;
}

#cart_content div.quantity {
    text-align: center;
}

#order #certificate_insert .submit {
    font-size: 10px;
    padding: 13px;
}

#order #order-recap-wrapper #certificate_insert .submit {
    padding: 12px 10px 12px 10px;
    font-size: 11px;
}

#order #i_got_certificate {
    margin-bottom: 0px;
    margin-top: 7px;
}

.template_cart .price_excl, .template_order .price_excl {
    line-height: 130%;
    margin-top: -2px;
}

.template_cart #cart_content .price_total {
    font-size: 13px;
    padding-right: 24px;
}

.template_cart #cart_content .total_price_wrap .price_total {
    padding-right: 0px;
}

.template_cart #cart_content .name a {
    font-size: 13px;
    line-height: 14px;
}

.template_cart .variant_name, .template_order .variant_name {
    font-size: 12px;
    margin-top: 0px;
    line-height: 114%;
}

.template_cart #cart_content .image img {
    max-width: 42px;
    padding-left: 0px;
    padding-right: 3px;
}

.template_cart #cart_content .delete {
    text-align: right;
    background: url("../images/cart_dropdown_remove.svg") right 0px no-repeat #ffffff;
    background-size: 100%;
    border-radius: 50%;
    width: 20px;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#order #i_got_certificate {
    margin-bottom: 0px;
    margin-top: 12px;
}

.modal-login .modal-content {
    padding: 3em 1em 3em 1em;
    max-height: 556px;
}

.modal-login #login_form form .input-wrapper-login.mail .input {
    margin-bottom: 8px;
}

.modal-login #login_form form .text {
    margin-top: 5px;
    margin-bottom: 13px;
}

.modal-login .forg_pass_orders_wrap {
    margin-top: 5px;
}

.modal-login .sign_up_wrap .header {
    padding: 16px 0px 0px 0px;
    margin-bottom: 4px;
}

.modal-login .sign_up_wrap div:nth-child(2) {
    padding: 0px 0px 20px 0px;
}

.modal-login .forg_pass_orders_wrap a {
    margin-bottom: 0;
}

.modal-login #login_form form .input {
    margin-bottom: 16px;
}

#header #categories_menu {
    margin-top: -14px;
}

#offer_of_the_day .countdown {
    text-align: center;
}

#offer_of_the_day {
    flex-flow: column wrap;
    padding: 22px 21px 26px 21px;
}

#offer_of_the_day .product_info div:nth-child(2) {
    font-size: 17px;
}

#offer_of_the_day .product_info div:nth-child(1) {
    font-size: 14px;
}

#offer_of_the_day .product_wrap {
    min-height: 98px;
}

#offer_of_the_day .add_to_card {
    padding: 10px 19px 10px 19px;
}

#modal-content {
    padding-left: 30px;
    padding-right: 30px;
}

#modal-content {
    top: 8%;
}

#categories_mobile_menu {
    display: block;
    margin: -13px 10px 0px 10px;
    position: relative;
}

.top-panel-visible #mobile_slides {
    margin-top: 38px;
}

.top-panel-visible #header {
    height: 111px;
}

#order #payment_and_transport h2 {
    font-size: 17px;
}

.template_order [type="radio"]:checked + label, .template_order [type="radio"]:not(:checked) + label {
    font-size: 13px;
}

.template_order #payment_selector .price, .template_order #order #payment_and_transport .price {
    font-size: 12px;
    padding-right: 0;
}

#order #payment_and_transport .description p {
    font-size: 12px;
    line-height: 125%;
}

#order #payment_and_transport .payment, #order #payment_and_transport .transport {
    min-height: 61px;
}

#order #payment_and_transport .payment img, #order #payment_and_transport .transport img {
    max-width: 38px;
}

#order #payment_and_transport [type="radio"]:checked + label, #order #payment_and_transport [type="radio"]:not(:checked) + label {
    line-height: 16px !important;
    max-width: 54%;
}

#order #payment_and_transport .description {
    top: 0;
    margin-left: 3px;
    margin-right: 5px;
}

#order #payment_and_transport .payment img, #order #payment_and_transport .transport img {
    margin-right: 8px;
}

#transport_selector .ui-widget.ui-widget-content {
    margin-left: 7px;
    min-width: 260px;
}

#payment_and_transport div[id*="_extra_info"] {
    margin-left: 10px;
}

#order .transport .name div {
    padding-right: 13px;
    font-size: 12px;
}

#order #payment_and_transport h2 {
    margin-bottom: 4px;
}

div#payment_and_transport .row div {
    padding-left: 0;
    padding-right: 0;
}

.order-recap-cart .container-flex {
    padding: 23px 30px 16px 30px !important;
}

#order .order-recap-cart .continue {
    padding: 17px 20px 13px 23px;
    font-size: 13px;
}

#order-recap-wrapper #i_got_certificate {
    margin-bottom: 16px !important;
}

#order #order-recap-wrapper #i_got_certificate label {
    flex: 1;
}

.order-recap-cart {
    margin: 0 0px;
}

.order_note_div {
    margin-bottom: 1px;
}

#cart_dropdown.dropdown_menu .quantity {
    flex: 3;
}

#cart_dropdown.dropdown_menu .name a {
    font-size: 13px;
    line-height: 120%;
}

#cart_dropdown.dropdown_menu .name a {
    margin-bottom: -2px;
}

#cart_dropdown.dropdown_menu {
    padding: 22px 23px 20px 23px;
}

#cart_dropdown.dropdown_menu .name {
    flex: 3;
}

#cart_dropdown.dropdown_menu input {
    width: 19px;
    font-size: 13px;
}

#cart_dropdown.dropdown_menu button.quant_up, #cart_dropdown.dropdown_menu button.quant_down {
    width: 29px;
}

#cart_dropdown.dropdown_menu .zero_fee_price {
    padding: 9px 6px 9px 6px;
    font-size: 12px;
    line-height: 134%;
    margin-top: 3px;
    margin-bottom: 14px;
}

#cart_dropdown.dropdown_menu .total_price {
    line-height: 123%;
}

.modal-wishlist .header {
    margin-bottom: 23px;
}

.modal-wishlist .modal-content {
    padding: 3em 2em 3em 2em;
    width: 94vw;
}

.modal-wishlist .wishlist_product_list .row-sorting > div.image {
    flex: 1;
}

.modal-wishlist .wishlist_product_list .row-sorting > div {
    flex: 2;
}

.modal-wishlist .products_wrap_modal .row-sorting .add_to_cart, .modal-wishlist .wishlist_product_list .row-sorting a.show_variants {
    padding: 10px 15px 10px 15px;
    font-size: 11px;
    margin-bottom: 4px;
}

.modal-wishlist .products_wrap_modal .row-sorting .name {
    line-height: 120%;
    margin-bottom: 3px;
}

.modal-wishlist .products_wrap_modal .row-sorting .delete {
    line-height: 120%;
}

#category_path a, #static_page_path a, #blog_path a {
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 4px;
    line-height: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

#category_path, #static_page_path {
    margin-bottom: 2px;
}

#category_path .home, #static_page_path .home, #blog_path .home {
    width: 19px;
    height: 21px;
    top: 2px;
    background: url(../images/home.svg) top 5px center no-repeat !important;
}

#product_detail h1 {
    font-size: 24px;
    line-height: 30px;
}

#product_detail .price_etc .price {
    font-size: 24px;
}

#category_filter_bookmarks {
    flex-flow: column;
}

#category_filter_bookmarks .bookmark {
    font-size: 14px;
    margin-bottom: 7px;
    padding: 7px 10px 7px 20px;
    display: flex;
    justify-content: space-between;
}

.category_desc_content p {
    margin-top: 0;
    font-size: 14px;
}

#product_list .product-card {
    flex: 0 1 50%;
}

.box .most-sold-products-in-cat .price {
    font-size: 13px;
}

.box .most-sold-products-in-cat .availability {
    font-size: 13px;
    line-height: 124%;
}

.box .most-sold-products-in-cat .thumbnail img {
    max-width: 34px;
}

.box .most-sold-products-in-cat .name {
    margin-top: 1px !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
    line-height: 124%;
}

.most-sold-products-in-cat:nth-child(1) .counter,
.most-sold-products-in-cat:nth-child(2) .counter,
.most-sold-products-in-cat:nth-child(3) .counter,
.most-sold-products-in-cat .counter, .panel_opened .hidden_list .most-sold-products-in-cat:nth-child(1) .counter, .panel_opened .hidden_list .most-sold-products-in-cat:nth-child(2) .counter, .panel_opened .hidden_list .most-sold-products-in-cat:nth-child(3) .counter {
    width: 21px;
    height: 21px;
    padding: 2px;
    font-size: 10px;
}

.box .most-sold-products-in-cat.product-card .description {
    font-size: 12px;
    text-align: left;
    color: #222;
    line-height: 105%;
    margin-top: 4px;
    margin-bottom: 3px;
}

.box .most-sold-products-in-cat .additional-info {
    margin-right: 0;
    padding-right: 0;
    width: 21px;
    padding-left: 0;
}

.category_filter_dropdown {
    margin-top: 12px;
}

#category_detail .box .header {
    margin-bottom: 3px;
}

.box .most-sold-products-in-cat .pictogram, .box .product-card #classification, .box .most-sold-products-in-cat.product-card .description {
    display: none;
}

.most-sold-products-in-cat .pictogram, .most-sold-products-in-cat.product-card #classification, .most-sold-products-in-cat.product-card .description,
#product_list .product-card.most-sold-products-in-cat .product_labels, .most-sold-products-in-cat .product_labels {
    display: none;
}

#category_detail .subcategories .subcategory a {
    padding: 11px 13px 11px 13px;
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 109%;
    text-align: left;
    min-width: 136px;
}

#category_detail .show_more_less .submit {
    margin-top: -7px;
}

#category_detail .description {
    margin-top: -4px;
    margin-bottom: -4px;
}

.template_category_detail #product_list,
.template_manufacturer #product_list {
    margin: 0;
}

#product_list .product-card.most-sold-products-in-cat .price {
    font-size: 13px;
}

#product_list .product-card.most-sold-products-in-cat .name {
    font-size: 13px !important;
    line-height: 127%;
    margin-top: 0px;
}

#product_list .product-card.most-sold-products-in-cat {
    margin-top: 0px;
}

#product_list .product-card {
    padding: 0px 7px 0px 7px;
}

.modal-wishlist-confirmed {
    padding: 18px 13px 46px 13px !important;
}

.modal-wishlist-confirmed .ui-dialog-titlebar-close {
    right: 0em !important;
}

.modal-wishlist-confirmed {
    left: 15px !important;
    right: 15px !important
}

.modal-wishlist-confirmed .price_total {
    font-size: 16px;
    font-weight: 800;
    margin-left: 14px;
}

.modal-wishlist-confirmed .name a {
    font-size: 16px;
}

.template_subscribe_form h1 {
    font-size: 24px;
}

.template_subscribe_form #personal_form #subscribe_confirm #submit_place .submit {
    width: 100%;
    text-align: center;
}

.template_subscribe_form #personal_form .login_items_div {
    margin-top: 5px;
}

.dialogBasketContent.container-flex {
    padding: 0;
}

.dialogBasketContent .zero_fee_price {
    margin-top: 21px;
    margin-bottom: 5px;
}

.dialogBasket {
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.dialogBasket .basketDialog-product .name a {
    font-size: 13px;
}

.dialogBasket .basketDialog-product .name {
    line-height: 125%;
}

.dialogBasket .basketDialog-header .text {
    font-size: 24px;
    line-height: 31px;
    padding-bottom: 20px;
}

.basketDialog-header .icon {
    width: 44px;
    height: 47px;
    margin-bottom: 9px;
}

.basketDialog-header {
    margin-top: -3px;
}

.basketDialog-productExtendedButtons .row {
    padding-top: 24px;
}

.basketDialog-productExtendedButtons {
    margin-bottom: 23px;
}

.dialogBasket .basketDialog-product .thumbnail img {
    max-width: 62px;
}

.dialogBasket .basketDialog-product .price {
    font-size: 14px;
}

.dialogBasket .basketDialog-product .quantity {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 91%;
    padding-right: 0;
}

.dialogBasket .basketDialog-buttons a {
    font-size: 12px;
}

.dialogBasket .continueOrder {
    margin-right: 15px;
    font-size: 12px;
    display: flex;
}

.continueOrder::before {
    min-width: 9px;
    margin-top: -1px;
}

.dialogBasket.ui-widget.ui-widget-content {
    padding-top: 19px;
    padding-bottom: 0px;
}

.preview_reviews .submit {
    display: none;
}

.dialogBasket.ui-dialog .ui-dialog-title {
    margin: -0.4em 0;
}

.basketDialog-productRelateds #related_products h2 {
    font-size: 19px;
    margin-bottom: 12px;
    margin-top: 20px;
}

.dialogBasket #related_products .product .thumbnail {
    padding: 26px;
}

.basketDialog-productRelateds #related_products .product .body {
    max-height: 152px;
    justify-content: center;
}

.basketDialog-productExtendedButtons {
    margin-bottom: 23px;
}

.basketDialog-productRelateds .product-card .name {
    font-size: 14px;
}

.basketDialog-productRelateds .product-card .price {
    font-size: 14px !important;
}

#product_detail .image.big {
    margin-top: 15px;
}

.template_cart .files_content a {
    max-width: 60px;
    overflow: auto;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    max-height: 26px;
    margin-left: 0;
    padding-left: 6px;
}

.template_cart #cart_content .column-flex .row .name .row {
    flex-flow: column;
    align-items: initial;
}

.template_cart .attachement_modal > div:first-child {
    margin-left: 0;
}

.wishlist_btns .submit:first-child {
    margin-bottom: 10px;
}

.wishlist_btns .submit {
    width: 100%;
}

#cookies_confirm .text p {
    margin-right: -21px;
    line-height: 131%;
    font-size: 12px;
}

#cookies_confirm .close {
    flex: 2;
}

#cookies_confirm .close:hover {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.cookie_img {
    margin-right: 8px;
    background-size: 26px;
    width: 31px;
}

.cookies_confirm_tabs .cookie_img {
    left: -43px;
}

#cookies_confirm .text {
    font-size: 13px;
}

.text_btns_wrap {
    flex: 17;
}

#blog_path .home {
    margin-left: -1px;
}

.box .most-sold-products-in-cat .thumbnail img.swapImage {
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translate(-50%, -52%);
}

.template_order .select_country select {
    position: relative;
    top: 10px;
}

#order #payment_and_transport .transport.active .description {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 3px;
}

.showMoreSubcategories_mobile {
    margin-bottom: 11px;
}

@-moz-document url-prefix() {
#order #payment_and_transport .transport.active .description {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 20px;
}
}

#order #payment_and_transport .payment.hover, #order #payment_and_transport .transport.hover {
    background: transparent !important;
}

#order #payment_and_transport .payment.active.hover, #order #payment_and_transport .transport.active.hover {
    background: var(--green-light-bg) !important;
}

.basketDialog-product .thumbnail {
    padding-right: 5px;
    padding-left: 0;
}

.template_order #payment_and_transport select[name="country_id"] {
    font-size: 12px;
    height: 30px;
}

#eshop-reviews {
    padding: 0px 15px 31px 15px;
}

.template_product_detail #category_path {
    margin-bottom: 2px;
}

#product_detail .product-detail-main-info-inner-wrap .header {
    margin-bottom: 15px;
}

.misc_box_header .bookmark.active, .misc_box_header .bookmark:hover {
    color: #ffffff;
    background: #222222;
    border-radius: 7px;
}

.misc_box_header .bookmark {
    border: 0;
    border-bottom: 2px solid #ffffff;
    text-align: center;
    width: 100%;
    margin-bottom: 1px;
    padding: 12px 22px 12px 22px;
}

.misc_box_header {
    flex-flow: column;
    padding: 4px 0px 0px 0px;
    border-radius: 5px;
}

.delivery_invoice_adresses_wrapper .address .address_content .address_content_list p {
    font-size: 13px;
    line-height: 98%;
}

.delivery_invoice_adresses_wrapper .address .edit_btn,
.delivery_invoice_adresses_wrapper .address .delete_btn {
    margin: 9px 0px -1px 10px;
    font-size: 9px;
    padding: 4px 6px 4px 6px;
}

.delivery_invoice_adresses_wrapper .address {
    padding: 10px 10px 17px 10px;
}

.delivery_invoice_adresses_wrapper .submit {
    font-size: 11px;
    padding: 10px;
}

.invoice_adresses_wrapper h2, .delivery_adresses_wrapper h2 {
    font-size: 17px !important;
    line-height: 120%;
}

.slideshow_panel_wrap {
    max-height: 319px;
}

.slideshow_panel_spacer {
    height: 319px;
    min-height: 319px;
    top: -319px;
    max-width: 100%;
}

.homepage_products_body .product .action, #product_list .product .action {
    top: 6px;
    right: -4px;
    font-size: 10px;
}

.homepage_products_body .product .show_variants, #product_list .product .show_variants, #recommended_products .product .show_variants {
    padding: 10px 13px 9px 14px;
}

.product-card #classification .number {
    margin-left: 3px;
}

.product-card #classification .star {
    margin-right: -4px;
}

.price_availability_wrap {
    align-items: start;
    min-height: 46px;
    flex-flow: column;
}

.homepage_products_body .product .action-price, #product_list .product .action-price {
    margin-top: -11px;
}

.product-card .name {
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 122%;
    margin: 8px 0px 6px 0px;
}

.last_viewed .product-card .name, .might_be_interested_list .product-card .name{
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.free_shipping_ico {
    background: url(../images/free_shipping.svg) no-repeat;
    background-size: 24px;
    width: 42px;
    height: 25px;
    margin-top: 2px;
    margin-right: 6px;
    margin-left: 3px;
}

#cart_dropdown.dropdown_menu .zero_fee_price.success {
    padding: 12px 17px 13px 17px;
}

.free_shipping_ico_active {
    background: url(../images/free_shipping_active.svg) no-repeat;
    background-size: 23px;
    margin-top: 2px;
    margin-right: 9px;
}

#cart .free_shipping_ico_active {
    margin-right: 3px;
}

#cart_content .image {
    min-width: auto;
}

.basketDialog-productRelateds #related_products h2, .basketDialog-productRecommended #recommended_products h2 {
    margin-top: 15px;
}

.cart_box_content_wrap {
    max-height: 314px;
}

.dialogBasketContent .zero_fee_price {
    padding: 19px 19px 17px 19px;
}

.dialogBasketContent .zero_fee_price.success {
    padding: 19px;
}

.ui-dialog[aria-describedby="cookieSettingsDialog"] {
    margin-left: 10px;
    margin-right: 10px;
}

.top-panel-visible #eshop {
    margin-top: 25px;
}

.top-panel-visible .template_product_detail #eshop {
    margin-top: 19px;
}

.template_product_detail #eshop {
    margin-top: 20px;
}

}

@media (max-width: 390px) {

.homepage_products_body .product .show_variants, #product_list .product .show_variants, #recommended_products .product .show_variants {
    padding: 10px 17px 9px 18px;
}

}

@media (max-width: 359px) {

.template_order .select_country h2 {
    font-size: 13px !important;
}

#cart_content .prices {
    flex: 1;
}

}

@media (max-width: 323px) {

#product_detail .price_etc .cart_add .add_to_cart {
    padding: 10px 23px 13px 23px;
}

}
