@charset "UTF-8";
:root {
    --primary: rgba(119,135,135,1);
    --light: #f9f4ef;
    --lightgrey: rgb(229 229 229);
    --sand: #c2b4ab;
    --dark: #4e7e7e;
    --lightsand: #f4f0ec;
    --whitesand: #fffdfc;
    --highlight: #4f7d7d;
    --gradient: linear-gradient(128deg, #65c8c6 0%, #2a3f56 100%);
    --discount: #3aa56f;
    --space: clamp(15px, 6dvh, 40px);
    --spacelarge: clamp(25px, 8dvh, 100px);
    --smallfont: 13px;
    --mediumfont: 29px;
    --largefont: 36px;
    --warning: #c41718;
    --good: #3aa56f;
    --fullheight: calc(100vh - 164px) ;
    --darktext: #000000;
    --lighttext: #ffffff;
    --headerheight: 150px;
    --swiper-navigation-sides-offset: 0;
    --padding: 3vw;
}
html {
    scroll-behavior: smooth;
}
*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: normal;
}

body.noscroll {
    overflow: hidden
}

body,input,select,textarea,button, .form-label.input-group-main {
    font-family: 'Nunito',Arial,sans-serif;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
p {
    margin: 0;
}
small {
    color: inherit;
}

.container {
    width: 1700px;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto
}
figure {
    margin: 0;
}
.block {
    display: block;
}
.container.large {
    width: 2000px
}

.container.small {
    width: 1200px
}

.container.mini {
    width: 700px
}
/*
.container.page-content {
    min-height: calc(100vh - var(--headerheight));
}
    */

.fullheight {
    height: var(--fullheight)
}

.flex {
    display: flex
}
.flex.column {
    flex-direction: column
}
.flex > * {
    flex: auto
}
.flex > .image {
    width: 60%;
    align-self: stretch;
    object-fit: cover;
    flex: none
}
.flex > *.width-big {
    flex: none;
    width: 60%;
}
.flex > *.width-big img {
    width: 100%;
}
.flex.flex-spacebetween {
    justify-content: space-between
}
.flex.flex-spacebetween > * {
    flex: none
}
.background-grey {
    background-color: var(--lightsand);
}
.padding {
    padding: var(--padding);
}
.gap {
    gap: 3vw
}
.middle {
    align-content: center;
}

.lightbackground {
    background-color: var(--light)
}

.darkbackground {
    background-color: var(--dark)
}

.highlightbackground {
    background-color: var(--highlight)
}

.spacetop {
    margin-top: var(--space)
}

.spacebottom {
    margin-bottom: var(--space)
}

.paddingtop {
    padding-top: var(--space)
}

.paddingbottom {
    padding-bottom: var(--space)
}

.spacetop-large {
    margin-top: var(--spacelarge)
}

.spacebottom-large {
    margin-bottom: var(--spacelarge)
}

.paddingtop-large {
    padding-top: var(--spacelarge)
}

.paddingbottom-large {
    padding-bottom: var(--spacelarge)
}

.center {
    text-align: center;
    justify-content: center
}


.ng-hide {
    display: none;
}

a,
a:visited {
    color: #000
}

a:hover {
    color: #797979
}

input,
img,
svg {
    outline: none
}

img {
    border: none;
    display: block;
    max-width: 100%;
    height: auto
}

svg {
    height: auto;
    display: block
}

.imageoverlay {
    position: relative
}

.imageoverlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    background-color: #bfbfbf;
    opacity: .1;
    pointer-events: none
}

video {
    max-width: 100%;
    height: auto;
    display: block;
}
.type-topbanner {
    position: relative;
}
.type-topbanner video {
    width: 100%;
    max-height: 30vh;
    object-fit: cover;
    transition: all .3s ease-in-out;
}
.type-topbanner svg {
    position: absolute;
    right: 4vw;
    bottom: 4vw;
    width: 30px;
}

input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px rgba(198,198,198,1);
    display: block;
    flex: none
}

input[type=radio] {
    border-radius: 50%
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    background-color: #000;
    border-color: #000;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: 50% 50%
}



input[type=submit],
input[type=button],
.button,
.button-primary {
    -webkit-appearance: none;
    border: none;
    
    cursor: pointer;
    
    display: inline-flex;
    padding: 10px 25px;
    font-size: inherit;
    text-decoration: none;
    border-radius: 40px;
    text-align: center;
    justify-content: center;
    align-items: center;
    outline: none;
    font-weight: 700;
    position: relative;
    transition: ease .4s;
    white-space: nowrap;
    gap: 7px;
}
.button, .button.button-primary, input.button-primary, .button:visited {
    background: #f1f1f1;
    color: #000;
}
.button:hover, .button:visited:hover, .button:focus, .button:visited:focus {
    background-color: #404040;
    color: #fff;
    
}
/*
.button:not(.button-primary) {
    background: #f1f1f1;
    color: #000;
}
*/
.button svg,
.button img {
    width: 20px;
}

.button.small {
    font-size: inherit;
    border-radius: 25px;
    min-height: 35px
}

input[type=submit]:disabled {
    opacity: .3;
    cursor: not-allowed;
}

input[type=submit].loading,
input[type=submit].loading:disabled {
    cursor: progress
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
textarea {
    display: block;
    width: 100%;
    border: 1px solid var(--lightgrey) !important;
    border-radius: 8px;
    height: 45px;
    padding: 0 15px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff
}
input[type=text].invalid,
input[type=email].invalid,
input[type=tel].invalid,
input[type=password].invalid,
input[type=number].invalid,
textarea.invalid {
    border-color: var(--warning) !important;
}

textarea {
    height: 80px;
    padding: 15px
}

select, select.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid var(--lightgrey);
    background-color: #fff;
    padding: 0 30px 0 15px;
    height: 45px;
    outline: none;
    border-radius: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0idy02IGgtNiI+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTkuNSA4LjI1bC03LjUgNy41LTcuNS03LjUiIC8+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: calc(100% - 10px) 50%;
    cursor: pointer;
    width: 100%;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Nunito',Arial,sans-serif;
}

h1,
.largeheader {
    margin: 0 0 20px;
    font-size: var(--largefont);
    font-weight: normal;
    text-align: left;
    display: block;
    flex: none;
    width: 100%;
    line-height: normal;
    font-family: 'DM Serif Display', sans-serif;
    text-wrap: balance;
    font-weight: normal;
}
h1:first-child {
    margin-top: 0
}
h1:last-child {
    margin-bottom: 0
}
* + h1 {
    margin-top: var(--space)
}
h2, .mediumheader {
    font-size: var(--mediumfont);
    display: block;
    margin: 20px 0 15px;
    line-height: normal;
    font-family: 'DM Serif Display', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-wrap: balance;
}
h2:first-child, .mediumheader:first-child {
    margin-top: 0
}
h3 {
    font-size: 18px;
    margin: 0;
}

div.swiper-button-next,
div.swiper-button-prev {
    width: auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.swiper-button-next svg,
div.swiper-button-prev svg {
    color: #000;
    width: 14px;
    height: auto;
    flex: none;
}

#site-content {
    padding-top: 40px;
    padding-bottom: 60px;
}
body.productpage #site-content,
#site-content:has(:first-child.category-description > .fullwidth) {
    padding-top: 0;
}
/*
body:not(.frontpage):not(.productpage) #site-content {
    padding-top: 40px;
}
    */


body.frontpage .swiper.fullscreen {
    margin-top: calc(-1 * var(--headerheight));
}

