html {min-height: 100%;}
body {min-height: 100%; margin: 0; background: #F4F4F4; font-size: 15px; color: var(--black4); line-height: 22px; font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 0; overflow-x:hidden; -webkit-tap-highlight-color: transparent;}
:root {
  --red: #ff0054;
  --red2: #EB001B;
  --blue: #0066cc;
  --blue2: #347cb1;
  --green: #20be79;
  --green2: #40ab5d;
  --green3: #1fb748;
  --yellow: #ece018;
  --black: #111111;
  --black2: #252525;
  --black3: #353535;
  --black4: #454545;
  --grey: #555555;
  --grey2: #656565;
  --grey3: #757575;
  --grey4: #888888;
  --grey5: #ededf0;
  --grey6: #333a43;
  --grey7: #656d77;
  --grey8: #d7d7df;
  --orange: #fcad13;

  --topbar-height: 40px;
}

@font-face {font-display: swap; font-family: 'Roboto'; src: url(../fonts/Roboto-Regular.woff2) format('woff2');}
@font-face {font-display: swap; font-family: 'Roboto'; src: url(../fonts/Roboto-Bold.woff2) format('woff2'); font-weight: bold;}
@font-face {font-display: swap; font-family: 'Oswald'; src: url(../fonts/Oswald-Regular.woff2) format('woff2');}

a {text-decoration: none; color: var(--black4);}
a:hover {text-decoration: none; color: var(--red);}
a.blue {text-decoration: none; color: var(--blue);}
a.blue:hover {text-decoration: none; color: var(--blue);}
a.red {text-decoration: none; color: var(--red);}
a.red:hover {text-decoration: none; color: var(--red);}
a.grey {text-decoration: none; color: var(--grey2);}
a.grey:hover {text-decoration: none; color: var(--grey2);}
a.underline {text-decoration: underline !important;}
a.hover-underline:hover {text-decoration: underline !important;}
a.hover-underline {text-decoration: none !important;}
a.hover-underline:hover {text-decoration: underline !important;}

div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
p {margin: 8px 0;}
i {display: inline-block;}
ul {padding: 0; margin: 0;}
ul li {list-style-type: none; padding: 0; margin: 0;}
ul.disc li {list-style-type: disc;}

h1 {font-family: 'Oswald'; font-size: 21px; font-weight: bold; line-height: 36px; padding: 0; margin: 0 0 20px 0; text-transform: none;}
h2 {font-family: 'Oswald'; font-size: 17px; font-weight: bold; line-height: 26px; padding: 0; margin: 0 0 15px 0; text-transform: none;}
h3 {font-family: 'Oswald'; font-size: 15px; font-weight: bold; line-height: 22px; padding: 0; margin: 0 0 12px 0; text-transform: none;}
h4 {font-family: 'Oswald'; font-size: 14px; font-weight: bold; line-height: 20px; padding: 0; margin: 0 0 12px 0; text-transform: none;}
h5 {font-family: 'Oswald'; font-size: 14px; font-weight: bold; line-height: 20px; padding: 0; margin: 0 0 12px 0; text-transform: none;}

input[type=text], input[type=password], textarea {font-size: 16px !important;}
input[type=text], input[type=password], select, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888888;}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, textarea::-moz-placeholder {color: #888888;}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #888888;}
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder {color: #888888;}
input[type=button]:hover {outline: 0;}
input[type=submit]:hover {outline: 0;}

.icon-account {width: 20px; height: 20px; background:url(../../images/icons/account.svg); background-size: 100%;}
.icon-account2 {width: 18px; height: 18px; background:url(../../images/icons/account2.svg); background-size: 100%;}
.icon-calendar {width: 20px; height: 20px; background:url(../../images/icons/calendar.svg); background-size: 100%;}
.icon-cart {width: 21px; height: 21px; background:url(../../images/icons/cart.svg); background-size: 100%;}
.icon-cart2 {width: 21px; height: 21px; background:url(../../images/icons/cart2.svg); background-size: 100%;}
.icon-close {width: 22px; height: 22px; background:url(../../images/icons/close.svg); background-size: 100%;}
.icon-dashboard {width: 18px; height: 18px; background:url(../../images/icons/dashboard.svg); background-size: 100%;}
.icon-document {width: 18px; height: 18px; background:url(../../images/icons/document.svg); background-size: 100%;}
.icon-loading {width: 18px; height: 18px; background:url(../../images/icons/loading.svg); background-size: 100%; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite;}
.icon-location {width: 20px; height: 20px; background:url(../../images/icons/location.svg); background-size: 100%;}
.icon-logout {width: 18px; height: 18px; background:url(../../images/icons/logout.svg); background-size: 100%;}
.icon-ok {width: 18px; height: 18px; background:url(../../images/icons/ok.svg); background-size: 100%;}
.icon-orders {width: 18px; height: 18px; background:url(../../images/icons/orders.svg); background-size: 100%;}
.icon-package {width: 30px; height: 30px; background:url(../../images/icons/package.svg); background-size: 100%;}
.icon-payment {width: 24px; height: 24px; background:url(../../images/icons/payment.svg); background-size: 100%;}
.icon-returns {width: 30px; height: 30px; background:url(../../images/icons/returns.svg); background-size: 22px;}
.icon-safety {width: 30px; height: 30px; background:url(../../images/icons/safety.svg); background-size: 100%;}
.icon-search {width: 18px; height: 18px; background:url(../../images/icons/search.svg); background-size: 100%;}
.icon-settings {width: 18px; height: 18px; background:url(../../images/icons/settings.svg); background-size: 100%;}
.icon-shipping {width: 30px; height: 30px; background:url(../../images/icons/shipping.svg); background-size: 100%;}
.icon-shipping2 {width: 30px; height: 30px; background:url(../../images/icons/shipping2.svg); background-size: 100%;}
.icon-wishlist {width: 18px; height: 18px; background:url(../../images/icons/wishlist.svg); background-size: 18px;}
.icon-wishlist-filled {width: 21px; height: 21px; background:url(../../images/icons/wishlist2.svg); background-size: 100%;}

.icon-SAL {width: 140px; height: 40px; background:url(../../images/icons/SAL.svg); background-size: 100%;}
.icon-SOL {width: 140px; height: 40px; background:url(../../images/icons/SOL.svg); background-size: 100%;}

.icon-arrow-u {width: 16px; height: 16px; background:url(../../images/icons/arrow.svg); background-size: 100%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg);}
.icon-arrow-u-filled {width: 16px; height: 16px; background:url(../../images/icons/arrow-filled.svg); background-size: 100%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg);}
.icon-arrow-d {width: 16px; height: 16px; background:url(../../images/icons/arrow.svg); background-size: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.icon-arrow-d-filled {width: 16px; height: 16px; background:url(../../images/icons/arrow-filled.svg); background-size: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.icon-arrow-r {width: 16px; height: 16px; background:url(../../images/icons/arrow.svg); background-size: 100%;}
.icon-arrow-r-filled {width: 16px; height: 16px; background:url(../../images/icons/arrow-filled.svg); background-size: 100%;}

.icon {display: inline-block; position: relative; background-repeat: no-repeat !important; background-position: center center !important;}
.grey-icon .icon {filter: invert(34%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(88%) contrast(84%);}
.grey-icon2 .icon {filter: invert(46%) sepia(0%) saturate(0%) hue-rotate(176deg) brightness(96%) contrast(91%);}
.light-grey-icon .icon {filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(87%) contrast(88%);}
.white-icon .icon {filter: invert(100%) sepia(0%) saturate(7476%) hue-rotate(73deg) brightness(106%) contrast(107%);}
.blue-icon .icon {filter: invert(39%) sepia(35%) saturate(6445%) hue-rotate(188deg) brightness(95%) contrast(101%);}
.red-icon .icon {filter: invert(34%) sepia(100%) saturate(7001%) hue-rotate(332deg) brightness(96%) contrast(116%);}
.red-icon-hover:hover .icon {filter: invert(34%) sepia(100%) saturate(7001%) hue-rotate(332deg) brightness(96%) contrast(116%);}
.green-icon .icon {filter: invert(79%) sepia(12%) saturate(4235%) hue-rotate(93deg) brightness(83%) contrast(75%)}
.grey-icon-hover .icon {filter: invert(34%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(88%) contrast(84%) !important;}
.greyscale-icon .icon {filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1);}
.arrow-d-filled-hover:hover .icon {width: 16px; height: 16px; background:url(../../images/icons/arrow-filled.svg); background-size: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}

@-moz-keyframes spin {100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}
.center-box {max-width: 1200px; margin: 0 auto;}
.bold {font-weight: bold;}
.clear {content: ""; clear: both;}
.sep10 {height: 10px;}
.sep15 {height: 15px;}
.sep20 {height: 20px;}
.sep30 {height: 30px;}
.sep60 {height: 60px;}
.grey-line {height: 1px; border-bottom: 1px solid #F0F0F0;}
.grey-line2  {position: absolute; left: 0; width: 100%; height: 1px; border-top: 1px solid #E5E5E5;}
.circle-label {display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 11px; color: var(--grey); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: default;}

.close {position: absolute; display: flex; opacity: 0.7; filter: alpha(opacity=70); z-index: 9997; cursor: pointer;}
.close:hover {opacity: 1; filter: alpha(opacity=100);}

.button {display: inline-block; background: var(--red); border: 0; color: #FFFFFF; font-size: 14px !important; text-align: center; margin: 15px 0 0 0; padding: 12px 50px; outline: 0; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition: background-color 0.1s ease, border-color 0.1s ease;}
.button:hover {background: var(--black); color: #FFFFFF !important;}

.button-secondary {background: var(--black4); transition: background-color 0.1s ease, border-color 0.1s ease;}
.button-secondary:hover {background: var(--black);}

.tns-controls {position: absolute; top: 36%; left: 0; width: 100%; height: 0; z-index: 998;}
.tns-controls button {font-family: 'Oswald'; font-size: 20px; color: var(--grey); background: #FFFFFF; border: 0; padding: 20px 10px; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer;}
.tns-controls button:hover {box-shadow: 1px 1px 4px #D5D5D5; opacity: 1; filter: alpha(opacity=100); -webkit-transition-duration: 100ms; transition-duration: 100ms;}
.tns-controls button:nth-of-type(1) {float: left; margin-left: -42px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.tns-controls button:nth-of-type(2) {float: right; margin-right: -42px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}

.slide-panel {display: none; overflow: hidden; position: fixed; top: 0; width: auto; height: 100%; background: #F5F5F5; box-shadow: 1px 1px 10px #777777; -webkit-transition: left 300ms; transition: left 300ms; z-index: 9999;}
.slide-panel .close {position: fixed; background: var(--grey4); padding: 8px; margin: 0 0 0 270px; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; opacity: 0.9; filter: alpha(opacity=90);}
.slide-panel .close .icon-close {width: 24px; height: 24px;}
.slide-panel .close:hover {opacity: 1; filter: alpha(opacity=100);}
.slide-panel .panel-inner {position: absolute; width: 100%; height: 100% !important; text-align: left; overflow-y: scroll; padding-bottom: 120px; box-sizing: border-box; -webkit-overflow-scrolling: touch; overflow: -moz-scrollbars-none; -ms-overflow-style: none; scrollbar-width: none;}
.slide-panel .panel-inner::-webkit-scrollbar {width: 0 !important;}
.slide-panel + .overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 110%; background: #000000; opacity: 0.6; filter: alpha(opacity=60); z-index: 9998;}
.slide-panel.open + .overlay {display: block;}
html.panel-open, body.panel-open {overflow: hidden !important;}

.modal-box {display: none; position: fixed; overflow: hidden; width: 90%; max-width: 1200px; min-width: 330px; height: 92%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #FFFFFF; padding: 22px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-box; box-shadow: 1px 1px 10px var(--grey); z-index: 9999;}
.modal-box.open {display: inline-block;}
.modal-box .modal-title {display: block; margin: 0 0 18px 0;}
.modal-box h2 {font-weight: normal; margin: 0;}
.modal-box .close {top: 4px; right: 4px;}
.modal-box .close .icon-close {width: 26px; height: 26px;}
.modal-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 110%; background: #000000; opacity: 0.5; filter: alpha(opacity=50); z-index: 9998;}

.topbar {width: 100%; height: var(--topbar-height); overflow: hidden; margin-bottom: 10px; font-size: 13px; line-height: 42px; z-index: 9995;}
.header.sticky .topbar {display: none !important;}
.topbar-inner {display: flex; align-items: center; justify-content: space-between; gap: 36px; max-width: 1220px; height: 36px; padding: 0 22px; margin: 0 auto; box-sizing: border-box;}
.topbar-item {display: flex; align-items: center; color: inherit; font-weight: normal; white-space: nowrap;}
.topbar-item a {color: inherit; text-decoration: none;}
.topbar-item a:hover {text-decoration: underline;}
.topbar-arrow {display: inline-block; position: relative; top: -1px; margin-right: 8px; font-size: 15px; line-height: 1; opacity: 0.95;}
.topbar .topbar-highlight {color: var(--yellow);}

.topbar.admin-bar {display: block !important; height: var(--topbar-height) !important; overflow: visible !important; margin: 0 0 10px 0 !important; font-size: 14px; color: #F5F5F5 !important; background: var(--black) !important;}
.topbar.admin-bar .topbar-inner {display: block !important; height: var(--topbar-height) !important; min-height: var(--topbar-height); padding: 0 !important; overflow: visible !important; position: relative;}
.topbar.admin-bar .admin-menu-container > ul {height: var(--topbar-height); padding: 0; margin: 0; list-style: none;}
.topbar.admin-bar .admin-menu-container > ul > li {display: inline-block; height: var(--topbar-height) !important; padding: 0 15px !important; margin: 0 6px; line-height: var(--topbar-height) !important; vertical-align: top; box-sizing: border-box;}
.topbar.admin-bar .admin-menu-container .menu-item {}
.topbar.admin-bar .admin-menu-container > ul > li .icon-arrow-d {position: relative; top: 4px; margin: 0 0 0 3px;}
.topbar.admin-bar .admin-menu-container li.dropdown {position: relative; cursor: pointer;}
.topbar.admin-bar .admin-menu-container li.dropdown:hover,
.topbar.admin-bar .admin-menu-container li.dropdown:focus-within {background: var(--black3) !important;}
.topbar.admin-bar .admin-menu-container li.dropdown:hover .icon-arrow-d {background: url(../../images/icons/arrow-filled.svg) no-repeat !important; background-size: 100% !important;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list {display: none; position: absolute; top: 100%; left: 0; z-index: 9999; min-width: 800px; padding: 25px; margin: 0; color: var(--black4) !important; background: #FFFFFF !important; box-shadow: 0 10px 30px rgba(0,0,0,0.12); border: 1px solid #EAEAEA; border-top: none; border-radius: 0 0 4px 4px; box-sizing: border-box; cursor: initial; text-align: left; list-style: none;}
.topbar.admin-bar .admin-menu-container li.dropdown:hover ul.dropdown-list,
.topbar.admin-bar .admin-menu-container li.dropdown:focus-within ul.dropdown-list {display: block; font-size: 14px;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list.small-dropdown {min-width: 350px !important;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list.tiny-dropdown {min-width: 300px !important;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list.performance-dropdown {width: 620px; min-width: 620px !important; max-height: calc(100vh - 55px); overflow-y: auto; padding: 18px 24px 22px 24px;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li {display: block; padding: 4px 0 !important; line-height: 22px !important; margin: 0; border: none; line-height: normal;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li.performance-section {padding: 12px 0 7px 0 !important; margin-top: 7px; border-top: 1px solid #E7E7E7; color: var(--black); font-weight: bold;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li.performance-section:first-child {padding-top: 0 !important; margin-top: 0; border-top: 0;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li.performance-subsection {padding: 10px 0 5px 0 !important; color: var(--black4); font-weight: bold;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li.performance-list {padding: 0 !important;}
.topbar.admin-bar .admin-menu-container .performance-query {display: grid; grid-template-columns: 105px 1fr; gap: 10px; padding: 6px 0; border-top: 1px solid #F0F0F0; font-size: 12px; line-height: 17px;}
.topbar.admin-bar .admin-menu-container .performance-query:first-child {border-top: 0;}
.topbar.admin-bar .admin-menu-container .performance-query-time {font-weight: bold; white-space: nowrap;}
.topbar.admin-bar .admin-menu-container .performance-query-sql {min-width: 0; word-break: break-word; color: var(--grey2);}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li.form-li {padding: 10px 0 !important;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li .name {display: table-cell; width: 180px; vertical-align: top; font-weight: bold;}
.topbar.admin-bar .admin-menu-container ul.dropdown-list li .value {display: table-cell; min-width: 180px; word-break: break-word;}
.topbar.admin-bar .admin-menu-container .meta-image {display: block; margin-top: 5px;}
.topbar.admin-bar .admin-menu-container .progress-container {width: 380px; height: 6px; margin-top: 6px; margin-bottom: 4px; overflow: hidden; background: #e0e0e0; border-radius: 3px;}
.topbar.admin-bar .admin-menu-container .progress-fill {height: 100%;}
.topbar.admin-bar .admin-menu-container .hint-text {display: block; margin-bottom: 10px; font-size: 12px;}
.topbar.admin-bar .admin-menu-container .text-green {color: var(--green3);}
.topbar.admin-bar .admin-menu-container .text-orange {color: #f39c12;}
.topbar.admin-bar .admin-menu-container .text-red {color: var(--red2);}
.topbar.admin-bar .admin-menu-container .bg-green {background-color: var(--green3);}
.topbar.admin-bar .admin-menu-container .bg-orange {background-color: #f39c12;}
.topbar.admin-bar .admin-menu-container .bg-red {background-color: var(--red2);}
.topbar.admin-bar .admin-menu-container .admin-link a {color: inherit;}
.topbar.admin-bar .admin-menu-container .admin-link a:hover {color: inherit; text-decoration: underline;}
.priority-badge.prio-1 {background-color: rgba(255, 255, 255, 0.08); color: #cccccc;}
.priority-badge.prio-2 {background-color: #555555; color: #cccccc;}
.priority-badge.prio-3 {background-color: #777777; color: #e0e0e0;}
.priority-badge.prio-4 {background-color: #007bff; color: #ffffff;}
.priority-badge.prio-5 {background-color: var(--green3); color: #ffffff;}
.priority-badge.prio-1000 {background-color: var(--green3); color: #ffffff;}
.topbar.admin-bar .admin-menu-container .priority-badge {display: inline-block; position: relative; top: -1px; min-width: 14px; padding: 2px 7px; margin-left: 6px; font-size: 13px; line-height: 19px; text-align: center; vertical-align: middle; border-radius: 4px;}
.topbar.admin-bar .admin-menu-container .priority-badge:not(.prio-1):not(.prio-2):not(.prio-3):not(.prio-4):not(.prio-5):not(.prio-1000) {padding: 0; margin-left: 4px; color: inherit; background-color: transparent;}
.products .labels .priority-badge {display: block; position: relative; min-width: 14px; padding: 2px 7px; margin: 0 0 4px 0; font-size: 13px; line-height: 19px; text-align: center; vertical-align: middle; border-radius: 4px; box-sizing: border-box;}
.topbar.admin-bar .priority-form {display: flex; align-items: center; gap: 10px; margin: 0;}
.topbar.admin-bar .priority-form .name {width: auto !important;}
.topbar.admin-bar .priority-form .priority-select {width: 80px; padding: 6px 8px; color: var(--black4); background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; font-size: 14px; outline: none; cursor: pointer;}
.topbar.admin-bar .priority-form .priority-select:focus {border-color: #CECECE;}
.topbar.admin-bar .priority-form .priority-submit {padding: 7px 15px !important; margin: 0 !important; font-size: 13px !important;}

#live_search_results {display: none; position: absolute; background: #fff; border: 1px solid #e5e5e5; border-radius: 0 0 8px 8px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12); z-index: 9999; overflow: hidden; box-sizing: border-box;}
#live_search_results::-webkit-scrollbar { width: 5px; }
#live_search_results::-webkit-scrollbar-track { background: #EEEEEE; }
#live_search_results::-webkit-scrollbar-thumb { background: #CCCCCC; border-radius: 4px; }
#live_search_results ul.live-search-list {display: block; width: 100%; margin: 0; padding: 0; list-style: none;}
#live_search_results ul.live-search-list li.product {display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0; border-bottom: 1px solid #eee; background: #fff;}
#live_search_results ul.live-search-list li.product:last-child {border-bottom: none;}
#live_search_results ul.live-search-list li.product a {display: grid; grid-template-columns: 48px 1fr; gap: 15px; width: 100%; align-items: flex-start; color: var(--black3) !important; padding: 10px 14px; text-decoration: none;}
#live_search_results ul.live-search-list li.product a:hover {background: #F8F8F8;}
#live_search_results ul.live-search-list li.product img {display: block; width: 48px; height: 48px; object-fit: cover; border-radius: 4px; border: 1px solid #DDDDDD; background: #f7f7f7;}
#live_search_results ul.live-search-list li.product .ls-details {display: block; min-width: 0;}
#live_search_results ul.live-search-list li.product .ls-name {display: block; font-size: 13px; font-weight: bold; margin: 0;}
#live_search_results ul.live-search-list li.product .ls-price .price {font-size: 13px; color: var(--red); font-weight: bold;}
#live_search_results ul.live-search-list li.product .ls-price .original-price {display: inline-block; font-size: 13px; font-weight: normal; color: var(--grey2); text-decoration: line-through; margin: 0 0 0 8px;}
#live_search_results ul.live-search-list li.ls-view-all {position: sticky; bottom: 0; z-index: 10; background: #f8f8f8; }
#live_search_results ul.live-search-list li.ls-view-all a {display: block; text-align: center; padding: 12px; color: var(--grey2); font-size: 13px; font-weight: bold; cursor: pointer;}
#live_search_results ul.live-search-list li.ls-view-all a:hover {color: var(--red); background: #f0f0f0;}
#live_search_results .ls-no-results {padding: 22px; color: var(--grey); font-size: 14px; text-align: center; background: #fff;}

.header {display: block; position: relative; background: #FFFFFF; margin: 0 0 18px 0;}
.header-mobile {display: none;}
.header .header-inner {display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 20px 0;}
.header .header-inner .mobile-menu-bars {display: none;}

.header .col-1.logo {flex: 0 0 auto; padding: 0;}
.header .col-1.logo img {max-width: 170px; height: auto; display: block; padding: 0;}

.header .col-2.search {flex: 1; max-width: 450px; margin: 0 auto;}

.search-form {display: flex; align-items: center; width: 100%; height: 42px; border: 1px solid #DDDDDD; border-radius: 10px; background: #FFFFFF; overflow: hidden; transition: all 0.2s ease;}
.search-form:focus-within {border-color: #CECECE; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.search-form .search-input {flex: 1; height: 100%; color: var(--grey); border: none !important; padding: 0 15px !important; font-size: 14px !important; outline: none !important; background: transparent !important; border-radius: 0; margin: 0;}
.search-form .search-button {width: 50px; height: 100%; background: transparent !important; border: none !important; cursor: pointer; outline: none !important; display: flex; align-items: center; justify-content: center; border-radius: 0; margin: 0; padding: 0;}
.search-form .search-button .icon-search {width: 22px; height: 22px; opacity: 0.6; transition: opacity 0.2s; margin: 0 !important; top: 0 !important;}
.search-form .search-button:hover .icon-search {opacity: 1;}

.header .col-3.right {display: flex; align-items: center; gap: 20px;}

.header-inner .dropdown-item {position: relative; display: inline-block !important; vertical-align: bottom !important; width: auto !important; margin: 0 !important; text-align: center !important; padding: 10px 0;}
.header-inner .dropdown-item a.parrent {position: relative; display: block !important; padding: 0 !important; text-decoration: none !important; height: auto !important;}
.header-inner .dropdown-item:hover a.parrent {color: var(--red);}
.header-inner .dropdown-item:hover .icon-arrow-d-filled {opacity: 1;}
.header-inner .dropdown-item:hover .dropdown-box {visibility: visible; opacity: 1; filter: alpha(opacity=100); transform: translateY(0);}

.header-inner .icon-wrapper {position: relative !important; display: block !important; width: 32px !important; height: 32px !important; margin: 0 auto !important; text-align: center !important;}
.header-inner .icon-wrapper .icon {display: inline-block !important; position: relative !important; top: 4px !important; margin: 0 !important; width: 24px !important; height: 24px !important; background-size: 100% !important; left: auto !important; right: auto !important;}
.header-inner .icon-wrapper .icon.icon-wishlist {width: 26px !important; height: 26px !important;}
.header-inner .dropdown-item .label {display: block !important; font-size: 13px !important; color: var(--black4) !important; margin: 4px 0 0 0 !important; line-height: 14px !important; white-space: nowrap !important; transition: color 0.2s !important; text-align: center !important;}
.header-inner .dropdown-item:hover .label {color: var(--red) !important;}

.header-inner .dropdown-item .badge {display: block !important; position: absolute !important; top: -4px !important; right: -6px !important; left: auto !important; transform: none !important; background: var(--red) !important; color: #FFFFFF !important; font-family: 'Oswald', sans-serif !important; font-size: 10px !important; font-weight: normal !important; min-width: 18px !important; height: 18px !important; line-height: 18px !important; text-align: center !important; padding: 0 4px !important; border-radius: 50% !important; margin: 0 !important; box-sizing: border-box !important; z-index: 5 !important;}

.header-inner .dropdown-box {position: absolute; top: 60px; height: auto; color: var(--grey); line-height: 18px; background: #FFFFFF; border: 1px solid #EBEBEB; padding: 0; margin: 10px 0 0 0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); opacity: 0; filter: alpha(opacity=0); visibility: hidden; transform: translateY(10px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; overflow: hidden; text-align: left !important; z-index: 9998 !important;}
.header-inner .dropdown-box .title {font-family: 'Oswald'; font-size: 14px; color: var(--grey); margin: 0 0 30px 0;}
.header-inner .dropdown-box .title:after {content: ""; display: block; position: absolute; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #EEEEEE; margin: 20px 0 0 0;}

.header-inner .dropdown-box .inner .row-1.products {display: block; max-height: 350px; overflow-x: hidden; overflow-y: auto; padding: 0; margin: 0;}
.header-inner .dropdown-box .inner .row-1.products::-webkit-scrollbar {width: 5px;}
.header-inner .dropdown-box .inner .row-1.products::-webkit-scrollbar-track {background: #EEEEEE;}
.header-inner .dropdown-box .inner .row-1.products::-webkit-scrollbar-thumb {background: #CCCCCC;}
.header-inner .dropdown-box .inner .row-1.products li.product {display: flex; font-size: 13px; color: var(--grey); border-bottom: 1px solid #EEEEEE; padding: 14px 22px; margin: 0;}
.header-inner .dropdown-box .inner .row-1.products li.product:last-child {border: 0;}
.header-inner .dropdown-box .inner .row-1.products li.product:hover {background: #F8F8F8;}
.header-inner .dropdown-box .inner .row-1.products li.product a {text-decoration: none;}
.header-inner .dropdown-box .inner .row-1.products li.product ul {display: grid; width: 100%; grid-template-columns: 50px auto 20px; grid-gap: 15px; align-items: start;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.image-col img.product-image {width: 100%; height: auto; border-radius: 4px;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col {padding: 0; text-align: left;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .name {font-weight: bold; color: var(--black3);}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .stock {color: var(--black3); margin-top: 2px;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .price-row {margin-top: 3px;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .price-row .original-price {display: inline-block; color: var(--grey2) !important; text-decoration: line-through !important; margin: 0 0 0 8px;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .price-row .price {display: inline-block; font-weight: bold; color: var(--red);}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.details-col .price-row .qty {color: var(--grey3);}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.remove-col {text-align: right;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.remove-col .remove {display: block;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.remove-col .remove .icon-close {width: 18px; height: 18px; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer;}
.header-inner .dropdown-box .inner .row-1.products li.product ul li.remove-col .remove .icon-close:hover {opacity: 1; filter: alpha(opacity=100);}
.header-inner .dropdown-box .inner .row-2 {padding: 10px 22px 18px; margin: 0; border-top: 1px solid #EEEEEE;}
.header-inner .dropdown-box .inner .row-2 .summary {font-size: 14px; font-weight: bold; margin: 5px 0;}
.header-inner .dropdown-box .inner .row-2 .summary .value {float: right;}
.header-inner .dropdown-box .inner .row-2 .button {width: 100%; font-size: 14px; padding: 10px 0; margin: 15px 0 5px 0;}
.header-inner .dropdown-box .no-products {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 50px 22px;}
.header-inner .dropdown-box .no-products .icon.icon-cart {width: 48px; height: 48px; background-size:cover; margin-bottom: 15px; filter: grayscale(100%) !important; opacity: 0.25 !important;}
.header-inner .dropdown-box .no-products .empty-cart-text {font-size: 14px; color: var(--grey); font-weight: normal;}

.header-inner .account .dropdown-box.entry-menu {text-align: center; min-width: 260px; padding: 25px 22px;}
.header-inner .account .dropdown-box.entry-menu .button.button-secondary {width: 100%; margin: 0 auto 12px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header-inner .account .dropdown-box.entry-menu .register-account {display: block; font-size: 13px; text-align: center;}
.header-inner .account .dropdown-box.entry-menu .register-account a {font-weight: bold;}
.header-inner .account .dropdown-box.my-account-menu {min-width: 250px;}
.header-inner .account .dropdown-box.my-account-menu .title {color: var(--grey); padding: 20px 15px; margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; font-family: inherit;}
.header-inner .account .dropdown-box.my-account-menu .title:after {display: none;}
.header-inner .account .dropdown-box.my-account-menu .title .name {color: var(--red); font-weight: bold;}
.header-inner .account .dropdown-box.my-account-menu .title .reseller-badge {display: inline-block; font-size: 10px; background: var(--grey5); border: 1px solid var(--grey5); color: var(--grey); padding: 3px 9px; border-radius: 3px; font-weight: bold; margin-top: 10px; vertical-align: middle;}
.header-inner .account .dropdown-box.my-account-menu li {padding: 0; margin: 0;}
.header-inner .account .dropdown-box.my-account-menu li a {display: block; padding: 10px 15px;}
.header-inner .account .dropdown-box.my-account-menu li a:hover {background: #F8F8F8;}
.header-inner .account .dropdown-box.my-account-menu li:last-child {border-top: 1px solid #EEEEEE; padding-top: 5px; padding-bottom: 15px;}
.header-inner .account .dropdown-box.my-account-menu li:last-child a {opacity: 0.8; filter: alpha(opacity=80);}
.header-inner .account .dropdown-box.my-account-menu li:last-child a:hover {opacity: 1; filter: alpha(opacity=100);}

.header-inner .wishlist .inner .row-1.products li .col-3 {display: none;}
.header-inner .wishlist .inner .row-1.products li .col-4 {width: 100px;}
.header-inner .wishlist .inner .row-2 .button {margin: 8px 0 0 0;}

.header-inner .account .dropdown-box {right: -50px; left: auto !important; min-width: 220px; width: auto;}
.header-inner .wishlist .dropdown-box {right: -80px; left: auto !important; min-width: 320px; width: auto;}
.header-inner .cart .dropdown-box {right: 0; left: auto !important; min-width: 320px; width: auto;}

.header .navbar {width: 100%; background: var(--black); margin: 0 0 22px 0;}
.header .navbar ul.menu {padding: 0;}
.header .navbar ul.menu li {display: inline-block;}
.header .navbar ul.menu li a.menu-item {display: block; color: #FFFFFF; font-size: 14px; font-family: 'Oswald'; padding: 12px 15px;}
.header .navbar ul.menu li:hover {background: #333333;}
.header .navbar ul.menu li.highlighted a, .header .menu ul li.highlighted div {color: var(--yellow);}
.header .navbar ul.menu li .subcategories {display: none;}
.header .navbar ul.menu li:hover .subcategories {display: block; position: absolute; left: 0; right: 0; background: #FAFAFA; padding: 20px 25px 40px 25px; box-sizing: border-box; box-shadow: 0 2px 4px #C5C5C5; z-index: 9998;}
.header .navbar ul.menu li .subcategories div.title a {display: block; font-size: 16px; font-family: 'Oswald'; padding: 0; margin: 0 0 15px 0;}
.header .navbar ul.menu li .subcategories ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.header .navbar ul.menu li .subcategories ul li {display: block;}
.header .navbar ul.menu li .subcategories ul li a {display: inline-block; padding: 0; margin: 0 0 8px 0;}
.header .navbar ul.menu li .subcategories ul li:hover {background: none;}
.header .navbar ul.menu li .subcategories ul li a:hover {color: var(--red);}
.header .navbar ul.menu li .subcategories ul ol {display: block; vertical-align: top; width: 100%; height: 100%; min-height: 1px; padding: 0; box-sizing: border-box;}
.header .navbar ul.menu li .subcategories ul ol:nth-child(2) {padding: 0;}
.header .navbar ul.menu li .subcategories ul ol:last-child {padding: 0; width: auto; text-align: right;}
.header .navbar ul.menu li .subcategories ul ol:last-child div {display: inline-block; text-align: center;}
.header .navbar ul.menu li .subcategories ul ol:last-child img {margin-top: -25px; max-width: 380px; max-height: 375px; border: 5px solid #FFFFFF; -moz-border-radius: 80px 30px 80px 30px; -webkit-border-radius: 80px 30px 80px 30px; border-radius: 80px 30px 80px 30px;}
.header .navbar ul.menu li .subcategories ul ol:last-child a {display: table; position: relative; background: var(--black3); color: #FFFFFF; font-size: 13px; padding: 5px 30px 6px 30px; margin: -55px auto 0 auto;}

.header.sticky {position: fixed; display: flex; top: -200px; left: 0; width: 100%; background: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,0.12); padding: 4px 0; margin: 0; z-index: 9998; transition: top 0.3s ease-in-out;}
.header.sticky.slideDown {top: 0;}
.header.sticky .header-inner {width: 100%; padding: 4px 0 !important;}
.header.sticky .header-inner .menu-bars {float: left; display: inline-block; padding: 3px 3px; margin: 5px 15px 0 0;}
.header.sticky .header-inner .menu-bars .overlay {content: ""; display: none; position: absolute; width: 50px; height: 40px;}
.header.sticky .header-inner .content {position: relative; top: 4px; padding: 0;}
.header.sticky .header-inner .content .search {top: -1px;}
.header.sticky .navbar {position: absolute; display: none !important; top: 53px; margin: 0;}
.header.sticky .col-1.logo img {max-width: 150px;}
.header.sticky .search-form {height: 38px;}
.header.sticky .search-input {height: 38px; line-height: 38px;}
.header.sticky .search-button {height: 38px;}
.header.sticky .search-button .icon-search {top: 9px;}
.header.sticky .dropdown-item {top: 0; margin-top: -5px !important; padding: 3px 0 5px 0 !important;}
.header.sticky .dropdown-item .label {margin: 0 !important;}
.header.sticky .dropdown-item .dropdown-box {top: 42px !important;}

.header.sticky .icon-wrapper {margin-bottom: 0 !important;}

.header-message {display: block; font-size: 14px; background: #FFFFFF; border-left: 7px solid var(--red2); padding: 18px 22px; margin: 0 0 25px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.header-message h3.title {font-weight: normal; text-transform: none; margin: 0 0 5px 0;}

.breadcumbs-box {position: relative; width: 100%; height: 24px; margin: 0 0 18px 0; white-space: nowrap; overflow: hidden;}
.breadcumbs-box ul.breadcumbs {position: absolute; left: 0; width: 100%; line-height: 24px; font-size: 13px; overflow-x: scroll; overflow-y: hidden;}
.breadcumbs-box ul.breadcumbs::-webkit-scrollbar {display: none;}
.breadcumbs-box ul.breadcumbs li {display: inline; color: var(--grey); overflow-x: scroll; padding: 0; margin: 0;}
.breadcumbs-box ul.breadcumbs li a {color: var(--grey); text-decoration: underline;}
.breadcumbs-box ul.breadcumbs li a:hover {color: var(--red); text-decoration: underline;}
.breadcumbs-box ul.breadcumbs li::after {content: "/"; display: inline-block; position: relative; margin: 0 10px; opacity: 0.6; filter: alpha(opacity=60);}
.breadcumbs-box ul.breadcumbs li:last-child::after {display: none;}

.main-content {display: block;}
.main-content .inner-with-sidebar {display: block; width: -webkit-calc(100% - 250px); width: -moz-calc(100% - 250px); width: calc(100% - 250px); padding: 0; margin: 0 0 0 auto;}
.main-content .sidebar {display: block; width: 230px;}
.main-content .sidebar-left {float: left; margin: 0 15px 0 0;}
.main-content .sidebar-right {float: right; margin: 0 0 0 15px;}
.main-content .sidebar .content {background: #FFFFFF; padding: 18px 18px 22px 18px; margin: 0 0 20px 0;}

.main-content .inner .content,
.main-content .inner-with-sidebar .content {background: #FFFFFF; padding: 27px; margin: 0 0 20px 0;}

.homepage ul.categories {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); grid-gap: 20px; padding: 0; margin: 0;}
.homepage ul.categories li {position: relative; display: block; padding: 0; margin: 0;}
.homepage ul.categories li a {display: block;}
.homepage ul.categories li img {position: relative; width: 100%; height: auto; aspect-ratio: auto; border: 5px solid #FFFFFF; -moz-border-radius: 30px 60px; -webkit-border-radius: 30px 60px; border-radius: 30px 60px; box-shadow: 0 1px 8px #E5E5E5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1;}
.homepage ul.categories li span {position: absolute; bottom: 70px; display: block; width: 100%; height: 1px; text-align: center; z-index: 2;}
.homepage ul.categories li span h2 {display: inline-block; font-size: 14px; font-weight: normal; color: #FFFFFF; background: var(--red); padding: 8px 25px 9px 25px; ransform: none; margin: 0; opacity: 0.9; filter: alpha(opacity=90);}

.my-account .registration-successful {font-size: 14px; color: #FFFFFF; background: var(--grey3); padding: 12px 20px; margin: 0 0 20px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.my-account .registration-successful span {font-weight: bold;}

ul.pagination {display: block; font-family: 'Oswald'; font-size: 12px; padding: 0; margin: 0;}
ul.pagination li {display: inline-block;}
ul.pagination li a,
ul.pagination li span {display: inline-block; background: #F3F3F3; color: var(--black2); padding: 7px 12px; margin: 5px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 10ms; transition-duration: 10ms;}
ul.pagination li a:hover,
ul.pagination li .current {color: #FFFFFF; background: var(--blue);}
ul.pagination li a.previous, ul.pagination li a.next {padding: 7px 18px;}
ul.pagination li a.previous::before {content: "\00ab"; margin: 0 5px 0 0;}
ul.pagination li a.next::after {content: "\00bb"; margin: 0 0 0 5px;}
ul.pagination li .inactive {opacity: 0.5; filter: alpha(opacity=50);}
ul.pagination ul {padding: 0; margin: 10px 0 0 0;}

.notification {position: fixed; top: 190px; right: -350px; width: 320px; line-height: 19px; font-size: 14px; color: var(--grey); background: #FFFFFF; padding: 15px 50px 15px 20px; box-shadow: 1px 1px 3px #E3E3E3; opacity: 0.9; filter: alpha(opacity=90); z-index: 999;}
.notification .close {top: 4px; right: 4px; width: 18px; height: 18px;}
.notification .added-to-wishlist .icon-wishlist-filled,
.notification .removed-from-wishlist .icon-wishlist {float: left; width: 30px; height: 30px; background-size: 100%; margin: -2px 12px 0 0;}

.tns-item[aria-hidden="true"] a,
.tns-item[aria-hidden="true"] button,
.tns-item[aria-hidden="true"] input {visibility: hidden;}
.tns-item[aria-hidden="false"] a,
.tns-item[aria-hidden="false"] button,
.tns-item[aria-hidden="false"] input {visibility: visible;}

.added-to-cart-modal {max-width: 1200px;}
.added-to-cart h3 {margin: 0 0 12px 0;}
.added-to-cart .product {display: flex; width: 100%; padding: 18px 0; margin: 0;}
.added-to-cart .product .product-image {display: inline-block; vertical-align: top; width: 70px;}
.added-to-cart .product .product-image img {display: block; max-width: 100%; height: auto;}
.added-to-cart .product .product-informations {display: inline-block; vertical-align: top; font-size: 14px; color: var(--grey); margin: 0 16px;}
.added-to-cart .product .product-informations .title {font-weight: bold;}
.added-to-cart .product .product-tabsrmations .size {font-size: 14px;}
.added-to-cart .product .product-informations .price {font-size: 14px; color: var(--red); font-weight: bold;}
.added-to-cart .product .buttons {display: inline-block; height: 100%; margin: auto 0 auto auto;}
.added-to-cart .product .buttons .button {display: block; padding: 8px 60px; margin: 0 0 12px 0;}
.added-to-cart .similar-products {position: absolute !important; left: 0 !important; width: 100% !important; max-width: none !important; background: #F0F0F0 !important; padding: 22px 22px 52px 22px !important; border-top: 1px solid #E5E5E5 !important; box-sizing: border-box !important; margin: 0 !important;}
.added-to-cart .similar-products h2 {margin-bottom: 15px;}
.added-to-cart .similar-products .product-items-grid {margin: 0;}
.added-to-cart .similar-products .tns-controls button:nth-of-type(1) {margin-left: 12px;}
.added-to-cart .similar-products .tns-controls button:nth-of-type(2) {margin-right: 12px;}

.social-icons {margin: 20px 0 0 0;}
.social-icons div.title {color: var(--grey); font-size: 13px; font-family: 'Oswald'; margin: 0 0 8px 0;}
.social-icons a {display: inline-block; width: 33px; height: 33px; margin: 0 1px; filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: 0.6; filter: alpha(opacity=60);}
.social-icons a:hover {position: relative; top: -4px; filter: grayscale(0%); -webkit-filter: grayscale(0%); webkit-transition-duration: 250ms; transition-duration: 250ms; opacity: 0.8; filter: alpha(opacity=80);}.social-icons a:hover {position: relative; top: -4px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -webkit-transition-duration: 250ms; transition-duration: 250ms; opacity: 0.8; filter: alpha(opacity=80);}
.social-icons a.facebook {background:url(../../images/icons/social_icons.webp) center 0 no-repeat transparent; background-size: 33px;}
.social-icons a.instagram {background:url(../../images/icons/social_icons.webp) center -33px no-repeat transparent; background-size: 33px;}
.social-icons a.pinterest {background:url(../../images/icons/social_icons.webp) center -66px no-repeat transparent; background-size: 33px;}
.social-icons a.youtube {background:url(../../images/icons/social_icons.webp) center -99px no-repeat transparent; background-size: 33px;}

.legal-icons {margin: 20px 0 0 0;}
.legal-icons a {display: flex !important; width: fit-content; padding: 0 !important; margin: 5px 0 !important;}
.legal-icons a .icon {opacity: 0.7; filter: alpha(opacity=70);}

.recently-viewed-products {margin-top: 30px !important;}
.recently-viewed-products h1 {font-size: 16px; font-weight: normal; margin: 0 0 16px 0;}
.recently-viewed-products ul {display: grid; grid-template-columns: repeat(auto-fill, minmax(min(80px, 120px), 1fr)); grid-gap: 12px; padding: 0; margin: 15px 0 0 0;}
.recently-viewed-products li {position: relative; display: inline-block; overflow: hidden; padding: 0; margin: 0;}
.recently-viewed-products li a {display: block; border: 3px solid #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.recently-viewed-products li a:hover {border-color: var(--blue);}
.recently-viewed-products li img {position: relative; display: block; width: 100%; height: auto; aspect-ratio: auto; z-index: 1;}

ul.order-progress .icon-order-placed {width: 20px; height: 20px; background:url(../../images/icons/cart.svg); background-size: 100%; top: 0; left: -2px;}
ul.order-progress .icon-order-confirmed {width: 22px; height: 22px; background:url(../../images/icons/phone.svg); background-size: 100%; top: 0; left: 3px;}
ul.order-progress .icon-awaiting-shipment {width: 20px; height: 20px; background:url(../../images/icons/package.svg); background-size: 100%; top: 0; left: 0;}
ul.order-progress .icon-ordered-from-supplier {width: 18px; height: 18px; background:url(../../images/icons/orders.svg); background-size: 100%; top: 0; left: 0;}
ul.order-progress .icon-order-shipped {width: 26px; height: 26px; background:url(../../images/icons/shipping.svg); background-size: 100%; top: 0; left: 0;}
ul.order-progress .icon-order-completed {width: 16px; height: 16px; background:url(../../images/icons/ok2.svg); background-size: 100%; top: 0; left: 0;}
ul.order-progress .icon-order-canceled {width: 22px; height: 22px; background:url(../../images/icons/close.svg); background-size: 100%; top: 0; left: 0;}

ul.order-progress-1 {position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; grid-gap: 0; max-width: 680px; margin: 40px auto 0 auto;}
ul.order-progress-1 li {position: relative; display: inline-block; width: 92px; text-align: center; margin: 0 0 20px 0; padding: 0;}
ul.order-progress-1 li:before,
ul.order-progress-1 li:after {content: ""; position: absolute; top: 15px; -webkit-calc(50% - 12px); width: -moz-calc(50% - 12px); width: calc(50% - 12px); height: 0; border-bottom: 8px solid #CECECE;}
ul.order-progress-1 li:before {left: 0;}
ul.order-progress-1 li:after {left: -webkit-calc(50% + 12px); left: -moz-calc(50% + 12px); left: calc(50% + 12px); z-index: 1;}
ul.order-progress-1 li:first-child:before,
ul.order-progress-1 li:last-child:after {display: none;}
ul.order-progress-1 li .graph {display:inline-flex; width: 38px; height: 38px; border-radius: 50%; background: #CECECE; align-items: center; justify-content: center;}
ul.order-progress-1 li .name {display: block; width: 80px; color: var(--grey4); font-size: 11px; font-weight: bold; line-height: 16px; margin: 5px auto 0 auto;}
ul.order-progress-1 li.active .graph {background: var(--green);}
ul.order-progress-1 li.active:before,
ul.order-progress-1 li.active:after {background: var(--green); border-color: var(--green);}
ul.order-progress-1 li.active .name {color: var(--black3);}

ul.order-progress-2 {position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 680px; margin: 40px auto 0 auto;}
ul.order-progress-2 li {position: relative; display: inline-block; width: 96px; text-align: center; margin: 0 0 20px 0; padding: 0;}
ul.order-progress-2 li .graph {position: relative; padding: 0 0 12px 0;}
ul.order-progress-2 li .graph:before {content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 0; border-bottom: 10px solid #CECECE;}
ul.order-progress-2 li .graph .icon-ok {position: relative; width: 38px; height: 38px; z-index: 2;}
ul.order-progress-2 li .name {display: block; width: 80px; color: var(--grey4); font-size: 11px; font-weight: bold; line-height: 16px; margin: 12px auto 0 auto;}
ul.order-progress-2 li.active .graph:before {border-color: var(--green);}
ul.order-progress-2 li.active .name {color: var(--grey);}

ul.order-progress-3 {position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 680px; margin: 40px auto 0 auto;}
ul.order-progress-3 li {position: relative; display: inline-block; width: 92px; text-align: center; margin: 0;}
ul.order-progress-3 li:before {content: ""; position: absolute; top: 62px; left: 0; width: 100%; height: 0; border-bottom: 10px solid #CECECE; z-index: 2;}
ul.order-progress-3 li .graph {position: relative; padding: 0 0 12px 0; background: #FAFAFA; border: 1px dashed #CECECE; padding: 8px 8px 4px 8px; margin: 10px 20px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
ul.order-progress-3 li .graph .icon-ok {position: relative; width: 34px; height: 34px; z-index: 2;}
ul.order-progress-3 li .name {display: block; width: 80px; color: var(--grey4); font-size: 11px; font-weight: bold; line-height: 16px; margin: 18px auto 0 auto;}
ul.order-progress-3 li.active {border-color: var(--green);}
ul.order-progress-3 li.active:before {border-color: var(--green);}
ul.order-progress-3 li.active .graph {background: #FFFFFF;}
ul.order-progress-3 li.active .name {color: var(--grey);}

ul.order-progress-4 {position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 720px; margin: 40px auto 0 auto;}
ul.order-progress-4 li {position: relative; display: inline-block; width: 90px; text-align: center; background: #FAFAFA; border: 1px dashed #CECECE; padding: 10px 0; margin: 10px 25px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
ul.order-progress-4 li:before {content: ""; position: absolute; top: 50%; right: -47px; width: 42px; height: 0; border-bottom: 6px solid #CECECE; z-index: 2;}
ul.order-progress-4 li:last-child:before {display: none;}
ul.order-progress-4 li .graph .icon-ok {position: relative; width: 34px; height: 34px; z-index: 2;}
ul.order-progress-4 li .name {display: block; width: 80px; color: var(--grey4); font-size: 11px; font-weight: bold; line-height: 16px; margin: 4px auto 0 auto;}
ul.order-progress-4 li.active {background: #FFFFFF; border-color: var(--green);}
ul.order-progress-4 li.active:before {border-color: var(--green);}
ul.order-progress-4 li.active .name {color: var(--grey);}

.footer-informations {margin-top: 30px; color: var(--black); background: #dfdfe5; padding: 20px 0;}
.footer-informations .inner ul {width: 100%; max-width: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); grid-gap: 22px; opacity: 0.9; filter: alpha(opacity=90);}
.footer-informations .inner ul li.info-box ul {display: grid; grid-template-columns: 60px auto; grid-gap: 0; cursor: default;}
.footer-informations .inner ul li.info-box ul li h2 {font-size: 14px; font-weight: normal; text-transform: none; line-height: 20px; margin-bottom: 0;}
.footer-informations .inner ul li.info-box ul li span {display: inline-block; font-size: 13px; line-height: 18px;}
.footer-informations .inner ul li.info-box ul li .icon-shipping {top: 1px; width: 32px; height: 32px; background-size: 36px;}
.footer-informations .inner ul li.info-box ul li .icon-package {top: -1px; width: 40px; height: 40px; background-size: 26px;}
.footer-informations .inner ul li.info-box ul li .icon-returns {top: -2px; width: 40px; height: 40px; background-size: 26px;}
.footer-informations .inner ul li.info-box ul li .icon-safety {top: -2px; width: 40px; height: 40px; background-size: 28px;}
.footer-informations .inner ul li.info-box ul li:last-child h2,
.footer-informations .inner ul li.info-box ul li:last-child span {position: relative; left: -10px;}

.footer {font-size: 14px; background: #EAEAEE; padding: 30px 0 0 0; margin: 0;}
.footer .reviews {padding-bottom: 20px;}

.footer .inner .box {display: inline-block; width: 33%; padding: 0 15px 0 0;}
.footer .inner .box:nth-of-type(1) {width: 50%}
.footer .inner .box:nth-of-type(2) {width: 25%}
.footer .inner .box:nth-of-type(3) {width: 25%}
.footer .inner .box .title {font-family: 'Oswald'; font-size: 15px; margin: 0 0 6px 0;}
.footer .inner .box ul.menu {display: inline-block; width: 100%; margin: 0; padding: 0;}
.footer .inner .box:nth-of-type(1) ul.menu {width: 50%;}
.footer .inner .box ul.menu li {display: block; margin: 6px 0;}
.footer .inner .box ul.menu a {display: inline-block; padding: 1px 0;}
.footer .inner .box ul.menu a:hover {text-decoration: underline;}
.footer .inner .box ul.menu span {display: inline-block; color: var(--grey2);}

.footer .copyright {font-size: 12px; color: var(--grey2); text-align: center; line-height: 20px; padding: 60px 0 10px 0;}
.footer .copyright .social-icons {margin: 0 0 20px 0;}
.footer .copyright .developer::after {content: "\2022"; margin: 0 6px;}

.scrollToTop {display:none; position: fixed; bottom: 20px; right: 20px; width: 45px; height: 45px; background: url(../../images/icons/scrollup.png) no-repeat; color: #444444; font-weight: bold; text-decoration: none; padding: 0; opacity: 0.8; filter: alpha(opacity=80); z-index: 99;}
.scrollToTop:hover {text-decoration:none; opacity: 1; filter: alpha(opacity=100);}

#wishlist-data {display: none;}
#cart-data {display: none;}

.rating {font-size: 13px;}
.rating .stars {display: inline-block; position: relative; top: 2px; width: 70px; height: 14px; margin: 0 6px 0 0;}
.rating .stars .grey-stars {float: left; position: relative; display: inline-block; width: 100%; height: 100%; z-index: 1; background-color: #d1d1d1; -webkit-mask-image: url(../../images/icons/rating.svg); -webkit-mask-repeat: repeat-x; -webkit-mask-position: 0 0; -webkit-mask-size: 14px; mask-image: url(../../images/icons/rating.svg); mask-repeat: repeat-x; mask-position: 0 0; mask-size: 14px;}
.rating .stars .yellow-stars {--percent: calc(var(--rating) / 5 * 100%); float: left; position: relative; top: -14px; display: inline-block; width: var(--percent); height: 100%; z-index: 2; background-color: #f5b301; -webkit-mask-image: url(../../images/icons/rating.svg); -webkit-mask-repeat: repeat-x; -webkit-mask-position: 0 0; -webkit-mask-size: 14px; mask-image: url(../../images/icons/rating.svg); mask-repeat: repeat-x; mask-position: 0 0; mask-size: 14px;}
.rating p {color: var(--black2); margin: 0 !important; text-decoration: underline;}
.rating span {color: var(--grey4);}

.no-results {padding-bottom: 40px !important;}
.no-results .title {font-weight: bold; margin: 0 0 20px 0;}
.no-results ul {padding: 0; margin: 10px 0 0 30px;}
.no-results ul li {list-style-type: disc;}

.similar-products {display: none;}
.similar-products h2 {margin: 0;}
.similar-products .product-items-grid {display: flex !important; grid-gap: 0 !important;}

@media only screen and (max-width: 1340px)
{
  .tns-controls button:nth-of-type(1) {margin-left: 12px;}
  .tns-controls button:nth-of-type(2) {margin-right: 12px;}
}

@media only screen and (max-width: 1280px)
{
  .topbar .topbar-inner,
  .topbar.admin-bar .topbar-inner {margin: 0 !important;}
  .center-box {margin: 0 15px;}
  .main-content, .center-box {min-width: 330px;}
  .footer-informations .inner,
  .footer .inner {margin: 0 27px;}
}

@media only screen and (max-width: 1200px)
{
  .topbar-inner {gap: 22px;}
  .header .navbar ul.menu li .subcategories ul ol:last-child img {max-width: 340px; max-height: 335px;}
}

@media only screen and (max-width: 1024px)
{
  .header .header-inner .content .search input[type=text] {width: 190px;}
  .header .navbar ul.menu li a.menu-item {font-size: 13px; padding: 12px 12px;}
}

@media only screen and (max-width: 920px)
{
  body {padding: 150px 0 0 0 !important;}
  body.has-topbar {padding-top: 184px !important;}

  .topbar {height: 34px; margin: 0; line-height: 34px;}
  .topbar-inner {display: block !important; position: relative; width: 100%; height: 34px; padding: 0 14px !important; overflow: hidden !important; box-sizing: border-box;}
  .topbar-item {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 14px; right: 14px; height: 34px; color: inherit; font-size: 12px; font-weight: normal; line-height: 34px; white-space: nowrap; opacity: 0; visibility: hidden; animation-name: topbarFade; animation-duration: var(--mobile-duration); animation-delay: var(--mobile-delay); animation-iteration-count: infinite;}
  .topbar-arrow {margin-right: 6px;}
  @keyframes topbarFade {
      0% {opacity: 0; visibility: hidden; transform: translateY(6px);}
      6% {opacity: 1; visibility: visible; transform: translateY(0);}
      22% {opacity: 1; visibility: visible; transform: translateY(0);}
      28% {opacity: 0; visibility: hidden; transform: translateY(-6px);}
      100% {opacity: 0; visibility: hidden; transform: translateY(-6px);}
  }

  .topbar.admin-bar {position: relative !important; top: auto !important; left: auto !important; right: auto !important; z-index: 9999 !important; width: 100% !important; height: 40px !important; margin: 0 !important; box-sizing: border-box !important;}
  .topbar.admin-bar .topbar-inner {width: 100% !important; height: 40px !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; box-sizing: border-box !important;}
  .topbar.admin-bar .admin-menu-container {display: block !important; width: 100% !important; height: 40px; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; box-sizing: border-box !important;}
  .topbar.admin-bar .admin-menu-container::-webkit-scrollbar {display: none;}
  .topbar.admin-bar .admin-menu-container > ul {display: block; width: max-content; height: 40px; padding: 0 !important; margin: 0 !important; white-space: nowrap;}
  .topbar.admin-bar .admin-menu-container > ul > li {margin: 0 !important;}
  .topbar.admin-bar .admin-menu-container ul.dropdown-list {position: fixed !important; top: 40px !important; left: 0 !important; right: 0 !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: calc(100vh - 40px) !important; padding: 15px !important; overflow-y: auto !important; border-radius: 0 0 8px 8px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; white-space: normal !important; box-sizing: border-box !important;}
  .topbar.admin-bar .admin-menu-container ul.dropdown-list li .name {display: block; width: 100%; margin-bottom: 2px; color: var(--black3);}
  .topbar.admin-bar .admin-menu-container ul.dropdown-list li .value {display: block; width: 100%; margin-bottom: 15px; word-break: break-word;}

  .header {display: none !important;}
  .header-mobile, .content-outer, .footer {min-width: 340px;}

  .header-mobile {display: block !important; position: fixed !important; top: 0 !important; left: 0 !important; z-index: 9998 !important; width: 100% !important; min-width: 360px; padding: env(safe-area-inset-top) 0 10px 0 !important; margin: 0 !important; background: #FFFFFF !important; box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; box-sizing: border-box !important; transform: none !important; -webkit-transform: none !important;}
  .header-mobile .header-inner {display: block !important; position: relative !important; margin: 0 15px !important; padding-top: 10px !important;}

  .header-mobile .col-1 {position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important; width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important;}
  .header-mobile .col-1 .menu-bars {display: block !important; width: 26px !important; height: 18px !important; cursor: pointer !important; background: transparent !important; border: none !important; padding: 0 !important;}
  .header-mobile .col-1 .menu-bars span {display: block !important; width: 26px !important; height: 3px !important; background: #5c5c5c !important; margin-bottom: 4px !important; border-radius: 10px !important;}
  .header-mobile .col-1 .mobile-menu {display: block; position: fixed !important; top: 0 !important; width: 270px; height: 100vh !important; background: #FFFFFF !important; transition: left 0.3s ease !important; overflow: visible !important;}
  .header-mobile .col-1 .mobile-menu.closed {left: -320px;}
  .header-mobile .col-1 .mobile-menu.open {left: 0;}
  .header-mobile .col-1 .mobile-menu .panel-inner {background: #FFFFFF !important;}
  .header-mobile .col-1 .slide-panel ul.primary-menu {display: block; font-size: 14px; padding: 0; margin: 0;}
  .header-mobile .col-1 .slide-panel ul.primary-menu {background: #222222; -webkit-tap-highlight-color: transparent;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.menu-item .main-category {display: block; font-family: 'Oswald'; font-weight: normal; color: #F5F5F5; background: #111111; border-bottom: 1px solid #222222; padding: 15px 10px 15px 17px; cursor: pointer;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.menu-item .main-category:hover {background: #000000;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.menu-item .main-category:focus {background: #000000;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown {display: block; padding: 0; margin: 0;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown .icon-arrow-d {float: right; top: 3px; right: 3px;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown .icon-arrow-u-filled {float: right; top: 3px; right: 3px;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown ul.subcategories {display: none; position: relative; background: #F5F5F5; padding: 0; margin: 0; cursor: default;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown ul.subcategories .title a {display: block; color: var(--red); font-weight: bold; padding: 15px 0 5px 17px;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown ul.subcategories li a {display: block; background: transparent; padding: 10px 0 10px 30px; border-bottom: 1px solid #E8E8E8;}
  .header-mobile .col-1 .slide-panel ul.primary-menu li.dropdown ul.subcategories li:last-child a {border-bottom: 0;}
  .header-mobile .col-1 .slide-panel .menu-secondary {text-align: center; padding: 25px 17px 10px 17px;}
  .header-mobile .col-1 .slide-panel .menu-secondary .title {font-family: 'Oswald';}
  .header-mobile .col-1 .slide-panel .menu-secondary ul.links {font-size: 14px; padding: 10px 0 0 0; margin: 0;}
  .header-mobile .col-1 .slide-panel .menu-secondary ul li {padding: 3px 0; margin: 0;}
  .header-mobile .col-1 .slide-panel .menu-secondary ul li a {display: inline-block;}
  .header-mobile .col-1 .slide-panel .menu-secondary .social-icons {display: block; text-align: center; margin: 0; padding-top: 27px;}

  .header-mobile .col-2.logo {display: block !important; width: 100% !important; text-align: center !important; height: 100% !important;}
  .header-mobile .col-2.logo a {display: inline-block;}
  .header-mobile .col-2.logo img {max-width: 140px !important; height: auto !important; padding-top: 5px !important; display: inline-block !important;}

  .header-mobile .col-3.right {position: absolute !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important; height: 30px !important; display: flex !important; align-items: center !important; gap: 12px !important; z-index: 10 !important;}
  .header-mobile .col-3.right .icon-wrapper {position: relative !important; display: block !important; width: 26px !important; height: 26px !important;}
  .header-mobile .col-3.right .icon-wrapper .icon {display: inline-block !important; width: 24px !important; height: 24px !important; background-size: 100% !important;}
  .header-mobile .col-3.right .dropdown-item .label {display: none !important;}
  .header-mobile .col-3.right .dropdown-item .badge {display: flex !important; visibility: hidden; justify-content: center !important; align-items: center !important; position: absolute !important; top: -6px !important; right: -8px !important; background: var(--red) !important; color: #FFFFFF !important; font-size: 10px !important; min-width: 18px !important; height: 18px !important; border-radius: 50% !important; padding: 0 3px !important; z-index: 5 !important;}
  .header-mobile .col-3.right .dropdown-item  .dropdown-box {top: 36px;}
  .header-mobile .col-3.right .dropdown-item.wishlist .dropdown-box {right: -40px;}
  .header-mobile .col-3.right .dropdown-item.cart .dropdown-box {right: -10px;}

  .header-mobile .search-row {padding-top: 8px !important;}
  .header-mobile .search-row .search-form {height: 36px;}
  .header-mobile .search-row .search-form .search-input {font-size: 16px !important;}

  .main-content .inner .content,
  .main-content .inner-with-sidebar .content {padding: 22px; margin: 0 0 20px 0;}
  .admin-bar {position: absolute;}
  ul.breadcumbs {margin: 0 0 20px 0;}
  .notification {top: 90px;}

  .footer-informations {background: #e3e3e8;}
  .footer-informations .inner ul {opacity: 0.8; filter: alpha(opacity=80);}
}

@media only screen and (max-width: 800px)
{
  #live_search_results {left: 12px; right: 12px; width: auto; max-height: 51vh; overflow-y: auto;}

  .modal-box {padding: 12px;}
  .modal-box .modal-title {margin: 8px 0 16px 0;}
  .modal-box .close {top: 12px; right: 12px;}
  .modal-box .close .icon-close {width: 32px; height: 32px;}
  .added-to-cart .similar-products {padding: 18px 12px 52px 12px;}
  .added-to-cart .similar-products .tns-nav {margin: -5px 0 0 0;}

  .footer .inner .box:nth-of-type(1) {width: 33%}
  .footer .inner .box:nth-of-type(2) {width: 33%}
  .footer .inner .box:nth-of-type(3) {width: 33%}
  .footer .inner .box:nth-of-type(1) ul.menu {width: 100%;}
  .footer .inner .box:nth-of-type(1) ul.menu:nth-of-type(2) {position: relative; top: -6px;}
  .footer .box ul.menu li {margin: 8px 0;}

  .footer .copyright {padding: 40px 0 10px 0;}
}

@media only screen and (max-width: 680px)
{
  body {padding: 124px 0 0 0;}
  .notification {top: 120px;}

  .footer .inner .box {padding: 0; margin: 0 0 30px 0;}
  .footer .inner .box:nth-of-type(1) {width: 100%}
  .footer .inner .box:nth-of-type(2) {width: 50%}
  .footer .inner .box:nth-of-type(3) {width: 50%}
  .footer .inner .box:nth-of-type(1) ul.menu {width: 50%;}
  .footer .inner .box:nth-of-type(1) ul.menu:nth-of-type(2) {top: 0;}

  .added-to-cart .product {display: block;}
  .added-to-cart .product .product-image {width: 60px;}
  .added-to-cart .product .product-informations {width: auto;}
  .added-to-cart .product .buttons {display: block; width: 100%; margin: 16px 0 0 0;}
  .added-to-cart .product .buttons .button {width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px);}
}

@media only screen and (max-width: 640px)
{
  .homepage ul.categories {grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));}
}

@media only screen and (max-width: 550px)
{
  .header-mobile .col-3.right .dropdown-item.wishlist {display: none !important;}
  .header-mobile .col-3.right .dropdown-item.account .dropdown-box {right: -30px;}
  .header-mobile .col-3.right .dropdown-item.cart .dropdown-box {right: -5px;}

  .homepage ul.categories {grid-template-columns: repeat(auto-fill, minmax(min(170px, 100%), 1fr)); grid-gap: 14px;}
}

@media only screen and (max-width: 480px)
{
  .main-content .inner .content, .main-content .inner-with-sidebar .content {padding: 22px;}
  .tns-controls {top: 30%;}
}

@media only screen and (max-width: 420px)
{
  .homepage ul.categories {grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr));}
  ul.pagination li a.previous, ul.pagination li a.next {padding: 7px 14px;}
}

@media only screen and (max-width: 410px)
{
  ul.pagination li a.previous, ul.pagination li a.next {padding: 7px 12px;}

  .footer {text-align: center;}
  .footer .inner .box:nth-of-type(1) {width: 100%}
  .footer .inner .box:nth-of-type(2) {width: 100%}
  .footer .inner .box:nth-of-type(3) {width: 100%}
  .footer .inner .box:nth-of-type(1) ul.menu {width: 100%;}

  .footer .legal-icons {padding: 20px 0 0 0;}
  .footer .legal-icons a {margin: 5px auto !important;}
  .footer .copyright {padding: 0;}
}

/* Language picker – compact header control */
.shop-language-control select{max-width:78px;border:1px solid #ddd;border-radius:6px;background:#fff;padding:5px 3px;font-size:12px;cursor:pointer}