header.scrolled {
    transform: translateY(-100%);
}
header {
    /*height: var(--headerheight);*/
    display: flex;
    flex-direction: column;
    /*
    transition: all 0.3s ease-in-out;
    */
    background-color: rgba(255, 255, 255, 1);
    /*backdrop-filter: blur(16px);*/
    border-bottom: solid 1px var(--lightgrey);
    position: sticky;
    top: 0;
    z-index: 20;
}
.frontpage header {
    /*height: auto;*/
    border-bottom: none;
}
.headertop {
    flex: none;
    border-bottom: solid 1px var(--lightgrey);
    font-size: 12px;
    font-weight: bold;
}
.headertop .container {
    height: 38px;
    justify-content: space-between;
}
.headertop .container > * {
    flex:none;
}
.headertop a {
    text-decoration: none;
    text-transform: uppercase;
}
.headertop .country {
    display: flex;
    align-items: center;
    gap: 7px;
    line-height: 1;
}
.headertop .country img {
    width: auto;
    height: 14px;
}
.headertop .country > span {
    text-transform: uppercase;
}
.topmenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 30px;
    align-items: center;
}
.headermain {
    flex: auto;
    display: flex;
    background-color: #fff;
    height: 70px;
}
/*
.frontpage .headermain {
    border-bottom: none;
}
    */

/*
body.frontpage header {
    background-color: var(--lightgrey);
    border-bottom: solid 1px rgba(255,255,255,0.1);
}
body.frontpage header.beginscroll {
    background-color: rgba(0, 0, 0, 0.7);
}
body.frontpage header .headertop,
body.frontpage header .headertop a {
    color: #fff;
}
    */


.headermain > .container {
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    position: relative;
}

header .btnmenu {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    flex: none;
}
header .btnmenu svg {
    width: 30px;
}
header .btnmenu span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
header .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 247px;
    outline: none;
}
header .logo img, header .logo svg {
    width: 100%;
    fill: black;
}
header .shortcuts {
    display: flex;
    flex: none;
    gap: 30px;
    align-items: center;
    justify-content: flex-end;
}
header .shortcuts > * {
    position: relative;
}
header .shortcuts > a {
    display: flex;
    align-items: center;
    gap: 7px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
header .shortcuts > * > svg {
    color: #000;
    height: 26px;
    width: auto;
}
header .shortcuts .basket > a > svg {
    height: 24px;
}
/*
body.frontpage header .logo svg {
    fill: #fff;
}
body.frontpage header .shortcuts > *,
body.frontpage header .shortcuts svg {
    color: #fff;
}
*/
header .w-search-form {
    flex: auto;
    max-width: 350px;
    position: relative;
    display: none;
    margin-left: auto;
}
header .w-search-form.active {
    display: block;
}
header .w-search-form input[type="text"] {
    border-radius: 40px;
    border: solid 1px var(--lightgrey);
    padding: 0 25px;
    transition: all 0.2s ease-in-out;
}
/*
body.frontpage header .w-search-form input[type="text"] {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
}
body.frontpage header .w-search-form input[type="text"]::placeholder {
    color: #fff ;
    opacity: 1;
}
body.frontpage header .w-search-form input[type="text"]::-webkit-input-placeholder {
    color: #fff ;
    opacity: 1;
}
body.frontpage header .w-search-form input[type="text"]::-moz-placeholder {
    color: #fff ;
    opacity: 1;
}
body.frontpage header .w-search-form input[type="text"]::-ms-placeholder {
    color: #fff ;
    opacity: 1;
}
body.frontpage header .w-search-form input[type="text"]:focus {
    background-color: rgba(255, 255, 255, 1);
}
*/
header .w-search-form .search-input-icon {
    width: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.1s ease-in-out;
}
header .w-search-form input[type="text"]:focus + .search-input-icon {
    transform: translate(100%,-50%);
    opacity: 0;
}
body.frontpage header .w-search-form .search-input-icon {
    color: #fff;
}
header .w-usp {
    width: 450px;
    height: 38px;
}
header .w-usp .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
header .w-usp svg {
    height: 15px;
    width: auto;
    flex: none;
}
header .w-usp .w-usp-content {
    display: flex;
    gap: 5px;
    align-items: baseline;
    flex: none;
}
header .w-usp .w-usp-content strong {
    font-weight: bold;
    text-transform: uppercase;
}
header .w-usp .w-usp-content small {
    font-weight: bold;
    text-transform: uppercase;
}

.count-bubble {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: var(--primary);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-style: normal;
}

.swiper.fullscreen {
    height: 100vh;
}
.swiper.fullscreen img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: 0 50%;
    animation: scale-image 20s infinite
}
.swiper .swiper-slide {
    overflow: hidden;
}
/*
.swiper figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    align-items: flex-start;
    color: #fff;
}
.swiper figcaption .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    align-items: flex-start;
}
.swiper figcaption .title {
    font-size: clamp(35px, 4vw, 50px);
    font-weight: normal;
    max-width: 900px;
    text-transform: uppercase;
    font-family: 'DM Serif Display', sans-serif;
}
.swiper figcaption .subtitle {
    font-size: clamp(16px, 2vw, 30px);
    max-width: 900px;
}
.swiper.fullscreen figcaption .button {
    font-size: 17px;
    padding: 12px 35px
}
    */

.breadcrumbsouter {
    background: #f0f0f0;
    background: linear-gradient(0deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
    padding: 10px 0;
}
.breadcrumbs {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    color: #d1d5db;
    white-space: nowrap;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden
}
.breadcrumbs a {
    text-decoration: none;
    white-space: nowrap;
    color: #4b5563
}
.breadcrumbs .active {
    color: #000;
}
.breadcrumbs > :not(:last-child) a span:after {
    content: "/";
    padding: 0 8px;
    color: #9ca3af
}

.miniBasket {
    display: none;
}

@keyframes scale-image {
    0%,to {
        transform: scale(1) rotate(0)
    }

    50% {
        transform: scale(1.1) rotate(1deg)
    }
}

.categories-items {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.category-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
    width: calc(25% - 15px);
    flex: none;
}
.category-item:hover {
    transform: scale(1.05);
    z-index: 2;
}
.category-item-image {
    width: 100%;
    aspect-ratio: 16/12;
    object-fit: cover;
    flex: none;
}
.category-item-name {
    flex: auto;
    background-color: #000;
    color: #fff;
    padding: 7px 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.category-item-name:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    border-radius: 2px;
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) rotate(45deg);
    background-color: #000;
}

.frontpage-categories .categories-items {
    flex-wrap: nowrap;
}
.frontpage-categories .categories-items .category-item {
    flex: auto;
}


.productimages {
    flex: none;
    width: 50%;
}
.productimages .swiper-slide {
    width: 100%;
    max-height: calc(100vh - var(--headerheight));
    display: flex;
    align-items: center;
    justify-content: center;
}
.productimages .swiper-slide img {
    flex: none;
    width: 100%;
    height: auto;
    object-fit: scale-down;
    object-position: 50% 50%;
}
.productimages .swiper-pagination {
    justify-content: flex-end;
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 30px
}
.productimages .swiper-pagination-bullet {
    transition: all .3s ease
}
.productimages [class*=swiper-pagination-bullet-active] {
    background-color: #000;
    width: 20px;
    border-radius: 25px
}


.productimages .swiper.thumbs {
    margin-top: 6px;
}
.productimages .swiper.thumbs:not(.swiper-initialized) .swiper-wrapper {
    gap: 6px;
}
.productimages .swiper.thumbs .swiper-slide {
    width: calc(20% - 5px);
    cursor: pointer;
    position: relative;
    user-select: none;
}
.productimages .swiper.thumbs .swiper-slide.swiper-slide-thumb-active:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: rgba(0, 0, 0, 1);
    z-index: 5;
    content: "";
}
.productimages .swiper.thumbs .swiper-slide img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.productinfo {
    padding: 2vw 0 2vw 3vw;
    max-width: 630px;
}

.product-transaction {
    margin: 0 0 30px;
    display: flex;
    justify-content: flex-start;
    gap: 15px
}
.collibadge {
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 11px;
    background-color: var(--highlight);
    color: rgba(255, 255, 255, 1.00);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 5px);
    white-space: nowrap;
    transform: translateX(-50%);

}
.collibadge:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--highlight);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.buy-amount {
    display: flex;
    background-color: #f1f1f1;
    border-radius: 40px;
    position: relative;
}
.buy-amount span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}
.buy-amount span.dec {
    padding-left: 15px;
}
.buy-amount span.inc {
    padding-right: 15px;
}
.buy-amount input[type="number"] {
    width: 40px;
    height: auto;
    text-align: center;
    padding: 0;
    background-color: transparent;
    border: none !important;
}
.buy-amount input[type="number"]::-webkit-outer-spin-button,
.buy-amount input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.buy-amount input[type="number"] {
  -moz-appearance: textfield;
}

.tabshead {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    border-bottom: solid 1px #000;
}
.tabshead > * {
    flex: auto;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    position: relative;
    white-space: nowrap;
}
.tabshead > *.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
}
.tabs-content .pane {
    display: none;
    padding: 20px 0 0;
}
.tabs-content .pane.active {
    display: block;
}
.tabs-content .pane h2 + br,
.tabs-content .pane h2 + br + br,
.tabs-content .pane span + br,
.tabs-content .pane span + br + br,
.tabs-content .pane br:first-child {
    display: none;
}

.m-product-customdata {
    -webkit-overflow-scrolling:touch;
	overflow-y:hidden;
	overflow-x:auto;
    width: 100%;
}
.m-product-customdata table {
    min-width: 100%;
    border: collapse;
}
.m-product-customdata-table tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.m-product-customdata-table td {
    padding: 5px 8px;
}

.m-reviews-stars {
    display: flex;
    gap: 1px;
    font-size: 0;
}
.m-reviews-stars .fa-fw:before {
    font-size: 17px;
    line-height: 1;
    content: "★";
    color: #d1d5db;
    font-style: normal;
}
.m-reviews-stars .fa-fw.fa-star:before {
    color: #fae500;
}

.fa.fa-check:before {
    content: "";
    width: 10px;
    display: block;
    aspect-ratio: 1/1;
    background-color: #3aa56f;
    border-radius: 50%;
}

footer {
    background-color: var(--lightgrey);
    line-height: 1.7em;
}
footer,
footer a,
footer a:visited {
    text-decoration: none;
}
.footer-content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.footer-content > div > strong {
    font-size: 17px;
    display: block;
    margin-bottom: 15px;
}
.footer-bottom {
    padding-top: 30px;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .contactinfo {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .contactinfo > * {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
footer .contactinfo svg {
    width: 17px;
    margin-top: 3px;
}
footer .contactinfo li > div {
    display: flex;
    flex-direction: column;
}
footer .socials {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    gap: 15px;
}
footer .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.footer-paymenticons {
    display: flex;
    align-items: center;
    gap: 4px;
}
.footer-paymenticons > * {
    width: auto;
    height: 30px;
}
.wesupport img {
    max-width: 150px;
}

.w-usp-static {
    display: flex;
    gap: 30px;
}
.w-usp-static > * {
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
    color: inherit;
}
.w-usp-static svg {
    width: 30px;
}
.w-usp-static .w-usp-content {
    display: flex;
    flex-direction: column;
}
.w-usp-static .w-usp-content small {
    color: inherit;
    white-space: nowrap;
}
.productinfo .w-usp-static {
    margin-bottom: 30px;
}


[data-ng-hide="loaded"] {
    display: none;
}
[data-ng-hide="loaded"]:not(.ng-hide) {
    height: calc(100vh - var(--headerheight));
    display: block;
}

/*
.m-productlist-top {
    margin-bottom: 30px;
}
    */
.m-productlist-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.product {
    flex: none;
    width: calc(33.33% - 17px);
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}
.product > * {
    flex: none;
}
.product .image {
    position: relative;
}
.product .info {
    padding: 15px 0 0;
}
.product .m-productlist-image-link img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
}
.product .name {
    text-decoration: none;
}


.selectpopup {
	display: none;
	-webkit-overflow-scrolling:touch;
	overflow-y:auto;
	overflow-x:hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 600;
	background-color: rgba(0,0,0,.70);
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.selectpopup.active {
	display: flex !important;
}
.selectpopup > section {
	display: flex;
	width: 1000px;
	max-width: 95%;
	box-shadow: 0 0 200px rgba(0,0,0,.4);
	flex: none;
	transition: all .5s ease;
	transform: scale(0.8);
	opacity: 0;
}
.selectpopup > section.active {
	transform: scale(1);
	opacity: 1;
}
.selectpopup > section > a {
	flex: auto;
	text-decoration: none;
	color: rgba(255,255,255,1.00);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 150px 3%;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: transform .3s ease;
	z-index: 1;
}
.selectpopup > section > a:hover {
	transform: scale(1.05);
	z-index: 2;
}

.selectpopup > section > a > span {
	background-color: rgba(0,0,0,.80);
	padding: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.selectpopup > section > a strong {
	font-size: 22px;
	font-weight: normal;
}

.m-blog-list-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.m-blog-list-container .m-blog-list-item {
    flex: none;
    display: flex;
    text-decoration: none;
    color: inherit;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.m-blog-list-item-content {
    flex: auto;
    padding: 5vh;
    /*background-color: var(--lightsand);*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    text-wrap: balance;
    gap: 25px;
}
.m-blog-list-item-content .largeheader {
    margin-bottom: 0;
}
.m-blog-list-description p {
    margin: 0;
}
.m-blog-list-description p:not(:last-of-type) {
    margin-bottom: 15px;
}


.m-blog-post .breadcrumbs {
    justify-content: center;
}
.m-blog-images {
    display: flex;;
}
.m-blog-images img:first-of-type {
    flex: auto;
}
.m-blog-images img {
    flex: none;
    object-fit: cover;
}
.m-blog-content {
    padding: 2vw 0;
    max-width: 800px;
    margin: 0 auto;
}
.m-blog-content p:last-of-type {
    margin-bottom: 0;
}

.dealers-search-form {
    display: flex;
    gap: 30px;
    margin: 30px 0 40px;
}
.dealers-types-select {
    display: flex;
    gap: 15px;
    padding: 7px 20px;
    border-radius: 5px;
    background-color: var(--lightgrey);
}
.dealers-types-select label {
    display: flex;
    gap:5px;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.dealers-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.dealers-item {
    flex-direction: column;
    width: calc(25% - 23px);
    display: flex;
    flex-direction: column;
    /*box-shadow: 0 10px 20px var(--lightgrey);*/
    background-color: var(--lightsand);
    border-radius: 6px;
    padding: 20px 25px;
}
.dealers-item.hidden {
    display: none;
}
.dealers-item .name {
    font-weight: bold;
}
/*
.m-text {
    min-height: var(--fullheight);
}
    */
.m-text-content p:only-child {
    margin: 0;
}
.m-text-content p:last-child {
    margin-bottom: 0;
}

.m-userlogin-description,
.m-userpasswordrecover-description,
.m-userpasswordrecoversubmit-description {
    margin: 0 0 30px;
}
.m-userlogin-links {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
}
.input-row {
    display: flex;
}
.input-group-addon,
.input-row-addon,
.input-group:hover .input-group-addon,
.input-group:focus .input-group-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px 0 0 8px;
    background-color: #dfdfdf;
    width: 40px;
    height: 45px;
    flex: none;
}
.input-row-addon svg,
.input-group-addon svg {
    width: 20px;
}
.input-row-addon + input,
.input-group-addon + input {
    border-left: none;
    flex: auto;
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.userlogin-remember {
    display: flex;
    align-items: center;
    gap: 8px;
}
.userlogin-remember label {
    cursor: pointer;
    user-select: none;
}
.input-row {
    margin-bottom: 15px;
}

.m-userpasswordrecoversubmit-form .panel-border {
    background-color: transparent;
    border: none;
    color: inherit;
}
.m-userpasswordrecoversubmit-form .row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.m-userpasswordrecoversubmit-form .form-label {
    display: none;
}
.m-userpasswordrecoversubmit-form .panel-border .panel-footer {
    border: none;
    background-color: transparent;
    color: inherit;
    padding: 15px 0 0;
}

.button-tabs,
.button-tabs.button-primary {
    background-color: transparent;
    color: inherit;
    display: flex;
    border: solid 1px var(--lightgrey);
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    gap: 0
}

.button-tabs > * {
    flex: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    cursor: pointer;
    user-select: none;
}
.button-tabs input:checked + label {
    /*background-color: var(--lightsand);*/
    background-color: #000;
    color: #fff;
    
}
.button-tabs > :not(:last-child) {
    /*border-right: solid 1px var(--lightsand);*/
    border-right: solid 1px var(--lightgrey);
}
.button-tabs input {
    display: none;
}

.m-userrequest > .flex .m-userrequest-description {
    flex: none;
    width: 40%;
}
.m-userrequest .form-label {
    display: none;
}
.m-userrequest form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}
.m-userrequest form > * {
    flex: none;
    width: calc(50% - 10px);
}
.m-userrequest form > .w-customer-type-input,
.m-userrequest form > input[type="submit"],
.m-userrequest form > .m-userrequest-spam-check {
    width: 100%;
}
.m-userrequest-phone .input-group {
    display: flex;
}
.m-userrequest form > .m-userrequest-spam-check hr {
    display: none;
}


.fullwidth {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.brandslist.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.brandslist img {
    aspect-ratio: 16/9;
    border-radius: 10px;
    object-fit: contain;
    padding: clamp(10px, 2vw, 20px);
    width: 180px;
    max-width: calc(33% - 19px);
    border: solid 1px var(--lightgrey);
}

.brandslist.swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 15px;
}
.brandslist.swiper:not(.swiper-initialized) .swiper-wrapper > .swiper-slide {
    flex: none;
    width: calc(10.74% - 7px);
}

figure.image {
    position: relative;
}
figure.image img {
    width: 100%;
}
figure.image figcaption {
    font-family: 'DM Serif Display', sans-serif;
    position: absolute;
    left: 10%;
    top: 50%;
    font-size: clamp(24px, 4vw, 90px);
    transform: translate(0,-50%);
    background-color: rgba(0,0,0,.2);
    color: #fff;
    padding: 20px 35px;
    text-transform: uppercase;
    max-width: 90%;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
figure.image figcaption small {
    font-size: clamp(13px, 2vw, 24px);
}

.card-price-row.flex {
    justify-content: flex-start;
    gap: 20px;
    margin: 0 0 40px;
    align-items: flex-end;
}
.card-price-row.flex > * {
    flex: none;
}

.m-product-stock {
    display: flex;
    align-items: center;
    gap: 7px;
    padding-bottom: 5px;
}
.m-product-stock:before {
    content: "";
    width: 12px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--warning);
    display: block;
}
.m-product-stock.m-product-instock:before {
    background-color: var(--good);
}
.card-price-row .m-product-stock.m-product-instock {
    text-transform: uppercase;
}

.m-product-price-actual {
    font-size: 22px;
    font-weight: bold;
}
.m-product-additionals {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.m-product-additionals:has(.collisteps) {
    gap: 40px;
}

.productinfo-b2brequired {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.w-notification {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #000;
    color: #fff;
    padding: 15px 25px;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    opacity: 1;
    transform: translateY(calc(100% + 100px));
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}
.w-notification.active {
    transform: translateY(0);
}

.m-matchlist {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.m-matchlist-item {
    display: flex;
    flex: none;
    width: calc(33.33% - 7px);
    border-radius: 3px;
    align-items: center;
    /*box-shadow: 0 10px 20px var(--lightgrey);*/
    overflow: hidden;
    /*border: solid 1px rgba(224, 224, 224, 1);*/
    background-color: rgba(249, 249, 249, 1);
}
.m-matchlist-item:nth-child(n+4) {
    display: none;
}
.m-matchlist-item .image {
    flex: none;
    width: 130px;
    max-width: 21%;;
    display: flex;
    align-self: stretch;
    background-color: #fff;
}
.m-matchlist-item .image img {
    object-fit: contain;
    padding: 6px;
}
.m-matchlist-item .image.imageoverlay:before {
    opacity: 0.2;
}

.m-matchlist-item .info {
    flex: auto;
    padding: 20px;
}
.m-matchlist-item .info .name {
    text-decoration: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.m-product-additionals-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.menuoverlay .btnmenuclose {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    flex: none;
}
.menuoverlay .btnmenuclose svg {
    width: 30px;
}
.menuoverlay .btnmenuclose span {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}
.menuoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);    
    display: flex;
    justify-content: flex-start;
    z-index: 1000;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    pointer-events: none;
}
.menuoverlay.active {
    opacity: 1;
    pointer-events: all;
}
.menuoverlay .menucontainer {
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: 500px;
    max-width: calc(100vw - 40px);
    transform: translateX(-100%);
    transition: all 0.3s ease-in-out;
    transition-delay: 0.3s;
    padding: 50px 40px 0 100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.menuoverlay.active .menucontainer {
    transform: translateX(0);
}
.menuoverlay .mainmenu {
    padding: 0 0 40px;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: auto;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden;
	overflow-y:auto;
}
.menuoverlay .mainmenu a {
    outline: none;
    user-select: none;
}
.menuoverlay .mainmenu a.active {
    font-weight: bold;
}
.menuoverlay .mainmenu > li > a {
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}
.menuoverlay .mainmenu ul {
    margin: 15px 0;
    padding: 0 0 0 20px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-left: solid 1px var(--lightgrey);
}
.menuoverlay .mainmenu .has-dropdown a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}
.menuoverlay .mainmenu .toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
}
.menuoverlay .mainmenu .toggler:before {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size: 17px;
    content: "+";
}
.menuoverlay .mainmenu li.open > a .toggler:before {
    content: "-";
}
.menuoverlay .mainmenu li:not(.open) ul {
    display: none;
}
.menuoverlay .mainmenu hr {
    height: 1px;
    border: none;
    background-color: var(--lightgrey);
    margin: 20px 0;
}
.menucontainer .country {
    display: flex;
    flex: none;
    align-items: center;
    padding: 30px 0;
    border-top: solid 1px var(--lightgrey);
    gap: 7px;
    line-height: 1;
    justify-content: flex-end;
}
.menucontainer .country > * {
    flex: none;
}
.menucontainer .country span {
    text-transform: uppercase;
    font-weight: bold;
}
.menucontainer .country img {
    width: auto;
    height: 18px;
}

.selected-categories-full {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.selected-categories-full .selected-category-item {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}
.selected-categories-full .selected-category-item-image {
    aspect-ratio: 1/1;
    object-fit: cover;
}
.selected-categories-full .selected-category-item-name {
    text-transform: uppercase;
    padding: 8px 0 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.frontpage) .selected-categories-outer {
    border-bottom: solid 1px var(--lightgrey);
}
.selected-categories-simple {
    display: flex;
    justify-content: space-between;
}
.selected-categories-simple > .selected-category-item {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.selected-categories-simple > .selected-category-item .selected-category-item-name {
    display: flex;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-userrequest-spam-check {
    position: absolute;
    left: -9999px;
}


.basket .count-bubble:empty {
    display: none;
}

.splash {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}
.badge {
    padding: 5px 15px;
    background-color: #000;
    color: #fff;
    display: block;
}

.pagination {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 40px 0 0;
    padding: 0;
    list-style-type: none;
}
.pagination > li.is-disabled {
    display: none;
}
.pagination > li > a.pagenumber {
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    background-color: var(--lightgrey);
    color: #000;
}
.pagination > li.current > a.pagenumber {
    background-color: #000;
    color: #fff;
}
.pagination > li > a svg {
    width: 20px;
    color: #000;
}
.minibasketcontainer {
    display: none;
}
.minibasketpayment .payment {
    display: flex;
    justify-content: center;
}
.minibasketpayment .payment img {
    border: 1px solid #eee;
}

.minibasketcontainer {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(200%);
    background-color: rgba(0, 0, 0, .0);
    transition: background .5s ease;
    z-index: 200;
    color: rgba(0, 0, 0, 1.00);
}
.minibasketcontainer.active {
    transform: translateX(0);
    background-color: rgba(0, 0, 0, .5);
}
.minibasket {
    position: absolute;
    height: 100%;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    transform: translateX(110%);
    background-color: rgba(255, 255, 255, 1.00);
    width: 750px;
    max-width: calc(100vw - 260px);
    transition: all .5s ease;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
}
.minibasket > * {
    flex: none;
}
.minibasket > .linescontainer {
    flex: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
}
.minibasketpayment {
    padding: 0 0 30px;
}
.minibasketcontainer.active .minibasket {
    transform: translateX(0);
}
.minibasket > *:not(.linescontainer) {
    padding-left: 40px;
    padding-right: 40px;
}
.minibasket > .header {
    font-size: 25px;
    padding-top: 30px;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}
.minibasket .closeminibasket {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    /*
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
    font-family: 'Arial';
    font-size: 25px;
    cursor: pointer;
    line-height: 1;
    user-select: none;
    */
}
.minibasket .linesheader {
    font-size: 15px;
    justify-content: center;
    padding: 40px 30px 27px;
    flex: none;
    display: none;
    align-items: flex-end;
    position: relative;
}
.lineinfo small {
    display: none !important;
}
/*
.basketclosebutton {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Arial';
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    background-color: #000;
    color: #FFF;
    padding: 8px 10px;
}
*/
.minibasket .lines {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 40px 20px;
    position: relative;
}
.minibasket .line {
    flex: none;
    width: 100%;
    display: flex;
    background-color: rgba(255, 255, 255, 1.00);
    padding: 10px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 4px;
    align-items: center;
}
.minibasket .line .lineinfo {
    flex: auto;
    padding: 0 20px;
}
.minibasket .lineincdec {
    flex: none;
    width: 100px;
    display: flex;
    justify-content: flex-end;
}
.minibasket .line .name {
    margin-bottom: 3px;
}
.minibasket .line .pricerow {
    display: flex;
    gap: 5px;
    line-height: normal;
}
.minibasket .line .price {
    font-weight: bold;
    display: flex;
    align-items: center;
}
.minibasket .line .price .stockinfo {
    font-weight: normal;
    margin-left: 10px;
}
.minibasket .line .price > span {
    display: none;
}
.minibasket .line .deletebutton {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 25;
    display: flex;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 1.00);
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    cursor: pointer;
    user-select: none;
    color: rgba(255, 255, 255, 1.00);
}
.minibasket .line .deletebutton svg {
    display: block;
    fill: #FFF;
    width: 12px;
    height: auto;
    margin: 0;
    cursor: pointer;
}
.minibasket .line > .image {
    position: relative;
    width: 50px;
    flex: none;
}
.minibasket .line > .image img {
    display: block;
    width: 100%;
    height: auto;
}
.minibasket .line > a.name {
    text-decoration: none;
    color: rgba(0, 0, 0, 1.00);
    font-weight: bold;
}
.minibasket .line .variantinfo {
    font-size: 11px;
    color: rgba(128, 128, 128, 1.00);
    line-height: normal;
    padding-bottom: 5px;
}
.minibasket .line > .price {
    display: flex;
    flex-direction: column;
    line-height: normal;
    font-weight: bold;
}
.minibasket .line .price small, .minibasket .line > small {
    font-weight: normal;
    display: block;
}
.minibasket .line .incdec {
    margin: 7px 0 10px;
}
.minibasket .line .giftwrap label {
    display: none;
    align-items: center;
    margin: 0 0 7px;
    cursor: pointer;
}
.minibasket .line .giftwrap label input {
    flex: none;
    margin: 0 7px 0 0;
}

.minibasket .line.configparent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 20px;
}
.minibasket .line.configchild {
    margin-top: -10px;
    border: none;
    background-color: rgba(244, 244, 244, 1.00);
    padding: 8px 15px 8px 26px;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}
.minibasket .line.configchild .price {
    font-weight: normal;
}
.minibasket .line.configchild .lineinfo {
    padding: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.minibasket .line.configparent + .configchild {
    padding-top: 20px;
}

.minibasket .shippingline,
.minibasket .total,
.minibasket .wrappingline {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.minibasket .wrappingline.hidden {
    display: none;
}
.minibasket .shippingline,
.minibasket .wrappingline {
    border-bottom: solid 1px #f0f0f0;
    background-color: #f2f2f2;
    padding: 20px 40px;
    gap: 15px;
}
.minibasket .shippingline .shippingfee {
    white-space: nowrap
}
.minibasket .discountcode {
    border: none;
    border-bottom: solid 1px #f0f0f0;
}
.minibasket .discountcode > input[type="text"] {
    padding-left: 0;
}
.minibasket .discountcode > input[type="text"].active {
    background-position: 0 50%;
}
.minibasket .discountcode > button:disabled {
    cursor: progress;
}
.minibasket .discountcode > button.active {
    background-color: #9e6a5a;
}
.minibasket .pointsinfo {
    border-left: none;
    border-right: none;
}
.minibasket .total {
    font-weight: bold;
    font-size: 24px;
    padding-top: 20px;
}
.minibasket .sparxpress {
    margin-bottom: 20px;
}
.minibasket .bottom,
.minibasket [data-yesoffers] {
    padding-bottom: 30px;
}
.minibasket .bottom > a {
    padding: 15px 20px;
    width: 100%;
}
.minibasket .basketButtons {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.minibasket .basketButtons > * {
    flex: auto;
    gap: 10px;
    padding: 18px 15px;
}
.minibasket .basketButtons svg {
    width: 20px;
    height: auto;
}
.minibasket .basketButtons > .button[href*="showbasket"] {
    background-color: var(--primary);
    color: rgba(0,0,0,1.00);
}
.minibasket .basketButtons > .button[href*="showbasket"]:hover {
    color: rgba(0,0,0,1.00);
}
.minibasket .basketButtons > .button[href*="showbasket"] svg {
    fill: rgba(0,0,0,1.00);
}
.minibasketheader {
    font-weight: bold;
    margin: 0 0 8px;
    font-size: 15px;
}
.minibasket .incdec {
    display: flex;
}
.minibasket .incdec a {
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    font-family: 'Arial';
    line-height: 1;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: solid 1px rgba(237, 237, 237, 1.00);
    border-radius: 50%;
    background-color: #f9f9f9;
    flex: none;
    outline: none;
}
.minibasket .incdec span {
    display: flex;
    align-items: center;
}
.minibasket .incdec span input[type="number"] {
    border: none !important;
    background-color: transparent;
    user-select: none;
    padding: 0;
    height: auto;
    width: 40px;
    text-align: center;
    border-radius: 0;
    pointer-events: none;
}
.minibasket .incdec span input[type="number"]::-webkit-outer-spin-button,
.minibasket .incdec span input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.minibasket .incdec span input[type="number"] {
  -moz-appearance: textfield;
}
.productcard .shippingCountdown.redeemed svg, .minibasket .shippingCountdown.redeemed svg {
    width: 20px;
    height: auto;
    color: green;
    fill: green;
}
.minibasket .shippingCountdown {
    padding-top: 20px;
}
.minibasket .shippingCountdown.redeemed {
    padding-top: 20px;
    padding-bottom: 20px;
}


.stockblob {
    width: 10px;
    aspect-ratio: 1/1;
    flex: none;
    background-color: green;
    display: flex;
}
.stockblob.soldout {
    background-color: rgb(227, 79, 10);
}

.shippingCountdown:empty {
    height: 45px;
}
.shippingCountdown .text {
    margin: 0 0 5px;
    padding: 0 65px 0 0;
    font-weight: bold;
}
.shippingCountdown .text i {
    font-style: normal;
    color: var(--good);
}
.shippingCountdown .bar {
    border-radius: 20px;
    height: 16px;
    padding: 1px;
    border: solid 1px var(--good);
    background-color: rgba(255, 255, 255, 1.00);
    display: flex;
    position: relative;
}
.shippingCountdown .bar span {
    flex: none;
    background-color: var(--good);
    border-radius: 20px;
    width: 0;
}
.shippingCountdown .bar small {
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 11px;
    background-color: var(--good);
    color: rgba(255, 255, 255, 1.00);
    position: absolute;
    right: 0;
    bottom: calc(100% + 5px);
}
.shippingCountdown .bar small:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--good);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.shippingCountdown.redeemed {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:15px;
}
.shippingCountdown svg {
    width: 20px;
    height: auto;
    margin-right: 8px;
    fill: #369720;
}
.shippingCountdown.redeemed {
    background-color: #eefaea;
    color: #000;
    font-weight: bold;
}

.employees {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.employees .employee {
    flex: none;
    width: calc(24% - 6px);
    display: flex;
    flex-direction: column;
    max-width: 320px;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
}
.employee-image {
    flex: none;
}
.employee-content {
    flex: auto;
    padding: 15px 20px 30px;
    display: flex;
    flex-direction: column;
}
.employee-content > * {
    flex: none;
}
.employee-content > .employee-name {
    flex: auto;
}

.checkoutLoading {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.checkout #site-content {
    padding: 0;
}
body.checkout .container.page-content {
    width: 100%;
    max-width: 100%;
}
.checkoutForm {
    display: flex;

    justify-content: flex-end;
}
.checkout-left,
.checkout-right {
    padding: 5vw;
    flex: none;
    display: flex;
    flex-direction: column;
}
.stepColumn {
    width: 100%;
}
.stepColumn .step1,
.stepColumn .step2 {
    margin-bottom: 30px;
}
.checkout-left {
    width: 850px;
    max-width: 50%;
    align-items: flex-end;
}
.checkout-right {
    
    width: 50%;
    align-self: stretch;
    align-items: flex-start;
    background-color: #f7f7f7;
}

.checkout-left > .logo {
    width: 270px;
    max-width: 55%;
    align-self: flex-start;
    margin: 0 0 40px;
}
.checkout-right .stepColumn {
    position: sticky;
    top: 5vw;
    padding: 30px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 6%) 0 2px 4px;
    max-width: 600px;
}
.contactInfoContainer .form-label,
.deliveryContactInfo .form-label {
    display: none;
}
.form-group.m-checkout-phone .input-group,
.form-group.m-checkout-del-phone .input-group,
.targetContainer .input-group,
.form-group.m-useredit-phone .input-group {
    display: flex;
}
.checkbox .input-group {
    display: flex;
    
}
.checkbox .input-group > label,
.termsAndConditionsContainer .form-label.input-group-main,
.targetContainer .input-group > label {
    flex: auto;
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
    cursor: pointer;
    background-color: #f8f8f8;
}
.contactInfoContainer,
.customer-type-static-fields,
.deliveryContactInfo:not([style*="none"]),
.customer-type-dynamic-fields[style*="block"] {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}
.customer-type-dynamic-fields:not(:has(fieldset:not([style*="none"]))) {
    display: none !important;
}
.deliveryContactInfo {
    margin-top: 20px;
}
.deliveryContactInfoDisplay.checkbox {
    padding: 30px 0 0;
}
/*
.checkbox .input-group-addon > span {
    border-radius: 30px;
    width: 60px;
    background-color: #5d5d5d;
    height: 25px;
    position: relative;
    flex: none;
}
.checkbox .input-group-addon > span:after {
    content: "";
    width: auto;
    height: calc(100% - 8px);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 2px;
    transition: all 0.2s ease-in-out;
    transform: translateY(-50%);
}
.checkbox .input-group-addon > input:checked + span:after {
    left: 30px;
}
*/
#orderlines {
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none;
    flex: none;
    width: 100%;
}
.orderline  {
    display: flex;
    align-items: center;
    gap: 15px;
}
.orderline:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
}
.orderline > * {
    flex: none;
}
.orderline > .image {
    width: 80px;
}
.orderline > .info {
    flex: auto;
    display: flex;
    flex-direction: column;
}
.orderline > .price {
    font-weight: bold;
    white-space: nowrap;
}
.button-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.summarytable {
    width: 100%;
    margin: 0 0 20px;
    border-collapse: collapse;
}
.summarytable .text-right {
    text-align: right;
}
.termsAndConditionsContainer {
    margin: 0 0 20px;
}
.termsAndConditionsContainer .input-group {
    display: flex;
}
.conditions .button {
    width: 100%;
}

.deliveryMethodGroupContainer {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.deliveryMethodSelector .input-group,
.paymentMethodSelector .input-group,
.paymentMethodOnlineContainerMain .input-group {
    display: flex;
}
.deliveryMethodSelector .input-group .form-label,
.paymentMethodSelector .input-group .form-label,
.paymentMethodOnlineContainerMain .form-label {
    flex: auto;
}
.deliveryMethodSelector .input-group .input-group-addon,
.paymentMethodSelector .input-group .input-group-addon,
.targetContainer .input-group .input-group-addon,
.paymentMethodOnlineContainerMain .input-group-addon,
.deliveryMethodSelector .input-group:hover .input-group-addon,
.paymentMethodSelector .input-group:hover .input-group-addon,
.paymentMethodOnlineContainerMain .input-group:hover .input-group-addon,
.targetContainer .input-group:hover .input-group-addon {
    height: auto;
}
.deliveryMethodSelector .input-group label,
.paymentMethodSelector .input-group label,
.paymentMethodOnlineContainerMain .input-group label,
.targetContainer .input-group > label {
    flex: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
    cursor: pointer;
    background-color: #f8f8f8;
    align-items: flex-start;
}
.paymentMethodOnlineContainerMain > ul,
ul.glsLocationTarget {
    margin: 0;
    padding: 15px 0 0 40px !important;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.paymentMethodOnlineIcons {
    display: flex;
    align-items: center;
    gap: 2px;
}
.paymentMethodContainerMain {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    margin:15px auto;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  .loader::after,
  .loader::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    background: #3e3e3e;
    width: 16px;
    height: 16px;
    transform: translate(-50%, 50%);
    border-radius: 50%;
  }
  .loader::before {
    left: auto;
    right: 0;
    background: #b9b9b9;
    transform: translate(50%, 100%);
  }

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

.recaptcha-container {
    position: absolute;
    left: -100000px;
}

.subcontent {
    background-color: var(--lightsand);
    padding: clamp(15px, 4vw, 30px);
    margin-bottom: var(--space);
}

.locationContainer .DroppointAddressContainer.panel-border,
.locationContainer .DroppointAddressContainer .panel-heading {
    border: none;
    background-color: transparent;
    color: inherit;
}
.glsTitle .panel-warning {
    color: inherit;
    background-color: transparent;
    border: none;
    padding: 15px 0 0 40px;
}
.DroppointAddressToggle {
    display: block;
    padding: 7px 0 0 40px;
    outline: none;
}
.DroppointAddressContent {
    padding: 10px 0 0 40px;
}
.DroppointAddressContent{
    display: flex;
    gap: 10px;
    align-items: center;
}
.DroppointAddressContent .form-group {
    display: flex;
    gap: 10px;
}
.DroppointAddressContent .panel-body {
    flex: auto;
}
.DroppointAddressContainer.panel-border .panel-footer {
    background-color: transparent;
    flex: none;
}

.glsLocationTarget {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.deliveryContactInfoContainer {
    display: none !important;
}

div.swiper-button-next,
div.swiper-button-prev,
div.bp_swiper-button-next,
div.bp_swiper-button-prev {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
    width: 45px;
    height: auto;
    aspect-ratio: 1/1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 20px !important;
    right: auto !important;
    top: calc(50% - 18px) !important;
    
    margin: 0 !important;
    
}
div.swiper-button-next,
div.bp_swiper-button-next {
    left: auto !important;
    right: 20px !important;
}
div.swiper-button-next svg,
div.swiper-button-prev svg,
div.bp_swiper-button-next svg,
div.bp_swiper-button-prev svg {
    width: auto;
    height: 50%;
    display: block;
    fill: none;
}
[class*="swiper"]:hover div.swiper-button-next,
[class*="swiper"]:hover div.swiper-button-prev,
[class*="swiper"]:hover div.bp_swiper-button-next,
[class*="swiper"]:hover div.bp_swiper-button-prev {
    background-color: rgba(255, 255, 255, 1);

}

div.swiper-button-next.swiper-button-disabled,
div.swiper-button-prev.swiper-button-disabled,
div.bp_swiper-button-next.swiper-button-disabled,
div.bp_swiper-button-prev.swiper-button-disabled {
    display: none;
}

hr {
    border: none;
    height: 1px;
    background-color: var(--lightgrey);
    margin: 20px 0;
}

#m-userlogin,
#cuForm,
.useredit-left {
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    padding: 20px;
    width: 600px;
    max-width: 100%;
}

.useredit-container .panel-footer {
    display: flex;
    gap: 15px;
}
.useredit-body {
    margin-bottom: 20px;
}
.useredit-left .form-label {
    display: none;
}
.useredit-left .w-customer-type-input {
    
}
.useredit-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.m-useredit-description.description {
    margin-bottom: var(--space);
}

.m-user-orders .nav-tabs {
    display: inline-flex;
    padding: 0;
    margin: 0 0 20px;
    list-style-type: none;
    border: none;
}
.m-user-orders .nav-tabs > li > a {
    border-right: solid 1px var(--lightgrey);
}
.m-user-orders .nav-tabs > li:first-child > a {
    border-left: solid 1px var(--lightgrey);
    border-radius: 6px 0 0 6px;
}
.m-user-orders .nav-tabs > li:last-child > a {
    border-radius: 0 6px 6px 0;
}
.m-user-orders .nav-tabs li > a {
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    outline: none;
    border-top: solid 1px var(--lightgrey);
    border-bottom: solid 1px var(--lightgrey);
}

.m-user-orders .nav-tabs li.active > a {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.m-user-orders .nav-tabs li:not(.active) > a:hover {
    background-color:rgba(248, 248, 248, 0.8)
}
.orders-list > :not(.active) {
    display: none;
}
.orders-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.orders-list ul > li {
    display: flex;
    align-items: center;
    padding: 10px;
    border: solid 1px var(--lightgrey);
    border-radius: 5px;
    gap: 20px;
    position: relative;
}
.orders-list ul > li[data-count]:before {
    content: attr(data-count);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    width: 26px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    transform: translate(-50%,-50%);
}
.orders-list-name {
    flex: auto;
}
.orders-list-date {
    min-width: 100px;
}
.orders-list-id {
    min-width: 110px;
}
.orders-list-status {
    min-width: 160px;
}
.orders-list-status .order-status {
    border-radius: 30px;
    background-color: #f6f6f6;
    padding:5px 15px;
    display: inline-flex;
}
.orders-list-status .order-status.green {
    background-color: #3aa56f;
    color: #fff;
}
.orders-list-total {
    min-width: 100px;
    text-align: right;
}
.orders-list-price {
    margin-left: auto;
    text-align: right;
}
.orders-list-buttons {
    margin-left: auto;
    display: flex;
    gap: 10px
}

.w-userinformation {
    display: flex;
    flex-direction: column;
}

.w-order-summary .w-tr .text-right {
    text-align: right;
    padding-left: 10px;
}

.list-unstyled {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.w-order-product-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.w-order-product-image-container {
    width: 100px;
    max-width: 25%;
    flex: none;
}
.w-order-product-container {
    
    align-items: center;
    justify-content: flex-end;
}
.w-product-detail-line {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
}

figure + h3,
figure + h2 {
    margin-top: 15px;
}

.flex.catalog {

}
.flex.catalog > * {
    max-width: 400px;
}
.flex.catalog figure {
    width: 100% !important;
}

@media (min-width: 1001px) {
    .is-hidden-s {
        display: none;
    }
    
    header .logo {
        width: 390px;
        top: auto;
        bottom: 24px;
        transform: translate(-50%,0);
        background-color: #fff;
        padding: 0 15px;
    }

    
    .centerdesktop {
        text-align: center;
        justify-content: center
    }
    .container.large {
        width: 100%;
        max-width: 2200px;
    }
    .m-blog-list-container .m-blog-list-item:nth-child(2n) {
        flex-direction: row-reverse;
    }
    .m-blog-list-container .m-blog-list-item:hover {
        box-shadow: 0 10px 30px var(--lightgrey);
        z-index: 2;
    }
    .m-blog-list-container .m-blog-list-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        transition: all 0.2s ease-in-out;
        pointer-events: none;
        opacity: 0;
        border: solid 1px var(--lightgrey);
        border-top: none;
    }
    .m-blog-list-container .m-blog-list-item:hover:before {
        opacity: 1;
    }
    .m-blog-list-image {
        flex: none;
        width: 50%;
        position: relative;
        z-index: 3;
    }


    .productmenu {
        border-top: solid 1px var(--lightgrey);
    }

    
    .modules.productlist:has(.category-sidebar) .m-productlist-top h1.category-headline {
        display: none;
    }

    .modules.productlist:not(:has(.category-sidebar)) .product {
        width: calc(25% - 19px);
    }
     
    .modules.productlist {
        display: flex;
        gap: 5vw;
        align-items: flex-start;
    }
    .modules.productlist > * {
        flex: auto;
        max-width: 100%;
    }
    .modules.productlist > .category-sidebar {
        flex: none;
        width: 280px;
        position: sticky;
        top: 150px;
    }

    .menu-sidebar {
        margin: 0 0 0 -30px;
        padding: 0;
        list-style-type: none;
        border: solid 1px var(--lightgrey);
        padding: 30px 30px 60px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        box-shadow: 0 30px 60px rgba(0,0,0,.05);
        border-radius: 3px;
    }
    .menu-sidebar li > a {
        display: flex;
        text-decoration: none;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        outline: none;
        user-select: none;
    }
    .menu-sidebar > li > a {
        text-transform: uppercase;
    }
    .menu-sidebar ul li.active > a {
        font-weight: bold;
    }
    .menu-sidebar .toggler {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
    }
    .menu-sidebar .toggler:before {
        font-family: Arial, Helvetica, sans-serif;
        line-height: 1;
        font-size: 17px;
        content: "+";
    }
    .menu-sidebar li.open > a .toggler:before {
        content: "-";
    }

    .menu-sidebar ul {
        display: none;
        margin: 15px 0;
        padding: 0 0 0 20px;
        list-style-type: none;
        flex-direction: column;
        gap: 10px;
        border-left: solid 1px var(--lightgrey);
    }
    .menu-sidebar li.open > ul {
        display: flex;
    }


    
    /*
    .mainmenu {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        justify-content: space-between;
    }
    .mainmenu > li {
        position: relative;
    }
    .mainmenu > li > a {
        display: flex;
        padding: 10px 0;
        text-decoration: none;
        text-transform: uppercase;
    }
    .mainmenu > li > a[href*="881-"] {
        color: #ff4849;
    }
    .isb2b .productmenu .mainmenu > li > a {
        color: #fff;
    }
    .mainmenu > li > ul {
        transition: all 0.1s ease-in-out;
        pointer-events: none;
        opacity: 0;
        position: absolute;
        background-color: #fff;
        list-style-type: none;
        margin: 0;
        padding: 0;
        top: 100%;
        left: 50%;
        transform: translate(-50%,-20px);
        box-shadow: 0 10px 30px var(--lightgrey);
        border-radius: 4px;
        min-width: 200px;
    }
    .mainmenu > li:hover > ul {
        opacity: 1;
        transform: translate(-50%,0);
        pointer-events: all;
    }
    .mainmenu > li > ul > li > a {
        display: block;
        padding: 10px 20px;
        white-space: nowrap;
        color: #000;
    }
    */

    .type-topbanner:hover video {
        max-height: 80vh;
    }
}

@media (max-width: 1400px) {
    .w-usp-static > :nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 1000px) {
    :root {
        --space: 5dvh;
        --smallfont: 12px;
        --mediumfont: 20px;
        --largefont: 26px;
        --fullheight: calc(100vh - 100px) ;
        --headerheight: 70px;
        --padding: 7vw;
    }
    .is-hidden-m {
        display: none;
    }
    body,input,select,textarea,button {
        font-size: 14px;
    }
    .flex > .image {
        width: 100%;
    }
    .flex.column-mobile {
        flex-direction: column;
    }
    .flex.column-mobile .width-big {
        width: 100%;
    }
    .flex.reverse-mobile {
        flex-direction: column-reverse;
    }
    .card-price-row.flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .headermain > .container {
        gap: 15px
    }
    #site-content {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    h1, .largeheader {
        margin: 0 0 15px;
    }
    h2, .mediumheader {
        margin-bottom: 10px;
    }
    
    .badge {
        padding: 3px 11px;
        font-size: 12px;
    }
    .brandslist.grid {
        gap: 14px;
    }
    .brandslist img {
        max-width: calc(33.333% - 9.33px);
    }
    
    header .logo {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        flex: none;
        width: 190px;
        max-width: 50%;
    }
    header .logo img, header .logo svg {
        height: auto;
        width: 100%;
    }
    header .shortcuts {
        gap: 15px
    }
    .fullwidth-mobile {
        width: 100vw;
        max-width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .scrollablemobile {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        padding-left: 5vw;
        padding-right: 5vw;
        scroll-padding-left: 5vw;
        gap: 1rem;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }
    .scrollablemobile > * {
        flex: none;
        width: 200px;
        min-width: 43%;
        scroll-snap-align: start;
    }
    .selected-categories-full.scrollablemobile > * {
        width: 30vw;
        min-width: 100px;
    }
    .selected-categories-simple.scrollablemobile > * {
        width: auto;
        min-width: 30px;
    }
    .productcard.flex {
        flex-direction: column;
        gap: 5vw;
    }
    .productimages .swiper-slide {
        height: auto;
    }
    .productinfo {
        padding: 0;
    }
    .productinfo .w-usp-static {
        justify-content: space-between;
        gap: 15px;
    }
    .tabshead {
        width: 100vw;
        margin-left: -5vw;
        padding: 0 5vw;
        -webkit-overflow-scrolling:touch;
        overflow-y:hidden;
        overflow-x:auto;
    }
    
    .menuoverlay .menucontainer {
        padding: 30px 30px 0 30px;
    }

    .topmenu,
    .headertop .country {
        display: none;
    }
    header .w-usp {
        width: 100%;
    }
    
    .category-item-name {
        font-size: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .footer-content {
        flex-direction: column;
    }
    .footer-bottom {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 15px;
    }
    
    .selectpopup > section {
		flex-direction: column;
	}
	.selectpopup > section > a {
		padding: 30px;
	}

    .m-blog-list-container .m-blog-list-item {
        flex-direction: column;
    }

    .dealers-search-form {
        flex-direction: column;
        gap: 15px;
        margin: 0 0 15px;
        position: sticky;
        background-color: #fff;
        width: 100vw;
        margin-left: -5vw;
        padding: 5vw;
        top: 0;
        z-index: 10;
    }
    .dealers-types-select {
        flex-direction: column;
        gap: 8px;
        padding: 15px;
    }
    .dealers-list {
        gap: 15px;
    }
    .dealers-item {
        width: 100%;
    }

    div.swiper-button-next,
    div.swiper-button-prev,
    div.bp_swiper-button-next,
    div.bp_swiper-button-prev {
        width: 30px;
    }
    div.swiper-button-next,
    div.bp_swiper-button-next {
        right: 6px !important;
    }
    
    div.swiper-button-prev,
    div.bp_swiper-button-prev {
        left: 6px !important;
    }
    
    figure.image figcaption {
        padding: 10px 24px;
        left: 50%;
        transform: translate(-50%,-50%);
        white-space: unset;
        align-items: flex-start;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
        height: calc(100% - 20px);
    }

    .m-productlist-top {
        margin-bottom: 5vw;
    }
    .m-productlist-list {
        gap: 10px
    }
    .product {
        width: calc(50% - 5px);
    }

    .m-matchlist-item {
        width: calc(100vw - 90px);
    }
    .m-matchlist-item .info {
        padding: 15px;
    }

    .m-userrequest form {
        gap: 14px;
    }
    .m-userrequest form > * {
        width: 100%;
    }
    .m-userrequest > .flex {
        flex-direction: column;
    }
    .m-userrequest > .flex .m-userrequest-description {
        width: 100%;
    }


    .minibasket .shippingCountdown, .minibasket .shippingCountdown.redeemed {
        padding-top: 10px;
    }
    .minibasket .yesoffertitle {
        font-size: 15px;
        padding: 0 0 9px;
        margin: 0;
    }
    .minibasket {
        width: 100%;
        max-width: 100%;
    }
    .minibasket > * {
        flex: none;
    }
    .minibasket .shippingline,
    .minibasket .wrappingline {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .minibasket > *:not(.linescontainer) {
        padding-left: 20px;
        padding-right: 20px;
    }
    .minibasket > .header {
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        align-items: center;
        justify-content: space-between;
    }
    .minibasket .closeminibasket {
        position: static;
        right: auto;
        top: auto;
        width: 40px;
        height: 40px;
        transform: none;
        font-size: 18px;
    }
    .minibasket .bottom {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }
    .minibasket .bottom > a {
        padding: 11px 15px;
        white-space: nowrap;
        font-size: 12px;
        flex: auto;
    }
    .minibasket .bottom > a:first-child {
        margin-bottom: 0;
    }
    .minibasket .basketButtons {
        margin: 0;
        gap: 10px;
    }
    .minibasket .basketButtons > * {
        padding: 13px 14px;
        gap: 7px;
    }
    .minibasket .button svg {
        width: 15px;
    }
    .minibasket .linescontainer {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        box-shadow: none;
    }
    .minibasket .lines {
        padding: 0 20px 20px;
    }
    .minibasket .line {
        flex-direction: row;
        align-items: flex-start
    }
    .minibasket .lineincdec {
        width: auto;
    }
    .minibasket .line .incdec {
        flex-direction: column-reverse;
        margin: 0 0 0 10px;
        gap: 4px;
    }
    .minibasket .line .price {
        display: block;
    }
    .minibasket .line .price .stockinfo {
        margin: 4px 0 0;
    }
    .minibasket .line > .image {
        width: 20%;
        margin: 0;
    }
    .minibasket .line > .lineinfo {
        flex: auto;
        padding: 0 0 0 10px;
    }
    .minibasket .total {
        font-size: 20px;
        padding-top: 12px;
        padding-bottom: 13px;
    }
    .minibasket .basket-usp, .minibasket .trustpilot-widget, .minibasket .pointsinfo {
        display: none;
    }
    .minibasket .linesheader {
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 20px;
    }
    
    .minibasketpayment {
        display: none;
    }
    .basketclosebutton {
        position: relative;
        left: auto;
        top: auto;
    }
    .minibasket [data-yesoffers] {
        padding-bottom: 20px;
    }
    .minibasket [data-yesoffers] .yesofferproducts > .yesitem:nth-child(n+2) {
        display: none;
    }

    .employees {
        gap: 5vw;
    }
    .employees .employee {
        width: calc(50% - 2.5vw);
    }
    .employee-content {
        padding: 15px 16px 20px;
    }

    .button-group {
        gap: 10px
    }
    .button-group .button,
    .button-group .button-primary:hover, .button-group .button-primary:visited:hover, .button-group .button-primary:focus, .button-group .button-primary:visited:focus {
        padding: 7px 10px
    }
    .checkoutForm {
        flex-direction: column;
    }
    .checkout-left, .checkout-right {
        width: 100%;
        max-width: 100%;
        
    }
    .checkout-right {
        padding: 0;
        border-top: solid 10px #eee;
    }
    .checkout-right .stepColumn {
        padding: 5vw;
        border-radius: 0;
        max-width: 100%;
    }
    .orderline {
        gap: 10px;
    }
    .orderline > .image {
        width: 50px;
    }

    .DroppointAddressToggle,
    .glsTitle .panel-warning,
    .paymentMethodOnlineContainerMain > ul, ul.glsLocationTarget {
        padding-left: 15px !important;
    }

    .orders-list ul > li {
        flex-wrap: wrap;
        gap: 0;
    }
    .orders-list ul > li > * {
        flex: none;
        order: 10;
        width: 50%;
        min-width: 10px;
    }
    .orders-list ul > li > .orders-list-status {
        order: 1;
        
    }
    .orders-list ul > li > .orders-list-date {
        text-align: right;
    }
    .orders-list ul > li > .orders-list-id {
        margin: 10px 0;
    }
    .orders-list ul > li > .orders-list-buttons {
        margin: 0;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    .orders-list .button {
        padding: 7px 17px;
    }

    .w-order-product-container {
        align-items: flex-start;
    }
    .w-product-detail-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
    
}