@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
.iconMobileMenu {
font-size: 26px;
width: 0px;
transition: width 0.5s cubic-bezier(0.39, 1.52, 0.46, 0.92);
will-change: width;
cursor: pointer;
visibility: hidden;
overflow: hidden;
}
.showMenu {
width: 32px;
display: block;
visibility: visible;
margin-right: 6px;
margin-left: 6px;
}
button.showMenuButton {
font-size: 14px;
text-transform: uppercase;
line-height: 60px;
display: block;
border: 0;
width: 100%;
text-align: left;
background: none;
letter-spacing: 0.05em;
font-weight: 300;
}
button.showMenuButton.dropdown::after {
content: "\f107";
font-family: fontawesome;
text-align: center;
line-height: 24px;
margin-left: 8px;
position: relative;
font-size: 14px;
}
.search-icon,
.go-icon {
position: absolute;
top: 7px;
right: 0px;
height: 20px;
width: 50px;
line-height: 50px;
text-align: center;
}
.search-icon {
left: 5px;
top: 5px;
pointer-events: none;
font-size: 1.22em;
}
.search-border {
display: block;
width: 100%;
max-width: 360px;
height: 40px;
}
.border {
fill: none;
stroke: #000000;
stroke-width: 5;
stroke-miterlimit: 10;
}
#main_menu {
display: flex;
position: relative;
gap: 20px;
height: 56px;
padding: 0 20px;
font-size: 12px;
font-weight: 500;
margin: 0;
transition: all 0.2s;
align-items: center;
justify-content: center;
background: #ffffff;
list-style: none;
}
.border {
stroke-dasharray: 740;
stroke-dashoffset: 0;
transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
-webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
-moz-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
-o-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
}
.border-searching .border {
stroke-dasharray: 740;
stroke-dashoffset: 459;
transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
-webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
-moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
-o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
}
#search {
font-family: "Inter", Arial, "Lucida Grande", sans-serif;
position: absolute;
font-size: 15px;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 120px;
border: none;
background: rgba(255, 255, 255, 0);
padding: 0 68px 0 50px;
color: #000000;
font-weight: 300;
letter-spacing: -0.015em;
outline: none;
}
.menu_cont_lv1 {
background-color: rgb(255, 255, 255);
width: 100%;
max-width: 1360px;
left: 0;
right: 0;
margin: auto;
height: -moz-fit-content;
height: fit-content;
display: flex;
visibility: hidden;
transition: opacity 10s ease-out;
position: absolute;
z-index: 1;
box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.menu_lv1:hover > .menu_cont_lv1 {
opacity: 1;
visibility: visible;
transition-delay: 10s;
}
.blurred-content {
position: absolute;
width: 100%;
height: 100vh;
z-index: 0;
display: none;
background-color: rgba(161, 161, 161, 0.5);
backdrop-filter: blur(5px);
transition: backdrop-filter 0.3s ease, background-color 0.3s ease;
}
.categoryMainContainter {
display: grid;
grid-gap: 10px;
gap: 10px;
width: 80%;
grid-template-columns: repeat(5, 20%);
padding: 15px;
}
.mainCategory {
font-size: 14px;
font-weight: 500;
}
.subCategory {
margin-top: 10px;
font-size: 14px;
}
.categoryGraphics {
background-repeat: no-repeat;
width: 20%;
background-size: cover;
height: auto;
margin: 15px;
border-radius: 0px 10px 10px 0px;
background-image: var(--bs24-menu-graphics-url);
}
ul#main_menu_mobile {
transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
transform: translateX(0%);
position: absolute;
height: auto;
box-shadow: none;
border: 0;
padding: 0px 0 0 0;
width: 100%;
list-style: none;
}
li.mobile_menu_lv1 {
width: 100%;
border-bottom: 1px #b1b1b1 solid;
}
button.showMobileMenuButton.dropdown {
position: relative;
font-size: 14px;
text-transform: uppercase;
padding: 0 1em;
line-height: 60px;
display: block;
width: 100%;
text-align: left;
background: none;
letter-spacing: 0.05em;
font-weight: 300;
cursor: pointer;
border: 0;
}
span.categoryName {
margin-left: auto;
margin-right: auto;
}
.categories {
display: grid;
grid-gap: 10px;
gap: 10px;
grid-template-columns: 48% 48%;
justify-content: center;
}
.category {
height: 180px;
background: rgba(255, 255, 255, 0.5803921569);
display: grid;
justify-content: center;
justify-items: center;
align-items: center;
align-content: center;
grid-gap: 10px;
gap: 10px;
}
.category img {
height: 140px;
width: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.mobileStripeIcon svg {
display: inline;
margin-right: 0;
margin-right: initial;
}
.stripeElement svg {
display: inline;
margin-right: 10px;
width: 17px;
height: 17px;
stroke: currentColor;
}
span.stripeElement {
display: flex;
align-content: center;
align-items: center;
}
.stripeElement a {
display: flex;
align-items: center;
align-content: center;
}
img {
--dominant-color: unset !important;
}
div#cartView {
position: fixed;
width: 100%;
height: 100dvh;
background: rgba(255, 255, 255, 0.87);
backdrop-filter: blur(5px);
top: 0;
z-index: 1;
display: block;
transform: translateX(100%);
transition: linear 0.2s;
}
div#cartView.active {
transform: translateX(0);
}
.cartLoader {
border: 4px solid #f3f3f3;
border-top: 4px solid #e07c35;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 0.65s linear infinite;
top: 50%;
left: 50%;
position: fixed;
margin: auto;
z-index: 2;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.closeCart {
text-align: right;
font-size: 23px;
margin: 10px 10px 0 0;
cursor: pointer;
width: 30px;
margin-left: auto;
}
button.finishCart {
background-color: #0f834d;
width: calc(100% - 89px);
bottom: 50px;
color: #FFFFFF;
border-radius: 10px;
position: absolute;
display: block;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.cartProducts {
height: calc(100vh - 120px);
width: 100%;
top: 90px;
position: absolute;
}
.quantity-control button {
background-color: #e07c35;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
}
.remove-cart {
border: none;
padding: 5px 5px;
cursor: pointer;
right: 0;
margin-left: auto;
max-width: 23px;
}
.product-image {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.bs-description ul, ol {
margin: 0 0 1.41575em 3em;
padding: 0;
}
.product-image bdi {
font-size: 15px;
}
.cartTitle {
text-align: center;
font-size: 23px;
border-bottom: 1px #b1b1b1 solid;
}
.cart1 {
display: flex;
}
.cartProduct {
display: flex;
justify-content: space-between;
align-content: center;
flex-wrap: nowrap;
flex-direction: column;
}
.cartSummary {
bottom: 115px;
right: 50px;
position: absolute;
}
.cartControl {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
flex-wrap: nowrap;
}
ul.cartList {
list-style: none;
max-height: calc(100lvh - 240px);
overflow-y: auto;
}
.cartList li {
background: #ffffff;
margin-bottom: 15px;
padding: 10px;
border-radius: 10px;
border: 1px solid #f1f1f1;
}
span.quantity {
margin: 0 10px 0 10px;
}
.cartSummary span.gesamt {
font-size: 23px;
margin-right: 20px;
}
h2.woocommerce-loop-product__title {
height: 35px;
}
.subcategories {
display: flex;
justify-content: flex-start;
gap: 5px;
margin: 20px -10px;
padding-left: 10px;
overflow-x: auto;
}
@media (min-width: 768px) {
.subcategories {
overflow-x: visible;
flex-wrap: wrap;
justify-content: center;
}
}
.subcategory a {
display: block;
color: #e07c35;
border: 2px #e07c35 solid;
padding: 10px 20px 10px 20px;
border-radius: 10px;
width: -moz-max-content;
width: max-content;
transition: all 0.3s ease;
}
.subcategory a:hover {
border-color: #fff;
color: #fff;
background-color: #e07c35;
}
#post-35337 > div.entry-content > h1 {
display: none;
}
button.showMenuButton.dropdown:after {
content: var(--bs24-angle-down-solid-svg-url);
margin-left: 16px;
width: 10px;
position: absolute;
font-size: 17px;
top: 35px;
display: block;
}
.aktion {
width: 100%;
overflow: hidden;
background-color: #ff7878;
color: white;
margin: 10px 0px 10px 0px;
border-radius: 10px;
}
.marquee {
display: inline-block;
white-space: nowrap;
animation: marquee 7s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(140%);
}
100% {
transform: translateX(-100%);
}
}
@media (max-width: 800px) {
.aktionpc {
display: none;
}
.aktionmobile {
display: block;
}
}
@media (min-width: 800px) {
.aktionpc {
display: block;
}
.aktionmobile {
display: none;
}
}
.aktionpc {
margin: 10px 0px 20px 0px;
}
.countdown1 {
background: #ffd2d2;
color: #0c0c0c;
text-align: center;
}
a.button.wc-forward {
padding: 8px;
border: 0;
border-radius: 10px;
background: #0d6f42;
}
.splide__arrow,
.splide__pagination {
z-index: 1;
}
a.promotion_point:hover {
z-index: 2;
}html {
box-sizing: border-box;
}
* {
padding: 0;
margin: 0;
}
*, *::after, ::before {
box-sizing: inherit;
}
body {
font-family: "Inter", Arial, sans-serif;
min-height: 100vh;
}
ul {
list-style: none;
}
a {
-webkit-text-decoration: none;
text-decoration: none;
}
button {
background: none;
border: none;
}
@keyframes moveBar {
0% {
left: -3px;
}
5% {
left: -1px;
}
10% {
left: -1px;
}
15% {
left: -3px;
}
20% {
left: -3px;
}
25% {
left: -1px;
}
30% {
left: -1px;
}
35% {
left: -3px;
}
100% {
left: -3px;
}
}
@keyframes moveBarMob {
0% {
left: -2px;
}
20% {
left: 0px;
}
30% {
left: 0px;
}
50% {
left: -2px;
}
60% {
left: -2px;
}
80% {
left: 0px;
}
85% {
left: 0px;
}
95% {
left: -2px;
}
}
header#masthead {
z-index: 1;
}
header#masthead > nav.swapLogos .desktopContent .desktopLogo .scrollLogo {
opacity: 1;
transform: translateY(0);
visibility: visible;
}
header#masthead > nav.swapLogos .desktopContent .desktopLogo .basicLogo {
opacity: 0;
visibility: hidden;
transform: translateY(50px);
}
header#masthead > nav .desktopContent .desktopLogo {
margin: 16px 20px;
position: relative;
z-index: 1;
}
header#masthead > nav .desktopContent .desktopLogo .basicLogo {
display: block;
width: 200px;
height: auto;
opacity: 1;
visibility: visible;
transition: all 0.1s;
transform: translateY(0);
}
header#masthead > nav .desktopContent .desktopLogo .scrollLogo {
visibility: hidden;
opacity: 0;
transform: translateY(-50px);
transition: all 0.2s;
position: absolute;
left: 0;
top: 0;
}
header#masthead > nav .desktopContent .rightsideTools {
display: flex;
height: 75px;
align-items: center;
z-index: 1;
}
header#masthead > nav .desktopContent .rightsideTools .search-form {
margin: 0;
}
header#masthead > nav .desktopContent .rightsideTools .search-form label {
display: flex;
align-items: center;
position: relative;
border-radius: 5px;
}
header#masthead > nav .desktopContent .rightsideTools .search-form label input[type=search] {
padding: 10px 45px 10px 12.5px;
border-radius: 25px;
font-size: 15px;
border: 2px solid #a68248;
line-height: 1;
transition: outline 0.1s ease;
}
header#masthead > nav .desktopContent .rightsideTools .search-form label input[type=search]:focus {
outline: 3px solid rgba(165, 141, 97, 0.5333333333);
}
header#masthead > nav .desktopContent .rightsideTools .search-form label .searchBtn {
position: absolute;
right: 0;
height: 100%;
width: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0 25px 25px 0;
cursor: pointer;
}
header#masthead > nav .desktopContent .rightsideTools .search-form label .searchBtn input[type=submit] {
background: var(--bs24-magnifier-svg-url);
width: 20px;
height: 20px;
background-size: cover;
padding: 0;
}
header#masthead > nav .wideSearchContainer {
position: absolute;
width: 100%;
bottom: 0;
transform: translateY(0%);
padding: 10px;
background: #fff;
border-bottom: 1px solid #adadad;
opacity: 0;
visibility: hidden;
transition: transform 0.2s, visibility 0.2s, opacity 0.2s;
z-index: 1;
}
header#masthead > nav .wideSearchContainer form label {
display: flex;
align-items: center;
position: relative;
border-radius: 5px;
}
header#masthead > nav .wideSearchContainer form label #searchInputMobile {
padding: 10px 45px 10px 12.5px;
border-radius: 25px;
font-size: 15px;
border: 2px solid #a68248;
line-height: 1;
width: 100%;
}
header#masthead > nav .wideSearchContainer form label #searchInputMobile:focus {
outline: 4px solid rgba(166, 130, 72, 0.3);
}
header#masthead > nav .wideSearchContainer form label label {
position: absolute;
right: 0;
height: 100%;
width: 45px;
justify-content: center;
border-radius: 0 25px 25px 0;
cursor: pointer;
}
header#masthead > nav .wideSearchContainer form label label input[type=submit] {
background: var(--bs24-magnifier-svg-url);
width: 20px;
height: 20px;
background-size: cover;
padding: 0;
}
header#masthead > nav .toolIcons {
display: flex;
gap: 10px;
padding: 0 20px;
color: #767676;
fill: #767676;
}
header#masthead > nav .toolIcons > * {
max-width: 50px;
height: 25px;
display: flex;
cursor: pointer;
}
header#masthead > nav .toolIcons svg {
width: 25px;
height: 25px;
}
header#masthead > nav .toolIcons .cartNumber {
position: absolute;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
background: #a68248;
color: #fff;
border-radius: 50%;  transform: translate(50%, 50%);
font-size: 12px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
header#masthead > nav .toolIcons .bi.bi-bag {
padding: 1px;
}
@media (max-width: 1115px) {
header#masthead > nav .toolIcons {
padding: 0 20px 0 5px;
}
}
header#masthead > nav svg.ast-arrow-svg {
height: 10px;
} div.subtitle + section.staticItems {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
grid-gap: 20px;
gap: 20px;
}
div.subtitle + section.staticItems .galleryItem {
position: relative;
display: flex;
flex-direction: column;
border: 1px solid #ebebeb;
border-radius: 10px;
transition: border 0.1s;
font-size: 10px;
}
div.subtitle + section.staticItems .galleryItem:hover .galleryCategoryBox {
opacity: 1;
}
div.subtitle + section.staticItems .galleryItem:nth-child(3) {
grid-column: span 2;
grid-row: span 2;
font-size: 15px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(3) .galleryTitle {
padding: 10px 12.5px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(4) {
grid-column: span 2;
font-size: 13px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(4) .galleryTitle {
padding: 7.5px 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(7) {
grid-column: span 2;
font-size: 13px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(7) .galleryTitle {
padding: 7.5px 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(8) {
grid-column: span 3;
grid-row: span 2;
font-size: 15px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(8) .galleryTitle {
padding: 10px 12.5px;
}
div.subtitle + section.staticItems .galleryItem .galleryCategoryBox {
width: 100%;
height: 50px;
font-weight: 300;
flex-wrap: wrap;
gap: 5px;
padding: 5px 10px;
position: absolute;
background: rgba(0, 0, 0, 0.3176470588);
display: flex;
align-items: center;
justify-content: flex-end;
opacity: 0;
transition: opacity 0.2s ease;
}
div.subtitle + section.staticItems .galleryItem .galleryCategoryBox span {
margin-right: auto;
padding-left: 5px;
color: #fefefe;
font-size: 1.4em;
text-shadow: 0 0 2px #000;
}
div.subtitle + section.staticItems .galleryItem .galleryCategoryBox a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
color: #fff;
}
div.subtitle + section.staticItems .galleryItem .galleryCategoryBox .galleryCategoryItem {
padding: 0 3px;
border-radius: 10px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
font-size: 1.4em;
text-shadow: 0 0 2px #000;
}
@media (max-width: 900px) {
div.subtitle + section.staticItems .galleryItem .galleryCategoryBox {
opacity: 1;
}
}
div.subtitle + section.staticItems .galleryItem .galleryTitle {
font-size: 1.6em;
line-height: 22px;
font-weight: 300;
position: absolute;
bottom: 0;
right: 0;
padding: 5px 10px;
background: rgba(0, 0, 0, 0.3);
text-shadow: 0 0 2px #000;
color: #fefefe;
}
div.subtitle + section.staticItems .galleryItem .galleryTitle span {
color: #fefefe;
font-weight: 300;
}
div.subtitle + section.staticItems .galleryItem .galleryPhoto, div.subtitle + section.staticItems .galleryItem .galleryPhoto img, div.subtitle + section.staticItems .galleryItem > a {
height: 100%;
width: 100%;
}
@media (max-width: 1300px) {
div.subtitle + section.staticItems .galleryItem:nth-child(2) {
grid-row: 2;
}
div.subtitle + section.staticItems .galleryItem:nth-child(4) {
grid-column: 1;
font-size: 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(4) .galleryTitle {
padding: 5px 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(8) {
grid-column: span 2;
grid-row: span 1;
font-size: 13px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(8) .galleryTitle {
padding: 7.5px 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(9) {
grid-column: 3;
grid-row: 4;
}
div.subtitle + section.staticItems .galleryItem:nth-child(10) {
grid-column: 1;
grid-row: 5;
}
}
@media (max-width: 900px) {
div.subtitle + section.staticItems .galleryItem:nth-child(2) {
grid-row: unset;
}
div.subtitle + section.staticItems .galleryItem:nth-child(3) {
grid-column: 2;
grid-row: 1;
font-size: 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(3) .galleryTitle {
padding: 5px 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(4) {
grid-row: 2;
}
div.subtitle + section.staticItems .galleryItem:nth-child(8) {
grid-column: span 2;
grid-row: 3;
}
div.subtitle + section.staticItems .galleryItem:nth-child(9) {
grid-column: unset;
grid-row: unset;
}
div.subtitle + section.staticItems .galleryItem:nth-child(10) {
grid-column: unset;
grid-row: unset;
}
}
@media (max-width: 500px) {
div.subtitle + section.staticItems .galleryItem:nth-child(2), div.subtitle + section.staticItems .galleryItem:nth-child(3), div.subtitle + section.staticItems .galleryItem:nth-child(4), div.subtitle + section.staticItems .galleryItem:nth-child(5), div.subtitle + section.staticItems .galleryItem:nth-child(6), div.subtitle + section.staticItems .galleryItem:nth-child(7), div.subtitle + section.staticItems .galleryItem:nth-child(8), div.subtitle + section.staticItems .galleryItem:nth-child(9), div.subtitle + section.staticItems .galleryItem:nth-child(10), div.subtitle + section.staticItems .galleryItem:nth-child(11) {
grid-column: span 1;
grid-row: unset;
font-size: 10px;
}
div.subtitle + section.staticItems .galleryItem:nth-child(2) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(3) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(4) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(5) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(6) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(7) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(8) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(9) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(10) .galleryTitle, div.subtitle + section.staticItems .galleryItem:nth-child(11) .galleryTitle {
padding: 5px 10px;
}
}
@media (max-width: 1300px) {
div.subtitle + section.staticItems {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 900px) {
div.subtitle + section.staticItems {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
div.subtitle + section.staticItems {
grid-template-columns: repeat(1, 1fr);
}
}
.variations tr td.value {
position: relative;
}
.variations tr td.value::after {
content: "";
display: block;
position: absolute;
right: 20px;
width: 10px;
height: 10px;
border: 2px solid black;
top: 20px;
transform: rotate(-45deg);
border-width: 0 0 2px 2px;
}
.variations tr td.value.woo-variation-items-wrapper::after {
display: none;
}
.variations tr td.value select {
max-width: none !important;
max-width: initial !important;
}
.variations tr td.value select {
width: 100%;
vertical-align: middle;
background-color: #fff;
color: #131315;
border: 0;
-webkit-appearance: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
padding: 15px 10px;
cursor: pointer;
position: relative;
line-height: 20px;
border-radius: 10px;
}
@media (max-width: 300px) {
header#masthead .mobileContent .logo .mobileSubNav .subMenuTitle + ul li {
width: 100%;
}
}
@media (max-width: 920px) { header#masthead > nav .desktopContent {
display: none;
}
header#masthead > nav .desktopContent .desktopCategories {
display: none;
}
}
@media (max-width: 1115px) {
header#masthead > nav .desktopContent .desktopCategories ul.smaller {
left: 240px;
}
header#masthead > nav .desktopContent .rightsideTools .toolIcons {
padding: 0 20px 0 5px;
}
}
@media (max-width: 1320px) {
header#masthead > nav .desktopContent,
header#masthead > nav .desktopContent .desktopCategories {
width: 100%;
}
}
.threecolumns img.pictoImg.lazyloaded {
max-height: 150px;
max-width: -moz-fit-content;
max-width: fit-content;
margin: auto;
}
p.categoryTitle {
margin: 0;
margin-top: 2px;
line-height: 1;
font-size: 11px;
display: block;
height: 10px;
font-family: "Inter", Arial, sans-serif;
font-weight: 300;
color: #7f7f7f;
text-wrap: nowrap;
}
  .header_info {
width: 100vw;
color: #ffffff;
padding: 5px 0px 5px 0px;
}
.search-input {
margin-top: 10px;
}
.rounded-search {
border: solid 1px #ccc !important;
border-radius: 10px 0 0 10px !important;
}
.search-input {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 48vw;
max-width: 700px;
}
button#button-search:hover svg.bi.bi-search {
transform: scale(1.5);
}
svg.bi.bi-search {
transition-duration: 0.2s;
}
button#button-search {
border: solid 1px #b5b5b5 !important;
border-radius: 0 10px 10px 0 !important;
}
button#button-search {
background-color: #e07c35;
width: 65px;
color: #ffffff;
}
.svgicon:hover {
transform: scale(2.2);
}
.svgicon {
transition: all 0.2s;
transform-origin: 50% 50%;
transform: scale(1.5);
cursor: pointer;
margin-top: 20px;
margin-left: 8px;
}
svg.svgicon.basket {
margin-top: 16px;
}
.eckicon {
height: 70px;
width: 50px;
}
.site-header {
border: 0 !important;
}
.bg-primary-gradient {
background: linear-gradient(135deg, #fff9ef, #fff8fe);
}
@media only screen and (max-width: 992px) {
.buy-now {
width: 100%;
}
}
.buy-now {
float: right;
margin-right: 2px;
white-space: nowrap;
}
@media only screen and (min-width: 1050px) {
header .custom-logo-link img {
max-width: 230px;
width: 200px;
margin-left: 20px;
}
}
.price-image {
font-size: 18px;
}
img.product-image {
border-radius: 10px;
}
.product-card {
cursor: pointer;
}
.card-under {
margin-left: 1px;
}
input.form-control {
border-radius: 10px;
}
.ast-mobile-header-wrap,
#ast-desktop-header {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 5px 0 rgba(0, 0, 0, 0.05) !important;
}
#productTable {
font-family: "Inter", Arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
#productTable td,
#productTable th {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
vertical-align: middle;
}
.is-mobile-view {
display: none;
}
.menu-subitem {
text-align: center;
}
.ast-submenu-expanded > ul {
display: flex;
}
.btn-primary {
color: #fff;
background-color: #e07c35;
border-color: #e07c35;
}
.btn-primary:hover {
color: #fff;
background-color: #6a4e20;
border-color: #6a4e20;
}
header.entry-header {
display: none;
}
article.blogPage header.entry-header {
display: block;
}
.entry-content h5 {
margin-bottom: 5px;
}
.irs-bar {
border-top: 1px solid #e07c35 !important;
border-bottom: 1px solid #e07c35 !important;
background: linear-gradient(to top, #e07c35 0%, #ffffff 100%) !important;
}
.irs-to,
.irs-from {
background: #919191 !important;
}
a.woof_front_toggle {
color: lightslategray;
}
.single-product div.product form.cart .variations_button .quantity {
margin: 0;
}
.woocommerce-message,
.woocommerce-info {
border-top-color: #e07c35;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: #fff;
}
#main > div > div.woocommerce-notices-wrapper > div > a {
color: #ffffff;
border-radius: 10px;
}
li.ast-article-single {
padding: 10px !important;
}
li.ast-article-single {
border-radius: 40px;
}
a.button.product_type_variable.add_to_cart_button {
display: none;
}
.landing_col {
transition-duration: 0.2s;
}
.landing_row:hover > *,
.landing_row:focus-within > * {
opacity: 0.7;
}
.landing_row:hover > :hover,
.landing_row:focus-within > :focus {
transform: scale(1.1);
opacity: 1;
}
.landing_row:hover > :focus:not(:hover) {
transform: scale(1.05);
}
.landing_icon {
text-align: center;
margin: auto;
word-wrap: normal;
cursor: pointer;
}
#post-444 .entry-content > a > h3 {
padding-top: 50px;
}
.search-results span.onsale,
.archive.woocommerce span.onsale {
color: #ffffff !important;
}
.search-results span.onsale,
.archive.woocommerce span.onsale {
background-color: #e07c35;
position: absolute;
left: 20px;
top: 20px;
transform: translate(-50%, -50%) rotate(-45deg);
width: 100px;
filter: drop-shadow(5px 1px 1px black);
text-shadow: 0 0 1px black;
animation: none;
border: 0;
text-align: center;
}
.landing_row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
align-items: flex-end;
justify-content: center;
max-width: 67%;
margin: auto;
}
.landing_col {
margin: 0px 15px 0px 15px;
} #headernav ul {
list-style: none;
margin: 0;
}
#headernav button {
background: none;
border: none;
}
.mobileNav {
background: #fefefe;
height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: absolute;
top: 0;
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 4;
}
.mobileNav.show {
transform: translateX(0);
overflow: scroll;
}
#headernav .menuCategories {
width: 100%;
margin: 0 auto;
padding: 0px 20px;
overflow: scroll;
overflow-x: hidden;
}
#headernav .rowConteiner {
width: 100%;
}
#headernav .rowTitle {
display: flex;
justify-content: space-between;
padding: 15px 5px;
cursor: pointer;
transition: background 0.2s;
border-radius: 5px;
}
#headernav .rowTitle button {
cursor: pointer;
transform: rotate(-90deg);
}
#headernav .rowTitle:hover {
background: rgba(0, 0, 0, 0.1);
}
#headernav .rowName {
display: flex;
align-items: center;
gap: 10px;
}
#headernav .menu-text {
padding-left: 10px;
}
#headernav * {
padding: 0;
margin: 0;
}
#headernav *,
#headernav *::after,
::before {
box-sizing: inherit;
}
#headernav button.ast-menu-toggle {
display: block;
}
#headernav button.ast-menu-toggle svg {
width: 15px;
}
#headernav .rowConteiner ul {
display: flex;
flex-wrap: wrap;
}
#headernav .rowConteiner ul.sub-menu li {
width: 50%;
}
#headernav .rowConteiner ul.sub-menu li a {
display: flex;
flex-direction: column;
align-items: center;
} #headernav {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 5px 0 rgba(0, 0, 0, 0.05) !important;
}
#headernav {
height: 70px;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 2;
background-color: #fefefe;
}
#headernav .logo img {
max-width: 130px;
position: relative;
left: 20px;
}
.burgermenu {
display: flex;
}
#headernav .burgermenu.open + .mobileNav {
transform: translateX(0);
}
#headernav main {
z-index: 1;
padding-top: 75px;
}
#headernav .menuTitle {
text-align: center;
}
#headernav .menuClose {
position: absolute;
top: 15px;
right: 30px;
font-weight: 500;
font-size: 20px;
cursor: pointer;
}
#headernav .menuTitleRow {
padding: 20px 0px;
}
#headernav .mobileSubNav {
position: absolute;
width: 100%;
height: calc(100vh - 70px);
margin-top: 65px;
top: 0;
background: #fefefe;
visibility: hidden;
transform: translateX(100%);
transition: transform 0.3s ease, visibility 0.3s;
z-index: 5;
overflow: scroll;
}
#headernav .mobileSubNav.show {
visibility: visible;
transform: translateX(0);
}
#headernav .subMenuTitle svg {
transform: rotate(90deg);
}
#headernav .rowSubName {
position: relative;
left: 20px;
width: 100%;
display: flex;
gap: 10px;
align-items: center;
}
#headernav .rowSubName > * {
cursor: pointer;
}
#headernav .subMenuTitle + ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 20px;
}
#headernav .subMenuTitle + ul li {
width: 50%;
}
#headernav .sub-menu {
padding-top: 20px;
}
#headernav .sub-menu .menu-subitem img {
max-width: 120px;
}
#headernav .menu-subitem a {
display: flex;
flex-direction: column;
align-items: center;
}
#headernav .menu-subitem {
width: 100%;
}
#headernav .menu-subitem a:link {
color: #121212;
}
#headernav .menu-subitem a:visited {
color: #616263;
} .allItems {
margin: 0 15% !important;
}
.allItems {
width: 100%;
text-align: center;
}
.allItemsButton {
padding: 10px 0 !important;
}
.allItemsButton {
border: 1px solid;
text-align: center;
}
.bs_bottom {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
padding: 10px 0;
background-color: #fff;
}
.col_title {
font-size: 19px;
font-weight: 500;
color: #767676;
}
.col_text {
color: #858585;
padding: 1px 0px;
}
.col_text a {
color: #858585;
}
.bs_footer .container {
padding: 10px 0;
}
.bs_footer {
background-color: #f7f7f7;
}
.col_text.bs_icon {
display: flex;
gap: 5px;
}
.astra-shop-thumbnail-wrap {
padding: 5px;
}
article {
padding: 10px 0;
}
.rowImage {
width: 50px;
text-align: center;
}
.searchBar {
display: flex;
white-space: nowrap;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
border: 1px solid #a3a3a3;
border-radius: 10px;
}
input#searchsubmit {
border-radius: 0px 10px 10px 0;
color: #ffffff;
font-size: 16px;
}
input#s {
border-radius: 10px 0px 0px 10px;
}
.headerIcons {
display: flex;
gap: 20px;
flex-direction: row;
margin-top: -26px;
}
.icon svg {
height: 29px;
width: auto;
}
.landing_col > a {
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.landing_col > a {
color: var(--ast-global-color-3);
}
#productTable p {
padding: 0.9em;
margin: 0;
}
.woocommerce #respond input#submit {
border-radius: 10px;
color: #ffffff;
background-color: #e07c35;
}
.comment-form-cookies-consent label {
white-space: break-spaces;
}
p.comment-form-cookies-consent {
display: inline-block;
white-space: nowrap;
}
.woocommerce .star-rating,
.woocommerce .comment-form-rating .stars a,
.woocommerce .star-rating::before {
color: #ffb030 !important;
}
.woocommerce p.stars a::before {
font-size: 25px;
}
.woocommerce p.stars a {
width: 1.7em !important;
}
.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
font-size: 28px;
font-family: "Inter", Arial, sans-serif;
}
.pictoImg {
max-width: none;
max-width: initial;
}
.site-footer {
background-color: #ffffff;
}
.pswp__caption {
display: none;
}
main {
position: relative;
font-family: "Inter", Arial, sans-serif;
}
.galleryContainer {
max-width: 1320px;
margin: 0 auto;
padding: 20px;
}
section.slider .splide__track {
overflow: visible !important;
overflow: initial !important;
overflow-x: clip !important;
}
.slider img {
width: 100%;
}
.rowConteiner,
.sub-menu {
list-style: none;
margin: 0;
}
li a {
color: #404040;
}
.rowImageSchnell .bars {
top: 0;
left: 0;
}
.sevenDaysIco {
text-align: center;
align-self: center;
justify-self: center;
place-self: center;
transition: transform 0.2s;
}
.special:hover .sevenDaysIco {
transform: scale(1.1);
}
.blogItems {
grid-template-columns: repeat(2, 1fr);
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
gap: 20px;
margin: 20px 0;
}
.blogItems .blogItem {
display: flex;
flex-direction: column;
border: 1px solid #ebebeb;
}
.blogItems .blogItem a {
padding: 10px 5px;
font-size: 16px;
color: #000;
}
.blogItems .blogItem a:visited {
color: #666;
}
.blogItem img {
width: 100%;
}
.zoomImg {
width: 100% !important;
height: 100% !important;
opacity: 1 !important;
top: 0 !important;
left: 0 !important;
}
.truck_icon img {
width: 20px;
}
.truck_icon {
display: flex;
gap: 5px;
}
.woocommerce-variation-add-to-cart.variations_button button {
width: 100%;
}
div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > button {
background-color: #0f834d;
}
div > div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled > button:hover {
background-color: #085431;
}
.woocommerce-result-count {
clear: both;
} @keyframes Shine {
0% {
transform: translateX(-250px) skewX(-15deg);
}
8% {
transform: translateX(400px) skewX(-15deg);
}
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none;
}
@keyframes angebotAnimation {
0% {
transform: translate(0, 0) rotate(0deg);
}
1% {
transform: translate(3px, 1px) rotate(6deg);
}
2% {
transform: translate(0, 0) rotate(0deg);
}
3% {
transform: translate(-3px, 1px) rotate(-6deg);
}
4% {
transform: translate(0, 0) rotate(0deg);
}
5% {
transform: translate(2px, 1px) rotate(4deg);
}
6% {
transform: translate(0, 0) rotate(0deg);
}
7% {
transform: translate(-2px, 1px) rotate(-4deg);
}
8% {
transform: translate(0, 0) rotate(0deg);
}
100% {
transform: translate(0, 0) rotate(0deg);
}
}
span.price {
display: block;
text-align: center;
}
.beautysearch {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
gap: 20px;
}
.beautysearch > .productUnit {
position: relative;
padding: 0;
overflow: hidden;
}
.beautysearch span.onsale {
top: 20px;
left: 20px;
background-color: #e07c35;
color: #fff;
font-weight: 500;
position: absolute;
transform: translate(-50%, -50%) rotate(-45deg);
width: 100px;
text-align: center;
border: 0;
}
select.orderby {
background-position: calc(100% - 0.75rem) center !important;
max-width: none !important;
max-width: initial !important;
}
select.orderby {
background: url("data:image/svg+xml,<svg height=%2710px%27 width=%2710px%27 viewBox=%270 0 16 16%27 fill=%27%23000000%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z%27/></svg>") no-repeat;
width: 100%;
vertical-align: middle;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.13);
padding: 15px 10px;
cursor: pointer;
position: relative;
line-height: 20px;
border-radius: 10px;
}
.orderby::after {
content: "";
display: block;
position: absolute;
right: 20px;
width: 10px;
height: 10px;
border: 2px solid #000;
top: 20px;
transform: rotate(-45deg);
border-width: 0 0 2px 2px;
}
.rowImageSchnell {
position: relative;
}
.rowImageSchnell svg#svgBar1,
.rowImageSchnell svg#svgBar2,
.rowImageSchnell svg#svgBar3 {
position: absolute;
}
.rowImageSchnell svg g path {
fill: #e07c35 !important;
}
.rowImageSchnell svg g path {
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
}
.ast-menu-toggle {
transform: rotate(270deg);
}
.rowSubName > .ast-menu-toggle {
transform: rotate(0);
}
.content-area {
padding: 0 10px;
}
li .splide__pagination__page {
width: 12px;
height: 12px;
opacity: 1;
box-shadow: 0 0 2px #000;
}
li .splide__pagination__page.is-active {
transform: scale(1.25);
}
.blogthumbs {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 5px;
gap: 5px;
}
.blogthumbs a {
display: flex;
flex-direction: column-reverse;
}
.iconic-woothumbs-images__slide.slick-slide {
cursor: zoom-in;
}
div.summary.entry-summary > p > del > span > bdi {
font-weight: 300;
}
article.productUnit {
text-align: -webkit-center;
}
article.productUnit > a > * {
text-align: center;
}
h1.page-title {
font-size: 29px;
}
#post-444 {
margin: 0;
}
#post-444 .entry-content > h2 {
font-size: 36px;
text-align: center;
font-weight: 500;
letter-spacing: 3px;
color: #424242;
padding: 50px 0 15px;
margin: 0;
font-family: "Inter", Arial, sans-serif;
}
#post-444 .entry-content > h2 > a {
font-weight: 500;
color: #424242;
font-family: "Inter", Arial, sans-serif;
}
.slider > div.sliderTitle {
display: flex;
justify-content: center;
margin: 15px 0 5px;
}
.slider h3 {
text-transform: capitalize;
font-weight: 300;
font-size: 20px;
margin: 0;
}
section.slider {
padding: 20px 0 20px;
}
.subtitle {
text-transform: capitalize;
padding: 15px 0 5px;
display: flex;
justify-content: center;
}
.subtitle h3 {
font-weight: 300;
font-size: 20px;
margin: 0;
}
.bewertungen {
position: relative;
top: 10px;
}
.col-full {
border-radius: 0 0 25px 25px;
}
.storefront-breadcrumb .col-full {
padding-top: 8px;
padding-bottom: 8px;
border-radius: 0;
}
.storefront-breadcrumb .col-full .col-full {
padding-bottom: 0 !important;
}
@media (max-width: 767px) {
.storefront-breadcrumb .col-full .col-full {
padding-top: 12px;
}
}
#post-444 .tm-productModal-container {
display: none !important;
}
.product-card {
position: relative;
}
.product-card a {
height: 100%;
}
.card-title {
position: absolute;
bottom: 0;
right: 0;
padding: 5px 7.5px;
color: #fefefe;
font-size: 16px;
text-shadow: 0 0 2px #000;
background-color: rgba(0, 0, 0, 0.3);
font-weight: 500;
}
.card-title strong {
font-size: 18px;
}
#post-444 .splide__arrow {
height: 2.5em;
width: 2.5em;
background: rgba(0, 0, 0, 0.8);
}
#post-444 .splide__arrow svg {
fill: #fff;
}
.error404 #main .error-404 .col-1 {
width: 100%;
}
section.staticItems.blog {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
grid-gap: 20px;
gap: 20px;
padding-top: 20px;
}
section.related.products,
.product-description #reviews {
padding-top: 30px;
}
.cat_title {
animation: cat_title 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
text-align: -webkit-center;
margin: 15px 0 15px 0;
font-size: 28px;
font-family: "Inter", Arial, "Lucida Grande", sans-serif;
}
@keyframes cat_title {
0% {
letter-spacing: -0.5em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
a.woocommerce-store-notice__dismiss-link {
text-align: center;
border: solid 1px white;
margin: 10px 0 10px 0;
}
#woof_results_by_ajax .transparentOverlay img {
margin-bottom: 0;
}
.error-container {
display: flex;
justify-content: space-around;
padding-bottom: 125px;
}
.error-img {
max-width: 500px;
}
.error-img svg {
width: 100%;
}
.error-form {
display: flex;
flex-direction: column;
justify-content: center;
}
.error-form section .widget,
.error-form h1.page-title {
margin: 0;
}
.error-form header,
.error-form p {
text-align: center;
}
@media (max-width: 1400px) {
.galleryContainer {
max-width: 1140px;
}
}
@media (max-width: 1200px) {
.galleryContainer {
max-width: 960px;
}
}
@media (max-width: 992px) {
.galleryContainer {
max-width: 720px;
}
}
@media (min-width: 920px) {
.summary.entry-summary {
border-left: 2px #f3f3f3 solid;
padding-left: 20px;
}
}
@media (max-width: 920px) {
div.summary.entry-summary > p > span > bdi,
div.summary.entry-summary > p > ins > span > bdi {
font-size: 29px;
font-weight: 500;
}
.bs_footer .container {
padding: 0px 10px;
}
.landing_row {
display: none;
}
.beautysearch {
display: grid;
grid-template-columns: repeat(2, 2fr);
}
}
@media (max-width: 768px) {
.entry-content h1 {
font-size: 32px;
}
.woocommerce.woocommerce-page.woof_shortcode_output {
padding-top: 20px;
}
#comments h2.woocommerce-Reviews-title {
font-size: 1.5em;
}
.error-container {
flex-direction: column;
align-items: center;
}
.error-img {
padding-bottom: 35px;
}
.bs-description img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.galleryContainer {
max-width: 540px;
}
section.staticItems.blog {
grid-template-columns: repeat(2, 1fr);
}
.product_title.entry-title {
font-size: 26px;
}
.blogthumbs {
grid-template-columns: repeat(3, 1fr);
}
ul.products {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
gap: 20px;
}
.error404 #main .fourohfour-columns-2 .col-1 ul.products li.product {
width: auto;
width: initial;
}
.cat_title,
.woocommerce-products-header h1.woocommerce-products-header__title.page-title {
text-align: center;
padding-top: 20px;
}
p.woocommerce-shipping-destination {
display: none;
}
form.woocommerce-shipping-calculator {
display: none;
}
ul#shipping_method li label {
font-weight: 500;
}
ul#shipping_method {
margin: 0;
margin: initial;
}
.woocommerce-cart-form__cart-item .product-name dl.variation dt {
width: 50%;
text-align: left;
}
.woocommerce-cart-form__cart-item .product-name dl.variation dd {
margin: 0 !important;
margin: initial !important;
}
.woocommerce-cart-form__cart-item .product-name dl.variation dd {
width: 50%;
text-align: left;
}
.woocommerce-cart-form__cart-item .product-name dl.variation {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-end;
row-gap: 5px;
border: solid 1px #efefef;
padding: 2px;
}
.added_to_cart.alt,
.added_to_cart,
.widget a.button.checkout {
background-color: #0f834d !important;
}
}
@media (max-width: 500px) {
.galleryContainer {
width: 100%;
}
.blogthumbs {
grid-template-columns: repeat(2, 1fr);
}
.product-description h2 {
font-size: 1.5em;
}
.product-description ul {
margin: 0 0 10px 20px;
}
#respond {
padding: 0 !important;
}
#commentform p.form-submit input#submit {
width: 100%;
}
#post-444 .entry-content > h2 {
font-size: 30px;
letter-spacing: 2px;
}
.cat_title {
font-size: 20px;
}
}
@media (max-width: 765px) {
.default {
display: none;
}
.is-mobile-view {
display: inline-table;
}
}
@media (max-width: 300px) {
.subMenuTitle + ul li {
width: 100%;
}
}
.woocommerce-review__author {
color: #cbcbcb;
}
span.tick_ver {
color: #00cd2c;
font-size: 19px;
}
del bdi {
font-weight: 300;
}
div.woocommerce-variation.single_variation > div.woocommerce-variation-price > span > span > bdi {
font-size: 35px;
}
.price del {
font-size: 18px;
}
#payment .place-order .button {
background-color: #0f834d !important;
border-color: #0f834d !important;
}
#payment .place-order .button:hover {
background-color: #00562e !important;
border-color: #00562e !important;
}
.lager_mobile {
font-weight: 500;
color: #e07c35;
} .hide-element {
display: none !important;
}
.disable-scroll {
overflow: hidden;
}
.wpc-inner-widget-chips-wrapper {
overflow: hidden;
}
.wpc-filters-section {
border-radius: 10px;
padding: 15px;
background-color: #f3f3f3;
}
.wpc-posts-found {
display: none;
}
.wpc-filters-range-wrapper input {
border: 1px #e07c35 solid !important;
background-color: white !important;
}
.wpc-filters-range-wrapper input {
border-radius: 10px;
}
@media (max-width: 768px) {
.wpc-filters-widget-content {
margin: 0 15px 0 15px;
}
li.product_cat-moebel-auf-lager.sale::before {
width: 47px;
height: 40px;
top: -30px;
right: -24px;
}
}
span.wpc-filter-label-wrapper {
background: #ffffff;
}
.widget .widget-title,
.widget .widgettitle {
padding: 0 0 10px !important;
margin-bottom: 10px !important;
border-bottom: none !important;
}
.wpc-filters-open-widget {
background-color: #b99d6f !important;
color: #ffffff !important;
border: none !important;
border-radius: 10px !important;
width: 100% !important;
}
.wpc-button-inner,
.wpc-chip-content {
display: flex;
align-items: center;
justify-content: center;
}
div.shopcart.site-header-cart.menu > a > div.cartNumber {
top: 21px !important;
}
.cr-ajax-search {
display: none !important;
}
.admin-bar .pswp {
height: 100% !important;
top: 0 !important;
}
@media (min-width: 768px) {
div.shopcart.site-header-cart.menu > a > div.cartNumber {
top: 0px !important;
}
}
body.archive.woo-variation-swatches ul.variations,
.woo-variation-swatches ul.variations > li {
display: -webkit-box !important;
}
body.archive.woo-variation-swatches .variable-items-wrapper {
display: -webkit-box !important;
flex-wrap: nowrap !important;
}
body.archive.woo-variation-swatches .variable-items-wrapper {
padding: 0;
overflow: auto;
width: 100%;
}
@media (max-width: 767px) {
body.archive ul.products {
display: grid;
grid-template-columns: 49% 49%;
grid-gap: 20px;
gap: 20px;
justify-content: center;
align-items: start;
}
}
@media (min-width: 767px) {
body.archive.woo-variation-swatches .variable-items-wrapper {
flex-wrap: wrap !important;
}
}
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #dddddd !important;
}
.ui-slider-horizontal .ui-slider-range {
background: #e07c35 !important;
}
div.hoverMenuItems.threecolumns > a:nth-child(8) > img {
height: 150px !important;
width: auto !important;
}
div.hoverMenuItems.threecolumns > a:nth-child(8) > img {
margin: auto;
}
div.hoverMenuItems.threecolumns > a:nth-child(3) > img {
height: 140px !important;
width: auto !important;
}
div.hoverMenuItems.threecolumns > a:nth-child(3) > img {
margin: auto;
}
::-moz-selection {
color: white;
background: #e07c35;
}
::selection {
color: white;
background: #e07c35;
}
a:focus,
input:focus {
outline-color: #e07c35 !important;
}
a:focus,
input:focus {
box-shadow: 0 0 5px #727272;
}
div.toolIcons a {
color: #e07c35;
}
.transparentOverlay .star-rating {
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: -28px !important;
font-size: 12px !important;
}
@media (max-width: 768px) {
ul li.product .star-rating {
font-size: 10px !important;
}
}
.search-results h2.woocommerce-loop-product__title {
padding-top: 30px;
text-align: left;
display: table;
}
.categoryMainContainter > :nth-child(8) {
margin-top: -292px;
}
.categoryMainContainter > :nth-child(9) {
margin-top: -130px;
}
.categoryMainContainter > :nth-child(6) {
margin-top: -100px;
}
.categoryMainContainter > :nth-child(10) {
margin-top: -340px;
}
.categoryMainContainter > :nth-child(15) {
margin-top: -330px;
}
@media (max-width: 510px) {
#cn-more-info {
margin-top: 10px !important;
}
#cn-refuse-cookie {
margin-top: 10px !important;
background-color: #b50000 !important;
}
#cn-accept-cookie {
background-color: #309900 !important;
}
} .wp-video video {
max-height: 80vh;
}
.description-video-bg {
background: #e6e6e6;
box-shadow: 0px -1px 20px 20px rgba(205, 205, 205, 0.4901960784);
margin: 50px auto 50px auto;
border-radius: 10px;
width: 50vw;
position: relative; }
.description-video-bg video {
border-radius: 10px;
}
.description-video {
text-align: center;
}
body.archive.tax-product_tag h1.page-title {
text-transform: uppercase;
}
body, button, input, textarea, select {
font-family: "Inter", Arial, "Lucida Grande", sans-serif;
}
.slick-arrow {
outline: none !important;
box-shadow: none !important;
}
i.fas.fa-people-carry {
margin-right: 3px;
}
.carry_delivery_information {
padding-bottom: 0;
font-weight: 500;
white-space: break-spaces;
color: #0f834d;
font-size: 15px;
}
.carry_delivery_information span.small {
font-size: 10px;
font-weight: normal;
font-weight: initial;
display: block;
}
.wymiary-produkty p::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
background-image: url(https://www.beautysofa24.de/wp-content/themes/beautytheme/assets/images/maximize-2.svg);
background-size: contain;
background-repeat: no-repeat;
vertical-align: sub;
filter: contrast(0.01);
transform: scale(0.8);
}
.wymiary-produkty p {
display: flex;
justify-content: flex-end;
margin-right: 10px;
color: #a7a7a7;
}
@media (max-width: 767px) {
.wymiary-produkty p {
margin-right: 15px;
font-size: 8px;
}
.transparentOverlay .star-rating {
bottom: -29px !important;
left: 0px !important;
}
.wymiary-produkty p::before {
margin-right: 0px;
transform: scale(0.5);
top: -3px;
position: relative;
}
}
.countdowntoend.countdown2 {
background-color: #f4f4f4;
color: #333;
font-size: 1em;
text-align: center;
padding: 8px;
border-radius: 4px;
margin: 15px 0;
}
body.archive .random-banner {
display: block;
}
body:not(.archive) .random-banner {
display: none;
}
.omnibuslowest {
font-size: 10px;
position: relative;
}
.summary p {
margin: 0;
}   .info-icon {
display: inline-block;
margin-left: 5px;
font-size: 14px;
cursor: pointer;
position: relative;
}
.info-icon:hover::after {
content: attr(data-tooltip);
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
width: 220px;
background: #333;
color: #fff;
text-align: center;
padding: 8px;
border-radius: 5px;
font-size: 12px;
line-height: 1.4;
white-space: normal;
z-index: 2;
opacity: 1;
visibility: visible;
}
.info-icon::after {
content: attr(data-tooltip);
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
width: 220px;
background: #333;
color: #fff;
text-align: center;
padding: 8px;
border-radius: 5px;
font-size: 12px;
line-height: 1.4;
white-space: normal;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
  .pulse-element,
.bs24-pulse-ring {
position: relative;
overflow: visible;
--bs24-pulse-ring-color: rgba(255, 255, 255, 0.7);
--bs24-pulse-ring-color-fade: rgba(255, 255, 255, 0);
--bs24-pulse-ring-spread: 10px;
--bs24-pulse-ring-start-scale: 0.95;
--bs24-pulse-ring-end-scale: 1;
}
.pulse-element::after,
.bs24-pulse-ring::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color);
transform: scale(var(--bs24-pulse-ring-end-scale));
pointer-events: none;
animation: bs24-pulse-ring 2s infinite;
}
@media (prefers-reduced-motion: reduce) {
.pulse-element::after,
.bs24-pulse-ring::after {
animation: none;
}
}
@keyframes bs24-pulse-ring {
0% {
transform: scale(0.95);
transform: scale(var(--bs24-pulse-ring-start-scale, 0.95));
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color, rgba(255, 255, 255, 0.7));
}
70% {
transform: scale(1);
transform: scale(var(--bs24-pulse-ring-end-scale, 1));
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 var(--bs24-pulse-ring-spread, 10px) var(--bs24-pulse-ring-color-fade, rgba(255, 255, 255, 0));
}
100% {
transform: scale(0.95);
transform: scale(var(--bs24-pulse-ring-start-scale, 0.95));
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color-fade, rgba(255, 255, 255, 0));
}
}  #uformig:not(.is-initialized) .splide__slide, #lformig:not(.is-initialized) .splide__slide, #schrankesplide:not(.is-initialized) .splide__slide {
flex: 0 0 calc((100% + 10px) / 5 - 10px);
max-width: calc((100% + 10px) / 5 - 10px);
margin-right: 10px;
}
@media (max-width: 1024px) {
#uformig:not(.is-initialized) .splide__slide, #lformig:not(.is-initialized) .splide__slide, #schrankesplide:not(.is-initialized) .splide__slide {
flex-basis: calc((100% + 10px) / 4 - 10px);
max-width: calc((100% + 10px) / 4 - 10px);
}
}
@media (max-width: 767px) {
#uformig:not(.is-initialized) .splide__slide, #lformig:not(.is-initialized) .splide__slide, #schrankesplide:not(.is-initialized) .splide__slide {
flex-basis: calc((100% + 10px) / 2 - 10px);
max-width: calc((100% + 10px) / 2 - 10px);
}
}
#bs24-collections-slider:not(.is-initialized) .splide__track {
padding-right: 100px;
}
#bs24-collections-slider:not(.is-initialized) .splide__slide {
flex: 0 0 calc((100% + 20px) / 3 - 20px);
max-width: calc((100% + 20px) / 3 - 20px);
margin-right: 20px;
}
@media (max-width: 1550px) {
#bs24-collections-slider:not(.is-initialized) .splide__track {
padding-right: 15vw;
}
#bs24-collections-slider:not(.is-initialized) .splide__slide {
flex-basis: calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
@media (max-width: 1024px) {
#bs24-collections-slider:not(.is-initialized) .splide__track {
padding-right: 12vw;
}
}
@media (max-width: 767px) {
#bs24-collections-slider:not(.is-initialized) .splide__track {
padding-right: 15vw;
}
#bs24-collections-slider:not(.is-initialized) .splide__slide {
flex-basis: calc(50% - 6px);
max-width: calc(50% - 6px);
margin-right: 12px;
}
}
@media (max-width: 640px) {
#bs24-collections-slider:not(.is-initialized) .splide__slide {
flex-basis: 100%;
max-width: 100%;
}
}
#homeBanner.splide { visibility: visible;
overflow-x: clip;
padding-bottom: 20px; }
@media (max-width: 767px) {
#homeBanner.splide {
margin-top: 20px;
}
}
#homeBanner.splide .splide__pagination {
position: absolute;
bottom: 0;
}
#homeBanner.splide:not(.is-initialized) .splide__track {
overflow: hidden;
}
#homeBanner.splide:not(.is-initialized) .splide__slide {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 641px) {
#homeBanner.splide:not(.is-initialized) .splide__slide {
flex-basis: calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
@media (max-width: 640px) {
#homeBanner.splide:not(.is-initialized) .splide__track {
padding-left: 5vw;
padding-right: 5vw;
}
}
#homeBanner.splide .splide__slide:after {
border-radius: 10px;
}
@media (min-width: 641px) {
#homeBanner.splide .splide__slide:after {
content: "";
display: block;
outline: 20px solid #fff;
background: transparent;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
pointer-events: none;
}
}
#homeBanner.splide .splide__slide img {
width: 100%;
height: auto;
border-radius: 10px;
transition: transform 0.3s ease-in-out;
}
@media (max-width: 640px) {
#homeBanner.splide .splide__slide img {
aspect-ratio: 16/9;
}
}
@media (min-width: 641px) {
#homeBanner.splide .splide__slide img:hover {
transform: scale(1.05);
}
}
#homeBanner.splide div#homeBanner-track {
overflow: visible;
z-index: 1;
}
@media (max-width: 640px) {
#homeBanner.splide div#homeBanner-track {
overflow: hidden;
}
}
#bs24-product-collection-slider.splide .transparentOverlay::after {
all: unset;
} .splide__arrows.--custom {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.splide__arrows.--custom:before {
content: "Slider bedienen: ";
font-size: 12px;
height: -moz-fit-content;
height: fit-content;
margin-top: 3px;
}
.splide__arrows.--custom .splide__arrow {
all: unset;
height: -moz-fit-content;
height: fit-content;
border-radius: 50%;
cursor: pointer;
z-index: 1;
}
.splide__arrows.--custom .splide__arrow:focus {
color: #e07c35;
} .promotion_point {
width: 18px;
height: 18px;
background-color: rgba(255, 255, 255, 0.74);
border: #e07c35 3px solid;
border-radius: 50%;
display: block;
z-index: 2;
transform: translate(-50%, -50%);
cursor: pointer;
transition: background-color 0.2s;
}
.promotion_point:hover {
background-color: rgb(255, 255, 255);
}
.promotion_point .tooltip {
display: none;
position: absolute;
top: -120%;
left: 50%;
transform: translateX(-50%);
background: white;
color: #000;
padding: 8px;
border-radius: 6px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
width: 220px;
text-align: center;
z-index: 2;
}
img.promotion_point_img {
max-width: 170px !important;
aspect-ratio: auto !important;
}
img.promotion_point_img {
align-self: center;
justify-self: center;
place-self: center;
}
.promotion_point .tooltip-text {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
}
.tooltip-price {
font-size: 20px;
font-weight: 500;
}
.promotion_point:hover .tooltip {
display: block;
}
a.promotion_point.active {
z-index: 2;
}
.promotion_point.point-1 {
position: absolute;
top: 70%;
left: 48%;
}
.promotion_point.point-2 {
position: absolute;
top: 39%;
left: 91%;
}
.promotion_point.point-3 {
position: absolute;
top: 38%;
left: 79%;
}
.promotion_point.point-4 {
position: absolute;
top: 56%;
left: 76%;
}
@media screen and (max-width: 640px) {
.promotion_point.point-1 {
display: none;
}
.promotion_point.point-2 {
top: 55%;
left: 69%;
}
.promotion_point.point-3 {
top: 52%;
left: 32%;
}
.promotion_point.point-4 {
top: 69%;
left: 21%;
}
.promotion_point .tooltip {
display: none;
}
.promotion_point.active .tooltip {
display: block;
}
img.promotion_point_img {
max-width: 100px !important;
aspect-ratio: auto !important;
}
img.promotion_point_img {
align-self: center;
justify-self: center;
place-self: center;
}
} .promotion_point {
position: relative;
overflow: visible;
--bs24-pulse-ring-color: rgba(255, 255, 255, 0.7);
--bs24-pulse-ring-color-fade: rgba(255, 255, 255, 0);
--bs24-pulse-ring-spread: 10px;
--bs24-pulse-ring-start-scale: 0.95;
--bs24-pulse-ring-end-scale: 1;
}
.promotion_point::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color);
transform: scale(var(--bs24-pulse-ring-end-scale));
pointer-events: none;
animation: bs24-pulse-ring 2s infinite;
}
@media (prefers-reduced-motion: reduce) {
.promotion_point::after {
animation: none;
}
}.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__track {
padding-right: 50px;
}
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__slide {
flex: 0 0 20%;
max-width: 20%;
}
@media (max-width: 1024px) {
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__slide {
flex-basis: 25%;
max-width: 25%;
}
}
@media (max-width: 767px) {
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__track {
padding-right: 10vw;
}
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__slide {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (max-width: 640px) {
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__track {
padding-right: 12vw;
}
.products-section__slider.splide:where(:not(#near-hotshot-slider-1):not(#near-hotshot-slider-2)):not(.is-initialized) .splide__slide {
flex-basis: 50%;
max-width: 50%;
}
}
#near-hotshot-slider-1.products-section__slider.splide:not(.is-initialized) .splide__track, #near-hotshot-slider-2.products-section__slider.splide:not(.is-initialized) .splide__track {
padding-right: 50px;
}
#near-hotshot-slider-1.products-section__slider.splide:not(.is-initialized) .splide__slide, #near-hotshot-slider-2.products-section__slider.splide:not(.is-initialized) .splide__slide {
flex: 0 0 25%;
max-width: 25%;
}
@media (max-width: 1280px) {
#near-hotshot-slider-1.products-section__slider.splide:not(.is-initialized) .splide__slide, #near-hotshot-slider-2.products-section__slider.splide:not(.is-initialized) .splide__slide {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
}
@media (max-width: 640px) {
#near-hotshot-slider-1.products-section__slider.splide:not(.is-initialized) .splide__track, #near-hotshot-slider-2.products-section__slider.splide:not(.is-initialized) .splide__track {
padding-right: 20vw;
}
#near-hotshot-slider-1.products-section__slider.splide:not(.is-initialized) .splide__slide, #near-hotshot-slider-2.products-section__slider.splide:not(.is-initialized) .splide__slide {
flex-basis: 50%;
max-width: 50%;
}
} .products-section #bs24-product-collection-slider-list .icon_above_image {
display: none !important;
}
.products-section__product {
transition: all 0.1s ease-in-out;
border-radius: 10px;
padding: 8px;
}
.products-section__product:hover {
background-color: #fff;
}
.products-section__product:hover img {
scale: 102%;
}
.products-section__product img {
transition: all 0.1s ease-in-out;
}
.products-section__product .bs24-trustmate-rating-summary.--loop {
margin: 8px 0 0;
}
.products-section__product .bs24-trustmate-rating-summary .bs24-trustmate-rating-summary__count {
display: none;
}
.products-section__product-link {
display: block;
}
.products-section__product-image-wrapper {
position: relative;
padding: 4px;
background-color: #fff;
border-radius: 10px;
}
.products-section__product-thumbnail {
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.products-section__product-badge {
position: absolute;
z-index: 10;
top: 4px;
left: 4px;
border-radius: 10px;
pointer-events: none;
background-color: #e07c35;
padding: 2px 6px;
color: #fff;
font-size: 12px;
text-align: center;
max-width: 80%;
}
@media (max-width: 767px) {
.products-section__product-badge {
font-size: 10px;
max-width: calc(100% - 10px);
}
}
.products-section__product-name {
font-size: 14px;
margin-top: 0.5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 767px) {
.products-section__product-name {
max-height: 2.8em;
}
}
.products-section__product-name, .products-section__price {
line-height: 1.5;
font-weight: 500;
}
.products-section__product-price {
margin-top: 4px;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
font-size: 18px;
}
.products-section__product-price, .products-section__product-price * {
font-weight: 500;
}
@media (max-width: 480px) {
.products-section__product-price {
font-size: 16px;
}
}
.products-section__product-price del {
color: #e07c35;
opacity: 0.7;
}
  .bs24-env-bar {
position: fixed;
top: 0px;
top: var(--bs24-admin-bar-height, 0px);
left: 0;
width: 100%;
height: 40px;
height: var(--bs24-env-bar-height, 40px);
z-index: 6;
background: #c0392b;
display: flex;
align-items: center;
justify-content: center;
padding: 0 12px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
letter-spacing: 0.5px;
transition: top 0.5s cubic-bezier(0.5, 0.25, 0.015, 1);
}
.bs24-env-bar .inner {
color: #fff;
text-align: center;
font-weight: 500;
font-size: 14px;
}
.bs24-env-bar .inner strong {
color: inherit;
}    @font-face {
font-family: "Material Icons";
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(//www.beautysofa24.de/wp-content/themes/beautytheme/assets/fonts/material-icons-01-12-2025.woff2) format("woff2");
}
@font-face {
font-family: "Material Symbols Outlined";
font-display: swap;
font-style: normal;
font-weight: 300;
src: url(//www.beautysofa24.de/wp-content/themes/beautytheme/assets/fonts/material-symbols-outlined-bs24-v2.woff2?v=781d7d8409de) format("woff2");
}
.material-icons {
font-family: "Material Icons" !important;
}
.material-icons {
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga";
}
.material-symbols,
.material-symbols-outlined,
.material-icons-outlined {
font-family: "Material Symbols Outlined" !important;
text-transform: none !important;
}
.material-symbols,
.material-symbols-outlined,
.material-icons-outlined {
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}
.bs24-modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
background: rgba(17, 19, 24, 0.56);
backdrop-filter: blur(3px);
transition: opacity 0.24s ease, visibility 0s linear 0.24s;
}
.bs24-modal-overlay.is-active {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
.bs24-delivery-stages .label {
min-height: 1.25rem;
}
.bs24-delivery-stages__item {
position: relative;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1rem;
min-width: 1rem;
max-width: 1rem;
height: 1rem;
padding: 0;
margin: 0 0 0 0.25rem;
border: 0;
border-radius: 50%;
background: transparent;
color: #55626f;
line-height: 1;
-webkit-text-decoration: none;
text-decoration: none;
vertical-align: middle;
cursor: help;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border-radius: 10px;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip svg {
display: block;
width: 100%;
height: 100%;
pointer-events: none;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip:hover, .bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip:focus-visible {
color: #e07c35;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip:focus-visible {
outline: none;
}
.bs24-delivery-stages button.bs24-tooltip-trigger.bs24-delivery-stage-tooltip:focus-visible::before {
outline: 2px solid #e07c35;
outline-offset: 2px;
}
.bs24-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 13;
z-index: var(--bs24-modal-z-index, 13);
display: flex;
align-items: flex-start;
align-items: var(--bs24-modal-align-items, flex-start);
justify-content: center;
justify-content: var(--bs24-modal-justify-content, center);
padding: 0;
padding: var(--bs24-modal-padding, 0);
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease, visibility 0s linear 0.24s;
transition: opacity var(--bs24-modal-transition-duration, 0.24s) ease, visibility 0s linear var(--bs24-modal-transition-duration, 0.24s);
}
.bs24-modal.is-open, .bs24-modal.bs24-island-postcode-modal--visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
.bs24-modal__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(17, 19, 24, 0.56);
background: var(--bs24-modal-overlay-background, rgba(17, 19, 24, 0.56));
}
.bs24-modal__dialog {
position: relative;
width: min(100%, 860px);
width: var(--bs24-modal-dialog-width, min(100%, 860px));
max-height: none;
max-height: var(--bs24-modal-dialog-max-height, none);
min-height: 0;
min-height: var(--bs24-modal-dialog-min-height, 0);
display: block;
display: var(--bs24-modal-dialog-display, block);
flex-direction: column;
flex-direction: var(--bs24-modal-dialog-flex-direction, column);
padding: 0;
padding: var(--bs24-modal-dialog-padding, 0);
border: 0;
border: var(--bs24-modal-dialog-border, 0);
border-radius: 0;
border-radius: var(--bs24-modal-dialog-border-radius, 0);
background: #fff;
background: var(--bs24-modal-dialog-background, #fff);
box-shadow: none;
box-shadow: var(--bs24-modal-dialog-shadow, none);
overflow: visible;
overflow: var(--bs24-modal-dialog-overflow, visible);
} .mobileContent.is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.beautymenu-backdrop {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s ease;
}
.beautymenu-backdrop.is-active {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
visibility: visible;
opacity: 1;
pointer-events: auto;
}
button.beautymenu__item-content,
button.beautymenu__submenu-item-content {
font-family: inherit !important;
}
button.beautymenu__item-content,
button.beautymenu__submenu-item-content {
width: 100%;
background: none;
border: medium none currentColor;
border: initial;
color: inherit;
padding: 0;
padding: initial;
font-weight: inherit;
text-shadow: none;
margin: 0;
text-rendering: auto;
font-size: inherit;
line-height: inherit;
}
.beautymenu h2, .beautymenu h3, .beautymenu h4, .beautymenu h5, .beautymenu h6 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
color: currentColor;
}
#page .beautymenu {
z-index: 3;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 320px;
max-width: calc(-64px + 100vw);
background: #ffffff;
background: var(--color-white, #ffffff);
box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 2px 1px rgba(0, 0, 0, 0.08);
box-shadow: var(--right04, 4px 0 8px 0 rgba(0, 0, 0, var(--opacity16, 0.16)), 0 0 2px 1px rgba(0, 0, 0, var(--opacity08, 0.08)));
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
transition: transform 0.4s ease, opacity 0.4s ease;
transform: translateX(-100%);
}
#page .beautymenu.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
#page .beautymenu__header {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
min-height: 50px;
padding: 8px 16px 8px 8px;
background: #f2f2f2;
color: #000;
border-bottom: 1px solid #dddddd;
}
#page .beautymenu__close, #page .beautymenu__back-arrow {
background: none;
display: block;
width: 24px;
height: 24px;
padding: 4px;
margin-left: 4px;
cursor: pointer;
}
#page .beautymenu__close svg,
#page .beautymenu__close img, #page .beautymenu__back-arrow svg,
#page .beautymenu__back-arrow img {
width: 100%;
height: 100%;
}
#page .beautymenu__close:hover, #page .beautymenu__close:focus, #page .beautymenu__back-arrow:hover, #page .beautymenu__back-arrow:focus {
background: none;
color: #e07c35;
}
#page .beautymenu__close:hover svg, #page .beautymenu__close:focus svg, #page .beautymenu__back-arrow:hover svg, #page .beautymenu__back-arrow:focus svg {
fill: currentColor;
}
#page .beautymenu__back-arrow {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1;
}
#page .beautymenu__section-header {
display: flex;
align-items: flex-end;
width: 100%;
height: 50px;
padding-bottom: 12px;
}
#page .beautymenu__section-header-txt, #page .beautymenu__back-btn {
margin-left: 16px;
font-size: 12px;
line-height: 16px;
color: #6e6e6e;
font-weight: 500;
-webkit-text-decoration: none;
text-decoration: none;
}
#page .beautymenu__back-btn {
margin: 0;
padding-left: 16px;
cursor: pointer;
width: 100%;
background: none;
border: none;
font-weight: 500;
text-align: left;
}
#page .beautymenu__submenu-parent {
color: #e07c35;
border: 2px #e07c35 solid;
padding: 10px 20px 10px 20px;
border-radius: 10px;
margin: 0 16px 8px 12px;
transition: all 0.3s ease;
}
#page .beautymenu__submenu-parent:hover {
border-color: #fff;
color: #fff;
background-color: #e07c35;
}
#page .beautymenu__parent-btn {
display: inline-block;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
#page .beautymenu__parent-btn .category-name {
font-weight: 500;
}
#page .beautymenu__category-list, #page .beautymenu__submenu {
width: 100%;
transform: translateX(0);
transition: transform 0.4s ease, opacity 0.4s ease;
padding: 0;
margin: 0;
}
#page .beautymenu__category-list-item, #page .beautymenu__submenu-item {
border-bottom: 1px solid #dddddd;
}
#page .beautymenu__category-list-item:hover, #page .beautymenu__category-list-item:focus, #page .beautymenu__submenu-item:hover, #page .beautymenu__submenu-item:focus {
color: #e07c35;
}
#page .beautymenu__category-list-item:hover svg, #page .beautymenu__category-list-item:focus svg, #page .beautymenu__submenu-item:hover svg, #page .beautymenu__submenu-item:focus svg {
fill: #e07c35;
}
#page .beautymenu__category-list-item:hover h2, #page .beautymenu__category-list-item:hover h3, #page .beautymenu__category-list-item:hover h4, #page .beautymenu__category-list-item:hover h5, #page .beautymenu__category-list-item:hover h6, #page .beautymenu__category-list-item:focus h2, #page .beautymenu__category-list-item:focus h3, #page .beautymenu__category-list-item:focus h4, #page .beautymenu__category-list-item:focus h5, #page .beautymenu__category-list-item:focus h6, #page .beautymenu__submenu-item:hover h2, #page .beautymenu__submenu-item:hover h3, #page .beautymenu__submenu-item:hover h4, #page .beautymenu__submenu-item:hover h5, #page .beautymenu__submenu-item:hover h6, #page .beautymenu__submenu-item:focus h2, #page .beautymenu__submenu-item:focus h3, #page .beautymenu__submenu-item:focus h4, #page .beautymenu__submenu-item:focus h5, #page .beautymenu__submenu-item:focus h6 {
color: #e07c35;
}
#page .beautymenu__list-item-inner, #page .beautymenu__submenu-item-content {
display: flex;
justify-content: space-between;
align-items: center;
height: 42px;
padding: 4px 14px;
font-size: 14px;
line-height: 1;
color: var(--item-color);
}
#page .beautymenu__list-item-inner > span, #page .beautymenu__submenu-item-content > span {
display: flex;
flex-wrap: nowrap;
-moz-column-gap: 4px;
column-gap: 4px;
}
#page .beautymenu__products-count {
opacity: 0.7;
font-size: 90%;
line-height: 1;
}
#page .beautymenu__item-icon {
display: block;
width: 24px;
height: 24px;
margin-right: 12px;
}
#page .beautymenu__item-icon svg,
#page .beautymenu__item-icon img {
width: 100%;
height: 100%;
}
#page .beautymenu__item-icon svg {
fill: var(--item-color);
}
#page .beautymenu__item-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: currentColor;
}
#page .beautymenu__item-arrow {
display: block;
width: 18px;
height: 18px;
padding: 4px;
}
#page .beautymenu__item-arrow svg {
width: 100%;
height: 100%;
fill: var(--item-color);
}
#page .beautymenu.--child-opened .beautymenu__section-header {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
#page .beautymenu.is-hidden,
#page .beautymenu .is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}
#page .beautymenu.is-animating-in,
#page .beautymenu .is-animating-in {
opacity: 0;
transform: translateX(100%);
}
#page .beautymenu.is-animating-out,
#page .beautymenu .is-animating-out {
opacity: 0;
transform: translateX(-100%);
}
#page .beautymenu ul {
list-style: none;
}   .beautymenu-featured-product {
display: flex;
flex-direction: column;
}
.beautymenu-featured-product__header {
font-size: 14px;
padding: 4px 8px 4px 0;
}
.beautymenu-featured-product__header-text {
font-weight: 500;
color: #42454b;
}
.beautymenu-featured-product__inner {
padding: 20px;
margin-top: 8px;
border-radius: 10px;
background: transparent;
}
.beautymenu-featured-product__product {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.beautymenu-featured-product__badge {
content: "";
background-color: none;
border-radius: 10px;
padding: 2px 6px;
width: -moz-max-content;
width: max-content;
color: #fff;
font-size: 10px;
text-align: center;
text-wrap: nowrap;
pointer-events: none;
font-weight: 300;
background-color: #e07c35;
background-color: var(--badge-color, #e07c35);
}
.beautymenu-featured-product__badge strong {
font-weight: 900;
}
@media (min-width: 641px) {
.beautymenu-featured-product__badge {
text-wrap: inherit;
padding: 2px 6px;
font-size: 11px;
}
}
.beautymenu-featured-product__name {
margin-top: 8px;
font-size: 16px;
font-weight: 500;
text-align: left;
}
.beautymenu-featured-product__description {
margin: 8px 0;
color: #555;
font-size: 14px;
line-height: 1.5;
}
.beautymenu-featured-product__description p:last-child {
margin-bottom: 0;
}
.beautymenu-featured-product__price {
margin-top: 4px;
font-size: 16px;
font-weight: 500;
}
.beautymenu-featured-product__price bdi {
display: block;
font-weight: inherit;
font-size: inherit;
}
.beautymenu-featured-product__image {
width: 100%;
max-width: 300px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.beautymenu-featured-product--desktop .beautymenu-featured-product__image {
max-height: 300px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__header {
padding-right: 0;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__inner {
padding: 14px;
margin-top: 6px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__image {
max-width: 140px;
max-height: 140px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__name,
.beautymenu-featured-product--mobile .beautymenu-featured-product__price {
font-size: 15px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__description {
font-size: 13px;
} .promo-compact-wrapper {
height: auto !important;
}
.promo-compact {
padding: 10px 12px;
margin: 4px 0;
border-radius: 10px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease; }
.promo-compact:hover {
transform: translateX(2px);
box-shadow: 0 4px 12px rgba(11, 95, 175, 0.25);
}
.promo-compact::before {
content: "";
position: absolute;
top: -30px;
right: -20px;
width: 80px;
height: 80px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
pointer-events: none;
}
.promo-compact.--mediro {
background: linear-gradient(135deg, #0B5FAF 0%, #084A8A 100%) !important;
}
.promo-compact.--mediro:hover .promo-title-compact {
color: #009cde !important;
}
.promo-compact.--garden {
background: linear-gradient(135deg, #e07c35 0%, #ea580c 100%) !important;
}
.promo-compact.--garden:hover .promo-title-compact {
color: #fff7ed !important;
}
.promo-content-compact {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%;
}
.promo-icon-small {
width: 28px;
height: 28px;
background: rgba(255, 255, 255, 0.25);
border: 1.5px solid rgba(255, 255, 255, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.promo-compact:hover .promo-icon-small {
transform: translateX(2px);
}
.promo-icon-small span {
color: #FFFFFF;
font-size: 14px;
font-weight: 300;
line-height: 1;
padding-bottom: 4px;
}
.promo-text-compact {
flex: 1;
}
.promo-title-compact {
font-size: 13px;
color: #FFFFFF;
font-weight: 500;
line-height: 1.3;
display: flex;
align-items: center;
gap: 6px;
}
.promo-badge-compact {
display: inline-block;
background: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
padding: 2px 6px;
border-radius: 10px;
font-size: 8px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.promo-subtitle-compact {
font-size: 10px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.3;
margin-top: 2px;
}
.beautymenu-desktop h2, .beautymenu-desktop h3, .beautymenu-desktop h4, .beautymenu-desktop h5, .beautymenu-desktop h6 {
font-family: inherit;
font-size: inherit;
margin: 0;
}
.beautymenu-desktop h2 {
font-weight: 500;
}
.beautymenu-desktop h3, .beautymenu-desktop h4, .beautymenu-desktop h5, .beautymenu-desktop h6 {
font-weight: 300 !important;
}
@media (max-width: 1024px) {
#page .beautymenu-desktop {
display: none;
}
}
@media (max-width: 1150px) {
#page .beautymenu-desktop__list {
gap: 12px;
}
}
@media (min-width: 1023px) {
#page .beautymenu-desktop {
display: flex;
justify-content: center;
width: 100%;
font-size: 14px;
line-height: 1.5;
}
#page .beautymenu-desktop__list {
max-width: 1350px;
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: flex-end;
justify-content: center;
gap: 20px;
}
#page .beautymenu-desktop__list-item {
position: relative;
border-radius: 10px 10px 0 0;
transition: all 0.3s ease-in-out;
padding: 4px 0;
}
#page .beautymenu-desktop__list-item h2 {
color: #131315;
}
#page .beautymenu-desktop__list-item:hover {
background-color: #e07c35;
}
#page .beautymenu-desktop__list-item:hover.--color-change {
background-color: #e07c35;
background-color: var(--item-color, #e07c35);
}
#page .beautymenu-desktop__list-item:hover.--color-change .beautymenu-desktop__list-item-inner {
color: #fff;
}
#page .beautymenu-desktop__list-item:hover h2,
#page .beautymenu-desktop__list-item:hover .beautymenu-desktop__list-item-inner {
color: #fff;
}
#page .beautymenu-desktop__list-item:hover .beautymenu-desktop__child-list-wrapper {
visibility: visible;
opacity: 1;
height: auto;
}
#page .beautymenu-desktop__list-item:has(.trustmate-badge) {
padding: 0;
background: none;
border-radius: none;
}
#page .beautymenu-desktop__list-item.--color-change .beautymenu-desktop__list-item-inner {
font-weight: 500;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper:hover {
background-color: #e8f0f9;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper .menu-item-promo {
color: #0e53a8 !important;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper .menu-item-promo {
display: block;
position: relative;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper .menu-item-promo h2 {
font-size: 12px;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper .menu-item-promo .promo-badge {
position: absolute;
color: #0e53a8;
top: -3px;
font-size: 8px;
}
#page .beautymenu-desktop__list-item.menu-item-promo-wrapper h2, #page .beautymenu-desktop__list-item.menu-item-promo-wrapper:hover h2 {
color: currentColor;
}
#page .beautymenu-desktop__list-item h4, #page .beautymenu-desktop__list-item h5 {
color: #fff;
}
#page .beautymenu-desktop__list-item .trustmate-badge {
max-width: 200px;
max-height: 40px;
border-radius: inherit;
transition: inherit;
}
#page .beautymenu-desktop__list-item-inner {
padding: 8px 12px;
display: flex;
flex-wrap: wrap;
align-items: center;
transition: color 0.3s ease-in-out;
color: inherit;
color: var(--item-color, inherit);
}
}
@media (min-width: 1023px) and (max-width: 1150px) {
#page .beautymenu-desktop__list-item-inner {
padding: 8px;
}
}
@media (min-width: 1023px) {
#page .beautymenu-desktop__child-list-header {
display: flex;
align-items: center;
justify-content: space-between;
}
#page .beautymenu-desktop__child-list-parent-name {
font-weight: 500;
}
#page .beautymenu-desktop__child-list-parent-name:hover {
color: #e07c35;
}
#page .beautymenu-desktop__child-list-parent-link {
font-weight: 500;
color: #e07c35;
transition: all 0.1s ease-in-out;
}
#page .beautymenu-desktop__child-list-parent-link:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
color: #e09635;
}
#page .beautymenu-desktop__child-list-wrapper {
visibility: hidden;
opacity: 0;
height: 0;
position: absolute;
top: 40px;
background-color: transparent;
padding: 0 30px 30px 0;
transition: all 0.3s ease-in-out;
border-radius: 10px;
z-index: 2;
}
#page .beautymenu-desktop__list-wrapper {
width: 270px;
}
#page .beautymenu-desktop__child-list-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 20px 20px 20px 0;
background-color: #fff;
box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.24);
border-color: transparent;
border-color: var(--item-color, transparent);
border-width: 2px;
border-style: solid;
border-radius: 0 0 10px 10px;
}
#page .beautymenu-desktop__child-list {
top: 100%;
left: 0;
width: 100%;
color: #000;
}
#page .beautymenu-desktop__child-item h3 {
color: #131315;
}
#page .beautymenu-desktop__child-item h4, #page .beautymenu-desktop__child-item h5 {
color: #fff;
}
#page .beautymenu-desktop__child-item:hover h3 {
color: #fff;
}
#page .beautymenu-desktop__child-item:hover {
background-color: #e07c35;
}
#page .beautymenu-desktop__child-item:hover .beautymenu-desktop__item-link {
color: #fff;
}
#page .beautymenu-desktop__child-item:hover .beautymenu-desktop__item-link svg {
stroke-width: 2px;
}
#page .beautymenu-desktop__child-item:hover > ul.beautymenu-desktop__grandchild-list {
visibility: visible;
}
#page .beautymenu-desktop__child-item:hover > ul.beautymenu-desktop__grandchild-list .beautymenu-desktop__grandchild-item {
opacity: 1;
}
#page .beautymenu-desktop__item-link, #page .beautymenu-desktop__child-list-header {
padding: 4px 8px 4px 28px;
font-size: 14px;
}
#page .beautymenu-desktop__item-link.--grandchild, #page .beautymenu-desktop__child-list-header.--grandchild {
margin-left: -24px;
background-color: #e07c35;
color: #fff;
}
#page .beautymenu-desktop__item-link {
display: flex;
justify-content: space-between;
}
#page .beautymenu-desktop__item-link svg {
stroke: currentColor;
}
#page .beautymenu-desktop__item-label {
display: flex;
align-items: baseline;
gap: 4px;
}
#page .beautymenu-desktop__products-count {
opacity: 0.7;
font-size: 90%;
line-height: 1;
}
#page .beautymenu-desktop__item-arrow {
display: block;
width: 18px;
height: 18px;
padding: 4px;
}
#page .beautymenu-desktop__item-arrow svg {
width: 100%;
height: 100%;
fill: var(--item-color);
}
#page .beautymenu-desktop__product {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#page .beautymenu-desktop__featured-product {
display: flex;
flex-direction: column;
max-width: 500px;
min-width: 300px;
}
#page .beautymenu-desktop__featured-product.--alone {
padding-left: 20px;
}
#page .beautymenu-desktop__featured-product-header {
font-size: 14px;
padding: 4px 8px 4px 0;
transition: all 0.1s ease-in-out;
}
#page .beautymenu-desktop__featured-product-header-txt {
font-weight: 500;
color: #42454B;
}
#page .beautymenu-desktop__featured-product-inner {
padding: 20px;
margin-top: 8px;
border-radius: 10px;
background: transparent;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#page .beautymenu-desktop__product {
position: relative;
}
#page .beautymenu-desktop__product-badge {
content: "";
background-color: none;
border-radius: 10px;
padding: 2px 6px;
width: -moz-max-content;
width: max-content;
color: #fff;
font-size: 10px;
text-align: center;
text-wrap: nowrap;
pointer-events: none;
font-weight: 300;
background-color: #e07c35;
background-color: var(--badge-color, #e07c35);
}
#page .beautymenu-desktop__product-badge strong {
font-weight: 900;
}
}
@media (min-width: 1023px) and (min-width: 641px) {
#page .beautymenu-desktop__product-badge {
text-wrap: inherit;
padding: 2px 6px;
font-size: 11px;
}
}
@media (min-width: 1023px) {
#page .beautymenu-desktop__product-name {
margin-top: 8px;
font-size: 16px;
font-weight: 500;
text-align: left;
}
#page .beautymenu-desktop__product-description {
margin: 8px 0;
color: #555;
font-size: 14px;
line-height: 1.5;
}
#page .beautymenu-desktop__product-description p:last-child {
margin-bottom: 0;
}
#page .beautymenu-desktop__price {
margin-top: 4px;
font-size: 16px;
font-weight: 500;
}
#page .beautymenu-desktop__price bdi {
display: block;
font-weight: inherit;
font-size: inherit;
}
#page .beautymenu-desktop__product-image {
width: 100%;
max-width: 300px;
max-height: 300px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
#page .beautymenu-desktop__product-button,
#page .beautymenu-desktop a.added_to_cart.wc-forward {
margin: 8px 0 0 0;
padding: 10px 20px;
color: #fff;
border-radius: 9999px;
-webkit-text-decoration: none;
text-decoration: none;
display: inline-block;
font-size: 14px;
transition: all 0.3s ease;
}
#page .beautymenu-desktop__product-button {
background-color: #131315;
}
#page .beautymenu-desktop__product-button:hover {
background-color: #e07c35;
}
#page .beautymenu-desktop__product-button.added {
font-weight: 300;
}
#page .beautymenu-desktop__grandchild-list {
visibility: hidden;
background-color: #e07c35;
color: #fff;
position: absolute;
z-index: 3;
top: 0;
left: 256px;
right: 30px;
border-radius: 0 0 10px 0;
bottom: 30px;
padding: 24px;
}
#page .beautymenu-desktop__grandchild-list-header {
color: #fff;
border: 2px solid #fff;
padding: 10px 20px 10px 20px;
border-radius: 10px;
margin: 0 4px 8px 4px;
transition: all 0.3s ease;
}
#page .beautymenu-desktop__grandchild-list-header:hover {
border-color: #e07c35;
color: #e07c35;
background-color: #fff;
}
#page .beautymenu-desktop__parent-btn {
display: inline-block;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
#page .beautymenu-desktop__parent-btn .category-name {
font-weight: 500;
}
#page .beautymenu-desktop__grandchild-item {
opacity: 0;
transition: opacity 0.3s ease-in;
}
#page .beautymenu-desktop__grandchild-item:hover .beautymenu-desktop__item-link {
background-color: #fff;
}
#page .beautymenu-desktop__grandchild-item:hover .beautymenu-desktop__item-link h4 {
color: #e07c35;
}
#page .beautymenu-desktop a.added_to_cart.wc-forward {
background-color: #e07c35;
font-weight: 500;
}
#page .beautymenu-desktop a.added_to_cart.wc-forward:hover {
background-color: #131315;
}
#page .beautymenu-desktop a.added_to_cart.wc-forward::after {
content: " →";
display: inline;
font-weight: 500;
}
#page .beautymenu-desktop ul {
list-style: none;
}
}   .beautymenu-featured-product {
display: flex;
flex-direction: column;
}
.beautymenu-featured-product__header {
font-size: 14px;
padding: 4px 8px 4px 0;
}
.beautymenu-featured-product__header-text {
font-weight: 500;
color: #42454b;
}
.beautymenu-featured-product__inner {
padding: 20px;
margin-top: 8px;
border-radius: 10px;
background: transparent;
}
.beautymenu-featured-product__product {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.beautymenu-featured-product__badge {
content: "";
background-color: none;
border-radius: 10px;
padding: 2px 6px;
width: -moz-max-content;
width: max-content;
color: #fff;
font-size: 10px;
text-align: center;
text-wrap: nowrap;
pointer-events: none;
font-weight: 300;
background-color: #e07c35;
background-color: var(--badge-color, #e07c35);
}
.beautymenu-featured-product__badge strong {
font-weight: 900;
}
@media (min-width: 641px) {
.beautymenu-featured-product__badge {
text-wrap: inherit;
padding: 2px 6px;
font-size: 11px;
}
}
.beautymenu-featured-product__name {
margin-top: 8px;
font-size: 16px;
font-weight: 500;
text-align: left;
}
.beautymenu-featured-product__description {
margin: 8px 0;
color: #555;
font-size: 14px;
line-height: 1.5;
}
.beautymenu-featured-product__description p:last-child {
margin-bottom: 0;
}
.beautymenu-featured-product__price {
margin-top: 4px;
font-size: 16px;
font-weight: 500;
}
.beautymenu-featured-product__price bdi {
display: block;
font-weight: inherit;
font-size: inherit;
}
.beautymenu-featured-product__image {
width: 100%;
max-width: 300px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.beautymenu-featured-product--desktop .beautymenu-featured-product__image {
max-height: 300px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__header {
padding-right: 0;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__inner {
padding: 14px;
margin-top: 6px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__image {
max-width: 140px;
max-height: 140px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__name,
.beautymenu-featured-product--mobile .beautymenu-featured-product__price {
font-size: 15px;
}
.beautymenu-featured-product--mobile .beautymenu-featured-product__description {
font-size: 13px;
} .promo-compact-wrapper {
height: auto !important;
}
.promo-compact {
padding: 10px 12px;
margin: 4px 0;
border-radius: 10px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease; }
.promo-compact:hover {
transform: translateX(2px);
box-shadow: 0 4px 12px rgba(11, 95, 175, 0.25);
}
.promo-compact::before {
content: "";
position: absolute;
top: -30px;
right: -20px;
width: 80px;
height: 80px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
pointer-events: none;
}
.promo-compact.--mediro {
background: linear-gradient(135deg, #0B5FAF 0%, #084A8A 100%) !important;
}
.promo-compact.--mediro:hover .promo-title-compact {
color: #009cde !important;
}
.promo-compact.--garden {
background: linear-gradient(135deg, #e07c35 0%, #ea580c 100%) !important;
}
.promo-compact.--garden:hover .promo-title-compact {
color: #fff7ed !important;
}
.promo-content-compact {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%;
}
.promo-icon-small {
width: 28px;
height: 28px;
background: rgba(255, 255, 255, 0.25);
border: 1.5px solid rgba(255, 255, 255, 0.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.promo-compact:hover .promo-icon-small {
transform: translateX(2px);
}
.promo-icon-small span {
color: #FFFFFF;
font-size: 14px;
font-weight: 300;
line-height: 1;
padding-bottom: 4px;
}
.promo-text-compact {
flex: 1;
}
.promo-title-compact {
font-size: 13px;
color: #FFFFFF;
font-weight: 500;
line-height: 1.3;
display: flex;
align-items: center;
gap: 6px;
}
.promo-badge-compact {
display: inline-block;
background: rgba(255, 255, 255, 0.3);
color: #FFFFFF;
padding: 2px 6px;
border-radius: 10px;
font-size: 8px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.promo-subtitle-compact {
font-size: 10px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.3;
margin-top: 2px;
}
.mobileContent.--is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
body.beautymenu-mobile-lock-scroll {
overflow: hidden;
position: relative;
height: 100vh;
}
.beautymenu-mobile__overlay {
z-index: 10;
}
button.beautymenu-mobile__item-content,
button.beautymenu-mobile__submenu-item-content {
font-family: inherit !important;
}
button.beautymenu-mobile__item-content,
button.beautymenu-mobile__submenu-item-content {
width: 100%;
text-align: left;
background: none;
border: medium none currentColor;
border: initial;
color: inherit;
padding: 0;
padding: initial;
font-weight: inherit;
text-shadow: none;
margin: 0;
text-rendering: auto;
font-size: inherit;
line-height: inherit;
}
.beautymenu-mobile h2, .beautymenu-mobile h3, .beautymenu-mobile h4, .beautymenu-mobile h5, .beautymenu-mobile h6 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
color: currentColor;
}
#page .beautymenu-mobile {
z-index: 11;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 320px;
max-width: calc(-64px + 100vw);
background: #ffffff;
background: var(--color-white, #ffffff);
box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 2px 1px rgba(0, 0, 0, 0.08);
box-shadow: var(--right04, 4px 0 8px 0 rgba(0, 0, 0, var(--opacity16, 0.16)), 0 0 2px 1px rgba(0, 0, 0, var(--opacity08, 0.08)));
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
transition: transform 0.4s ease, opacity 0.4s ease;
transform: translateX(-100%);
}
#page .beautymenu-mobile.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
#page .beautymenu-mobile__header {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
min-height: 50px;
padding: 8px 16px 8px 8px;
background: #f2f2f2;
color: #000;
border-bottom: 1px solid #dddddd;
}
#page .beautymenu-mobile__close, #page .beautymenu-mobile__back-arrow {
background: none;
display: block;
width: 24px;
height: 24px;
padding: 4px;
margin-left: 4px;
cursor: pointer;
}
#page .beautymenu-mobile__close svg,
#page .beautymenu-mobile__close img, #page .beautymenu-mobile__back-arrow svg,
#page .beautymenu-mobile__back-arrow img {
width: 100%;
height: 100%;
}
#page .beautymenu-mobile__close:hover, #page .beautymenu-mobile__close:focus, #page .beautymenu-mobile__back-arrow:hover, #page .beautymenu-mobile__back-arrow:focus {
background: none;
color: #e07c35;
}
#page .beautymenu-mobile__close:hover svg, #page .beautymenu-mobile__close:focus svg, #page .beautymenu-mobile__back-arrow:hover svg, #page .beautymenu-mobile__back-arrow:focus svg {
fill: currentColor;
}
#page .beautymenu-mobile__back-arrow {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1;
}
#page .beautymenu-mobile__section-header {
display: flex;
align-items: flex-end;
width: 100%;
height: 50px;
padding-bottom: 12px;
}
#page .beautymenu-mobile__section-header-txt, #page .beautymenu-mobile__back-btn {
margin-left: 16px;
font-size: 12px;
line-height: 16px;
color: #6e6e6e;
font-weight: 500;
-webkit-text-decoration: none;
text-decoration: none;
}
#page .beautymenu-mobile__back-btn {
margin: 0;
padding-left: 16px;
cursor: pointer;
width: 100%;
background: none;
border: none;
font-weight: 500;
text-align: left;
}
#page .beautymenu-mobile__submenu-parent {
color: #e07c35;
border: 2px solid #e07c35;
padding: 10px 20px 10px 20px;
border-radius: 10px;
margin: 0 16px 8px 12px;
transition: all 0.3s ease;
}
#page .beautymenu-mobile__submenu-parent:hover {
border-color: #fff;
color: #fff;
background-color: #e07c35;
}
#page .beautymenu-mobile__parent-btn {
display: inline-block;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
#page .beautymenu-mobile__parent-btn .category-name {
font-weight: 500;
}
#page .beautymenu-mobile__category-list, #page .beautymenu-mobile__submenu {
width: 100%;
transform: translateX(0);
transition: transform 0.4s ease, opacity 0.4s ease;
padding: 0;
margin: 0;
}
#page .beautymenu-mobile__category-list-item, #page .beautymenu-mobile__submenu-item {
border-bottom: 1px solid #dddddd;
}
#page .beautymenu-mobile__category-list-item:hover, #page .beautymenu-mobile__category-list-item:focus, #page .beautymenu-mobile__submenu-item:hover, #page .beautymenu-mobile__submenu-item:focus {
color: #e07c35;
}
#page .beautymenu-mobile__category-list-item:hover svg, #page .beautymenu-mobile__category-list-item:focus svg, #page .beautymenu-mobile__submenu-item:hover svg, #page .beautymenu-mobile__submenu-item:focus svg {
fill: #e07c35;
}
#page .beautymenu-mobile__category-list-item:hover h2, #page .beautymenu-mobile__category-list-item:hover h3, #page .beautymenu-mobile__category-list-item:hover h4, #page .beautymenu-mobile__category-list-item:hover h5, #page .beautymenu-mobile__category-list-item:hover h6, #page .beautymenu-mobile__category-list-item:focus h2, #page .beautymenu-mobile__category-list-item:focus h3, #page .beautymenu-mobile__category-list-item:focus h4, #page .beautymenu-mobile__category-list-item:focus h5, #page .beautymenu-mobile__category-list-item:focus h6, #page .beautymenu-mobile__submenu-item:hover h2, #page .beautymenu-mobile__submenu-item:hover h3, #page .beautymenu-mobile__submenu-item:hover h4, #page .beautymenu-mobile__submenu-item:hover h5, #page .beautymenu-mobile__submenu-item:hover h6, #page .beautymenu-mobile__submenu-item:focus h2, #page .beautymenu-mobile__submenu-item:focus h3, #page .beautymenu-mobile__submenu-item:focus h4, #page .beautymenu-mobile__submenu-item:focus h5, #page .beautymenu-mobile__submenu-item:focus h6 {
color: #e07c35;
}
#page .beautymenu-mobile__list-item-inner, #page .beautymenu-mobile__submenu-item-content {
display: flex;
justify-content: space-between;
align-items: center;
height: 42px;
padding: 4px 14px;
font-size: 14px;
line-height: 1;
color: var(--item-color);
}
#page .beautymenu-mobile__list-item-inner > span, #page .beautymenu-mobile__submenu-item-content > span {
display: flex;
flex-wrap: nowrap;
-moz-column-gap: 4px;
column-gap: 4px;
}
#page .beautymenu-mobile__products-count {
opacity: 0.7;
font-size: 90%;
line-height: 1;
}
#page .beautymenu-mobile__featured-product-item {
padding: 12px 16px 16px;
border-bottom: 0;
}
#page .beautymenu-mobile__featured-product {
width: 100%;
}
#page .beautymenu-mobile__item-icon {
display: block;
width: 24px;
height: 24px;
margin-right: 12px;
}
#page .beautymenu-mobile__item-icon svg,
#page .beautymenu-mobile__item-icon img {
width: 100%;
height: 100%;
}
#page .beautymenu-mobile__item-icon svg {
fill: var(--item-color);
}
#page .beautymenu-mobile__item-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: currentColor;
background: none;
}
#page .beautymenu-mobile__item-arrow {
display: block;
width: 18px;
height: 18px;
padding: 4px;
}
#page .beautymenu-mobile__item-arrow svg {
width: 100%;
height: 100%;
fill: var(--item-color);
}
#page .beautymenu-mobile .trustmate-badge {
all: unset;
max-width: 200px;
max-height: 40px;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
margin: 12px 0 0 14px;
display: grid;
grid-auto-columns: auto;
grid-template-columns: auto auto;
grid-template-rows: 50% 50%;
padding: 4px 6px;
transition: all 0.3 ease;
grid-gap: 0px 8px;
grid-template-areas: "bs24-tm-score bs24-tm-logo" "bs24-tm-score bs24-tm-text";
}
#page .beautymenu-mobile .trustmate-badge:hover {
background-color: rgb(255, 135, 48);
color: #fff;
}
#page .beautymenu-mobile .trustmate-badge:hover .trustmate-score {
color: #fff;
}
#page .beautymenu-mobile .trustmate-badge:hover .trustmate-text {
color: #fff;
}
#page .beautymenu-mobile .trustmate-badge:hover .trustmate-text span {
color: #fff;
}
#page .beautymenu-mobile .trustmate-badge .trustmate-score {
grid-area: bs24-tm-score;
font-size: 1.2rem;
font-weight: 500;
color: #131315;
display: flex;
align-items: center;
justify-content: center;
}
#page .beautymenu-mobile .trustmate-badge .trustmate-logo {
grid-area: bs24-tm-logo;
}
#page .beautymenu-mobile .trustmate-badge .trustmate-logo img {
width: auto;
height: 100%;
vertical-align: middle;
}
#page .beautymenu-mobile .trustmate-badge .trustmate-text {
grid-area: bs24-tm-text;
font-size: 0.6rem;
color: #555;
}
#page .beautymenu-mobile .trustmate-badge .trustmate-text span {
color: rgb(255, 135, 48);
font-weight: 500;
}
#page .beautymenu-mobile.--child-opened .beautymenu-mobile__section-header {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
#page .beautymenu-mobile.--is-hidden, #page .beautymenu-mobile.--is-hidden *,
#page .beautymenu-mobile .--is-hidden,
#page .beautymenu-mobile .--is-hidden * {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
display: flex !important;
}
#page .beautymenu-mobile.--is-animating-in,
#page .beautymenu-mobile .--is-animating-in {
opacity: 0;
transform: translateX(100%);
}
#page .beautymenu-mobile.--is-animating-out,
#page .beautymenu-mobile .--is-animating-out {
opacity: 0;
transform: translateX(-100%);
}
#page .beautymenu-mobile ul {
list-style: none;
} .mobileContent.is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.beautymenu-backdrop {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.4s ease;
}
.beautymenu-backdrop.is-active {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
visibility: visible;
opacity: 1;
pointer-events: auto;
}
button.beautymenu__item-content,
button.beautymenu__submenu-item-content {
font-family: inherit !important;
}
button.beautymenu__item-content,
button.beautymenu__submenu-item-content {
width: 100%;
background: none;
border: medium none currentColor;
border: initial;
color: inherit;
padding: 0;
padding: initial;
font-weight: inherit;
text-shadow: none;
margin: 0;
text-rendering: auto;
font-size: inherit;
line-height: inherit;
}
.beautymenu h2, .beautymenu h3, .beautymenu h4, .beautymenu h5, .beautymenu h6 {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
margin: 0;
color: currentColor;
}
#page .beautymenu {
z-index: 3;
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 320px;
max-width: calc(-64px + 100vw);
background: #ffffff;
background: var(--color-white, #ffffff);
box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.16), 0 0 2px 1px rgba(0, 0, 0, 0.08);
box-shadow: var(--right04, 4px 0 8px 0 rgba(0, 0, 0, var(--opacity16, 0.16)), 0 0 2px 1px rgba(0, 0, 0, var(--opacity08, 0.08)));
overflow-x: hidden;
overflow-y: auto;
overflow: hidden auto;
transition: transform 0.4s ease, opacity 0.4s ease;
transform: translateX(-100%);
}
#page .beautymenu.open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
#page .beautymenu__header {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
min-height: 50px;
padding: 8px 16px 8px 8px;
background: #f2f2f2;
color: #000;
border-bottom: 1px solid #dddddd;
}
#page .beautymenu__close, #page .beautymenu__back-arrow {
background: none;
display: block;
width: 24px;
height: 24px;
padding: 4px;
margin-left: 4px;
cursor: pointer;
}
#page .beautymenu__close svg,
#page .beautymenu__close img, #page .beautymenu__back-arrow svg,
#page .beautymenu__back-arrow img {
width: 100%;
height: 100%;
}
#page .beautymenu__close:hover, #page .beautymenu__close:focus, #page .beautymenu__back-arrow:hover, #page .beautymenu__back-arrow:focus {
background: none;
color: #e07c35;
}
#page .beautymenu__close:hover svg, #page .beautymenu__close:focus svg, #page .beautymenu__back-arrow:hover svg, #page .beautymenu__back-arrow:focus svg {
fill: currentColor;
}
#page .beautymenu__back-arrow {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1;
}
#page .beautymenu__section-header {
display: flex;
align-items: flex-end;
width: 100%;
height: 50px;
padding-bottom: 12px;
}
#page .beautymenu__section-header-txt, #page .beautymenu__back-btn {
margin-left: 16px;
font-size: 12px;
line-height: 16px;
color: #6e6e6e;
font-weight: 500;
-webkit-text-decoration: none;
text-decoration: none;
}
#page .beautymenu__back-btn {
margin: 0;
padding-left: 16px;
cursor: pointer;
width: 100%;
background: none;
border: none;
font-weight: 500;
text-align: left;
}
#page .beautymenu__submenu-parent {
color: #e07c35;
border: 2px #e07c35 solid;
padding: 10px 20px 10px 20px;
border-radius: 10px;
margin: 0 16px 8px 12px;
transition: all 0.3s ease;
}
#page .beautymenu__submenu-parent:hover {
border-color: #fff;
color: #fff;
background-color: #e07c35;
}
#page .beautymenu__parent-btn {
display: inline-block;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
#page .beautymenu__parent-btn .category-name {
font-weight: 500;
}
#page .beautymenu__category-list, #page .beautymenu__submenu {
width: 100%;
transform: translateX(0);
transition: transform 0.4s ease, opacity 0.4s ease;
padding: 0;
margin: 0;
}
#page .beautymenu__category-list-item, #page .beautymenu__submenu-item {
border-bottom: 1px solid #dddddd;
}
#page .beautymenu__category-list-item:hover, #page .beautymenu__category-list-item:focus, #page .beautymenu__submenu-item:hover, #page .beautymenu__submenu-item:focus {
color: #e07c35;
}
#page .beautymenu__category-list-item:hover svg, #page .beautymenu__category-list-item:focus svg, #page .beautymenu__submenu-item:hover svg, #page .beautymenu__submenu-item:focus svg {
fill: #e07c35;
}
#page .beautymenu__category-list-item:hover h2, #page .beautymenu__category-list-item:hover h3, #page .beautymenu__category-list-item:hover h4, #page .beautymenu__category-list-item:hover h5, #page .beautymenu__category-list-item:hover h6, #page .beautymenu__category-list-item:focus h2, #page .beautymenu__category-list-item:focus h3, #page .beautymenu__category-list-item:focus h4, #page .beautymenu__category-list-item:focus h5, #page .beautymenu__category-list-item:focus h6, #page .beautymenu__submenu-item:hover h2, #page .beautymenu__submenu-item:hover h3, #page .beautymenu__submenu-item:hover h4, #page .beautymenu__submenu-item:hover h5, #page .beautymenu__submenu-item:hover h6, #page .beautymenu__submenu-item:focus h2, #page .beautymenu__submenu-item:focus h3, #page .beautymenu__submenu-item:focus h4, #page .beautymenu__submenu-item:focus h5, #page .beautymenu__submenu-item:focus h6 {
color: #e07c35;
}
#page .beautymenu__list-item-inner, #page .beautymenu__submenu-item-content {
display: flex;
justify-content: space-between;
align-items: center;
height: 42px;
padding: 4px 14px;
font-size: 14px;
line-height: 1;
color: var(--item-color);
}
#page .beautymenu__list-item-inner > span, #page .beautymenu__submenu-item-content > span {
display: flex;
flex-wrap: nowrap;
-moz-column-gap: 4px;
column-gap: 4px;
}
#page .beautymenu__products-count {
opacity: 0.7;
font-size: 90%;
line-height: 1;
}
#page .beautymenu__item-icon {
display: block;
width: 24px;
height: 24px;
margin-right: 12px;
}
#page .beautymenu__item-icon svg,
#page .beautymenu__item-icon img {
width: 100%;
height: 100%;
}
#page .beautymenu__item-icon svg {
fill: var(--item-color);
}
#page .beautymenu__item-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: currentColor;
}
#page .beautymenu__item-arrow {
display: block;
width: 18px;
height: 18px;
padding: 4px;
}
#page .beautymenu__item-arrow svg {
width: 100%;
height: 100%;
fill: var(--item-color);
}
#page .beautymenu.--child-opened .beautymenu__section-header {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
#page .beautymenu.is-hidden,
#page .beautymenu .is-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}
#page .beautymenu.is-animating-in,
#page .beautymenu .is-animating-in {
opacity: 0;
transform: translateX(100%);
}
#page .beautymenu.is-animating-out,
#page .beautymenu .is-animating-out {
opacity: 0;
transform: translateX(-100%);
}
#page .beautymenu ul {
list-style: none;
}
.woocommerce-breadcrumb {
margin: 12px 10px;
}  body.single-product #main .bs24-custom-add-to-cart-btn {
height: auto;
border-radius: 10px;
background-color: #e07c35;
color: #fff;
position: relative;
overflow: hidden;
font-size: 16px;
transition: background 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
body.single-product #main .bs24-custom-add-to-cart-btn:hover {
background: linear-gradient(to right, rgb(232.5914634146, 139.3719512195, 56.9085365854), rgb(245.4578313253, 176.2771084337, 66.5421686747));
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
body.single-product #main .bs24-custom-add-to-cart-btn.small {
padding: 8px 12px;
} #page > footer {
background-color: #e0e0e0;
width: 100%;
padding-top: 50px;
color: #131315;
}
#page > footer a {
color: inherit;
}
#page > footer .footer__logo-svg {
width: 110px;
height: auto;
}
#page > footer .waveSpace {
max-width: 1420px;
margin: 0 auto;
display: none;
}
#page > footer .footerContainer {
display: flex;
justify-content: center;
padding: 0 11.25px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 50px;
}
#page > footer .footerContainer .footerLogo {
width: 110px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
#page > footer .footerContainer .footerLogo::after {
position: absolute;
content: "";
display: block;
width: 3px;
border-radius: 5px;
height: 90%;
background: #696868;
right: -50px;
top: 50%;
transform: translateY(-50%);
cursor: default;
}
#page > footer .footerContainer .footerLogo img {
max-width: 100%;
}
#page > footer .footerContainer .footerRightItems {
display: flex;
padding-left: 50px;
}
#page > footer .footerContainer .footerRightItems > * {
padding-left: 100px;
}
#page > footer .footerContainer .footerRightItems .contactBox {
display: flex;
flex-direction: column;
gap: 15px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow {
display: flex;
gap: 10px;
align-items: center;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow:last-of-type {
align-items: flex-start;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .footerColumn {
display: flex;
flex-direction: column;
gap: 5px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .footerColumn .footerSubtext {
font-size: 12px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .contactCircle {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #131315;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow img {
width: 40%;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow a {
font-size: 18px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
#page > footer .footerContainer .footerRightItems .footerLinks {
display: flex;
flex-direction: column;
gap: 5px;
padding: 0 30px;
}
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem {
padding: 5px 0;
font-size: 18px;
}
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media (max-width: 600px) {
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem a {
font-size: 14px;
}
}
@media (max-width: 920px) {
#page > footer .footerContainer {
flex-direction: column;
justify-content: center;
align-items: center;
}
#page > footer .footerContainer .footerLogo {
padding-bottom: 50px;
}
#page > footer .footerContainer .footerLogo::after {
width: 0;
height: 0;
display: none;
}
#page > footer .footerContainer .footerRightItems {
padding-left: 0;
justify-content: space-between;
padding: 0 20px;
width: 100%;
}
#page > footer .footerContainer .footerRightItems > * {
padding: 0;
}
}
#page > footer .copyrightBar {
width: 100%;
padding: 10px;
font-size: 18px;
display: flex;
flex-direction: column;
align-items: center;
}
#page > footer .copyrightBar .copyTop {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px 30px;
padding-bottom: 20px;
}
#page > footer .copyrightBar .copyTop .copyItem {
position: relative;
}
#page > footer .copyrightBar .copyTop .copyItem:not(:last-of-type)::after {
position: absolute;
content: "";
display: block;
right: -17px;
top: 50%;
transform: translateY(-50%);
height: 5px;
width: 5px;
border-radius: 50%;
background-color: #131315;
}
#page > footer .copyrightBar .copyTop a {
position: relative;
}
#page > footer .copyrightBar .copyTop a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
#page > footer .copyrightBar .copyBot {
font-size: 12px;
padding-bottom: 20px;
}
#page > footer .trustmate-badge {
padding: 8px 10px;
max-width: min(325px, 70vw);
}
@media (max-width: 768px) {
#page > footer .trustmate-badge {
max-width: 200px;
aspect-ratio: 3/1;
}
}
#page > footer .trustmate-badge .trustmate-score {
width: -moz-fit-content;
width: fit-content;
height: 100%;
font-size: 2rem;
}
@media (max-width: 768px) {
#page > footer .trustmate-badge .trustmate-score {
font-size: 1.8rem;
}
}
#page > footer .trustmate-badge .trustmate-text {
width: -moz-fit-content;
width: fit-content;
height: 100%;
font-size: 1rem;
line-height: normal;
}
@media (max-width: 768px) {
#page > footer .trustmate-badge .trustmate-text {
font-size: 0.7rem;
}
#page > footer .trustmate-badge .trustmate-text, #page > footer .trustmate-badge img {
padding: 2px 0;
}
}
#page > footer .waveSpace {
max-width: 1420px;
margin: 0 auto;
display: none;
}
#page > footer .footerContainer {
display: flex;
justify-content: center;
padding: 0 11.25px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 50px;
}
#page > footer .footerContainer .footerLogo {
width: 110px;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
#page > footer .footerContainer .footerLogo::after {
position: absolute;
content: "";
display: block;
width: 3px;
border-radius: 5px;
height: 90%;
background-color: #131315;
right: -50px;
top: 50%;
transform: translateY(-50%);
cursor: default;
}
#page > footer .footerContainer .footerLogo img {
max-width: 100%;
}
#page > footer .footerContainer .footerRightItems {
display: flex;
padding-left: 50px;
}
#page > footer .footerContainer .footerRightItems > * {
padding-left: 100px;
}
#page > footer .footerContainer .footerRightItems .contactBox {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 380px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow {
display: flex;
gap: 10px;
align-items: center;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow:last-of-type {
align-items: flex-start;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .footerColumn {
display: flex;
flex-direction: column;
gap: 5px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .footerColumn .footerSubtext {
font-size: 12px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow .contactCircle {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow img {
width: 40%;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow a {
font-size: 18px;
}
#page > footer .footerContainer .footerRightItems .contactBox .contactRow a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
#page > footer .footerContainer .footerRightItems .footerLinks {
display: flex;
flex-direction: column;
gap: 5px;
padding: 0 30px;
}
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem {
padding: 5px 0;
font-size: 18px;
}
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
@media (max-width: 600px) {
#page > footer .footerContainer .footerRightItems .footerLinks .footerLinkItem a {
font-size: 14px;
}
}
@media (max-width: 920px) {
#page > footer .footerContainer {
flex-direction: column;
justify-content: center;
align-items: center;
}
#page > footer .footerContainer .footerLogo {
padding-bottom: 50px;
}
#page > footer .footerContainer .footerLogo::after {
width: 0;
height: 0;
display: none;
}
#page > footer .footerContainer .footerRightItems {
padding-left: 0;
justify-content: space-between;
padding: 0 20px;
width: 100%;
}
#page > footer .footerContainer .footerRightItems > * {
padding: 0;
}
}
@media (max-width: 920px) and (max-width: 641px) {
#page > footer .footerContainer .footerRightItems {
flex-direction: column;
align-items: center;
gap: 30px;
}
}
#page > footer .socialCircle {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
#page > footer .socialCircle img {
width: 20px;
}
#page > footer .socialContainer {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
gap: 20px;
}
#page > footer .paymentLogos {
display: flex;
align-items: center;
justify-self: center;
justify-content: center;
flex-wrap: wrap;
gap: 24px;
margin-top: 24px;
margin-bottom: 24px;
opacity: 1;
padding: 24px 11.25px;
}
#page > footer .payLogo img {
max-height: 30px;
transition: 0.2s ease;
filter: grayscale(1);
}
#page > footer .payLogo img:hover {
filter: grayscale(0);
}
#page > footer .payLogo:nth-child(3) img {
filter: grayscale(1) brightness(0.2);
}
#page > footer .payLogo:nth-child(3) img:hover {
filter: none;
}
#page > footer h1, #page > footer h2, #page > footer h3, #page > footer h4, #page > footer h5, #page > footer h6 {
color: #131315;
}
#page > footer > section {
max-width: 1300px;
width: 100%;
margin-left: auto;
margin-right: auto;
}   :root {
--bs24-mobile-header-height: max(112px, calc(74px + max(140px, min(38vw, 200px)) * 368 / 1890));
--bs24-desktop-header-height: 143px;
--mobile-page-side-margin: 10px;
--bottom-nav-icons-size: 24px;
--bs24-mobile-bottom-nav-height: calc(var(--bottom-nav-icons-size) + 46px + env(safe-area-inset-bottom));
}
body {
--bs24-env-bar-height: var(--bs24-env-bar-height-raw, 0px);
--bs24-admin-bar-height: 0px;
--bs24-fixed-top-offset: calc(var(--bs24-env-bar-height) + var(--bs24-admin-bar-height));
--bs24-active-header-height: var(--bs24-desktop-header-height);
--bs24-visible-fixed-top-offset: var(--bs24-fixed-top-offset);
--bs24-visible-header-height: var(--bs24-active-header-height);
--bs24-header-total-offset: calc(var(--bs24-fixed-top-offset) + var(--bs24-active-header-height));
--bs24-visible-header-total-offset: calc(var(--bs24-visible-fixed-top-offset) + var(--bs24-visible-header-height));
--bs24-woofilters-sticky-top: calc(var(--bs24-visible-header-total-offset) + 12px);
padding-top: 0px;
padding-top: var(--bs24-env-bar-height);
}
body.admin-bar {
--bs24-admin-bar-height: 32px;
padding-top: calc(var(--bs24-env-bar-height) + 32px);
padding-top: calc(var(--bs24-env-bar-height) + var(--bs24-admin-bar-height));
}
@media (max-width: 782px) {
body.admin-bar {
--bs24-admin-bar-height: 46px;
}
}
.stripeUp,
.mobileStripeUp {
height: 30px;
background-color: #000;
font-size: 14px;
}
.stripeUp, .stripeUp a,
.mobileStripeUp,
.mobileStripeUp a {
color: #fff;
}
.stripeUp {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.stripeElement,
.stripeElement a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
line-height: 1;
}
.stripeElement__icon,
.mobileStripeIcon {
font-size: 18px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
.desktopContent,
.mobileContent {
position: fixed;
z-index: 5;
width: 100%;
box-shadow: 0px 5px 24px -13px rgb(66, 68, 90);
}
.desktopContent {
top: var(--bs24-visible-fixed-top-offset);
left: 0;
right: 0;
background-color: #ffffff;
display: block;
transition: top 0.5s cubic-bezier(0.5, 0.25, 0.015, 1);
}
.desktopContent .menuContent .basicLogo {
max-width: 225px;
}
.mobileContent {
display: none;
justify-content: space-between;
align-items: center;
background-color: #fff;
padding-bottom: 4px;
} .hidden-header {
top: calc(var(--bs24-admin-bar-height) - 30px);
}
body.bs24-desktop-header-hidden .bs24-env-bar,
body.bs24-mobile-header-hidden .bs24-env-bar {
top: calc(var(--bs24-admin-bar-height) - var(--bs24-env-bar-height));
}
body.bs24-desktop-header-hidden {
--bs24-visible-fixed-top-offset: var(--bs24-admin-bar-height);
--bs24-visible-header-height: calc(var(--bs24-desktop-header-height) - 30px);
}
body.bs24-mobile-header-hidden {
--bs24-visible-fixed-top-offset: var(--bs24-admin-bar-height);
--bs24-visible-header-height: 0px;
} .basicLogo {
min-width: 0;
}
.basicLogo, .basicLogo a {
width: -moz-fit-content;
width: fit-content;
height: auto;
}
.basicLogo a {
display: block;
padding: 8px;
}
.mobileMenuContent {
position: relative;
max-width: 1350px;
min-height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 2px;
margin: 0 auto;
padding: 12px 10px;
}
.mobileMenuContent .basicLogo {
flex: 1 1 auto;
}
.mobileMenuContent .basicLogoImg {
display: block;
width: max(140px, min(38vw, 200px));
height: auto;
}
.bold {
transition: color 0.1s ease-in-out;
}
.header__contact-info {
display: flex;
align-items: center;
gap: 12px;
line-height: 1;
color: #000;
}
.header__contact-info:hover .bold {
color: #e07c35;
}
.header__contact-info-content {
display: flex;
flex-direction: column;
row-gap: 4px;
font-size: 12px;
}
.header__contact-info-phone {
width: -moz-fit-content;
width: fit-content;
font-size: 16px;
font-weight: 500;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.header__call-round-icon {
display: block;
border-radius: 100%;
border: 1px solid #000;
}
.header__icons-box {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
gap: 8px;
width: auto;
}
.header__icons-box > * {
flex: 0 0 auto;
}
.header__icons-box.--mobile-icons {
gap: 2px;
width: -moz-fit-content;
width: fit-content;
}
.header__icons-box.--mobile-icons .header__icon-caption {
font-size: 10px;
}
.header__icons-box .icon {
font-size: 24px;
line-height: 1;
}
.header__icons-box .icon.material-symbols-outlined, .header__icons-box .icon.material-icons-outlined {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 28px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}
@media (min-width: 640px) {
.header__icons-box .icon {
font-size: 28px;
}
.header__icons-box .icon.material-symbols-outlined, .header__icons-box .icon.material-icons-outlined {
font-size: 24px;
}
}
.header__icons-box a,
.header__icons-box button,
.header__icons-box .--menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
min-width: 44px;
text-align: center;
position: relative;
}
.header__icons-box button {
border: 0;
background: none;
}
.header__icons-box button, .header__icons-box button:hover {
background: none;
}
.header__icons-box .--menu {
cursor: pointer;
}
.header__icons-box .header__action-icon {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: #131315;
}
.header__icons-box .header__action-icon:hover {
color: #e07c35;
}
.header__icons-box .header__action-icon.icon-wishlist:hover {
color: #ff4444;
}
.nav-icon-btn .icon,
.header__action-icon .icon {
line-height: 1;
}
.nav-icon-btn .icon.material-symbols-outlined, .nav-icon-btn .icon.material-icons-outlined,
.header__action-icon .icon.material-symbols-outlined,
.header__action-icon .icon.material-icons-outlined {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}
.header__icon-caption {
font-size: 12px;
line-height: 1;
font-family: "Inter", Arial, sans-serif;
white-space: nowrap;
}
.header__icon-caption:hover {
color: inherit;
}
.header__icons-box.--mobile-icons .nav-icon-btn,
.header__icons-box.--mobile-icons .header__action-icon,
.mobile-bottom-menu__items .nav-icon-btn,
.mobile-bottom-menu__items .header__action-icon,
.mobile-bottom-menu__items .iconCart .icon-cart-inner,
.mobile-bottom-menu__items .account,
.mobile-search-btn {
display: grid;
grid-template-columns: 100%;
grid-template-rows: 24px auto;
grid-template-rows: var(--bottom-nav-icons-size) auto;
justify-items: center;
align-items: center;
grid-gap: 4px;
gap: 4px;
width: 100%;
height: 100%;
min-width: 0;
text-align: center;
position: relative;
}
.header__icons-box.--mobile-icons .material-icons,
.header__icons-box.--mobile-icons .material-symbols-outlined,
.header__icons-box.--mobile-icons .material-icons-outlined,
.mobile-bottom-menu__items .material-icons,
.mobile-bottom-menu__items .material-symbols-outlined,
.mobile-bottom-menu__items .material-icons-outlined {
font-size: 24px;
font-size: var(--bottom-nav-icons-size);
}
.header__icons-box.--mobile-icons .icon,
.mobile-bottom-menu__items .icon,
.mobile-bottom-menu__items .iconCart .icon-cart-inner,
.mobile-bottom-menu__items .account,
.mobile-search-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
width: var(--bottom-nav-icons-size);
height: 24px;
height: var(--bottom-nav-icons-size);
}
.header__icons-box.--mobile-icons .icon,
.header__icons-box.--mobile-icons .header__action-icon,
.header__icons-box.--mobile-icons .nav-icon-btn,
.mobile-bottom-menu__items .icon,
.mobile-bottom-menu__items .iconCart,
.mobile-bottom-menu__items .account,
.mobile-bottom-menu__items .header__action-icon,
.mobile-bottom-menu__items .nav-icon-btn {
color: inherit;
stroke: currentColor;
}
.mobile-bottom-menu__items .nav-icon-btn {
border-radius: 10px;
}
.header__icons-box.--mobile-icons .nav-icon-btn:hover,
.header__icons-box.--mobile-icons .header__action-icon:hover,
.mobile-bottom-menu__items .nav-icon-btn:hover,
.mobile-bottom-menu__items .header__action-icon:hover,
.mobile-bottom-menu__items .iconCart:hover,
.mobile-bottom-menu__items .account:hover {
color: #e07c35;
}
.header__icons-box.--mobile-icons > .nav-icon-btn {
flex: 0 0 auto;
width: auto;
min-width: 3rem;
min-height: 3rem;
}
.header__icons-box.--mobile-icons > .nav-icon-btn:focus-visible {
outline: 2px solid #e07c35;
outline-offset: 2px;
border-radius: 10px;
}
.nav-icon-btn {
padding: 4px;
color: #131315;
cursor: pointer;
transition: font-size 0.2s ease, color 0.2s ease;
}
@media (max-width: 640px) {
.nav-icon-btn {
padding: 8px;
}
}
.nav-icon-btn:hover {
color: #e07c35;
}
.nav-icon-btn.--cart {
color: #e07c35;
}
.nav-icon-btn.--cart:hover {
color: #ea580c;
transform: scale(1.1);
transition: transform 0.3s ease;
}
.mobile-bottom-menu {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 8;
padding-top: 8px;
padding-bottom: calc(8px + env(safe-area-inset-bottom));
padding-left: 10px;
padding-right: 10px;
padding-left: var(--mobile-page-side-margin);
padding-right: var(--mobile-page-side-margin);
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 10px 10px 0 0;
background: #fff;
box-shadow: 0 -5px 24px -13px #42445a;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.mobile-bottom-menu__items {
margin: 0;
display: flex;
gap: 12px;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 12px;
padding: 0;
list-style: none;
}
.mobile-bottom-menu__items a,
.mobile-bottom-menu__items button {
color: #000;
}
.mobile-bottom-menu__items .nav-icon-btn,
.mobile-bottom-menu__items .header__action-icon {
border-radius: 10px;
background: transparent;
}
.mobile-bottom-menu__items .nav-icon-btn:hover,
.mobile-bottom-menu__items .header__action-icon:hover,
.mobile-bottom-menu__items .nav-icon-btn:focus-visible,
.mobile-bottom-menu__items .header__action-icon:focus-visible {
background: rgba(224, 124, 53, 0.1);
}
ul.mobile-bottom-menu__items li {
height: 100%;
width: auto;
display: flex;
flex: 1 1 0;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 0;
}
.mobile-bottom-menu__item {
display: flex;
justify-content: center;
width: 100%;
min-width: 0;
}
.mobile-bottom-menu__items .iconCart {
margin: 0;
}
.icon-count-circle.--is-empty {
display: none;
}
.mobile-bottom-menu .icon-count-circle {
width: 15px;
height: 15px;
text-align: center;
background: #e07c35;
color: white;
font-size: 10px;
font-weight: 500;
border-radius: 50%;
line-height: 15px;
position: absolute;
top: -8px;
right: -6px;
z-index: 4;
}
.mobile-bottom-menu__items .header__icon-caption {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
font-size: 10px;
}
.mobile-bottom-menu__items .nav-icon-btn.--is-active,
.mobile-bottom-menu__items .header__action-icon.--is-active,
.mobile-bottom-menu__items .nav-icon-btn.open {
color: #e07c35;
}
.mobile-bottom-menu__items .icon-wishlist.--active, .mobile-bottom-menu__items .icon-wishlist.--is-active, .mobile-bottom-menu__items .icon-wishlist:hover, .mobile-bottom-menu__items .icon-wishlist:focus-visible {
color: #ff4444;
}
.mobile-bottom-menu__items .icon-wishlist.--active .icon-wishlist__count, .mobile-bottom-menu__items .icon-wishlist.--is-active .icon-wishlist__count, .mobile-bottom-menu__items .icon-wishlist:hover .icon-wishlist__count, .mobile-bottom-menu__items .icon-wishlist:focus-visible .icon-wishlist__count {
background: #ff4444;
}
.mobile-bottom-menu__items .icon-wishlist.--active .icon-wishlist__icon, .mobile-bottom-menu__items .icon-wishlist.--is-active .icon-wishlist__icon, .mobile-bottom-menu__items .icon-wishlist:hover .icon-wishlist__icon, .mobile-bottom-menu__items .icon-wishlist:focus-visible .icon-wishlist__icon {
font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
}
.mobile-bottom-menu__items .icon-wishlist:hover, .mobile-bottom-menu__items .icon-wishlist:focus-visible {
background: rgba(255, 68, 68, 0.1);
}
.mobile-bottom-menu__items .nav-icon-btn.--main-option {
padding: 10px 8px;
background: #e07c35;
color: #fff;
box-shadow: 0 8px 20px rgba(224, 124, 53, 0.28);
}
.mobile-bottom-menu__items .nav-icon-btn.--main-option:hover, .mobile-bottom-menu__items .nav-icon-btn.--main-option:focus-visible, .mobile-bottom-menu__items .nav-icon-btn.--main-option.--is-active, .mobile-bottom-menu__items .nav-icon-btn.--main-option.open {
background: #c96f30;
color: #fff;
}
.mobile-bottom-menu__items .nav-icon-btn.--main-option .header__icon-caption,
.mobile-bottom-menu__items .nav-icon-btn.--main-option .icon {
color: inherit;
}
body.lock-scroll .mobile-bottom-menu {
transform: translateY(calc(100% + env(safe-area-inset-bottom)));
opacity: 0;
pointer-events: none;
}
.--message:hover,
.--account:hover {
color: #e07c35;
}
.header__action-icon.--message.--is-active {
color: #e07c35;
}
@media (max-width: 1023px) {
body {
--bs24-active-header-height: var(--bs24-mobile-header-height);
--bs24-visible-header-height: var(--bs24-active-header-height);
--bs24-woofilters-sticky-top: var(--bs24-visible-header-total-offset);
}
.mobileContent {
display: block;
top: var(--bs24-visible-fixed-top-offset);
left: 0;
right: 0;
}
.desktopContent {
display: none;
}
#page {
padding-top: max(112px, calc(74px + max(140px, min(38vw, 200px)) * 368 / 1890));
padding-top: var(--bs24-mobile-header-height);
padding-bottom: calc(24px + 46px + env(safe-area-inset-bottom));
padding-bottom: var(--bs24-mobile-bottom-nav-height);
}
}
.hidden-mobile {
top: calc(var(--bs24-admin-bar-height) - max(112px, calc(74px + max(140px, min(38vw, 200px)) * 368 / 1890)));
top: calc(var(--bs24-admin-bar-height) - var(--bs24-mobile-header-height));
}
@media (min-width: 1024px) {
.mobileContent {
display: none;
}
.mobile-bottom-menu {
display: none;
}
.desktopContent {
display: block;
}
#page {
padding-top: 143px;
padding-top: var(--bs24-desktop-header-height);
}
}
body.active {
overflow: hidden;
}
.mobileStripeElement {
display: flex;
gap: 4px;
justify-content: center;
align-items: center;
height: 30px;
top: 0;
opacity: 0;
width: 100%;
text-align: center;
position: absolute;
transition: opacity 0.5s ease-in-out;
pointer-events: none;
color: white;
}
.mobileStripeElement a {
color: white;
-webkit-text-decoration: none;
text-decoration: none;
}
span.mobileStripeIcon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.mobileStripeElement.active {
opacity: 1;
pointer-events: all;
}
.menuContent,
.beautymenu-desktop {
padding: 0 20px;
}
.menuContent {
display: flex;
align-items: center;
justify-content: space-between;
gap: max(12px, min(1.8vw, 24px));
max-width: 1350px;
margin: 10px auto;
}
.menuContent > .basicLogo {
flex: 0 0 auto;
}
.menuContent > .search-box {
flex: 1 1 280px;
min-width: 220px;
}
.menuContent > .header__contact-info {
flex: 0 1 auto;
}
.search-box {
position: relative;
border-radius: 120px;
border: 2px solid #e07c35;
height: 40px;
width: 100%;
max-width: 400px;
}
@media (max-width: 1279px) {
.search-box {
max-width: 300px;
}
}
@media (max-width: 1100px) {
.search-box {
max-width: 300px;
}
}
.search-mobile-box {
position: relative;
width: 100%;
min-height: 56px;
border-radius: 120px;
border: 2px solid #e07c35;
margin: 0;
overflow: hidden;
background: #fff;
box-shadow: 0 18px 40px rgba(17, 19, 24, 0.1);
}
.search-mobile-box:focus-within {
border-color: rgb(204.774248927, 103.4008583691, 31.425751073);
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.12), 0 20px 44px rgba(17, 19, 24, 0.14);
}
html.mobile-search-scroll-lock {
overflow: hidden;
overscroll-behavior: none;
scroll-behavior: auto;
}
body.lock-scroll.mobile-search-scroll-lock {
position: fixed;
top: 0px;
top: var(--bs24-search-scroll-top, 0px);
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.mobile-search-modal {
position: fixed;
top: 0px;
top: var(--bs24-search-viewport-top, 0px);
right: 0;
left: 0;
height: 100vh;
height: 100dvh;
height: var(--bs24-search-viewport-height, 100dvh);
z-index: 13;
display: flex;
align-items: flex-start;
justify-content: center;
padding: calc(var(--bs24-fixed-top-offset) + 16px) 12px max(12px, env(safe-area-inset-bottom));
visibility: hidden;
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease, visibility 0s linear 0.24s;
}
.mobile-search-modal.is-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
.mobile-search-modal .mobile-search-modal__input {
width: 100%;
min-height: 56px;
border: 0;
background: transparent;
padding: 0 54px;
color: #131315;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
outline: none;
box-shadow: none;
}
.mobile-search-modal .mobile-search-modal__input::-moz-placeholder {
color: rgba(19, 19, 21, 0.62);
}
.mobile-search-modal .mobile-search-modal__input::placeholder {
color: rgba(19, 19, 21, 0.62);
}
.mobile-search-modal__overlay {
z-index: 12;
}
.mobile-search-modal__dialog {
width: min(100%, 720px);
height: 100%;
max-height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
border-radius: 10px;
background: #fff;
box-shadow: 0 2px 10px rgba(17, 19, 24, 0.22);
overflow: hidden;
}
.mobile-search-modal__toolbar {
display: flex;
flex-shrink: 0;
justify-content: flex-end;
padding: 12px;
}
.mobile-search-modal__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 9999px;
background: #e0e0e0;
cursor: pointer;
transition: 0.2s;
}
.mobile-search-modal__close:hover, .mobile-search-modal__close:focus-visible {
background: rgba(220, 38, 38, 0.12);
color: #DC2626;
transform: rotate(90deg) scale(1.03);
}
.mobile-search-modal__close .material-icons-outlined {
font-size: 24px;
line-height: 1;
}
.mobile-search-modal__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
padding: 0 16px 18px;
}
.mobile-search-modal__search-box {
flex-shrink: 0;
}
.mobile-search-modal__form {
position: relative;
margin-bottom: 0;
}
.mobile-search-modal__search-icon,
.mobile-search-modal__clear-icon {
position: absolute;
z-index: 1;
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
transform: translateY(-50%);
color: rgba(19, 19, 21, 0.7);
}
.mobile-search-modal__search-icon .material-icons-outlined,
.mobile-search-modal__clear-icon .material-icons-outlined {
font-size: 22px;
line-height: 1;
}
.mobile-search-modal__search-icon {
left: 18px;
}
.mobile-search-modal .mobile-search-modal__clear-icon {
right: 18px;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
transition: color 0.18s ease, transform 0.18s ease;
}
.mobile-search-modal .mobile-search-modal__clear-icon:hover, .mobile-search-modal .mobile-search-modal__clear-icon:focus-visible {
color: #e07c35;
transform: translateY(-50%) scale(1.05);
}
.mobile-search-modal .mobile-search-modal__clear-icon[hidden] {
display: none;
}
.mobile-search-modal__results {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 18px;
min-height: 0;
overflow: auto;
overscroll-behavior-y: contain;
margin-top: 18px;
padding-right: 4px;
}
.mobile-search-modal__status {
margin: 0;
padding: 12px 4px;
color: rgba(19, 19, 21, 0.76);
font-size: 14px;
text-align: center;
}
.mobile-search-modal__section {
padding: 14px;
border-radius: 10px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
border-width: 1px;
}
.mobile-search-modal__section-header {
margin-bottom: 12px;
}
.mobile-search-modal__section-title {
font-weight: 500 !important;
}
.mobile-search-modal__section-title {
margin: 0;
font-size: 13px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(19, 19, 21, 0.72);
}
.mobile-search-modal__section-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.mobile-search-modal__result {
display: grid;
grid-template-columns: 80px minmax(0, 1fr);
grid-gap: 12px;
gap: 12px;
align-items: center;
padding: 12px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.88);
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.mobile-search-modal__result:hover, .mobile-search-modal__result:focus-visible {
background: #fff;
border-color: #e07c35;
box-shadow: 0 16px 32px rgba(17, 19, 24, 0.08);
transform: translateY(-1px);
}
.mobile-search-modal__result-thumb {
width: 80px;
height: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 16px;
background: #e0e0e0;
color: #e07c35;
}
.mobile-search-modal__result-thumb img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.mobile-search-modal__result-thumb.--placeholder .material-icons-outlined {
font-size: 24px;
line-height: 1;
}
.mobile-search-modal__result-content {
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.mobile-search-modal__result-topline {
display: grid;
grid-template-columns: minmax(0, 1fr) max-content;
align-items: flex-start;
grid-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
min-width: 0;
}
.mobile-search-modal__result-title {
font-size: 15px;
font-weight: 500;
line-height: 1.35;
color: #131315;
min-width: 0;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mobile-search-modal__result-price {
font-weight: 500;
line-height: 1.35;
color: #131315;
flex: 0 0 auto;
min-width: -moz-max-content;
min-width: max-content;
white-space: nowrap;
justify-self: end;
text-align: right;
font-size: 15px;
}
.mobile-search-modal__result-price ins .amount, .mobile-search-modal__result-price ins .amount span,
.mobile-search-modal__result-price ins .woocommerce-Price-amount,
.mobile-search-modal__result-price ins .woocommerce-Price-amount span,
.mobile-search-modal__result-price ins bdi,
.mobile-search-modal__result-price ins bdi span, .mobile-search-modal__result-price :not(ins):not(del) .amount, .mobile-search-modal__result-price :not(ins):not(del) .amount span,
.mobile-search-modal__result-price :not(ins):not(del) .woocommerce-Price-amount,
.mobile-search-modal__result-price :not(ins):not(del) .woocommerce-Price-amount span,
.mobile-search-modal__result-price :not(ins):not(del) bdi,
.mobile-search-modal__result-price :not(ins):not(del) bdi span {
font-weight: 500;
font-size: 1em;
line-height: inherit;
}
.mobile-search-modal__result-price del .amount, .mobile-search-modal__result-price del .amount span,
.mobile-search-modal__result-price del .woocommerce-Price-amount,
.mobile-search-modal__result-price del .woocommerce-Price-amount span,
.mobile-search-modal__result-price del bdi,
.mobile-search-modal__result-price del bdi span {
font-weight: 300;
font-size: 0.875em;
line-height: inherit;
}
@media (max-width: 640px) {
.mobile-search-modal__result-topline {
grid-template-columns: minmax(0, 1fr);
row-gap: 4px;
}
.mobile-search-modal__result-price {
justify-self: start;
text-align: left;
}
}
.mobile-search-modal__result-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
color: rgba(19, 19, 21, 0.8);
font-size: 13px;
line-height: 1.45;
}
.mobile-search-modal__result-rating {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: 500;
color: #e07c35;
}
span.mobile-search-modal__result-rating-icon {
font-size: 15px;
line-height: 1;
}
img.mobile-search-modal__result-rating-icon {
width: 15px;
height: auto;
}
.mobile-search-modal__result-separator {
opacity: 0.45;
}
@media (max-width: 480px) {
.mobile-search-modal {
padding: calc(var(--bs24-fixed-top-offset) + 10px) 8px max(10px, env(safe-area-inset-bottom));
}
.mobile-search-modal__dialog {
border-radius: 10px;
}
.mobile-search-modal__toolbar {
padding: 10px;
}
.mobile-search-modal__body {
padding: 0 12px 14px;
}
.mobile-search-modal__section {
padding: 12px;
border-radius: 10px;
}
.mobile-search-modal__result {
grid-template-columns: 52px minmax(0, 1fr);
gap: 10px;
padding: 10px;
}
.mobile-search-modal__result-thumb {
width: 52px;
height: 52px;
}
}
@media (min-width: 640px) {
.mobile-search-modal__toolbar {
padding: 16px;
}
.mobile-search-modal__body {
padding: 0 20px 22px;
}
.mobile-search-modal__section {
padding: 18px;
}
.mobile-search-modal__result {
padding: 14px;
}
}
@media (min-width: 1024px) {
.mobile-search-modal,
.mobile-search-modal__overlay {
display: none;
}
}
.contact-modal {
--bs24-modal-z-index: 13;
--bs24-modal-align-items: flex-start;
--bs24-modal-padding:
calc(var(--bs24-fixed-top-offset) + 10px)
8px
calc(var(--bs24-mobile-bottom-nav-height) + 10px);
--bs24-modal-dialog-width: min(100%, 860px);
--bs24-modal-dialog-max-height: calc(100vh - var(--bs24-fixed-top-offset) - 20px);
--bs24-modal-dialog-min-height: calc(100vh - var(--bs24-mobile-bottom-nav-height) - var(--bs24-fixed-top-offset) - 20px);
--bs24-modal-dialog-display: flex;
--bs24-modal-dialog-border-radius: 10px;
--bs24-modal-dialog-shadow: 0 2px 10px rgba(17,19,24,.22);
--bs24-modal-dialog-overflow: hidden;
}
.contact-modal__overlay {
z-index: 12;
}
.contact-modal__toolbar {
display: flex;
justify-content: flex-end;
padding: 10px 10px 0;
}
.contact-modal__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 9999px;
background: #e0e0e0;
cursor: pointer;
transition: 0.2s;
}
.contact-modal__close:hover, .contact-modal__close:focus-visible {
background: rgba(220, 38, 38, 0.12);
color: #DC2626;
transform: rotate(90deg) scale(1.03);
}
.contact-modal__close .material-icons-outlined {
font-size: 24px;
line-height: 1;
}
.contact-modal__body {
overflow: auto;
display: flex;
flex-direction: column;
gap: 18px;
padding: 0 20px 14px;
}
@media (max-width: 1024px) {
.contact-modal__body {
padding-left: 5vw;
padding-right: 5vw;
}
}
.contact-modal__intro {
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-modal__eyebrow {
margin: 0;
color: #e07c35;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.contact-modal__title {
margin: 0;
color: #131315;
font-size: max(26px, min(5vw, 36px));
line-height: 1.12;
}
.contact-modal__desc {
margin: 0;
max-width: 640px;
color: rgba(19, 19, 21, 0.82);
font-size: 15px;
line-height: 1.7;
}
.contact-modal__copy-feedback {
margin: 0;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
padding: 8px 12px;
border-radius: 999px;
background: rgba(224, 124, 53, 0.12);
color: rgb(204.774248927, 103.4008583691, 31.425751073);
font-size: 13px;
font-weight: 500;
line-height: 1.45;
}
.contact-modal__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-gap: 12px;
gap: 12px;
}
.contact-modal__section {
display: flex;
flex-direction: column;
gap: 14px;
padding: 14px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.92);
border-width: 0px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
}
.contact-modal__section-header {
display: flex;
flex-direction: column;
gap: 4px;
width: -moz-fit-content;
width: fit-content;
}
.contact-modal__section-header .contact-modal__section-title,
.contact-modal__section-header .contact-modal__section-copy {
text-align: left;
}
.contact-modal__section-title {
margin: 0;
color: #131315;
font-size: 18px;
font-weight: 500;
}
.contact-modal__section-copy {
margin: 0;
color: rgba(19, 19, 21, 0.72);
font-size: 13px;
line-height: 1.6;
}
.contact-modal__section-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-modal__item {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 12px;
border-radius: 10px;
background: #fff;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
border-width: 1px;
border-style: solid;
border-color: transparent;
}
.contact-modal__item:hover, .contact-modal__item:focus-visible {
color: inherit;
border-color: rgba(224, 124, 53, 0.4);
box-shadow: 0 18px 32px rgba(17, 19, 24, 0.08);
transform: translateY(-1px);
}
.contact-modal__item-icon {
flex: 0 0 auto;
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: rgba(224, 124, 53, 0.12);
color: #e07c35;
font-size: 22px;
line-height: 1;
}
.contact-modal__item-content {
min-width: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 2px;
}
.contact-modal__item-label {
color: rgba(19, 19, 21, 0.7);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.contact-modal__item-value {
color: #131315;
font-size: 16px;
font-weight: 500;
line-height: 1.45;
word-break: break-word;
}
.contact-modal__item-action {
display: none;
}
@media (min-width: 1024px) {
.contact-modal {
--bs24-modal-padding:
calc(var(--bs24-fixed-top-offset) + 36px)
20px
24px;
--bs24-modal-dialog-max-height: calc(100vh - var(--bs24-fixed-top-offset) - 60px);
--bs24-modal-dialog-min-height: 0;
}
.contact-modal__toolbar {
padding: 16px 16px 0;
}
.contact-modal__body {
gap: 24px;
padding: 0 24px 24px;
}
.contact-modal__grid {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
.contact-modal__section {
padding: 20px;
}
.contact-modal__item {
padding: 14px 16px;
}
.contact-modal__phone-item {
cursor: copy;
}
.contact-modal__item-action {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
margin-top: 6px;
color: rgba(19, 19, 21, 0.48);
font-size: 18px;
line-height: 1;
opacity: 0;
transform: translateX(4px);
transition: opacity 0.18s ease, transform 0.18s ease, color 0.18s ease;
}
.contact-modal__item:hover .contact-modal__item-action,
.contact-modal__item:focus-visible .contact-modal__item-action,
.contact-modal__phone-item.is-copied .contact-modal__item-action {
opacity: 1;
transform: translateX(0);
}
.contact-modal__phone-item.is-copied .contact-modal__item-action {
color: #e07c35;
}
}
@media (max-width: 1279px) {
.menuContent {
gap: 16px;
}
.header__icons-box {
gap: 8px;
}
.header__contact-info-content {
font-size: 11px;
}
.header__contact-info-phone {
font-size: 15px;
}
}
@media (max-width: 1120px) {
.menuContent > .header__contact-info {
display: none;
}
} .bs24-loop-available-swatches {
margin-top: 8px;
display: flex;
flex-direction: column;
row-gap: 4px;
}
.bs24-loop-available-swatches__row {
display: flex;
align-items: center;
-moz-column-gap: 6px;
column-gap: 6px;
min-width: 0;
}
.bs24-loop-available-swatches__label {
font-size: 11px;
line-height: 1;
color: #131315;
white-space: nowrap;
flex: 0 0 auto;
}
.bs24-loop-available-swatches__value {
display: inline-flex;
align-items: center;
-moz-column-gap: 6px;
column-gap: 6px;
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
white-space: nowrap;
}
.bs24-loop-available-swatches .bs24-loop-available-swatches__swatch {
width: 16px;
height: 16px;
border-radius: 9999px;
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: #fff;
overflow: hidden;
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.bs24-loop-available-swatches .bs24-loop-available-swatches__swatch.--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
margin: 0;
}
.bs24-loop-available-swatches .bs24-loop-available-swatches__swatch.--color {
background-color: transparent;
background-color: var(--swatch-color, transparent);
}
.bs24-loop-available-swatches__more {
font-size: 10px;
line-height: 1;
font-weight: 500;
background-color: #fff;
color: #131315;
}
@media (max-width: 768px) {
.bs24-loop-available-swatches .bs24-loop-available-swatches__swatch {
width: 20px;
height: 20px;
}
}
ul.products li.product .transparentOverlay {
position: relative;
}
ul.products li.product .transparentOverlay .bs24-loop-available-swatches {
position: absolute;
left: 8px;
right: 8px;
bottom: 8px;
margin-top: 0;
z-index: 2;
padding: 6px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.3);
transition: all 0.2s ease;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}
ul.products li.product .transparentOverlay .bs24-loop-available-swatches:hover, ul.products li.product .transparentOverlay .bs24-loop-available-swatches:focus {
background-color: rgba(255, 255, 255, 0.82);
}
ul.products li.product .transparentOverlay .bs24-loop-available-swatches__label {
font-size: 10px;
} .bs24-swatch-preview-tooltip {
position: fixed;
z-index: 100000;
width: min(190px, 100vw - 20px);
max-width: 220px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 10px;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
padding: 8px;
display: flex;
flex-direction: column;
row-gap: 6px;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(4px) scale(0.98);
transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
--bs24-tooltip-arrow-left: 50%;
--bs24-tooltip-color: transparent;
}
.bs24-swatch-preview-tooltip::after {
content: "";
position: absolute;
left: var(--bs24-tooltip-arrow-left);
transform: translateX(-50%);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
opacity: 0;
transition: opacity 0.16s ease;
}
.bs24-swatch-preview-tooltip.--active {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.bs24-swatch-preview-tooltip.--active::after {
opacity: 1;
}
.bs24-swatch-preview-tooltip.--above::after {
top: calc(100% - 1px);
border-top: 8px solid #fff;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.16));
}
.bs24-swatch-preview-tooltip.--below::after {
bottom: calc(100% - 1px);
border-bottom: 8px solid #fff;
filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.16));
}
.bs24-swatch-preview-tooltip.--mobile {
width: min(180px, 100vw - 24px);
padding: 7px;
row-gap: 5px;
}
.bs24-swatch-preview-tooltip__image-wrap {
width: 100%;
aspect-ratio: 1/1;
border-radius: 10px;
overflow: hidden;
background-color: #f3f3f3;
position: relative;
}
.bs24-swatch-preview-tooltip__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.bs24-swatch-preview-tooltip__color {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--bs24-tooltip-color);
display: none;
}
.bs24-swatch-preview-tooltip__name {
margin: 0;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #131315;
text-align: center;
}
@media (max-width: 480px) {
.bs24-swatch-preview-tooltip {
width: min(172px, 100vw - 20px);
padding: 6px;
}
.bs24-swatch-preview-tooltip__name {
font-size: 12px;
}
} .trustmate-badge {
all: unset;
background-color: #fff;
aspect-ratio: 5/1;
width: -moz-fit-content;
width: fit-content;
height: auto;
border-radius: 10px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
display: grid;
grid-auto-columns: auto;
grid-template-columns: auto auto;
grid-template-rows: 50% 50%;
padding: 4px 6px;
transition: all 0.3 ease;
grid-gap: 0px 8px;
grid-template-areas: "bs24-tm-score bs24-tm-logo" "bs24-tm-score bs24-tm-text";
}
.trustmate-badge:hover {
background-color: rgb(255, 135, 48);
color: #fff;
}
.trustmate-badge:hover .trustmate-score {
color: #fff;
}
.trustmate-badge:hover .trustmate-text {
color: #fff;
}
.trustmate-badge:hover .trustmate-text span {
color: #fff;
}
.trustmate-badge .trustmate-score {
grid-area: bs24-tm-score;
font-size: 1.2rem;
font-weight: 500;
color: #131315;
display: flex;
align-items: center;
justify-content: center;
}
.trustmate-badge .trustmate-logo {
grid-area: bs24-tm-logo;
}
.trustmate-badge .trustmate-logo img {
width: 76px;
height: 16px;
vertical-align: middle;
}
.trustmate-badge .trustmate-text {
grid-area: bs24-tm-text;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.6rem;
color: #555;
}
.trustmate-badge .trustmate-text__short span, .trustmate-badge .trustmate-text__long span {
color: rgb(255, 135, 48);
font-weight: 700;
}
.trustmate-badge .trustmate-text__short {
display: none;
}
@media (max-width: 1150px) {
.trustmate-badge .trustmate-text__long {
display: none;
}
.trustmate-badge .trustmate-text__short {
display: inline;
}
} .bs24-trustmate-rating-summary {
--bs24-tm-star-size: 16px;
--bs24-tm-star-gap: 2px;
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.bs24-trustmate-rating-summary.--empty {
color: #131315;
font-size: 14px;
line-height: 1.4;
margin-bottom: 8px;
}
.bs24-trustmate-rating-summary.--loop {
margin: 0 0 12px;
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.bs24-trustmate-rating-summary.--loop .bs24-trustmate-rating-summary__inner {
display: flex;
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.bs24-trustmate-rating-summary.--loop .bs24-trustmate-rating-summary__average {
font-size: 12px;
flex: 0 0 auto;
}
.bs24-trustmate-rating-summary.--loop .bs24-trustmate-rating-summary__count {
display: block;
font-size: 12px;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bs24-trustmate-rating-summary__inner {
display: inline-flex;
align-items: center;
gap: 8px;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
}
.bs24-trustmate-rating-summary__stars {
position: relative;
display: inline-flex;
width: calc(var(--bs24-tm-star-size) * 5 + var(--bs24-tm-star-gap) * 4);
height: var(--bs24-tm-star-size);
flex: 0 0 auto;
}
.bs24-trustmate-rating-summary__stars-base, .bs24-trustmate-rating-summary__stars-fill {
display: inline-flex;
gap: var(--bs24-tm-star-gap);
white-space: nowrap;
}
.bs24-trustmate-rating-summary__stars-fill {
position: absolute;
top: 0;
right: auto;
bottom: 0;
left: 0;
overflow: hidden;
}
.bs24-trustmate-rating-summary__star {
width: var(--bs24-tm-star-size);
height: var(--bs24-tm-star-size);
display: block;
-o-object-fit: contain;
object-fit: contain;
flex: 0 0 auto;
}
.bs24-trustmate-rating-summary__average {
color: #131315;
font-weight: 500;
font-size: 14px;
line-height: 1;
}
.bs24-trustmate-rating-summary__count {
color: #131315;
font-size: 13px;
line-height: 1;
white-space: nowrap;
}
ul.products li.product .bs24-trustmate-rating-summary.--loop + .woocommerce-loop-product__title {
margin-top: 8px !important;
}   @keyframes pulse-text {
0% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
100% {
transform: scale(1);
}
}  .pulse-element,
.bs24-pulse-ring {
position: relative;
overflow: visible;
--bs24-pulse-ring-color: rgba(255, 255, 255, 0.7);
--bs24-pulse-ring-color-fade: rgba(255, 255, 255, 0);
--bs24-pulse-ring-spread: 10px;
--bs24-pulse-ring-start-scale: 0.95;
--bs24-pulse-ring-end-scale: 1;
}
.pulse-element::after,
.bs24-pulse-ring::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color);
transform: scale(var(--bs24-pulse-ring-end-scale));
pointer-events: none;
animation: bs24-pulse-ring 2s infinite;
}
@media (prefers-reduced-motion: reduce) {
.pulse-element::after,
.bs24-pulse-ring::after {
animation: none;
}
}
@keyframes bs24-pulse-ring {
0% {
transform: scale(0.95);
transform: scale(var(--bs24-pulse-ring-start-scale, 0.95));
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color, rgba(255, 255, 255, 0.7));
}
70% {
transform: scale(1);
transform: scale(var(--bs24-pulse-ring-end-scale, 1));
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 var(--bs24-pulse-ring-spread, 10px) var(--bs24-pulse-ring-color-fade, rgba(255, 255, 255, 0));
}
100% {
transform: scale(0.95);
transform: scale(var(--bs24-pulse-ring-start-scale, 0.95));
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 var(--bs24-pulse-ring-color-fade, rgba(255, 255, 255, 0));
}
} .shake-trigger:hover .shake-item {
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.shake-me:hover {
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
--tw-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow-colored: 0 0 rgba(0,0,0,0);
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
--tw-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow-colored: 0 0 rgba(0,0,0,0);
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 rgba(0,0,0,0);
}
[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:  0 0 0 0px #fff,  0 0 0 calc(1px + 0px) #2563eb, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border-color: #2563eb;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #6b7280;
opacity: 1;
}
input::placeholder,textarea::placeholder{
color: #6b7280;
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper{
padding: 0;
}
::-webkit-date-and-time-value{
min-height: 1.5em;
text-align: inherit;
}
::-webkit-datetime-edit{
display: inline-flex;
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
padding-top: 0;
padding-bottom: 0;
}
select{
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
[multiple],[size]:where(select:not([size="1"])){
background-image: none;
background-image: initial;
background-position: 0 0;
background-position: initial;
background-repeat: repeat;
background-repeat: initial;
background-size: auto auto;
background-size: initial;
padding-right: 0.75rem;
-webkit-print-color-adjust: inherit;
print-color-adjust: inherit;
}
[type='checkbox'],[type='radio']{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
--tw-shadow: 0 0 rgba(0,0,0,0);
}
[type='checkbox']{
border-radius: 0px;
}
[type='radio']{
border-radius: 100%;
}
[type='checkbox']:focus,[type='radio']:focus{
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #2563eb;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:  0 0 0 0px #fff,  0 0 0 calc(2px + 2px) #2563eb, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
[type='checkbox']:checked,[type='radio']:checked{
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
[type='checkbox']:checked{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[type='radio']:checked{
background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
[type='radio']:checked{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
border-color: transparent;
background-color: currentColor;
}
[type='checkbox']:indeterminate{
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
@media (forced-colors: active) {
[type='checkbox']:indeterminate{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
}
[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
border-color: transparent;
background-color: currentColor;
}
[type='file']{
background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
background: initial;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: inherit;
line-height: inherit;
}
[type='file']:focus{
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
.\!container{
width: 100% !important;
}
.container{
width: 100%;
}
@media (min-width: 640px){
.\!container{
max-width: 640px !important;
}
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.\!container{
max-width: 768px !important;
}
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.\!container{
max-width: 1024px !important;
}
.container{
max-width: 1024px;
}
}
@media (min-width: 1280px){
.\!container{
max-width: 1280px !important;
}
.container{
max-width: 1280px;
}
}
@media (min-width: 1536px){
.\!container{
max-width: 1536px !important;
}
.container{
max-width: 1536px;
}
}
.\!visible{
visibility: visible !important;
}
.visible{
visibility: visible;
}
.collapse{
visibility: collapse;
}
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.sticky{
position: sticky;
}
.inset-0{
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.bottom-0{
bottom: 0px;
}
.top-0{
top: 0px;
}
.z-20{
z-index: 20;
}
.z-\[99998\]{
z-index: 99998;
}
.m-0{
margin: 0px;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-3{
margin-top: 0.75rem;
}
.block{
display: block;
}
.inline{
display: inline;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.contents{
display: contents;
}
.hidden{
display: none;
}
.h-10{
height: 2.5rem;
}
.h-6{
height: 1.5rem;
}
.h-\[300px\]{
height: 300px;
}
.h-full{
height: 100%;
}
.max-h-0{
max-height: 0px;
}
.min-h-\[300px\]{
min-height: 300px;
}
.w-6{
width: 1.5rem;
}
.w-full{
width: 100%;
}
.max-w-7xl{
max-width: 80rem;
}
.flex-1{
flex: 1 1 0%;
}
.flex-\[2\]{
flex: 2;
}
.flex-shrink-0{
flex-shrink: 0;
}
.border-collapse{
border-collapse: collapse;
}
.transform{
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
resize: both;
}
.columns-4{
-moz-columns: 4;
columns: 4;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col{
flex-direction: column;
}
.flex-wrap{
flex-wrap: wrap;
}
.items-start{
align-items: flex-start;
}
.items-center{
align-items: center;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-2{
gap: 0.5rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-4{
gap: 1rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-x-8{
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.gap-y-16{
row-gap: 4rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * 0);
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * (1 - 0));
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-left: calc(0.5rem * calc(1 - 0));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * (1 - 0));
margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
margin-top: calc(0.5rem * calc(1 - 0));
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * 0);
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1rem * (1 - 0));
margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
margin-top: calc(1rem * calc(1 - 0));
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * 0);
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * (1 - 0));
margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
margin-top: calc(1.5rem * calc(1 - 0));
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * 0);
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden{
overflow: hidden;
}
.overflow-y-auto{
overflow-y: auto;
}
.truncate{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-wrap{
text-wrap: wrap;
}
.break-all{
word-break: break-all;
}
.rounded{
border-radius: 0.25rem;
}
.rounded-\[10px\]{
border-radius: 10px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-xl{
border-radius: 0.75rem;
}
.border{
border-width: 1px;
}
.border-0{
border-width: 0px;
}
.border-2{
border-width: 2px;
}
.border-b{
border-bottom-width: 1px;
}
.border-t{
border-top-width: 1px;
}
.border-solid{
border-style: solid;
}
.border-\[\#131315\]{
--tw-border-opacity: 1;
border-color: rgba(19, 19, 21, 1);
border-color: rgba(19, 19, 21, var(--tw-border-opacity, 1));
}
.border-\[\#6b7280\]{
--tw-border-opacity: 1;
border-color: rgba(107, 114, 128, 1);
border-color: rgba(107, 114, 128, var(--tw-border-opacity, 1));
}
.border-\[\#e0e0e0\]{
--tw-border-opacity: 1;
border-color: rgba(224, 224, 224, 1);
border-color: rgba(224, 224, 224, var(--tw-border-opacity, 1));
}
.border-gray-200{
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, 1);
border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}
.border-t-\[\#e0e0e0\]{
--tw-border-opacity: 1;
border-top-color: rgba(224, 224, 224, 1);
border-top-color: rgba(224, 224, 224, var(--tw-border-opacity, 1));
}
.bg-\[\#e07c35\]{
--tw-bg-opacity: 1;
background-color: rgba(224, 124, 53, 1);
background-color: rgba(224, 124, 53, var(--tw-bg-opacity, 1));
}
.bg-\[\#f8f7f5\]{
--tw-bg-opacity: 1;
background-color: rgba(248, 247, 245, 1);
background-color: rgba(248, 247, 245, var(--tw-bg-opacity, 1));
}
.bg-black\/50{
background-color: rgba(0, 0, 0, 0.5);
}
.bg-gray-50\/50{
background-color: rgba(249, 250, 251, 0.5);
}
.bg-transparent{
background-color: transparent;
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.object-cover{
-o-object-fit: cover;
object-fit: cover;
}
.p-2{
padding: 0.5rem;
}
.p-4{
padding: 1rem;
}
.p-6{
padding: 1.5rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-12{
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-2\.5{
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.py-3\.5{
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}
.py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.pb-6{
padding-bottom: 1.5rem;
}
.pt-2{
padding-top: 0.5rem;
}
.pt-4{
padding-top: 1rem;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.text-\[16px\]{
font-size: 16px;
}
.text-\[20px\]{
font-size: 20px;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold{
font-weight: 700;
}
.font-medium{
font-weight: 500;
}
.font-semibold{
font-weight: 600;
}
.uppercase{
text-transform: uppercase;
}
.lowercase{
text-transform: lowercase;
}
.capitalize{
text-transform: capitalize;
}
.italic{
font-style: italic;
}
.tracking-wider{
letter-spacing: 0.05em;
}
.tracking-widest{
letter-spacing: 0.1em;
}
.text-\[\#131315\]{
--tw-text-opacity: 1;
color: rgba(19, 19, 21, 1);
color: rgba(19, 19, 21, var(--tw-text-opacity, 1));
}
.text-\[\#6b7280\]{
--tw-text-opacity: 1;
color: rgba(107, 114, 128, 1);
color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}
.text-\[\#e07c35\]{
--tw-text-opacity: 1;
color: rgba(224, 124, 53, 1);
color: rgba(224, 124, 53, var(--tw-text-opacity, 1));
}
.text-emerald-600{
--tw-text-opacity: 1;
color: rgba(5, 150, 105, 1);
color: rgba(5, 150, 105, var(--tw-text-opacity, 1));
}
.text-gray-400{
--tw-text-opacity: 1;
color: rgba(156, 163, 175, 1);
color: rgba(156, 163, 175, var(--tw-text-opacity, 1));
}
.text-gray-500{
--tw-text-opacity: 1;
color: rgba(107, 114, 128, 1);
color: rgba(107, 114, 128, var(--tw-text-opacity, 1));
}
.text-gray-900{
--tw-text-opacity: 1;
color: rgba(17, 24, 39, 1);
color: rgba(17, 24, 39, var(--tw-text-opacity, 1));
}
.text-slate-500{
--tw-text-opacity: 1;
color: rgba(100, 116, 139, 1);
color: rgba(100, 116, 139, var(--tw-text-opacity, 1));
}
.text-slate-800{
--tw-text-opacity: 1;
color: rgba(30, 41, 59, 1);
color: rgba(30, 41, 59, var(--tw-text-opacity, 1));
}
.text-white{
--tw-text-opacity: 1;
color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.underline{
text-decoration-line: underline;
}
.line-through{
text-decoration-line: line-through;
}
.antialiased{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shadow{
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-\[0_-4px_20px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
--tw-shadow: 0 -4px 20px rgba(0,0,0,0.05);
--tw-shadow-colored: 0 -4px 20px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 -4px 20px rgba(0,0,0,0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.shadow-sm{
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
.outline{
outline-style: solid;
}
.blur{
--tw-blur: blur(8px);
filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-all{
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-colors{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-opacity{
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-transform{
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-300{
transition-duration: 300ms;
}
.ease-in-out{
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.text-bs24-close-red {
color: #DC2626;
}
.\[i\:id\]{
i: id;
}
.bs24-tooltip {
position: fixed;
z-index: 100000;
width: -moz-max-content;
width: max-content;
max-width: min(280px, 100vw - 24px);
padding: 8px 10px;
border-radius: 12px;
background: #131315;
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
text-align: center;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(4px) scale(0.98);
transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
--bs24-tooltip-arrow-left: 50%;
}
.bs24-tooltip::after {
content: "";
position: absolute;
left: var(--bs24-tooltip-arrow-left);
transform: translateX(-50%);
border-right: 7px solid transparent;
border-left: 7px solid transparent;
opacity: 0;
transition: opacity 0.16s ease;
}
.bs24-tooltip.--active {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.bs24-tooltip.--active::after {
opacity: 1;
}
.bs24-tooltip.--above::after {
top: calc(100% - 1px);
border-top: 8px solid #131315;
}
.bs24-tooltip.--below::after {
bottom: calc(100% - 1px);
border-bottom: 8px solid #131315;
}
.bs24-tooltip.--mobile {
max-width: min(240px, 100vw - 24px);
padding: 7px 9px;
font-size: 12px;
}
.bs24-tooltip.--persistent {
pointer-events: auto;
}
.bs24-tooltip-trigger {
display: inline;
white-space: normal;
text-wrap: pretty;
word-wrap: normal;
word-break: normal;
padding: 0;
margin: 0;
border: 0;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: inherit;
cursor: help;
font: inherit;
font-weight: 500;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-thickness: 0.08em;
text-underline-offset: 0.18em;
transition: color 0.16s ease, text-decoration-color 0.16s ease;
}
.landing-hero__desc .bs24-tooltip-trigger {
color: #ea580c;
}
.landing-hero__desc .bs24-tooltip-trigger:hover, .landing-hero__desc .bs24-tooltip-trigger:focus-visible {
color: #e07c35;
}   body:not(.has-woofilters):not(.page-template-homepage) #main ul.products {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 50px 12px;
gap: 50px 12px;
}
body:not(.has-woofilters):not(.page-template-homepage) #main ul.products li.product {
width: 100%;
margin: 0;
}
@media (min-width: 641px) {
body:not(.has-woofilters):not(.page-template-homepage) #main ul.products {
gap: 40px 20px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1280px) {
body:not(.has-woofilters):not(.page-template-homepage) #main ul.products {
gap: 50px 30px;
grid-template-columns: repeat(3, 1fr);
}
} .custom-term-description-wrapper .custom-term-description *,
.blogPage > .entry-content * {
color: #131315;
font-size: 16px;
}
.custom-term-description-wrapper .custom-term-description p,
.blogPage > .entry-content p {
font-weight: 300;
line-height: 160%;
color: #131315;
margin-bottom: 24px;
}
.custom-term-description-wrapper .custom-term-description a,
.blogPage > .entry-content a {
color: #e07c35;
}
.custom-term-description-wrapper .custom-term-description h2,
.custom-term-description-wrapper .custom-term-description h3,
.blogPage > .entry-content h2,
.blogPage > .entry-content h3 {
font-style: normal;
line-height: 140%;
margin: 24px 0;
}
.custom-term-description-wrapper .custom-term-description h2,
.blogPage > .entry-content h2 {
font-size: 24px;
font-weight: 500;
letter-spacing: -0.03em;
}
.custom-term-description-wrapper .custom-term-description h3,
.blogPage > .entry-content h3 {
font-size: 21px;
font-weight: 500;
letter-spacing: -0.02em;
margin-bottom: 8px;
}
.custom-term-description-wrapper .custom-term-description h4,
.blogPage > .entry-content h4 {
font-size: 18px;
}
.custom-term-description-wrapper .custom-term-description ul, .custom-term-description-wrapper .custom-term-description ol,
.blogPage > .entry-content ul,
.blogPage > .entry-content ol {
margin-left: 42px;
list-style: disc;
margin-bottom: 8px;
}
.custom-term-description-wrapper .custom-term-description ol,
.blogPage > .entry-content ol {
list-style-type: decimal;
}
.custom-term-description-wrapper .custom-term-description ol ul,
.blogPage > .entry-content ol ul {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 40px;
}
.custom-term-description-wrapper .custom-term-description li,
.blogPage > .entry-content li {
margin-bottom: 16px;
font-weight: 300;
line-height: 140%;
padding-left: 10px;
}
.custom-term-description-wrapper .custom-term-description figure,
.blogPage > .entry-content figure {
margin: 8px 0 0;
display: flex;
flex-direction: column;
align-items: center;
}
.custom-term-description-wrapper .custom-term-description figure figcaption,
.blogPage > .entry-content figure figcaption {
align-self: flex-start;
margin-top: 12px;
font-size: 12px;
font-weight: 300;
line-height: 160%;
color: rgba(0, 0, 0, 0.55);
}
.bs24-single-blog {  }
.bs24-single-blog .bs24-blog-image-with-caption {
margin-bottom: 40px;
}
.bs24-single-blog .bs24-blog-image-with-caption__img {
border-radius: 5px;
}
.bs24-single-blog .bs24-blog-products-carousel {
background-color: transparent;
border-radius: 10px;
}
.bs24-single-blog .bs24-product-side-by-side {
border-radius: 10px;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 10px;
font-size: 14px;
margin-top: 0.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: #000;
font-weight: 300;
transition: 0.2s;
}
.bs24-single-blog .bs24-product-side-by-side__product_image {
border-radius: 10px;
max-width: 150px;
max-height: 150px;
}
@media (max-width: 640px) {
.bs24-single-blog .bs24-product-side-by-side__product_image {
max-height: 100px;
max-width: 100px;
}
}
.bs24-single-blog .bs24-product-side-by-side__text {
max-width: 150px;
}
.bs24-single-blog .bs24-product-side-by-side:hover {
background-color: white;
}
.bs24-single-blog .bs24-product-side-by-side:hover img {
transform: scale(1.02);
}
.bs24-single-blog .bs24-blog-author-footer {
display: flex;
gap: 40px;
flex-direction: row;
margin: 60px 5% 40px 5%;
}
.bs24-single-blog .bs24-blog-author-footer__author-button {
padding: 10px;
background-color: #e07c35;
color: white;
font-weight: 500;
border-radius: 5px;
margin: 20px 0 40px;
border: 1px solid transparent;
transition: 0.5s;
}
.bs24-single-blog .bs24-blog-author-footer__author-button:hover {
background-color: white;
border-color: black;
color: #e07c35;
}
.bs24-single-blog .bs24-blog-author-footer__author-picture {
margin-top: 25px;
width: 90px;
height: 90px;
border-radius: 50%;
}
@media (max-width: 550px) {
.bs24-single-blog .bs24-blog-author-footer {
flex-direction: column;
align-items: center;
}
.bs24-single-blog .bs24-blog-author-footer__author-picture {
margin-top: 25px;
width: 150px;
height: 150px;
border-radius: 50%;
}
}
.bs24-single-blog .bs24-blog-good-to-know {
width: 100%;
height: -moz-fit-content;
height: fit-content;
border-radius: 14px;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 5%;
margin-bottom: 40px;
}
.bs24-single-blog .bs24-blog-good-to-know__information-type {
display: flex;
width: 100%;
align-items: center;
text-align: left;
gap: 15px;
}
.bs24-single-blog .bs24-blog-good-to-know__information-image {
width: 50px;
height: 50px;
}
.bs24-single-blog .bs24-blog-floating-contents {
padding-left: 0;
max-height: 600px;
overflow-y: auto;
width: -moz-fit-content;
width: fit-content;
max-width: 500px;
background-color: white;
padding: 20px;
border-radius: 10px;
border: 1px solid black;
margin-top: 0;
margin-bottom: 0;
position: fixed;
right: 50px;
top: 200px;
}
.bs24-single-blog .bs24-blog-floating-contents li {
margin-bottom: 15px;
}
.bs24-single-blog .bs24-blog-floating-contents__sublist {
margin: 0;
}
.bs24-single-blog .bs24-blog-floating-contents__link, .bs24-single-blog .bs24-blog-floating-contents__subLink {
transition: 0.5s;
}
.bs24-single-blog .bs24-blog-floating-contents__link:hover, .bs24-single-blog .bs24-blog-floating-contents__subLink:hover {
transform: translateX(3px);
}
.bs24-single-blog .bs24-blog-floating-contents__link > a {
font-size: 19px;
font-weight: 500;
line-height: 160%;
margin-bottom: 10px;
color: #131315;
}
.bs24-single-blog .bs24-blog-floating-contents__subLink {
margin-bottom: 5px !important;
}
.bs24-single-blog .bs24-blog-floating-contents__subLink > a {
font-size: 17px;
margin-bottom: 5px;
}
@media (max-width: 2010px) {
.bs24-single-blog .bs24-blog-floating-contents {
max-width: 300px;
}
.bs24-single-blog .bs24-blog-floating-contents__link {
margin-bottom: 0px;
}
.bs24-single-blog .bs24-blog-floating-contents__link > a {
font-size: 16px;
line-height: 140%;
margin-bottom: 0px;
}
.bs24-single-blog .bs24-blog-floating-contents__subLink {
margin-bottom: 0px !important;
}
.bs24-single-blog .bs24-blog-floating-contents__subLink > a {
font-size: 15px;
line-height: 120%;
margin-bottom: 0px;
}
}
@media (max-width: 1610px) {
.bs24-single-blog .bs24-blog-floating-contents {
position: relative;
right: 0;
top: 0;
width: 100%;
max-width: none;
display: flex;
justify-content: center;
}
.bs24-single-blog .bs24-blog-floating-contents__link > a {
font-size: 19px;
}
.bs24-single-blog .bs24-blog-floating-contents__subLink > a {
font-size: 19px;
}
.bs24-single-blog .bs24-blog-floating-contents li {
margin-top: 1em;
}
}  * {
box-sizing: border-box !important;
}
* {
font-family: "Inter";
font-weight: 300;
}
.grecaptcha-badge {
display: none !important;
}
div#CookiebotWidget {
bottom: 78px !important;
}
[id] {
scroll-margin-top: 220px;
}
.lazyload {
opacity: 0;
transition: opacity 0.3s;
}
.lazyload:not([src=""]) {
opacity: 1;
}
.grecaptcha-badge {
z-index: 1;
}
.star-rating span:before,
.quantity .plus,
.quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before {
color: #e07c35;
}
.os-scrollbar-handle {
background: #888;
border-radius: 6px;
}
.os-scrollbar-handle:hover {
background: #555;
}
[data-testid=widgetButtonFrame] {
bottom: calc((24px + 46px + env(safe-area-inset-bottom)) + 16px) !important;
bottom: calc(calc(24px + 46px + env(safe-area-inset-bottom)) + 16px) !important;
bottom: calc(var(--bs24-mobile-bottom-nav-height) + 16px) !important;
}
.--gray-section-background {
background-color: rgba(232, 241, 249, 0.3);
}
.bs24-terms-url{
margin-top: 0.5rem;
display: inline-flex;
font-size: 0.75rem;
line-height: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgba(224, 124, 53, 1);
color: rgba(224, 124, 53, var(--tw-text-opacity, 1));
}
.bs24-terms-url:hover{
text-decoration-line: underline;
}
body {       }
body.lock-scroll {
overflow: hidden;
position: relative;
height: 100vh;
}
body strong {
color: inherit;
font-weight: 500;
}
body strong,
body h1, body h2, body h3, body h4, body h5, body h6 {
color: #131315;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
font-weight: 500 !important;
line-height: 1.2 !important;
}
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
body h1 strong, body h1 b, body h2 strong, body h2 b, body h3 strong, body h3 b, body h4 strong, body h4 b, body h5 strong, body h5 b, body h6 strong, body h6 b {
font-size: inherit;
line-height: inherit;
}
body h1 {
letter-spacing: -0.06em;
}
body h2 {
letter-spacing: -0.03em;
}
body h3 {
letter-spacing: -0.015em;
}
body select {
padding-right: 2.5rem !important;
}
body select {
background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
body [type=checkbox] {
color: #e07c35;
}
body [type=checkbox]:hover {
background-color: none;
}
body [type=text]:focus {
border-color: rgb(151.7167381974, 76.6094420601, 23.2832618026);
}
body .panel {
box-shadow: 0 2px 6px rgba(17, 19, 24, 0.22);
}
body .woocommerce-breadcrumb a,
body a.woocommerce-review-link,
body .product_meta a {
color: #131315;
}
body .show-password-input {
background: none;
line-height: 1;
top: 50%;
right: 6px;
transform: translateY(-50%);
}
body .show-password-input::before {
font-family: "Material Symbols Outlined" !important;
text-transform: none !important;
}
body .show-password-input::before {
font-weight: 300;
font-style: normal;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
content: "visibility_off";
display: block;
width: auto;
height: auto;
background: none;
font-size: 22px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
body .show-password-input::after {
content: none;
}
body .show-password-input.display-password::before {
content: "visibility";
}
body .show-password-input.display-password::after {
content: none;
}
body .woocommerce-password-strength {
padding-left: 16px;
padding-right: 16px;
display: flex;
align-items: center;
gap: 8px;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin-top: 10px;
padding: 8px 12px;
border: 1px solid rgba(224, 124, 53, 0.16);
border-radius: 999px;
background: rgba(224, 124, 53, 0.08);
color: #e07c35;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
text-align: left;
}
body .woocommerce-password-strength::before {
font-family: "Material Symbols Outlined" !important;
text-transform: none !important;
}
body .woocommerce-password-strength::before {
font-weight: 300;
font-style: normal;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
content: "info";
font-size: 18px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
body .woocommerce-password-strength::after {
content: none;
}
body .woocommerce-password-strength.strong {
border-color: rgba(0, 192, 98, 0.18);
background: rgba(0, 192, 98, 0.1);
color: #0d6f42;
}
body .woocommerce-password-strength.strong::before {
content: "task_alt";
}
body .woocommerce-password-strength.good {
border-color: rgba(224, 124, 53, 0.18);
background: rgba(224, 124, 53, 0.08);
color: #e07c35;
}
body .woocommerce-password-strength.good::before {
content: "check_circle";
}
body .woocommerce-password-strength.bad, body .woocommerce-password-strength.short {
border-color: rgba(220, 38, 38, 0.18);
background: rgba(220, 38, 38, 0.08);
color: #DC2626;
}
body .woocommerce-password-strength.bad::before, body .woocommerce-password-strength.short::before {
content: "error";
}
body .lowest-price[lowest-price-note] {
margin: 0 0 16px;
}
body .lowest-price[lowest-price-note], body .lowest-price[lowest-price-note] .price {
font-size: 11px;
}
body .lowest-price[lowest-price-note] span.price span.amount bdi, body .lowest-price[lowest-price-note] span.price span.amount bdi .woocommerce-Price-currencySymbol {
font-size: inherit;
line-height: inherit;
color: inherit;
}
body .bs24-section > .bs24-cta-wrapper {
justify-content: center;
}
body .bs24-section:last-child > .bs24-cta-wrapper {
margin-bottom: 0;
margin-bottom: initial;
}
body #wpadminbar {
position: fixed !important;
top: 0 !important;
z-index: 7 !important;
}
body,
body button,
body input,
body textarea {
color: #131315;
font-family: "Inter", Arial, sans-serif;
line-height: 1.8;
text-rendering: optimizeLegibility;
font-weight: 300;
}
body button,
body input,
body textarea {
font-size: 14px;
}
body {
font-size: 16px;
}
body select {
color: #000;
color: initial;
font-family: "Inter", Arial, sans-serif;
max-width: 100%;
}
body .bs24-section-heading,
body .bs24-section {
margin-top: 20px;
}
@media (min-width: 768px) {
body .bs24-section-heading,
body .bs24-section {
margin-top: 50px;
}
}
body .bs24-section-heading {
margin-bottom: 20px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
clear: both;
font-weight: 300;
margin: 0 0 0.5407911001em;
}
body h2 {
font-size: 2em;
line-height: 1.2;
font-weight: 500;
}
body h2 a {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
font-weight: inherit;
}
body h3 {
font-size: 26px;
font-weight: 500;
}
body .columns-4 {
-moz-column-count: auto;
column-count: auto;
}
body .bold {
font-weight: 500;
}
body .bs24-badge-list {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
pointer-events: none;
display: flex;
gap: 2px;
flex-wrap: wrap;
top: 4px;
left: 4px;
position: absolute;
z-index: 4;
max-width: 80%;
}
@media (min-width: 400px) {
body .bs24-badge-list {
gap: 4px;
}
}
body .bs24-badge {
content: "";
background-color: none;
border-radius: 10px;
padding: 2px 6px;
width: -moz-max-content;
width: max-content;
color: #fff;
font-size: 10px;
text-align: center;
text-wrap: nowrap;
pointer-events: none;
font-weight: 300;
display: block;
position: static;
max-width: none;
background: #e07c35;
}
body .bs24-badge strong {
font-weight: 900;
}
@media (min-width: 641px) {
body .bs24-badge {
text-wrap: inherit;
padding: 2px 6px;
font-size: 11px;
}
}
body .bs24-badge, body .bs24-badge strong {
color: #fff;
}
body .bs24-badge.--auf-lager {
z-index: 1;
background: #289B38;
border-color: #289B38;
}
body .bs24-badge.--auf-lager, body .bs24-badge.--auf-lager strong {
color: #fff;
}
body .bs24-badge.--lead-time {
background: #000;
z-index: 1;
}
body .bs24-badge.--lead-time, body .bs24-badge.--lead-time strong {
color: #fff;
}
body .bs24-badge.--sale {
z-index: 1;
background: #c5312d;
}
body .bs24-badge.--sale, body .bs24-badge.--sale strong {
color: #fff;
}
body .bs24-badge.--bestseller {
background: #e07c35;
z-index: 1;
}
body .bs24-badge.--bestseller, body .bs24-badge.--bestseller strong {
color: #fff;
}
body .bs24-badge.--archived {
background: #6b7280;
z-index: 4;
}
body .bs24-badge.--archived, body .bs24-badge.--archived strong {
color: #131315;
}
body .bs24-badge.--discount-code {
background: #e07c35;
}
body .bs24-badge.--discount-code, body .bs24-badge.--discount-code strong {
color: #fff;
}
body #sold-qty-badge {
gap: 3px;
}
body header .icon-count-circle {
width: 15px;
height: 15px;
text-align: center;
background: #e07c35;
color: white;
font-size: 10px;
font-weight: 500;
border-radius: 50%;
line-height: 15px;
position: absolute;
top: -8px;
right: -6px;
z-index: 4;
}
body header a.icon-wishlist {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
body header .icon-wishlist {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
body header .icon-wishlist__img {
width: 100%;
-o-object-fit: none;
object-fit: none;
position: relative;
z-index: 1;
}
body header .icon-wishlist.--active, body header .icon-wishlist:hover {
color: #ff4444;
}
body header .icon-wishlist.--active:after, body header .icon-wishlist:hover:after {
border-color: #ff4444;
}
body header .icon-wishlist.--active .icon-wishlist__count, body header .icon-wishlist:hover .icon-wishlist__count {
background: #ff4444;
}
body header .icon-wishlist.--active .icon-wishlist__icon, body header .icon-wishlist:hover .icon-wishlist__icon {
font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
}
body header .icon-wishlist:not(.--active):hover {
border-color: #ff4444;
}
body h2.woocommerce-loop-product__title {
hyphens: auto;
word-wrap: break-word;
word-break: break-word;
min-width: 0;
font-size: 20px;
font-weight: 500;
color: #131315;
display: inline-block;
margin-top: 8px;
margin-bottom: 4px;
height: auto;
text-align: left;
}
body .price del {
opacity: 0.5;
font-weight: 300;
}
body .price del,
body .price del bdi {
display: inline-block;
}
body .price del bdi {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
body .price del bdi .woocommerce-Price-currencySymbol {
font-size: inherit;
line-height: inherit;
}
body .price del + ins {
margin-left: 4px;
}
body .price del > span > bdi {
font-weight: 300;
}
body .price ins bdi {
font-weight: 500;
}
body .price :not(ins):not(del) bdi {
font-weight: 500;
}
body ul li.product {
font-size: 12px;
}
body ul li.product .icon_above_image {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 8px;
display: flex;
align-items: center;
right: 0;
opacity: 0.7;
transition: opacity 0.2s ease;
z-index: 1;
}
body ul li.product .icon_above_image:hover {
opacity: 1;
}
body ul li.product .icon_above_image > a {
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
display: block;
}
body ul li.product .icon_above_image .wt-wishlist-button {
display: flex;
align-items: center;
gap: 2px;
position: relative;
z-index: 1;
}
body ul li.product .icon_above_image .wt-wishlist-button, body ul li.product .icon_above_image .wt-wishlist-button img {
width: 30px;
height: 30px;
}
body ul li.product .icon_above_image .wt-wishlist-button:before {
display: none;
}
body ul li.product .icon_above_image .wt-wishlist-button:after {
pointer-events: none;
border-radius: 100%;
outline: 2px solid transparent;
transition: all 0.2s ease;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
content: "";
}
body ul li.product .icon_above_image .wt-wishlist-button:hover:after {
outline-color: #ff4444;
}
body ul li.product .icon_above_image .webtoffee_wishlist_remove[data-action=add]:before {
content: "Aus der Wunschliste entfernt";
}
body ul li.product .icon_above_image .webtoffee_wishlist {
margin: 0;
}
body ul li.product .icon_above_image .webtoffee_wishlist[data-action=remove]:before {
content: "Zur Wunschliste hinzugefügt";
color: #f44;
}
body ul li.product .icon_above_image .webtoffee_wishlist .wt-wishlist-button:hover {
margin: 0;
}
body ul li.product .icon_above_image .webtoffee_wishlist img {
aspect-ratio: 1/1;
}
body ul li.product .icon_above_image .webtoffee_wishlist img[src="http://localhost/BeautySofa/wp-content/plugins/wt-woocommerce-wishlist/public/images/wt-loader.svg"] {
width: 30px !important;
height: 30px !important;
}
body ul li.product .icon_above_image .webtoffee_wishlist img[src="http://localhost/BeautySofa/wp-content/plugins/wt-woocommerce-wishlist/public/images/wt-loader.svg"] {
padding: 5px;
}
body ul li.product .icon_above_image .browse_wishlist {
display: none;
}
body ul li.product .transparentOverlay {
margin-bottom: 24px;
}
body ul li.product .transparentOverlay img {
margin: 0 auto;
}
body ul li.product .transparentOverlay:has(.star-rating) img {
margin: 0 auto 1.618em;
}
body ul li.product .woocommerce-loop-product__title {
font-weight: 300 !important;
margin-bottom: 0.2903405em !important;
}
body ul li.product .woocommerce-loop-product__title {
font-size: 16px;
line-height: 1.5;
margin-bottom: 0;
color: #131315;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 0;
}
body ul li.product .short-description {
color: #6d6d6d;
font-size: 16px;
height: 40px;
line-height: 1.25;
margin: 8px 0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
}
body ul li.product,
body ul li.product .price {
text-align: left;
}
body ul li.product .price {
font-size: 20px;
line-height: 1.25;
margin: 12px 0;
}
@media (max-width: 640px) {
body ul li.product .price {
font-size: 14px;
}
}
body ul li.product .price bdi {
font-weight: 500;
}
body ul li.product .bs24-delivery-info {
display: flex;
flex-direction: column;
gap: 4px;
text-align: left;
}
body ul li.product .bs24-delivery-info__item {
display: flex;
align-items: center;
gap: 8px;
}
body ul li.product .bs24-delivery-info__icon {
flex: 0 0 20px;
width: 20px;
height: auto;
}
body ul li.product .bs24-delivery-info .material-icons-outlined {
font-size: 14px;
}
body ul li.product .bs24-delivery-info .--delivery-cost, body ul li.product .bs24-delivery-info .--delivery-cost strong {
color: #0d6f42;
}
body ul li.product .bs24-delivery-info p {
margin: 0 0 4px 0;
line-height: normal;
}
body ul li.product .star-rating {
font-size: 1em !important;
}
body ul li.product .star-rating {
margin: 8px 0 10px;
height: 1em;
line-height: 1;
}
body .bs24-infinite-loader {
grid-column: 1/-1 !important;
}
body .bs24-infinite-loader {
width: 100%;
height: -moz-fit-content;
height: fit-content;
position: static;
top: auto;
top: initial;
left: auto;
left: initial;
right: auto;
right: initial;
bottom: auto;
bottom: initial;
display: flex;
justify-content: center;
align-items: center;
padding: 0 0 30px;
}
body .bs24-infinite-loader .preloader-inside {
position: static;
}
body .woocommerce-message strong,
body .woocommerce-info strong,
body .woocommerce-error strong,
body .woocommerce-noreviews strong,
body p.no-comments strong {
color: inherit;
}
body.woocommerce input[type=checkbox],
body.woocommerce input[type=radio], body.woocommerce-page input[type=checkbox],
body.woocommerce-page input[type=radio],
body .woocommerce input[type=checkbox],
body .woocommerce input[type=radio],
body .woocommerce-page input[type=checkbox],
body .woocommerce-page input[type=radio] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
margin: 0;
border: 2px solid rgba(224, 124, 53, 0.72);
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: 12px 12px;
box-shadow: inset 0 0 0 0 #e07c35;
cursor: pointer;
flex-shrink: 0;
transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
body.woocommerce input[type=radio], body.woocommerce-page input[type=radio],
body .woocommerce input[type=radio],
body .woocommerce-page input[type=radio] {
border-radius: 50%;
}
body.woocommerce input[type=checkbox], body.woocommerce-page input[type=checkbox],
body .woocommerce input[type=checkbox],
body .woocommerce-page input[type=checkbox] {
border-radius: 6px;
}
body.woocommerce input[type=radio]:checked, body.woocommerce-page input[type=radio]:checked,
body .woocommerce input[type=radio]:checked,
body .woocommerce-page input[type=radio]:checked {
border-color: #e07c35;
box-shadow: inset 0 0 0 5px #e07c35;
}
body.woocommerce input[type=checkbox]:checked, body.woocommerce-page input[type=checkbox]:checked,
body .woocommerce input[type=checkbox]:checked,
body .woocommerce-page input[type=checkbox]:checked {
border-color: #e07c35;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 14 14%27%3E%3Cpath fill=%27none%27 stroke=%27%23e07c35%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272.2%27 d=%27M2.5 7.2 5.6 10.2 11.4 4.3%27/%3E%3C/svg%3E");
}
body.woocommerce input[type=checkbox]:focus-visible,
body.woocommerce input[type=radio]:focus-visible, body.woocommerce-page input[type=checkbox]:focus-visible,
body.woocommerce-page input[type=radio]:focus-visible,
body .woocommerce input[type=checkbox]:focus-visible,
body .woocommerce input[type=radio]:focus-visible,
body .woocommerce-page input[type=checkbox]:focus-visible,
body .woocommerce-page input[type=radio]:focus-visible {
outline: none;
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.14);
}
body.woocommerce input[type=radio]:checked:focus-visible, body.woocommerce-page input[type=radio]:checked:focus-visible,
body .woocommerce input[type=radio]:checked:focus-visible,
body .woocommerce-page input[type=radio]:checked:focus-visible {
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.14), inset 0 0 0 5px #e07c35;
}
body.woocommerce input[type=checkbox]:disabled,
body.woocommerce input[type=radio]:disabled, body.woocommerce-page input[type=checkbox]:disabled,
body.woocommerce-page input[type=radio]:disabled,
body .woocommerce input[type=checkbox]:disabled,
body .woocommerce input[type=radio]:disabled,
body .woocommerce-page input[type=checkbox]:disabled,
body .woocommerce-page input[type=radio]:disabled {
opacity: 0.55;
cursor: not-allowed;
}
body.woocommerce .woocommerce-info, body.woocommerce-page .woocommerce-info,
body .woocommerce .woocommerce-info,
body .woocommerce-page .woocommerce-info {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.tax-product_cat .woocommerce-products-header__title.page-title {
font-weight: 500;
}
body .bs24-cart-layout h1,
body .bs24-cart-layout h2,
body .bs24-cart-layout h3,
body .bs24-cart-layout h4,
body .bs24-cart-layout h5,
body .bs24-cart-layout h6,
body .bs24-cart-layout p,
body .checkout.woocommerce-checkout h1,
body .checkout.woocommerce-checkout h2,
body .checkout.woocommerce-checkout h3,
body .checkout.woocommerce-checkout h4,
body .checkout.woocommerce-checkout h5,
body .checkout.woocommerce-checkout h6,
body .checkout.woocommerce-checkout p {
margin-top: 8px;
margin-bottom: 18px;
}
body .bs24-cart-layout h1,
body .bs24-cart-layout h2,
body .bs24-cart-layout h3,
body .bs24-cart-layout h4,
body .bs24-cart-layout h5,
body .bs24-cart-layout h6,
body .checkout.woocommerce-checkout h1,
body .checkout.woocommerce-checkout h2,
body .checkout.woocommerce-checkout h3,
body .checkout.woocommerce-checkout h4,
body .checkout.woocommerce-checkout h5,
body .checkout.woocommerce-checkout h6 {
margin-top: 8px;
}
body .bs24-cart-layout input,
body .checkout.woocommerce-checkout input {
border-radius: 10px;
}
body .star-rating span::before,
body .quantity .plus,
body .quantity .minus,
body p.stars a:hover::after,
body p.stars a::after,
body .star-rating span::before,
body #payment .payment_methods li input[type=radio]:first-child:checked + label::before {
color: #e07c35;
}
body #payment .payment_methods > li .payment_box {
background-color: #fff;
}
body .bs24-cta-wrapper {
display: flex;
grid-column: 1/-1;
width: 100%;
}
body .bs24-cta-wrapper.--with-margin-top {
margin-top: 16px;
}
body .bs24-cta-wrapper.--center {
justify-content: center;
}
body .bs24-cta-wrapper.--secondary .bs24-cta-btn {
background: linear-gradient(to right, #fff, #ffffff);
color: #e07c35;
border: 1px solid #e07c35;
transition: background 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .bs24-cta-wrapper.--secondary .bs24-cta-btn:hover {
background: linear-gradient(to right, white, white);
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
body .bs24-cta-wrapper.--secondary .bs24-cta-btn, body .bs24-cta-wrapper.--secondary .bs24-cta-btn:hover {
color: #e07c35;
}
body .bs24-cta-wrapper.--secondary .bs24-cta-btn:hover {
transform: translateY(-2px);
}
body .bs24-cta-wrapper.--glass .bs24-cta-btn {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.4);
color: #fff;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
transition: background 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .bs24-cta-wrapper.--glass .bs24-cta-btn:hover {
background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.25));
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border-color: rgba(255, 255, 255, 0.6);
}
body .bs24-cta-wrapper.--outline-light .bs24-cta-btn {
background: transparent;
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.85);
box-shadow: none;
transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
body .bs24-cta-wrapper.--outline-light .bs24-cta-btn:hover {
background: #fff;
color: #e07c35;
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}
body .bs24-cta-wrapper.--outline-animated .bs24-cta-btn {
position: relative;
overflow: hidden;
background: transparent;
color: #fff;
border: 2px solid #fff;
z-index: 1;
}
body .bs24-cta-wrapper.--outline-animated .bs24-cta-btn::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.2s ease;
z-index: -1;
}
body .bs24-cta-wrapper.--outline-animated .bs24-cta-btn:hover {
color: #e07c35;
transform: translateY(-2px);
}
body .bs24-cta-wrapper.--outline-animated .bs24-cta-btn:hover::before {
transform: scaleX(1);
}
body .bs24-cta-wrapper.--archived-product {
position: relative;
z-index: 4;
}
body .bs24-cta-wrapper.--archived-product .bs24-cta-btn {
background: linear-gradient(to right, #9ca3af, #b0b6c1);
color: #fff;
transition: background 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body .bs24-cta-wrapper.--archived-product .bs24-cta-btn:hover {
background: linear-gradient(to right, rgb(170.1033519553, 176.1061452514, 186.3966480447), rgb(204.5744680851, 208.4042553191, 215.4255319149));
transform: translateY(-2px);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transform: translateY(-1px);
}
body .bs24-cta-wrapper strong {
color: inherit !important;
font-size: inherit !important;
}
body.single-product #main .single_add_to_cart_button,
body .bs24-cta-btn {
text-align: center;
font-size: 18px;
font-weight: 500;
border-radius: 9999px;
transition: all 0.2s ease;
background: #e07c35;
transition: background 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
@media (max-width: 480px) {
body.single-product #main .single_add_to_cart_button,
body .bs24-cta-btn {
font-size: 16px;
}
}
body.single-product #main .single_add_to_cart_button:hover,
body .bs24-cta-btn:hover {
background: linear-gradient(to right, rgb(232.5914634146, 139.3719512195, 56.9085365854), rgb(245.4578313253, 176.2771084337, 66.5421686747));
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
body.single-product #main .single_add_to_cart_button, body.single-product #main .single_add_to_cart_button:hover,
body .bs24-cta-btn,
body .bs24-cta-btn:hover {
color: #fff;
}
body .ppc-button-ppcp-gateway .paypal-buttons iframe {
border-radius: 9999px;
}
.bs24-is-archived-product .icon_above_image {
display: none !important;
}
br.mobile {
display: none;
}
@media (max-width: 380px) {
br.mobile {
display: block;
}
}
.bs24-toggle-description-trigger {
all: unset;
color: #e07c35;
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 16px;
cursor: pointer;
-webkit-text-decoration: underline;
text-decoration: underline;
transition: color 0.1s ease-in;
}
.bs24-toggle-description-trigger:hover, .bs24-toggle-description-trigger:focus {
background: none;
color: rgb(195.9313304721, 98.9356223176, 30.0686695279);
}
.transparentOverlay {
position: relative;
}
.transparentOverlay > img {
padding: 2px;
}
@media (min-width: 481px) {
.transparentOverlay > img {
padding: 4px;
}
}
.transparentOverlay::after {
content: "";
border-radius: 10px;
height: 100%;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.0509803922);
top: 0;
left: 0;
pointer-events: none;
}
.preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999;
visibility: visible;
transition: opacity 1500ms, visibility 1500ms;
}
.preloader.hide {
opacity: 0;
visibility: hidden;
}
.preloader-inside {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid #e07c35;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
animation: spin 1s ease-in infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}    code,
html,
kbd,
pre,
samp {
font-family: "Inter", Arial, "Lucida Grande", sans-serif;
}
hr,
input[type=search] {
box-sizing: content-box;
}
hr,
img,
legend {
border: 0;
}
legend,
ol,
td,
th,
ul {
padding: 0;
}
address,
hr,
p,
table {
margin: 0 0 1.41575em;
}
.col-full,
body {
background-color: #fff;
}
#comments .comment-list .comment-content .comment-text p:last-child,
#respond .form-submit,
#respond form,
.error404 .fourohfour-columns-2 .widget,
.error404 .fourohfour-columns-2 ul.products li.product,
.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header,
.no-wc-breadcrumb.page-template-template-homepage .site-header,
.page-template-template-homepage .entry-content p:last-child,
.site-branding,
.site-header .widget,
li > ol,
li > ul,
table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}
.hentry .entry-content a.button,
.hentry .entry-content a.components-button:not(.is-link),
.hentry .entry-content a.wp-block-button__link,
.hentry .entry-content a:hover,
.hentry .entry-header .byline a:hover,
.hentry .entry-header .post-author a:hover,
.hentry .entry-header .post-comments a:hover,
.hentry .entry-header .posted-on a:hover,
.site-footer a.button,
.site-footer a.components-button:not(.is-link),
.site-footer a.wp-block-button__link,
.site-footer a:hover,
.widget-area .widget a.button,
.widget-area .widget a.components-button:not(.is-link),
.widget-area .widget a.wp-block-button__link,
.widget-area .widget a:hover,
a,
ins,
mark {
-webkit-text-decoration: none;
text-decoration: none;
}
pre,
textarea {
overflow: auto;
}
.widget select,
.wp-caption,
embed,
iframe,
img,
object,
pre,
video {
max-width: 100%;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
}
.alpha,
.beta,
.delta,
.gallery .gallery-item .gallery-icon a,
.gamma,
.main-navigation div.menu:last-child,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
.added_to_cart::after,
.button::after,
.byline,
.main-navigation div.menu,
.primary-navigation,
.secondary-navigation,
.updated:not(.published),
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link::after,
[hidden],
button::after,
input[type=button]::after,
input[type=reset]::after,
input[type=submit]::after,
template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
color: #2c2d33;
}
.site-content,
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
h1 {
margin: 0.67em 0;
}
mark {
color: #000;
}
sup {
top: -0.5em;
bottom: 1ex;
}
sub {
bottom: -0.25em;
top: 0.5ex;
}
svg:not(:root) {
overflow: hidden;
}
hr {
background-color: #ccc;
height: 1px;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
blockquote,
cite,
dfn,
em,
i {
font-style: italic;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input {
line-height: normal;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.site-branding .site-title a,
optgroup {
font-weight: 700;
}
table {
border-spacing: 0;
width: 100%;
border-collapse: separate;
}
summary {
display: list-item;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: 300;
}
b,
dt,
ins,
mark,
strong,
table caption,
table th {
font-weight: 600;
}
.alpha,
h1 {
font-size: 2.617924em;
line-height: 1.214;
letter-spacing: -1px;
}
.beta,
h2 {
font-size: 2em;
line-height: 1.214;
}
.gamma,
h3 {
font-size: 1.618em;
}
.delta,
.widget-area .widget h1.widget-title,
h4 {
font-size: 1.41575em;
}
small,
sub,
sup {
font-size: 75%;
}
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + header h2,
form + h2,
form + h3,
form + h4,
form + header h2,
ol + h2,
ol + h3,
ol + h4,
ol + header h2,
p + h2,
p + h3,
p + h4,
p + header h2,
table + h2,
table + h3,
table + h4,
table + header h2,
ul + h2,
ul + h3,
ul + h4,
ul + header h2 {
margin-top: 2.2906835em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-left: 1em;
}
dd {
margin: 0 0 1.618em;
}
blockquote {
padding: 0 1em;
border-left: 3px solid rgba(0, 0, 0, 0.05);
}
pre {
background: rgba(0, 0, 0, 0.1);
font-family: "Courier 10 Pitch", Courier, monospace;
margin-bottom: 1.618em;
padding: 1.618em;
}
.pagination .page-numbers li a.page-numbers:hover,
.woocommerce-pagination .page-numbers li a.page-numbers:hover,
code,
kbd,
tt,
var {
background-color: rgba(0, 0, 0, 0.05);
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
padding: 0.202em 0.5407911001em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
background: rgba(0, 0, 0, 0);
}
label,
table tbody h2,
table tbody h2 a {
font-weight: 400;
}
sub,
sup {
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
big {
font-size: 125%;
}
.error404 .site-content .widget_product_search form,
.handheld-navigation ul,
.site-branding .logo,
.widget_archive ul,
.widget_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul,
.widget_links ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
figure {
margin: 0;
}
img {
height: auto;
display: block;
border-radius: 3px;
}
a:focus,
button:focus,
input:focus,
textarea:focus {
outline: transparent solid 2px;
}
.storefront-cute * {
font-family: "Comic Sans MS", sans-serif;
}
* {
box-sizing: border-box;
}
.col-full {
padding: 30px 50px;
}
@media (max-width: 767px) {
body {
background-color: #fff;
}
.col-full {
padding: 0;
}
}
.header-widget-region,
.site-content {
-webkit-tap-highlight-color: transparent;
}
.site-header .custom-logo-link,
.site-header .site-logo-anchor,
.site-header .site-logo-link {
display: block;
margin-bottom: 0;
}
.site-header .custom-logo-link img,
.site-header .site-logo-anchor img,
.site-header .site-logo-link img {
width: 100%;
max-width: 210px;
}
.no-wc-breadcrumb .site-header {
margin-bottom: 4.235801032em;
}
.header-widget-region {
position: relative;
z-index: 99;
}
#comments .comment-list .comment-body::after,
#comments .comment-list .comment-body::before,
#comments .comment-list .reply::after,
#comments .comment-list .reply::before,
.clear::after,
.clear::before,
.comment-content::after,
.comment-content::before,
.entry-content::after,
.entry-content::before,
.error404 .fourohfour-columns-2::after,
.error404 .fourohfour-columns-2::before,
.gallery::after,
.gallery::before,
.header-widget-region::after,
.header-widget-region::before,
.main-navigation::after,
.main-navigation::before,
.site-content::after,
.site-content::before,
.site-footer::after,
.site-footer::before,
.site-header::after,
.site-header::before,
.site-main nav.navigation::after,
.site-main nav.navigation::before {
content: "";
display: table;
}
#comments .comment-list .comment-body::after,
#comments .comment-list .reply::after,
.clear::after,
.comment-content::after,
.entry-content::after,
.error404 .fourohfour-columns-2::after,
.gallery::after,
.handheld-navigation,
.header-widget-region::after,
.main-navigation .menu,
.main-navigation::after,
.site-content::after,
.site-footer::after,
.site-header::after,
.site-main nav.navigation::after {
clear: both;
}
.header-widget-region .widget {
margin: 0;
padding: 1em 0;
font-size: 0.875em;
}
.site-branding {
float: left;
width: calc(100% - 120px);
}
.site-branding .site-title {
font-size: 2em;
letter-spacing: -1px;
margin: 0;
}
.site-branding .site-description {
font-size: 0.875em;
display: none;
}
.site-main {
margin-bottom: 2.617924em;
overflow: hidden;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
padding-top: 4.235801032em;
}
.page-template-template-homepage .type-page {
padding-top: 2.617924em;
padding-bottom: 2.617924em;
position: relative;
}
.page-template-template-homepage .type-page .storefront-hero__button-edit {
position: absolute;
top: 1em;
right: 1em;
font-size: 0.875em;
}
.page-template-template-homepage .entry-content {
font-size: 1.1em;
}
.page-template-template-homepage .entry-header h1 {
font-size: 3.706325903em;
margin-bottom: 0.2360828548em;
}
.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
max-width: 41.0994671405em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
background-size: cover;
background-position: center center;
padding-top: 6.8535260698em;
padding-bottom: 6.8535260698em;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title {
opacity: 0;
transition: none, none, 0.5s;
}
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content.loaded,
.page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-title.loaded {
opacity: 1;
}
.site-footer {
background-color: #f3f3f3;
color: #3b3c3f;
padding: 1.618em 0 3.706325903em;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
color: #333437;
}
.site-footer a {
color: #2c2d33;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.site-info {
padding: 2.617924em 0;
}
.site-info span[role=separator] {
padding: 0 0.2360828548em 0 0.3342343017em;
}
.site-info span[role=separator]::before {
content: "|";
}
.alignleft {
display: inline;
float: left;
margin-right: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.screen-reader-text,
.widget .widget-search .search-submit {
word-wrap: normal !important;
}
.screen-reader-text,
.widget .widget-search .search-submit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input,
.error404.left-sidebar .content-area,
.error404.right-sidebar .content-area,
.gallery.gallery-columns-1 .gallery-item,
.widget_product_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_search form:not(.wp-block-search) input[type=text],
textarea {
width: 100%;
}
.screen-reader-text:focus {
clip: auto !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
display: block;
font-weight: 700;
height: auto;
left: 0;
line-height: normal;
padding: 1em 1.618em;
-webkit-text-decoration: none;
text-decoration: none;
top: 0;
width: auto;
z-index: 100000;
outline: 0;
}
.screen-reader-text.skip-link:focus {
clip-path: none;
}
table caption {
padding: 1em 0;
}
table td,
table th {
padding: 1em 1.41575em;
text-align: left;
vertical-align: top;
}
table thead th {
padding: 1.41575em;
vertical-align: middle;
}
table tbody h2 {
font-size: 1em;
letter-spacing: normal;
}
.error404 .fourohfour-columns-2 .col-2,
.error404 .site-content .widget_product_search {
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.025);
}
.error404 .fourohfour-columns-2 {
padding: 2.617924em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
margin-bottom: 2.617924em;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 2.2906835em;
}
.error404 .fourohfour-columns-2 .col-1 ul.products li.product {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%;
}
#comments .comment-list .reply a:last-child,
.error404 .fourohfour-columns-2 .col-1 ul.products li.product:last-child {
margin-right: 0;
}
#comments {
padding-top: 2.617924em;
}
#comments .comments-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 0.5407911001em;
margin-bottom: 1.618em;
}
#comments .comment-list {
list-style: none;
margin-left: 0;
}
#comments .comment-list .comment-content {
padding-bottom: 1.618em;
margin-bottom: 1.618em;
}
#comments .comment-list .comment-content .comment-text {
padding: 1.618em;
border-radius: 3px;
}
#comments .comment-list .comment-meta,
.gallery {
margin-bottom: 1em;
}
#comments .comment-list .comment-meta .avatar {
margin-bottom: 1em;
max-width: 64px;
height: auto;
}
#comments .comment-list .comment-meta a.comment-date,
.cat-links,
.hentry .entry-header .byline,
.hentry .entry-header .post-author,
.hentry .entry-header .post-comments,
.hentry .entry-header .posted-on,
.tags-links {
font-size: 0.875em;
}
#comments .comment-list .comment-meta cite {
font-style: normal;
clear: both;
display: block;
}
#comments .comment-list .reply {
margin-bottom: 1.618em;
padding-top: 0.6180469716em;
}
#comments .comment-list .reply a {
display: inline-block;
margin-right: 1em;
}
#comments .comment-list .children {
list-style: none;
}
.comment-content a {
word-wrap: break-word;
}
#respond {
clear: both;
padding: 1.618em;
background-color: rgba(0, 0, 0, 0.0125);
position: relative;
}
#respond #cancel-comment-reply-link {
position: absolute;
top: 0.5407911001em;
right: 0.5407911001em;
display: block;
height: 1em;
width: 1em;
overflow: hidden;
line-height: 1;
font-size: 1.41575em;
text-align: center;
transition: transform, none, 0.3s;
}
#respond #cancel-comment-reply-link:hover {
transform: scale(1.3);
}
.hentry {
margin: 0 0 4.235801032em;
}
.hentry .wp-post-image {
margin-bottom: 1.618em;
margin-left: auto;
margin-right: auto;
}
.hentry .entry-header {
margin-bottom: 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry .entry-header .byline a,
.hentry .entry-header .post-author a,
.hentry .entry-header .post-comments a,
.hentry .entry-header .posted-on a,
.widget-area .widget a {
font-weight: 600;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.hentry .entry-taxonomy {
margin: 1.41575em 0 0;
padding-top: 1em;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry.type-page .entry-header {
border-bottom: 0;
margin-bottom: 0;
}
.cat-links a,
.tags-links a {
color: #727272;
font-weight: 600;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.group-blog .byline,
.single .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1em;
}
form {
margin-bottom: 1.618em;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
}
.added_to_cart,
.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link,
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 0 #43454b;
border-radius: 0;
background: #43454b;
color: #fff;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
-webkit-text-decoration: none;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
-webkit-appearance: none;
}
button.menu-toggle,
button.menu-toggle:hover {
background-image: none;
}
.added_to_cart.alt,
.added_to_cart.cta,
.button.alt,
.button.cta,
.pagination .page-numbers li .page-numbers.current,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta,
.woocommerce-pagination .page-numbers li .page-numbers.current,
button.alt,
button.cta,
input[type=button].alt,
input[type=button].cta,
input[type=reset].alt,
input[type=reset].cta,
input[type=submit].alt,
input[type=submit].cta {
background-color: #2c2d33;
border-color: #2c2d33;
}
.added_to_cart.alt:hover,
.added_to_cart.cta:hover,
.button.alt:hover,
.button.cta:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.alt:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.cta:hover,
button.alt:hover,
button.cta:hover,
input[type=button].alt:hover,
input[type=button].cta:hover,
input[type=reset].alt:hover,
input[type=reset].cta:hover,
input[type=submit].alt:hover,
input[type=submit].cta:hover {
background-color: #2c2d33;
}
.added_to_cart:hover,
.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
color: #fff;
}
.added_to_cart.loading,
.button.loading,
.wc-block-components-button:not(.is-link).disabled:hover,
.wc-block-components-button:not(.is-link):disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading {
opacity: 0.5;
}
.added_to_cart.small,
.button.small,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.small,
button.small,
input[type=button].small,
input[type=reset].small,
input[type=submit].small {
padding: 0.5407911001em 0.875em;
font-size: 0.875em;
}
.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled {
opacity: 0.5 !important;
}
.added_to_cart.disabled,
.added_to_cart:disabled,
.button.disabled,
.button:disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled,
button.disabled,
button:disabled,
input[type=button].disabled,
input[type=button]:disabled,
input[type=reset].disabled,
input[type=reset]:disabled,
input[type=submit].disabled,
input[type=submit]:disabled {
cursor: not-allowed;
}
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.disabled:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:disabled:hover,
button.disabled:hover,
button:disabled:hover,
input[type=button].disabled:hover,
input[type=button]:disabled:hover,
input[type=reset].disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit].disabled:hover,
input[type=submit]:disabled:hover {
opacity: 0.5 !important;
}
.button.woocommerce-MyAccount-downloads-file {
word-wrap: anywhere;
word-break: break-word;
-ms-word-break: break-all;
}
.wc-block-components-button:not(.is-link).disabled,
.wc-block-components-button:not(.is-link):disabled {
opacity: 0.5;
cursor: not-allowed;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
margin: 0 0 0 0.3819820591em;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type=search]::-moz-placeholder {
color: #616161;
}
input[type=search]::placeholder {
color: #616161;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
.input-text,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
padding: 0.6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
input[type=search] {
box-sizing: border-box;
background-color: transparent;
}
.input-text:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
background-color: #ededed;
}
textarea {
padding-left: 0.875em;
vertical-align: top;
}
label.inline input {
width: auto;
}
fieldset {
padding: 1em 1.618em 1.618em;
border: 0;
margin: 1.618em 0;
}
fieldset legend {
font-weight: 600;
padding: 0.6180469716em 1em;
margin-left: -1em;
}
[placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.5s 0.5s;
transition: opacity 0.5s 0.5s;
opacity: 0;
}
.comment-content img.wp-smiley,
.entry-content img.wp-smiley,
.page-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
display: inline-block;
border-radius: 0;
}
.wp-caption {
margin-bottom: 1em;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0 auto;
}
.wp-caption .wp-caption-text {
text-align: left;
font-style: italic;
border-bottom: 2px solid rgba(0, 0, 0, 0.05);
padding: 1em 0;
}
.gallery .gallery-item {
float: left;
}
.gallery .gallery-item .gallery-icon img {
border: none;
height: auto;
margin: 0 auto;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
text-align: center;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.666666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.285714286%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.111111111%;
}
button.menu-toggle {
cursor: pointer;
text-align: left;
float: right;
position: relative;
border: 2px solid transparent;
box-shadow: none;
border-radius: 2px;
padding: 0.6180469716em 0.875em 0.6180469716em 2.617924em;
font-size: 0.875em;
max-width: 120px;
}
button.menu-toggle span::before,
button.menu-toggle::after,
button.menu-toggle::before {
content: "";
display: block;
height: 2px;
width: 14px;
position: absolute;
top: 50%;
left: 1em;
margin-top: -1px;
transition: none, none, 0.2s;
border-radius: 3px;
}
button.menu-toggle::before {
transform: translateY(-4px);
}
button.menu-toggle::after {
transform: translateY(4px);
}
.toggled button.menu-toggle::after,
.toggled button.menu-toggle::before {
transform: rotate(45deg);
}
.toggled button.menu-toggle::after {
transform: rotate(-45deg);
}
.toggled button.menu-toggle span::before {
opacity: 0;
}
.handheld-navigation,
.main-navigation div.menu > ul:not(.nav-menu),
.nav-menu {
overflow: hidden;
max-height: 0;
transition: none, none, 0.8s;
}
.handheld-navigation ul.menu li,
.widget_product_search form:not(.wp-block-search),
.widget_search form:not(.wp-block-search) {
position: relative;
}
.handheld-navigation ul.menu li button::after {
transition: none, none, 0.9s;
}
.handheld-navigation ul.menu li button.toggled-on::after {
transform: rotate(180deg);
}
.handheld-navigation ul.menu .sub-menu {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: none, none, 0.9s;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
visibility: visible;
max-height: 9999px;
opacity: 1;
}
.handheld-navigation .dropdown-toggle {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
right: 0;
display: block;
}
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded=true] {
max-height: 9999px;
}
.main-navigation ul {
margin-left: 0;
list-style: none;
margin-bottom: 0;
}
.main-navigation ul ul {
display: block;
margin-left: 1.41575em;
}
.main-navigation ul li a {
padding: 0.875em 0;
display: block;
}
.main-navigation ul li a:hover {
color: #e6e6e6;
}
.pagination .page-numbers li,
.site-main nav.navigation .nav-next a,
.site-main nav.navigation .nav-previous a,
.woocommerce-pagination .page-numbers li {
display: inline-block;
}
.site-main nav.navigation .nav-previous {
float: left;
width: 50%;
}
.site-main nav.navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.pagination,
.woocommerce-pagination {
padding: 1em 0;
border: 1px solid rgba(0, 0, 0, 0.05);
border-width: 1px 0;
text-align: center;
clear: both;
}
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
list-style: none;
margin: 0;
vertical-align: middle;
}
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
border-left-width: 0;
display: inline-block;
padding: 0.3342343017em 0.875em;
background-color: rgba(0, 0, 0, 0.025);
color: #43454b;
}
.pagination .page-numbers li .page-numbers.dots,
.woocommerce-pagination .page-numbers li .page-numbers.dots {
background-color: rgba(0, 0, 0, 0);
}
.pagination .page-numbers li .page-numbers.next,
.pagination .page-numbers li .page-numbers.prev,
.woocommerce-pagination .page-numbers li .page-numbers.next,
.woocommerce-pagination .page-numbers li .page-numbers.prev {
padding-left: 1em;
padding-right: 1em;
}
.rtl .pagination a.next,
.rtl .pagination a.prev,
.rtl .woocommerce-pagination a.next,
.rtl .woocommerce-pagination a.prev {
transform: rotateY(180deg);
}
.widget {
margin: 0 0 3.706325903em;
}
.widget .widget-title,
.widget .widgettitle {
font-size: 1.41575em;
letter-spacing: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 0 1em;
margin-bottom: 1em;
font-weight: 300;
line-height: 1;
}
.widget ul {
margin-left: 0;
list-style: none;
}
.widget ul ul {
margin-left: 1.618em;
}
.widget-area .widget {
font-size: 0.875em;
font-weight: 400;
}
.widget-area .widget a.button {
font-weight: 600 !important;
}
.widget_product_search form:not(.wp-block-search) button[type=submit],
.widget_product_search form:not(.wp-block-search) input[type=submit],
.widget_search form:not(.wp-block-search) button[type=submit],
.widget_search form:not(.wp-block-search) input[type=submit] {
word-wrap: normal !important;
}
.widget_product_search form:not(.wp-block-search) button[type=submit],
.widget_product_search form:not(.wp-block-search) input[type=submit],
.widget_search form:not(.wp-block-search) button[type=submit],
.widget_search form:not(.wp-block-search) input[type=submit] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
top: 0;
left: 0;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li,
.widget_links ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_product_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li {
list-style: none;
margin-bottom: 1em;
line-height: 1.41575em;
}
.widget_archive ul .children,
.widget_categories ul .children,
.widget_layered_nav ul .children,
.widget_layered_nav_filters ul .children,
.widget_links ul .children,
.widget_nav_menu ul .children,
.widget_pages ul .children,
.widget_product_categories ul .children,
.widget_recent_comments ul .children,
.widget_recent_entries ul .children {
margin-left: 0;
margin-top: 1em;
}
#wp-calendar td,
#wp-calendar th,
.wp-calendar-table td,
.wp-calendar-table th {
padding: 0.236em;
text-align: center;
}
.widget_pages ul ul.children,
.widget_recent_entries ul ul.children {
margin: 0.6180469716em 0 0 1.41575em;
}
.widget_rating_filter .wc-layered-nav-rating {
margin-bottom: 0.6180469716em;
}
.widget_rating_filter .wc-layered-nav-rating a {
-webkit-text-decoration: none !important;
text-decoration: none !important;
}
.widget_rating_filter .wc-layered-nav-rating .star-rating {
display: inline-block;
height: 1em;
line-height: 1;
}
@media (min-width: 768px) {
table.shop_table_responsive tbody tr td,
table.shop_table_responsive tbody tr th {
text-align: left;
}
.site-header .site-branding {
display: block;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
clear: both;
}
.site-header .site-branding img {
height: auto;
max-width: 230px;
max-height: none;
}
.content-area,
.right-sidebar .content-area,
.woocommerce-active .site-header .site-branding {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.woocommerce-active .site-header .site-search {
width: 21.7391304348%;
float: right;
margin-right: 0;
clear: none;
}
.woocommerce-active .site-header .main-navigation {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
clear: both;
}
.woocommerce-active .site-header .site-header-cart {
width: 25px;
float: right;
margin-right: 0;
margin-bottom: 0;
}
.storefront-secondary-navigation .site-header .site-branding {
width: 39.1304347826%;
float: left;
margin-right: 4.347826087%;
}
.storefront-secondary-navigation .site-header .secondary-navigation {
width: 56.5217391304%;
float: right;
margin-right: 0;
}
.footer-widgets.col-4 .block,
.left-sidebar .widget-area,
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.error404 .fourohfour-columns-2 .col-1,
.footer-widgets.col-2 .block,
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.site-branding .site-description {
margin-bottom: 0;
display: block;
}
.custom-logo-link,
.site-branding,
.site-header-cart,
.site-logo-anchor,
.site-logo-link,
.site-search {
margin-bottom: 1.41575em;
}
.site-header .subscribe-and-connect-connect {
float: right;
margin-bottom: 1em;
}
.site-header .subscribe-and-connect-connect .icons {
list-style: none;
margin: 0;
}
.site-header .subscribe-and-connect-connect .icons a {
font-size: 1em !important;
}
.site-header .subscribe-and-connect-connect .icons li {
margin: 0 0 0 0.5407911001em !important;
}
.site-header .subscribe-and-connect-connect .icons li {
display: inline-block;
}
.col-full {
max-width: 1320px;
padding: 30px auto;
box-sizing: content-box;
margin: 0 auto;
}
.col-full::after,
.col-full::before,
.comment-list::after,
.comment-list::before,
.footer-widgets::after,
.footer-widgets::before,
.site-content::after,
.site-content::before,
.storefront-primary-navigation::after,
.storefront-primary-navigation::before {
content: "";
display: table;
}
#respond .comment-form-comment,
.col-full::after,
.comment-list .comment,
.comment-list::after,
.footer-widgets::after,
.site-content::after,
.storefront-primary-navigation,
.storefront-primary-navigation::after {
clear: both;
}
.col-full:after {
content: " ";
display: block;
clear: both;
}
.right-sidebar .widget-area,
.widget-area {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.left-sidebar .content-area {
width: 73.9130434783%;
float: right;
margin-right: 0;
}
.page-template-template-fullwidth-php .content-area,
.page-template-template-homepage-php .content-area,
.storefront-full-width-content .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.content-area,
.hentry .entry-header,
.widget-area {
margin-bottom: 2.617924em;
}
.footer-widgets {
padding-top: 4.235801032em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#respond .comment-form-url,
.footer-widgets.col-2 .block.footer-widget-2,
.footer-widgets.col-3 .block.footer-widget-3,
.footer-widgets.col-4 .block.footer-widget-4 {
float: right;
margin-right: 0;
}
.footer-widgets.col-3 .block {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
}
.comment-list .comment-meta {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%;
text-align: right;
}
.comment-list #respond,
.comment-list .comment-meta .avatar {
float: right;
}
.comment-list .comment-content {
padding-bottom: 3.706325903em;
margin-bottom: 3.706325903em;
}
.comment-list #respond,
.comment-list .comment-content {
width: 76.4705882353%;
float: right;
margin-right: 0;
}
.comment-list #respond .comment-form-author,
.comment-list #respond .comment-form-email,
.comment-list #respond .comment-form-url {
width: 100%;
margin-right: 0;
}
.comment-list .comment-body #respond {
box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
margin-bottom: 2.617924em;
margin-top: -1.618em;
}
.comment-list .reply {
clear: both;
text-align: right;
}
.comment-list ol.children {
width: 88.2352941176%;
float: right;
margin-right: 0;
list-style: none;
}
.comment-list ol.children .comment-meta {
width: 20%;
float: left;
margin-right: 6.6666666667%;
}
.comment-list ol.children #respond,
.comment-list ol.children .comment-content {
width: 73.3333333333%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children {
width: 86.6666666667%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children .comment-meta {
width: 23.0769230769%;
float: left;
margin-right: 7.6923076923%;
}
.comment-list ol.children ol.children #respond,
.comment-list ol.children ol.children .comment-content {
width: 69.2307692308%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children {
width: 84.6153846154%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children .comment-meta {
width: 27.2727272727%;
float: left;
margin-right: 9.0909090909%;
}
.comment-list ol.children ol.children ol.children #respond,
.comment-list ol.children ol.children ol.children .comment-content {
width: 63.6363636364%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children {
width: 81.8181818182%;
float: right;
margin-right: 0;
}
.comment-list ol.children ol.children ol.children ol.children .comment-meta {
width: 33.3333333333%;
float: left;
margin-right: 11.1111111111%;
}
.comment-list ol.children ol.children ol.children ol.children #respond,
.comment-list ol.children ol.children ol.children ol.children .comment-content {
width: 55.5555555556%;
float: right;
margin-right: 0;
}
#respond {
padding: 2.617924em;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%;
}
.handheld-navigation,
.main-navigation ul li a::before,
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled div.menu,
.menu-toggle,
.secondary-navigation ul li a::before {
display: none;
}
.main-navigation div.menu,
.main-navigation ul li a,
.main-navigation ul ul li,
.main-navigation ul.menu > li.menu-item-has-children:hover::after,
.main-navigation ul.menu > li.page_item_has_children:hover::after,
.main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
.main-navigation ul.nav-menu > li.page_item_has_children:hover::after,
.primary-navigation,
.secondary-navigation ul li a,
.secondary-navigation ul ul li {
display: block;
}
.main-navigation,
.secondary-navigation {
clear: both;
display: block;
width: 100%;
}
.main-navigation ul,
.secondary-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: block;
}
.main-navigation ul li,
.secondary-navigation ul li {
position: relative;
display: inline-block;
text-align: left;
}
.main-navigation ul li.focus > ul,
.main-navigation ul li:hover > ul,
.secondary-navigation ul li.focus > ul,
.secondary-navigation ul li:hover > ul {
left: 0;
display: block;
}
.main-navigation ul li.focus > ul li > ul,
.main-navigation ul li:hover > ul li > ul,
.secondary-navigation ul li.focus > ul li > ul,
.secondary-navigation ul li:hover > ul li > ul {
left: -9999px;
}
.main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.main-navigation ul ul.sub-menu--is-touch-device,
.secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.secondary-navigation ul ul.sub-menu--is-touch-device {
display: none;
left: 0;
}
.main-navigation ul li.focus > ul li.focus > ul,
.main-navigation ul li.focus > ul li:hover > ul,
.main-navigation ul li:hover > ul li.focus > ul,
.main-navigation ul li:hover > ul li:hover > ul,
.secondary-navigation ul li.focus > ul li.focus > ul,
.secondary-navigation ul li.focus > ul li:hover > ul,
.secondary-navigation ul li:hover > ul li.focus > ul,
.secondary-navigation ul li:hover > ul li:hover > ul {
left: 100%;
top: 0;
display: block;
}
.main-navigation ul ul,
.secondary-navigation ul ul {
float: left;
position: absolute;
top: 100%;
z-index: 99999;
left: -9999px;
}
.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
width: 200px;
}
ul.menu li.current-menu-item > a {
color: #43454b;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
max-height: none;
overflow: visible;
margin-left: -1em;
transition: none;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: 1.618em 1em;
}
.main-navigation ul.menu ul,
.main-navigation ul.nav-menu ul {
margin-left: 0;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.875em 1.41575em;
font-weight: 400;
font-size: 0.875em;
}
.main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
border-bottom: 0;
}
.main-navigation ul.menu ul ul,
.main-navigation ul.nav-menu ul ul {
margin-left: 0;
box-shadow: none;
}
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li.focus,
.main-navigation ul.nav-menu ul li:hover > a {
background-color: rgba(0, 0, 0, 0.025);
}
.main-navigation a {
padding: 0 1em 2.2906835em;
}
.secondary-navigation {
margin: 0 0 1.618em;
width: auto;
clear: none;
line-height: 1;
}
.secondary-navigation .menu {
font-size: 0.875em;
width: auto;
float: right;
}
.secondary-navigation .menu a:hover,
.secondary-navigation .menu > li:hover > a {
-webkit-text-decoration: none;
text-decoration: none;
}
.secondary-navigation .menu ul a {
padding: 0.326em 0.875em;
background: rgba(0, 0, 0, 0.05);
}
.secondary-navigation .menu ul li:first-child a {
padding-top: 1em;
}
.secondary-navigation .menu ul li:last-child a {
padding-bottom: 1em;
}
.secondary-navigation .menu ul ul {
margin-top: -0.6180469716em;
}
.secondary-navigation .menu a {
padding: 1em 0.875em;
color: #737781;
font-weight: 400;
}
.error404 .fourohfour-columns-2 .col-1 ul.products {
margin-bottom: 0;
}
.error404 .fourohfour-columns-2 .col-2 {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
}
@media (max-width: 66.4989378333em) {
.col-full {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 568px) {
.col-full {
margin-left: 0;
margin-right: 0;
padding: 0;
}
}
div#gebracht-checkbox {
padding-bottom: 15px;
margin-bottom: 20px;
border-radius: 10px;
border: 2px solid #0f834d;
}
div#gebracht-checkbox h3 {
margin-left: 20px;
padding-top: 15px;
}
div#gebracht-checkbox label {
margin-left: 20px;
display: flex;
align-items: center;
}
input#gebracht {
width: 17px;
margin-right: 10px;
height: 17px;
} .fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-lg {
font-size: 1.3333333333em;
line-height: 0.75em;
vertical-align: -0.0667em;
}
.fa-xs {
font-size: 0.75em;
}
.fa-sm {
font-size: 0.875em;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit;
}
.fa-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: 0.3em;
}
.fa-spin {
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
filter: none;
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
.fa-500px:before {
content: "\f26e";
}
.fa-accessible-icon:before {
content: "\f368";
}
.fa-accusoft:before {
content: "\f369";
}
.fa-acquisitions-incorporated:before {
content: "\f6af";
}
.fa-ad:before {
content: "\f641";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-card:before {
content: "\f2bb";
}
.fa-adjust:before {
content: "\f042";
}
.fa-adn:before {
content: "\f170";
}
.fa-adobe:before {
content: "\f778";
}
.fa-adversal:before {
content: "\f36a";
}
.fa-affiliatetheme:before {
content: "\f36b";
}
.fa-air-freshener:before {
content: "\f5d0";
}
.fa-airbnb:before {
content: "\f834";
}
.fa-algolia:before {
content: "\f36c";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-right:before {
content: "\f038";
}
.fa-alipay:before {
content: "\f642";
}
.fa-allergies:before {
content: "\f461";
}
.fa-amazon:before {
content: "\f270";
}
.fa-amazon-pay:before {
content: "\f42c";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-amilia:before {
content: "\f36d";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-android:before {
content: "\f17b";
}
.fa-angellist:before {
content: "\f209";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angry:before {
content: "\f556";
}
.fa-angrycreative:before {
content: "\f36e";
}
.fa-angular:before {
content: "\f420";
}
.fa-ankh:before {
content: "\f644";
}
.fa-app-store:before {
content: "\f36f";
}
.fa-app-store-ios:before {
content: "\f370";
}
.fa-apper:before {
content: "\f371";
}
.fa-apple:before {
content: "\f179";
}
.fa-apple-alt:before {
content: "\f5d1";
}
.fa-apple-pay:before {
content: "\f415";
}
.fa-archive:before {
content: "\f187";
}
.fa-archway:before {
content: "\f557";
}
.fa-arrow-alt-circle-down:before {
content: "\f358";
}
.fa-arrow-alt-circle-left:before {
content: "\f359";
}
.fa-arrow-alt-circle-right:before {
content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
content: "\f35b";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-arrows-alt-h:before {
content: "\f337";
}
.fa-arrows-alt-v:before {
content: "\f338";
}
.fa-artstation:before {
content: "\f77a";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-asymmetrik:before {
content: "\f372";
}
.fa-at:before {
content: "\f1fa";
}
.fa-atlas:before {
content: "\f558";
}
.fa-atlassian:before {
content: "\f77b";
}
.fa-atom:before {
content: "\f5d2";
}
.fa-audible:before {
content: "\f373";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-autoprefixer:before {
content: "\f41c";
}
.fa-avianex:before {
content: "\f374";
}
.fa-aviato:before {
content: "\f421";
}
.fa-award:before {
content: "\f559";
}
.fa-aws:before {
content: "\f375";
}
.fa-baby:before {
content: "\f77c";
}
.fa-baby-carriage:before {
content: "\f77d";
}
.fa-backspace:before {
content: "\f55a";
}
.fa-backward:before {
content: "\f04a";
}
.fa-bacon:before {
content: "\f7e5";
}
.fa-bahai:before {
content: "\f666";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-balance-scale-left:before {
content: "\f515";
}
.fa-balance-scale-right:before {
content: "\f516";
}
.fa-ban:before {
content: "\f05e";
}
.fa-band-aid:before {
content: "\f462";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-baseball-ball:before {
content: "\f433";
}
.fa-basketball-ball:before {
content: "\f434";
}
.fa-bath:before {
content: "\f2cd";
}
.fa-battery-empty:before {
content: "\f244";
}
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battle-net:before {
content: "\f835";
}
.fa-bed:before {
content: "\f236";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bezier-curve:before {
content: "\f55b";
}
.fa-bible:before {
content: "\f647";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-biking:before {
content: "\f84a";
}
.fa-bimobject:before {
content: "\f378";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-biohazard:before {
content: "\f780";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitcoin:before {
content: "\f379";
}
.fa-bity:before {
content: "\f37a";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-blackberry:before {
content: "\f37b";
}
.fa-blender:before {
content: "\f517";
}
.fa-blender-phone:before {
content: "\f6b6";
}
.fa-blind:before {
content: "\f29d";
}
.fa-blog:before {
content: "\f781";
}
.fa-blogger:before {
content: "\f37c";
}
.fa-blogger-b:before {
content: "\f37d";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-bold:before {
content: "\f032";
}
.fa-bolt:before {
content: "\f0e7";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-bone:before {
content: "\f5d7";
}
.fa-bong:before {
content: "\f55c";
}
.fa-book:before {
content: "\f02d";
}
.fa-book-dead:before {
content: "\f6b7";
}
.fa-book-medical:before {
content: "\f7e6";
}
.fa-book-open:before {
content: "\f518";
}
.fa-book-reader:before {
content: "\f5da";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-bootstrap:before {
content: "\f836";
}
.fa-border-all:before {
content: "\f84c";
}
.fa-border-none:before {
content: "\f850";
}
.fa-border-style:before {
content: "\f853";
}
.fa-bowling-ball:before {
content: "\f436";
}
.fa-box:before {
content: "\f466";
}
.fa-box-open:before {
content: "\f49e";
}
.fa-box-tissue:before {
content: "拏";
}
.fa-boxes:before {
content: "\f468";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-brain:before {
content: "\f5dc";
}
.fa-bread-slice:before {
content: "\f7ec";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-briefcase-medical:before {
content: "\f469";
}
.fa-broadcast-tower:before {
content: "\f519";
}
.fa-broom:before {
content: "\f51a";
}
.fa-brush:before {
content: "\f55d";
}
.fa-btc:before {
content: "\f15a";
}
.fa-buffer:before {
content: "\f837";
}
.fa-bug:before {
content: "\f188";
}
.fa-building:before {
content: "\f1ad";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-burn:before {
content: "\f46a";
}
.fa-buromobelexperte:before {
content: "\f37f";
}
.fa-bus:before {
content: "\f207";
}
.fa-bus-alt:before {
content: "\f55e";
}
.fa-business-time:before {
content: "\f64a";
}
.fa-buy-n-large:before {
content: "\f8a6";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-calendar:before {
content: "\f133";
}
.fa-calendar-alt:before {
content: "\f073";
}
.fa-calendar-check:before {
content: "\f274";
}
.fa-calendar-day:before {
content: "\f783";
}
.fa-calendar-minus:before {
content: "\f272";
}
.fa-calendar-plus:before {
content: "\f271";
}
.fa-calendar-times:before {
content: "\f273";
}
.fa-calendar-week:before {
content: "\f784";
}
.fa-camera:before {
content: "\f030";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-campground:before {
content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
content: "\f785";
}
.fa-candy-cane:before {
content: "\f786";
}
.fa-cannabis:before {
content: "\f55f";
}
.fa-capsules:before {
content: "\f46b";
}
.fa-car:before {
content: "\f1b9";
}
.fa-car-alt:before {
content: "\f5de";
}
.fa-car-battery:before {
content: "\f5df";
}
.fa-car-crash:before {
content: "\f5e1";
}
.fa-car-side:before {
content: "\f5e4";
}
.fa-caravan:before {
content: "\f8ff";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-caret-square-down:before {
content: "\f150";
}
.fa-caret-square-left:before {
content: "\f191";
}
.fa-caret-square-right:before {
content: "\f152";
}
.fa-caret-square-up:before {
content: "\f151";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-carrot:before {
content: "\f787";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cash-register:before {
content: "\f788";
}
.fa-cat:before {
content: "\f6be";
}
.fa-cc-amazon-pay:before {
content: "\f42d";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-apple-pay:before {
content: "\f416";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-centercode:before {
content: "\f380";
}
.fa-centos:before {
content: "\f789";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-chair:before {
content: "\f6c0";
}
.fa-chalkboard:before {
content: "\f51b";
}
.fa-chalkboard-teacher:before {
content: "\f51c";
}
.fa-charging-station:before {
content: "\f5e7";
}
.fa-chart-area:before {
content: "\f1fe";
}
.fa-chart-bar:before {
content: "\f080";
}
.fa-chart-line:before {
content: "\f201";
}
.fa-chart-pie:before {
content: "\f200";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-check-double:before {
content: "\f560";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-cheese:before {
content: "\f7ef";
}
.fa-chess:before {
content: "\f439";
}
.fa-chess-bishop:before {
content: "\f43a";
}
.fa-chess-board:before {
content: "\f43c";
}
.fa-chess-king:before {
content: "\f43f";
}
.fa-chess-knight:before {
content: "\f441";
}
.fa-chess-pawn:before {
content: "\f443";
}
.fa-chess-queen:before {
content: "\f445";
}
.fa-chess-rook:before {
content: "\f447";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-child:before {
content: "\f1ae";
}
.fa-chrome:before {
content: "\f268";
}
.fa-chromecast:before {
content: "\f838";
}
.fa-church:before {
content: "\f51d";
}
.fa-circle:before {
content: "\f111";
}
.fa-circle-notch:before {
content: "\f1ce";
}
.fa-city:before {
content: "\f64f";
}
.fa-clinic-medical:before {
content: "\f7f2";
}
.fa-clipboard:before {
content: "\f328";
}
.fa-clipboard-check:before {
content: "\f46c";
}
.fa-clipboard-list:before {
content: "\f46d";
}
.fa-clock:before {
content: "\f017";
}
.fa-clone:before {
content: "\f24d";
}
.fa-closed-captioning:before {
content: "\f20a";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-cloud-download-alt:before {
content: "\f381";
}
.fa-cloud-meatball:before {
content: "\f73b";
}
.fa-cloud-moon:before {
content: "\f6c3";
}
.fa-cloud-moon-rain:before {
content: "\f73c";
}
.fa-cloud-rain:before {
content: "\f73d";
}
.fa-cloud-showers-heavy:before {
content: "\f740";
}
.fa-cloud-sun:before {
content: "\f6c4";
}
.fa-cloud-sun-rain:before {
content: "\f743";
}
.fa-cloud-upload-alt:before {
content: "\f382";
}
.fa-cloudscale:before {
content: "\f383";
}
.fa-cloudsmith:before {
content: "\f384";
}
.fa-cloudversify:before {
content: "\f385";
}
.fa-cocktail:before {
content: "\f561";
}
.fa-code:before {
content: "\f121";
}
.fa-code-branch:before {
content: "\f126";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cog:before {
content: "\f013";
}
.fa-cogs:before {
content: "\f085";
}
.fa-coins:before {
content: "\f51e";
}
.fa-columns:before {
content: "\f0db";
}
.fa-comment:before {
content: "\f075";
}
.fa-comment-alt:before {
content: "\f27a";
}
.fa-comment-dollar:before {
content: "\f651";
}
.fa-comment-dots:before {
content: "\f4ad";
}
.fa-comment-medical:before {
content: "\f7f5";
}
.fa-comment-slash:before {
content: "\f4b3";
}
.fa-comments:before {
content: "\f086";
}
.fa-comments-dollar:before {
content: "\f653";
}
.fa-compact-disc:before {
content: "\f51f";
}
.fa-compass:before {
content: "\f14e";
}
.fa-compress:before {
content: "\f066";
}
.fa-compress-alt:before {
content: "\f422";
}
.fa-compress-arrows-alt:before {
content: "\f78c";
}
.fa-concierge-bell:before {
content: "\f562";
}
.fa-confluence:before {
content: "\f78d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-contao:before {
content: "\f26d";
}
.fa-cookie:before {
content: "\f563";
}
.fa-cookie-bite:before {
content: "\f564";
}
.fa-copy:before {
content: "\f0c5";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-cotton-bureau:before {
content: "\f89e";
}
.fa-couch:before {
content: "\f4b8";
}
.fa-cpanel:before {
content: "\f388";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-creative-commons-by:before {
content: "\f4e7";
}
.fa-creative-commons-nc:before {
content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
content: "\f4ea";
}
.fa-creative-commons-nd:before {
content: "\f4eb";
}
.fa-creative-commons-pd:before {
content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
content: "\f4ed";
}
.fa-creative-commons-remix:before {
content: "\f4ee";
}
.fa-creative-commons-sa:before {
content: "\f4ef";
}
.fa-creative-commons-sampling:before {
content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
content: "\f4f1";
}
.fa-creative-commons-share:before {
content: "\f4f2";
}
.fa-creative-commons-zero:before {
content: "\f4f3";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-critical-role:before {
content: "\f6c9";
}
.fa-crop:before {
content: "\f125";
}
.fa-crop-alt:before {
content: "\f565";
}
.fa-cross:before {
content: "\f654";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-crow:before {
content: "\f520";
}
.fa-crown:before {
content: "\f521";
}
.fa-crutch:before {
content: "\f7f7";
}
.fa-css3:before {
content: "\f13c";
}
.fa-css3-alt:before {
content: "\f38b";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-cut:before {
content: "\f0c4";
}
.fa-cuttlefish:before {
content: "\f38c";
}
.fa-d-and-d:before {
content: "\f38d";
}
.fa-d-and-d-beyond:before {
content: "\f6ca";
}
.fa-dailymotion:before {
content: "勒";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-database:before {
content: "\f1c0";
}
.fa-deaf:before {
content: "\f2a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-democrat:before {
content: "\f747";
}
.fa-deploydog:before {
content: "\f38e";
}
.fa-deskpro:before {
content: "\f38f";
}
.fa-desktop:before {
content: "\f108";
}
.fa-dev:before {
content: "\f6cc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-dharmachakra:before {
content: "\f655";
}
.fa-dhl:before {
content: "\f790";
}
.fa-diagnoses:before {
content: "\f470";
}
.fa-diaspora:before {
content: "\f791";
}
.fa-dice:before {
content: "\f522";
}
.fa-dice-d20:before {
content: "\f6cf";
}
.fa-dice-d6:before {
content: "\f6d1";
}
.fa-dice-five:before {
content: "\f523";
}
.fa-dice-four:before {
content: "\f524";
}
.fa-dice-one:before {
content: "\f525";
}
.fa-dice-six:before {
content: "\f526";
}
.fa-dice-three:before {
content: "\f527";
}
.fa-dice-two:before {
content: "\f528";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-digital-ocean:before {
content: "\f391";
}
.fa-digital-tachograph:before {
content: "\f566";
}
.fa-directions:before {
content: "\f5eb";
}
.fa-discord:before {
content: "\f392";
}
.fa-discourse:before {
content: "\f393";
}
.fa-disease:before {
content: "\f7fa";
}
.fa-divide:before {
content: "\f529";
}
.fa-dizzy:before {
content: "\f567";
}
.fa-dna:before {
content: "\f471";
}
.fa-dochub:before {
content: "\f394";
}
.fa-docker:before {
content: "\f395";
}
.fa-dog:before {
content: "\f6d3";
}
.fa-dollar-sign:before {
content: "\f155";
}
.fa-dolly:before {
content: "\f472";
}
.fa-dolly-flatbed:before {
content: "\f474";
}
.fa-donate:before {
content: "\f4b9";
}
.fa-door-closed:before {
content: "\f52a";
}
.fa-door-open:before {
content: "\f52b";
}
.fa-dot-circle:before {
content: "\f192";
}
.fa-dove:before {
content: "\f4ba";
}
.fa-download:before {
content: "\f019";
}
.fa-draft2digital:before {
content: "\f396";
}
.fa-drafting-compass:before {
content: "\f568";
}
.fa-dragon:before {
content: "\f6d5";
}
.fa-draw-polygon:before {
content: "\f5ee";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-dribbble-square:before {
content: "\f397";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-drum:before {
content: "\f569";
}
.fa-drum-steelpan:before {
content: "\f56a";
}
.fa-drumstick-bite:before {
content: "\f6d7";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-dumbbell:before {
content: "\f44b";
}
.fa-dumpster:before {
content: "\f793";
}
.fa-dumpster-fire:before {
content: "\f794";
}
.fa-dungeon:before {
content: "\f6d9";
}
.fa-dyalog:before {
content: "\f399";
}
.fa-earlybirds:before {
content: "\f39a";
}
.fa-ebay:before {
content: "\f4f4";
}
.fa-edge:before {
content: "\f282";
}
.fa-edit:before {
content: "\f044";
}
.fa-egg:before {
content: "\f7fb";
}
.fa-eject:before {
content: "\f052";
}
.fa-elementor:before {
content: "\f430";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-ello:before {
content: "\f5f1";
}
.fa-ember:before {
content: "\f423";
}
.fa-empire:before {
content: "\f1d1";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-text:before {
content: "\f658";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-envira:before {
content: "\f299";
}
.fa-equals:before {
content: "\f52c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-erlang:before {
content: "\f39d";
}
.fa-ethereum:before {
content: "\f42e";
}
.fa-ethernet:before {
content: "\f796";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-euro-sign:before {
content: "\f153";
}
.fa-evernote:before {
content: "\f839";
}
.fa-exchange-alt:before {
content: "\f362";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-expand:before {
content: "\f065";
}
.fa-expand-alt:before {
content: "\f424";
}
.fa-expand-arrows-alt:before {
content: "\f31e";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-external-link-square-alt:before {
content: "\f360";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-dropper:before {
content: "\f1fb";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-facebook-messenger:before {
content: "\f39f";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-fan:before {
content: "\f863";
}
.fa-fantasy-flight-games:before {
content: "\f6dc";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-faucet:before {
content: "串";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-feather:before {
content: "\f52d";
}
.fa-feather-alt:before {
content: "\f56b";
}
.fa-fedex:before {
content: "\f797";
}
.fa-fedora:before {
content: "\f798";
}
.fa-female:before {
content: "\f182";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-figma:before {
content: "\f799";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-alt:before {
content: "\f15c";
}
.fa-file-archive:before {
content: "\f1c6";
}
.fa-file-audio:before {
content: "\f1c7";
}
.fa-file-code:before {
content: "\f1c9";
}
.fa-file-contract:before {
content: "\f56c";
}
.fa-file-csv:before {
content: "\f6dd";
}
.fa-file-download:before {
content: "\f56d";
}
.fa-file-excel:before {
content: "\f1c3";
}
.fa-file-export:before {
content: "\f56e";
}
.fa-file-image:before {
content: "\f1c5";
}
.fa-file-import:before {
content: "\f56f";
}
.fa-file-invoice:before {
content: "\f570";
}
.fa-file-invoice-dollar:before {
content: "\f571";
}
.fa-file-medical:before {
content: "\f477";
}
.fa-file-medical-alt:before {
content: "\f478";
}
.fa-file-pdf:before {
content: "\f1c1";
}
.fa-file-powerpoint:before {
content: "\f1c4";
}
.fa-file-prescription:before {
content: "\f572";
}
.fa-file-signature:before {
content: "\f573";
}
.fa-file-upload:before {
content: "\f574";
}
.fa-file-video:before {
content: "\f1c8";
}
.fa-file-word:before {
content: "\f1c2";
}
.fa-fill:before {
content: "\f575";
}
.fa-fill-drip:before {
content: "\f576";
}
.fa-film:before {
content: "\f008";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-fingerprint:before {
content: "\f577";
}
.fa-fire:before {
content: "\f06d";
}
.fa-fire-alt:before {
content: "\f7e4";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-firefox:before {
content: "\f269";
}
.fa-firefox-browser:before {
content: "龜";
}
.fa-first-aid:before {
content: "\f479";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-first-order-alt:before {
content: "\f50a";
}
.fa-firstdraft:before {
content: "\f3a1";
}
.fa-fish:before {
content: "\f578";
}
.fa-fist-raised:before {
content: "\f6de";
}
.fa-flag:before {
content: "\f024";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-flag-usa:before {
content: "\f74d";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-flipboard:before {
content: "\f44d";
}
.fa-flushed:before {
content: "\f579";
}
.fa-fly:before {
content: "\f417";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-minus:before {
content: "\f65d";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-folder-plus:before {
content: "\f65e";
}
.fa-font:before {
content: "\f031";
}
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-font-awesome-alt:before {
content: "\f35c";
}
.fa-font-awesome-flag:before {
content: "\f425";
}
.fa-font-awesome-logo-full:before {
content: "\f4e6";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-fonticons-fi:before {
content: "\f3a2";
}
.fa-football-ball:before {
content: "\f44e";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-fort-awesome-alt:before {
content: "\f3a3";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-forward:before {
content: "\f04e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-freebsd:before {
content: "\f3a4";
}
.fa-frog:before {
content: "\f52e";
}
.fa-frown:before {
content: "\f119";
}
.fa-frown-open:before {
content: "\f57a";
}
.fa-fulcrum:before {
content: "\f50b";
}
.fa-funnel-dollar:before {
content: "\f662";
}
.fa-futbol:before {
content: "\f1e3";
}
.fa-galactic-republic:before {
content: "\f50c";
}
.fa-galactic-senate:before {
content: "\f50d";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-gas-pump:before {
content: "\f52f";
}
.fa-gavel:before {
content: "\f0e3";
}
.fa-gem:before {
content: "\f3a5";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-ghost:before {
content: "\f6e2";
}
.fa-gift:before {
content: "\f06b";
}
.fa-gifts:before {
content: "\f79c";
}
.fa-git:before {
content: "\f1d3";
}
.fa-git-alt:before {
content: "\f841";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-github:before {
content: "\f09b";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-github-square:before {
content: "\f092";
}
.fa-gitkraken:before {
content: "\f3a6";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-gitter:before {
content: "\f426";
}
.fa-glass-cheers:before {
content: "\f79f";
}
.fa-glass-martini:before {
content: "\f000";
}
.fa-glass-martini-alt:before {
content: "\f57b";
}
.fa-glass-whiskey:before {
content: "\f7a0";
}
.fa-glasses:before {
content: "\f530";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-globe-africa:before {
content: "\f57c";
}
.fa-globe-americas:before {
content: "\f57d";
}
.fa-globe-asia:before {
content: "\f57e";
}
.fa-globe-europe:before {
content: "\f7a2";
}
.fa-gofore:before {
content: "\f3a7";
}
.fa-golf-ball:before {
content: "\f450";
}
.fa-goodreads:before {
content: "\f3a8";
}
.fa-goodreads-g:before {
content: "\f3a9";
}
.fa-google:before {
content: "\f1a0";
}
.fa-google-drive:before {
content: "\f3aa";
}
.fa-google-play:before {
content: "\f3ab";
}
.fa-google-plus:before {
content: "\f2b3";
}
.fa-google-plus-g:before {
content: "\f0d5";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-gopuram:before {
content: "\f664";
}
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-gratipay:before {
content: "\f184";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-greater-than:before {
content: "\f531";
}
.fa-greater-than-equal:before {
content: "\f532";
}
.fa-grimace:before {
content: "\f57f";
}
.fa-grin:before {
content: "\f580";
}
.fa-grin-alt:before {
content: "\f581";
}
.fa-grin-beam:before {
content: "\f582";
}
.fa-grin-beam-sweat:before {
content: "\f583";
}
.fa-grin-hearts:before {
content: "\f584";
}
.fa-grin-squint:before {
content: "\f585";
}
.fa-grin-squint-tears:before {
content: "\f586";
}
.fa-grin-stars:before {
content: "\f587";
}
.fa-grin-tears:before {
content: "\f588";
}
.fa-grin-tongue:before {
content: "\f589";
}
.fa-grin-tongue-squint:before {
content: "\f58a";
}
.fa-grin-tongue-wink:before {
content: "\f58b";
}
.fa-grin-wink:before {
content: "\f58c";
}
.fa-grip-horizontal:before {
content: "\f58d";
}
.fa-grip-lines:before {
content: "\f7a4";
}
.fa-grip-lines-vertical:before {
content: "\f7a5";
}
.fa-grip-vertical:before {
content: "\f58e";
}
.fa-gripfire:before {
content: "\f3ac";
}
.fa-grunt:before {
content: "\f3ad";
}
.fa-guitar:before {
content: "\f7a6";
}
.fa-gulp:before {
content: "\f3ae";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-hacker-news-square:before {
content: "\f3af";
}
.fa-hackerrank:before {
content: "\f5f7";
}
.fa-hamburger:before {
content: "\f805";
}
.fa-hammer:before {
content: "\f6e3";
}
.fa-hamsa:before {
content: "\f665";
}
.fa-hand-holding:before {
content: "\f4bd";
}
.fa-hand-holding-heart:before {
content: "\f4be";
}
.fa-hand-holding-medical:before {
content: "樂";
}
.fa-hand-holding-usd:before {
content: "\f4c0";
}
.fa-hand-holding-water:before {
content: "\f4c1";
}
.fa-hand-lizard:before {
content: "\f258";
}
.fa-hand-middle-finger:before {
content: "\f806";
}
.fa-hand-paper:before {
content: "\f256";
}
.fa-hand-peace:before {
content: "\f25b";
}
.fa-hand-point-down:before {
content: "\f0a7";
}
.fa-hand-point-left:before {
content: "\f0a5";
}
.fa-hand-point-right:before {
content: "\f0a4";
}
.fa-hand-point-up:before {
content: "\f0a6";
}
.fa-hand-pointer:before {
content: "\f25a";
}
.fa-hand-rock:before {
content: "\f255";
}
.fa-hand-scissors:before {
content: "\f257";
}
.fa-hand-sparkles:before {
content: "諾";
}
.fa-hand-spock:before {
content: "\f259";
}
.fa-hands:before {
content: "\f4c2";
}
.fa-hands-helping:before {
content: "\f4c4";
}
.fa-hands-wash:before {
content: "丹";
}
.fa-handshake:before {
content: "\f2b5";
}
.fa-handshake-alt-slash:before {
content: "寧";
}
.fa-handshake-slash:before {
content: "怒";
}
.fa-hanukiah:before {
content: "\f6e6";
}
.fa-hard-hat:before {
content: "\f807";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-hat-cowboy:before {
content: "\f8c0";
}
.fa-hat-cowboy-side:before {
content: "\f8c1";
}
.fa-hat-wizard:before {
content: "\f6e8";
}
.fa-hdd:before {
content: "\f0a0";
}
.fa-head-side-cough:before {
content: "率";
}
.fa-head-side-cough-slash:before {
content: "異";
}
.fa-head-side-mask:before {
content: "北";
}
.fa-head-side-virus:before {
content: "磻";
}
.fa-heading:before {
content: "\f1dc";
}
.fa-headphones:before {
content: "\f025";
}
.fa-headphones-alt:before {
content: "\f58f";
}
.fa-headset:before {
content: "\f590";
}
.fa-heart:before {
content: "\f004";
}
.fa-heart-broken:before {
content: "\f7a9";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-helicopter:before {
content: "\f533";
}
.fa-highlighter:before {
content: "\f591";
}
.fa-hiking:before {
content: "\f6ec";
}
.fa-hippo:before {
content: "\f6ed";
}
.fa-hips:before {
content: "\f452";
}
.fa-hire-a-helper:before {
content: "\f3b0";
}
.fa-history:before {
content: "\f1da";
}
.fa-hockey-puck:before {
content: "\f453";
}
.fa-holly-berry:before {
content: "\f7aa";
}
.fa-home:before {
content: "\f015";
}
.fa-hooli:before {
content: "\f427";
}
.fa-hornbill:before {
content: "\f592";
}
.fa-horse:before {
content: "\f6f0";
}
.fa-horse-head:before {
content: "\f7ab";
}
.fa-hospital:before {
content: "\f0f8";
}
.fa-hospital-alt:before {
content: "\f47d";
}
.fa-hospital-symbol:before {
content: "\f47e";
}
.fa-hospital-user:before {
content: "\f80d";
}
.fa-hot-tub:before {
content: "\f593";
}
.fa-hotdog:before {
content: "\f80f";
}
.fa-hotel:before {
content: "\f594";
}
.fa-hotjar:before {
content: "\f3b1";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-start:before {
content: "\f251";
}
.fa-house-damage:before {
content: "\f6f1";
}
.fa-house-user:before {
content: "便";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-hryvnia:before {
content: "\f6f2";
}
.fa-html5:before {
content: "\f13b";
}
.fa-hubspot:before {
content: "\f3b2";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-ice-cream:before {
content: "\f810";
}
.fa-icicles:before {
content: "\f7ad";
}
.fa-icons:before {
content: "\f86d";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-id-card:before {
content: "\f2c2";
}
.fa-id-card-alt:before {
content: "\f47f";
}
.fa-ideal:before {
content: "邏";
}
.fa-igloo:before {
content: "\f7ae";
}
.fa-image:before {
content: "\f03e";
}
.fa-images:before {
content: "\f302";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-indent:before {
content: "\f03c";
}
.fa-industry:before {
content: "\f275";
}
.fa-infinity:before {
content: "\f534";
}
.fa-info:before {
content: "\f129";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-instagram-square:before {
content: "凌";
}
.fa-intercom:before {
content: "\f7af";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-invision:before {
content: "\f7b0";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-italic:before {
content: "\f033";
}
.fa-itch-io:before {
content: "\f83a";
}
.fa-itunes:before {
content: "\f3b4";
}
.fa-itunes-note:before {
content: "\f3b5";
}
.fa-java:before {
content: "\f4e4";
}
.fa-jedi:before {
content: "\f669";
}
.fa-jedi-order:before {
content: "\f50e";
}
.fa-jenkins:before {
content: "\f3b6";
}
.fa-jira:before {
content: "\f7b1";
}
.fa-joget:before {
content: "\f3b7";
}
.fa-joint:before {
content: "\f595";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-journal-whills:before {
content: "\f66a";
}
.fa-js:before {
content: "\f3b8";
}
.fa-js-square:before {
content: "\f3b9";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-kaaba:before {
content: "\f66b";
}
.fa-kaggle:before {
content: "\f5fa";
}
.fa-key:before {
content: "\f084";
}
.fa-keybase:before {
content: "\f4f5";
}
.fa-keyboard:before {
content: "\f11c";
}
.fa-keycdn:before {
content: "\f3ba";
}
.fa-khanda:before {
content: "\f66d";
}
.fa-kickstarter:before {
content: "\f3bb";
}
.fa-kickstarter-k:before {
content: "\f3bc";
}
.fa-kiss:before {
content: "\f596";
}
.fa-kiss-beam:before {
content: "\f597";
}
.fa-kiss-wink-heart:before {
content: "\f598";
}
.fa-kiwi-bird:before {
content: "\f535";
}
.fa-korvue:before {
content: "\f42f";
}
.fa-landmark:before {
content: "\f66f";
}
.fa-language:before {
content: "\f1ab";
}
.fa-laptop:before {
content: "\f109";
}
.fa-laptop-code:before {
content: "\f5fc";
}
.fa-laptop-house:before {
content: "復";
}
.fa-laptop-medical:before {
content: "\f812";
}
.fa-laravel:before {
content: "\f3bd";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-laugh:before {
content: "\f599";
}
.fa-laugh-beam:before {
content: "\f59a";
}
.fa-laugh-squint:before {
content: "\f59b";
}
.fa-laugh-wink:before {
content: "\f59c";
}
.fa-layer-group:before {
content: "\f5fd";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-lemon:before {
content: "\f094";
}
.fa-less:before {
content: "\f41d";
}
.fa-less-than:before {
content: "\f536";
}
.fa-less-than-equal:before {
content: "\f537";
}
.fa-level-down-alt:before {
content: "\f3be";
}
.fa-level-up-alt:before {
content: "\f3bf";
}
.fa-life-ring:before {
content: "\f1cd";
}
.fa-lightbulb:before {
content: "\f0eb";
}
.fa-line:before {
content: "\f3c0";
}
.fa-link:before {
content: "\f0c1";
}
.fa-linkedin:before {
content: "\f08c";
}
.fa-linkedin-in:before {
content: "\f0e1";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-linux:before {
content: "\f17c";
}
.fa-lira-sign:before {
content: "\f195";
}
.fa-list:before {
content: "\f03a";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-lock:before {
content: "\f023";
}
.fa-lock-open:before {
content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
content: "\f309";
}
.fa-long-arrow-alt-left:before {
content: "\f30a";
}
.fa-long-arrow-alt-right:before {
content: "\f30b";
}
.fa-long-arrow-alt-up:before {
content: "\f30c";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-luggage-cart:before {
content: "\f59d";
}
.fa-lungs:before {
content: "\f604";
}
.fa-lungs-virus:before {
content: "不";
}
.fa-lyft:before {
content: "\f3c3";
}
.fa-magento:before {
content: "\f3c4";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-magnet:before {
content: "\f076";
}
.fa-mail-bulk:before {
content: "\f674";
}
.fa-mailchimp:before {
content: "\f59e";
}
.fa-male:before {
content: "\f183";
}
.fa-mandalorian:before {
content: "\f50f";
}
.fa-map:before {
content: "\f279";
}
.fa-map-marked:before {
content: "\f59f";
}
.fa-map-marked-alt:before {
content: "\f5a0";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-map-marker-alt:before {
content: "\f3c5";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-markdown:before {
content: "\f60f";
}
.fa-marker:before {
content: "\f5a1";
}
.fa-mars:before {
content: "\f222";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mask:before {
content: "\f6fa";
}
.fa-mastodon:before {
content: "\f4f6";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-mdb:before {
content: "\f8ca";
}
.fa-medal:before {
content: "\f5a2";
}
.fa-medapps:before {
content: "\f3c6";
}
.fa-medium:before {
content: "\f23a";
}
.fa-medium-m:before {
content: "\f3c7";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-medrt:before {
content: "\f3c8";
}
.fa-meetup:before {
content: "\f2e0";
}
.fa-megaport:before {
content: "\f5a3";
}
.fa-meh:before {
content: "\f11a";
}
.fa-meh-blank:before {
content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
content: "\f5a5";
}
.fa-memory:before {
content: "\f538";
}
.fa-mendeley:before {
content: "\f7b3";
}
.fa-menorah:before {
content: "\f676";
}
.fa-mercury:before {
content: "\f223";
}
.fa-meteor:before {
content: "\f753";
}
.fa-microblog:before {
content: "駱";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-alt:before {
content: "\f3c9";
}
.fa-microphone-alt-slash:before {
content: "\f539";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-microscope:before {
content: "\f610";
}
.fa-microsoft:before {
content: "\f3ca";
}
.fa-minus:before {
content: "\f068";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-mitten:before {
content: "\f7b5";
}
.fa-mix:before {
content: "\f3cb";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-mixer:before {
content: "稜";
}
.fa-mizuni:before {
content: "\f3cc";
}
.fa-mobile:before {
content: "\f10b";
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-modx:before {
content: "\f285";
}
.fa-monero:before {
content: "\f3d0";
}
.fa-money-bill:before {
content: "\f0d6";
}
.fa-money-bill-alt:before {
content: "\f3d1";
}
.fa-money-bill-wave:before {
content: "\f53a";
}
.fa-money-bill-wave-alt:before {
content: "\f53b";
}
.fa-money-check:before {
content: "\f53c";
}
.fa-money-check-alt:before {
content: "\f53d";
}
.fa-monument:before {
content: "\f5a6";
}
.fa-moon:before {
content: "\f186";
}
.fa-mortar-pestle:before {
content: "\f5a7";
}
.fa-mosque:before {
content: "\f678";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-mountain:before {
content: "\f6fc";
}
.fa-mouse:before {
content: "\f8cc";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-mug-hot:before {
content: "\f7b6";
}
.fa-music:before {
content: "\f001";
}
.fa-napster:before {
content: "\f3d2";
}
.fa-neos:before {
content: "\f612";
}
.fa-network-wired:before {
content: "\f6ff";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-newspaper:before {
content: "\f1ea";
}
.fa-nimblr:before {
content: "\f5a8";
}
.fa-node:before {
content: "\f419";
}
.fa-node-js:before {
content: "\f3d3";
}
.fa-not-equal:before {
content: "\f53e";
}
.fa-notes-medical:before {
content: "\f481";
}
.fa-npm:before {
content: "\f3d4";
}
.fa-ns8:before {
content: "\f3d5";
}
.fa-nutritionix:before {
content: "\f3d6";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-oil-can:before {
content: "\f613";
}
.fa-old-republic:before {
content: "\f510";
}
.fa-om:before {
content: "\f679";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-openid:before {
content: "\f19b";
}
.fa-opera:before {
content: "\f26a";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-orcid:before {
content: "\f8d2";
}
.fa-osi:before {
content: "\f41a";
}
.fa-otter:before {
content: "\f700";
}
.fa-outdent:before {
content: "\f03b";
}
.fa-page4:before {
content: "\f3d7";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-pager:before {
content: "\f815";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-paint-roller:before {
content: "\f5aa";
}
.fa-palette:before {
content: "\f53f";
}
.fa-palfed:before {
content: "\f3d8";
}
.fa-pallet:before {
content: "\f482";
}
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-parachute-box:before {
content: "\f4cd";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-parking:before {
content: "\f540";
}
.fa-passport:before {
content: "\f5ab";
}
.fa-pastafarianism:before {
content: "\f67b";
}
.fa-paste:before {
content: "\f0ea";
}
.fa-patreon:before {
content: "\f3d9";
}
.fa-pause:before {
content: "\f04c";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-peace:before {
content: "\f67c";
}
.fa-pen:before {
content: "\f304";
}
.fa-pen-alt:before {
content: "\f305";
}
.fa-pen-fancy:before {
content: "\f5ac";
}
.fa-pen-nib:before {
content: "\f5ad";
}
.fa-pen-square:before {
content: "\f14b";
}
.fa-pencil-alt:before {
content: "\f303";
}
.fa-pencil-ruler:before {
content: "\f5ae";
}
.fa-penny-arcade:before {
content: "\f704";
}
.fa-people-arrows:before {
content: "泌";
}
.fa-people-carry:before {
content: "\f4ce";
}
.fa-pepper-hot:before {
content: "\f816";
}
.fa-percent:before {
content: "\f295";
}
.fa-percentage:before {
content: "\f541";
}
.fa-periscope:before {
content: "\f3da";
}
.fa-person-booth:before {
content: "\f756";
}
.fa-phabricator:before {
content: "\f3db";
}
.fa-phoenix-framework:before {
content: "\f3dc";
}
.fa-phoenix-squadron:before {
content: "\f511";
}
.fa-phone:before {
content: "\f095";
}
.fa-phone-alt:before {
content: "\f879";
}
.fa-phone-slash:before {
content: "\f3dd";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-phone-square-alt:before {
content: "\f87b";
}
.fa-phone-volume:before {
content: "\f2a0";
}
.fa-photo-video:before {
content: "\f87c";
}
.fa-php:before {
content: "\f457";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-pied-piper-hat:before {
content: "\f4e5";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-square:before {
content: "爛";
}
.fa-piggy-bank:before {
content: "\f4d3";
}
.fa-pills:before {
content: "\f484";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-pizza-slice:before {
content: "\f818";
}
.fa-place-of-worship:before {
content: "\f67f";
}
.fa-plane:before {
content: "\f072";
}
.fa-plane-arrival:before {
content: "\f5af";
}
.fa-plane-departure:before {
content: "\f5b0";
}
.fa-plane-slash:before {
content: "數";
}
.fa-play:before {
content: "\f04b";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-playstation:before {
content: "\f3df";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-plus:before {
content: "\f067";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-poll:before {
content: "\f681";
}
.fa-poll-h:before {
content: "\f682";
}
.fa-poo:before {
content: "\f2fe";
}
.fa-poo-storm:before {
content: "\f75a";
}
.fa-poop:before {
content: "\f619";
}
.fa-portrait:before {
content: "\f3e0";
}
.fa-pound-sign:before {
content: "\f154";
}
.fa-power-off:before {
content: "\f011";
}
.fa-pray:before {
content: "\f683";
}
.fa-praying-hands:before {
content: "\f684";
}
.fa-prescription:before {
content: "\f5b1";
}
.fa-prescription-bottle:before {
content: "\f485";
}
.fa-prescription-bottle-alt:before {
content: "\f486";
}
.fa-print:before {
content: "\f02f";
}
.fa-procedures:before {
content: "\f487";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-project-diagram:before {
content: "\f542";
}
.fa-pump-medical:before {
content: "索";
}
.fa-pump-soap:before {
content: "參";
}
.fa-pushed:before {
content: "\f3e1";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-python:before {
content: "\f3e2";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-question:before {
content: "\f128";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-quidditch:before {
content: "\f458";
}
.fa-quinscape:before {
content: "\f459";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-quran:before {
content: "\f687";
}
.fa-r-project:before {
content: "\f4f7";
}
.fa-radiation:before {
content: "\f7b9";
}
.fa-radiation-alt:before {
content: "\f7ba";
}
.fa-rainbow:before {
content: "\f75b";
}
.fa-random:before {
content: "\f074";
}
.fa-raspberry-pi:before {
content: "\f7bb";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-react:before {
content: "\f41b";
}
.fa-reacteurope:before {
content: "\f75d";
}
.fa-readme:before {
content: "\f4d5";
}
.fa-rebel:before {
content: "\f1d0";
}
.fa-receipt:before {
content: "\f543";
}
.fa-record-vinyl:before {
content: "\f8d9";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-red-river:before {
content: "\f3e3";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-redhat:before {
content: "\f7bc";
}
.fa-redo:before {
content: "\f01e";
}
.fa-redo-alt:before {
content: "\f2f9";
}
.fa-registered:before {
content: "\f25d";
}
.fa-remove-format:before {
content: "\f87d";
}
.fa-renren:before {
content: "\f18b";
}
.fa-reply:before {
content: "\f3e5";
}
.fa-reply-all:before {
content: "\f122";
}
.fa-replyd:before {
content: "\f3e6";
}
.fa-republican:before {
content: "\f75e";
}
.fa-researchgate:before {
content: "\f4f8";
}
.fa-resolving:before {
content: "\f3e7";
}
.fa-restroom:before {
content: "\f7bd";
}
.fa-retweet:before {
content: "\f079";
}
.fa-rev:before {
content: "\f5b2";
}
.fa-ribbon:before {
content: "\f4d6";
}
.fa-ring:before {
content: "\f70b";
}
.fa-road:before {
content: "\f018";
}
.fa-robot:before {
content: "\f544";
}
.fa-rocket:before {
content: "\f135";
}
.fa-rocketchat:before {
content: "\f3e8";
}
.fa-rockrms:before {
content: "\f3e9";
}
.fa-route:before {
content: "\f4d7";
}
.fa-rss:before {
content: "\f09e";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-ruble-sign:before {
content: "\f158";
}
.fa-ruler:before {
content: "\f545";
}
.fa-ruler-combined:before {
content: "\f546";
}
.fa-ruler-horizontal:before {
content: "\f547";
}
.fa-ruler-vertical:before {
content: "\f548";
}
.fa-running:before {
content: "\f70c";
}
.fa-rupee-sign:before {
content: "\f156";
}
.fa-sad-cry:before {
content: "\f5b3";
}
.fa-sad-tear:before {
content: "\f5b4";
}
.fa-safari:before {
content: "\f267";
}
.fa-salesforce:before {
content: "\f83b";
}
.fa-sass:before {
content: "\f41e";
}
.fa-satellite:before {
content: "\f7bf";
}
.fa-satellite-dish:before {
content: "\f7c0";
}
.fa-save:before {
content: "\f0c7";
}
.fa-schlix:before {
content: "\f3ea";
}
.fa-school:before {
content: "\f549";
}
.fa-screwdriver:before {
content: "\f54a";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-scroll:before {
content: "\f70e";
}
.fa-sd-card:before {
content: "\f7c2";
}
.fa-search:before {
content: "\f002";
}
.fa-search-dollar:before {
content: "\f688";
}
.fa-search-location:before {
content: "\f689";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-searchengin:before {
content: "\f3eb";
}
.fa-seedling:before {
content: "\f4d8";
}
.fa-sellcast:before {
content: "\f2da";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-server:before {
content: "\f233";
}
.fa-servicestack:before {
content: "\f3ec";
}
.fa-shapes:before {
content: "\f61f";
}
.fa-share:before {
content: "\f064";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-shekel-sign:before {
content: "\f20b";
}
.fa-shield-alt:before {
content: "\f3ed";
}
.fa-shield-virus:before {
content: "塞";
}
.fa-ship:before {
content: "\f21a";
}
.fa-shipping-fast:before {
content: "\f48b";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-shoe-prints:before {
content: "\f54b";
}
.fa-shopify:before {
content: "綾";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-shopware:before {
content: "\f5b5";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-shuttle-van:before {
content: "\f5b6";
}
.fa-sign:before {
content: "\f4d9";
}
.fa-sign-in-alt:before {
content: "\f2f6";
}
.fa-sign-language:before {
content: "\f2a7";
}
.fa-sign-out-alt:before {
content: "\f2f5";
}
.fa-signal:before {
content: "\f012";
}
.fa-signature:before {
content: "\f5b7";
}
.fa-sim-card:before {
content: "\f7c4";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-sistrix:before {
content: "\f3ee";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-sith:before {
content: "\f512";
}
.fa-skating:before {
content: "\f7c5";
}
.fa-sketch:before {
content: "\f7c6";
}
.fa-skiing:before {
content: "\f7c9";
}
.fa-skiing-nordic:before {
content: "\f7ca";
}
.fa-skull:before {
content: "\f54c";
}
.fa-skull-crossbones:before {
content: "\f714";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-skype:before {
content: "\f17e";
}
.fa-slack:before {
content: "\f198";
}
.fa-slack-hash:before {
content: "\f3ef";
}
.fa-slash:before {
content: "\f715";
}
.fa-sleigh:before {
content: "\f7cc";
}
.fa-sliders-h:before {
content: "\f1de";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-smile:before {
content: "\f118";
}
.fa-smile-beam:before {
content: "\f5b8";
}
.fa-smile-wink:before {
content: "\f4da";
}
.fa-smog:before {
content: "\f75f";
}
.fa-smoking:before {
content: "\f48d";
}
.fa-smoking-ban:before {
content: "\f54d";
}
.fa-sms:before {
content: "\f7cd";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-snowboarding:before {
content: "\f7ce";
}
.fa-snowflake:before {
content: "\f2dc";
}
.fa-snowman:before {
content: "\f7d0";
}
.fa-snowplow:before {
content: "\f7d2";
}
.fa-soap:before {
content: "葉";
}
.fa-socks:before {
content: "\f696";
}
.fa-solar-panel:before {
content: "\f5ba";
}
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-alpha-down:before {
content: "\f15d";
}
.fa-sort-alpha-down-alt:before {
content: "\f881";
}
.fa-sort-alpha-up:before {
content: "\f15e";
}
.fa-sort-alpha-up-alt:before {
content: "\f882";
}
.fa-sort-amount-down:before {
content: "\f160";
}
.fa-sort-amount-down-alt:before {
content: "\f884";
}
.fa-sort-amount-up:before {
content: "\f161";
}
.fa-sort-amount-up-alt:before {
content: "\f885";
}
.fa-sort-down:before {
content: "\f0dd";
}
.fa-sort-numeric-down:before {
content: "\f162";
}
.fa-sort-numeric-down-alt:before {
content: "\f886";
}
.fa-sort-numeric-up:before {
content: "\f163";
}
.fa-sort-numeric-up-alt:before {
content: "\f887";
}
.fa-sort-up:before {
content: "\f0de";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-sourcetree:before {
content: "\f7d3";
}
.fa-spa:before {
content: "\f5bb";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-speakap:before {
content: "\f3f3";
}
.fa-speaker-deck:before {
content: "\f83c";
}
.fa-spell-check:before {
content: "\f891";
}
.fa-spider:before {
content: "\f717";
}
.fa-spinner:before {
content: "\f110";
}
.fa-splotch:before {
content: "\f5bc";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-spray-can:before {
content: "\f5bd";
}
.fa-square:before {
content: "\f0c8";
}
.fa-square-full:before {
content: "\f45c";
}
.fa-square-root-alt:before {
content: "\f698";
}
.fa-squarespace:before {
content: "\f5be";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-stackpath:before {
content: "\f842";
}
.fa-stamp:before {
content: "\f5bf";
}
.fa-star:before {
content: "\f005";
}
.fa-star-and-crescent:before {
content: "\f699";
}
.fa-star-half:before {
content: "\f089";
}
.fa-star-half-alt:before {
content: "\f5c0";
}
.fa-star-of-david:before {
content: "\f69a";
}
.fa-star-of-life:before {
content: "\f621";
}
.fa-staylinked:before {
content: "\f3f5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-steam-symbol:before {
content: "\f3f6";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-sticker-mule:before {
content: "\f3f7";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-stop:before {
content: "\f04d";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stopwatch:before {
content: "\f2f2";
}
.fa-stopwatch-20:before {
content: "說";
}
.fa-store:before {
content: "\f54e";
}
.fa-store-alt:before {
content: "\f54f";
}
.fa-store-alt-slash:before {
content: "殺";
}
.fa-store-slash:before {
content: "辰";
}
.fa-strava:before {
content: "\f428";
}
.fa-stream:before {
content: "\f550";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-stripe:before {
content: "\f429";
}
.fa-stripe-s:before {
content: "\f42a";
}
.fa-stroopwafel:before {
content: "\f551";
}
.fa-studiovinari:before {
content: "\f3f8";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-subway:before {
content: "\f239";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-suitcase-rolling:before {
content: "\f5c1";
}
.fa-sun:before {
content: "\f185";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-supple:before {
content: "\f3f9";
}
.fa-surprise:before {
content: "\f5c2";
}
.fa-suse:before {
content: "\f7d6";
}
.fa-swatchbook:before {
content: "\f5c3";
}
.fa-swift:before {
content: "\f8e1";
}
.fa-swimmer:before {
content: "\f5c4";
}
.fa-swimming-pool:before {
content: "\f5c5";
}
.fa-symfony:before {
content: "\f83d";
}
.fa-synagogue:before {
content: "\f69b";
}
.fa-sync:before {
content: "\f021";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-syringe:before {
content: "\f48e";
}
.fa-table:before {
content: "\f0ce";
}
.fa-table-tennis:before {
content: "\f45d";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-tablet-alt:before {
content: "\f3fa";
}
.fa-tablets:before {
content: "\f490";
}
.fa-tachometer-alt:before {
content: "\f3fd";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-tape:before {
content: "\f4db";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-taxi:before {
content: "\f1ba";
}
.fa-teamspeak:before {
content: "\f4f9";
}
.fa-teeth:before {
content: "\f62e";
}
.fa-teeth-open:before {
content: "\f62f";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-telegram-plane:before {
content: "\f3fe";
}
.fa-temperature-high:before {
content: "\f769";
}
.fa-temperature-low:before {
content: "\f76b";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-tenge:before {
content: "\f7d7";
}
.fa-terminal:before {
content: "\f120";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-the-red-yeti:before {
content: "\f69d";
}
.fa-theater-masks:before {
content: "\f630";
}
.fa-themeco:before {
content: "\f5c6";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-thermometer:before {
content: "\f491";
}
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-think-peaks:before {
content: "\f731";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbtack:before {
content: "\f08d";
}
.fa-ticket-alt:before {
content: "\f3ff";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-tint:before {
content: "\f043";
}
.fa-tint-slash:before {
content: "\f5c7";
}
.fa-tired:before {
content: "\f5c8";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-toilet:before {
content: "\f7d8";
}
.fa-toilet-paper:before {
content: "\f71e";
}
.fa-toilet-paper-slash:before {
content: "沈";
}
.fa-toolbox:before {
content: "\f552";
}
.fa-tools:before {
content: "\f7d9";
}
.fa-tooth:before {
content: "\f5c9";
}
.fa-torah:before {
content: "\f6a0";
}
.fa-torii-gate:before {
content: "\f6a1";
}
.fa-tractor:before {
content: "\f722";
}
.fa-trade-federation:before {
content: "\f513";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-traffic-light:before {
content: "\f637";
}
.fa-trailer:before {
content: "論";
}
.fa-train:before {
content: "\f238";
}
.fa-tram:before {
content: "\f7da";
}
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-trash-alt:before {
content: "\f2ed";
}
.fa-trash-restore:before {
content: "\f829";
}
.fa-trash-restore-alt:before {
content: "\f82a";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-trello:before {
content: "\f181";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-trophy:before {
content: "\f091";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-truck-loading:before {
content: "\f4de";
}
.fa-truck-monster:before {
content: "\f63b";
}
.fa-truck-moving:before {
content: "\f4df";
}
.fa-truck-pickup:before {
content: "\f63c";
}
.fa-tshirt:before {
content: "\f553";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-tv:before {
content: "\f26c";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-twitter:before {
content: "\f099";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-typo3:before {
content: "\f42b";
}
.fa-uber:before {
content: "\f402";
}
.fa-ubuntu:before {
content: "\f7df";
}
.fa-uikit:before {
content: "\f403";
}
.fa-umbraco:before {
content: "\f8e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-umbrella-beach:before {
content: "\f5ca";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-undo:before {
content: "\f0e2";
}
.fa-undo-alt:before {
content: "\f2ea";
}
.fa-uniregistry:before {
content: "\f404";
}
.fa-unity:before {
content: "雷";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-university:before {
content: "\f19c";
}
.fa-unlink:before {
content: "\f127";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-untappd:before {
content: "\f405";
}
.fa-upload:before {
content: "\f093";
}
.fa-ups:before {
content: "\f7e0";
}
.fa-usb:before {
content: "\f287";
}
.fa-user:before {
content: "\f007";
}
.fa-user-alt:before {
content: "\f406";
}
.fa-user-alt-slash:before {
content: "\f4fa";
}
.fa-user-astronaut:before {
content: "\f4fb";
}
.fa-user-check:before {
content: "\f4fc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-clock:before {
content: "\f4fd";
}
.fa-user-cog:before {
content: "\f4fe";
}
.fa-user-edit:before {
content: "\f4ff";
}
.fa-user-friends:before {
content: "\f500";
}
.fa-user-graduate:before {
content: "\f501";
}
.fa-user-injured:before {
content: "\f728";
}
.fa-user-lock:before {
content: "\f502";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-user-minus:before {
content: "\f503";
}
.fa-user-ninja:before {
content: "\f504";
}
.fa-user-nurse:before {
content: "\f82f";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-user-shield:before {
content: "\f505";
}
.fa-user-slash:before {
content: "\f506";
}
.fa-user-tag:before {
content: "\f507";
}
.fa-user-tie:before {
content: "\f508";
}
.fa-user-times:before {
content: "\f235";
}
.fa-users:before {
content: "\f0c0";
}
.fa-users-cog:before {
content: "\f509";
}
.fa-usps:before {
content: "\f7e1";
}
.fa-ussunnah:before {
content: "\f407";
}
.fa-utensil-spoon:before {
content: "\f2e5";
}
.fa-utensils:before {
content: "\f2e7";
}
.fa-vaadin:before {
content: "\f408";
}
.fa-vector-square:before {
content: "\f5cb";
}
.fa-venus:before {
content: "\f221";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-vial:before {
content: "\f492";
}
.fa-vials:before {
content: "\f493";
}
.fa-viber:before {
content: "\f409";
}
.fa-video:before {
content: "\f03d";
}
.fa-video-slash:before {
content: "\f4e2";
}
.fa-vihara:before {
content: "\f6a7";
}
.fa-vimeo:before {
content: "\f40a";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-vimeo-v:before {
content: "\f27d";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-virus:before {
content: "若";
}
.fa-virus-slash:before {
content: "掠";
}
.fa-viruses:before {
content: "略";
}
.fa-vk:before {
content: "\f189";
}
.fa-vnv:before {
content: "\f40b";
}
.fa-voicemail:before {
content: "\f897";
}
.fa-volleyball-ball:before {
content: "\f45f";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-mute:before {
content: "\f6a9";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-vote-yea:before {
content: "\f772";
}
.fa-vr-cardboard:before {
content: "\f729";
}
.fa-vuejs:before {
content: "\f41f";
}
.fa-walking:before {
content: "\f554";
}
.fa-wallet:before {
content: "\f555";
}
.fa-warehouse:before {
content: "\f494";
}
.fa-water:before {
content: "\f773";
}
.fa-wave-square:before {
content: "\f83e";
}
.fa-waze:before {
content: "\f83f";
}
.fa-weebly:before {
content: "\f5cc";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-weight:before {
content: "\f496";
}
.fa-weight-hanging:before {
content: "\f5cd";
}
.fa-weixin:before {
content: "\f1d7";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-whatsapp-square:before {
content: "\f40c";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-whmcs:before {
content: "\f40d";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-wind:before {
content: "\f72e";
}
.fa-window-close:before {
content: "\f410";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-windows:before {
content: "\f17a";
}
.fa-wine-bottle:before {
content: "\f72f";
}
.fa-wine-glass:before {
content: "\f4e3";
}
.fa-wine-glass-alt:before {
content: "\f5ce";
}
.fa-wix:before {
content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
content: "\f730";
}
.fa-wolf-pack-battalion:before {
content: "\f514";
}
.fa-won-sign:before {
content: "\f159";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-wordpress-simple:before {
content: "\f411";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-wpressr:before {
content: "\f3e4";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-x-ray:before {
content: "\f497";
}
.fa-xbox:before {
content: "\f412";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-y-combinator:before {
content: "\f23b";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-yammer:before {
content: "\f840";
}
.fa-yandex:before {
content: "\f413";
}
.fa-yandex-international:before {
content: "\f414";
}
.fa-yarn:before {
content: "\f7e3";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-yen-sign:before {
content: "\f157";
}
.fa-yin-yang:before {
content: "\f6ad";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-youtube:before {
content: "\f167";
}
.fa-youtube-square:before {
content: "\f431";
}
.fa-zhihu:before {
content: "\f63f";
}
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} @font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//www.beautysofa24.de/wp-content/themes/beautytheme/assets/fonts/fa-solid-900.woff2) format("woff2");
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.site-search .widget_product_search form input[type=search],
.site-search .widget_product_search form input[type=text] {
padding-left: 2.617924em;
}
#comments .comment-list .bypostauthor > .comment-body cite a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f15c";
margin-left: 0.5407911001em;
}
#comments .comment-list .reply a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f3e5";
margin-left: 0.5407911001em;
}
#comments .comment-list .reply a.comment-edit-link::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f303";
}
#respond #cancel-comment-reply-link::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f057";
display: block;
}
.sticky .entry-title::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f08d";
margin-right: 0.5407911001em;
}
button.loading,
input[type=button].loading,
input[type=reset].loading,
input[type=submit].loading,
.button.loading,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading,
.added_to_cart.loading {
position: relative;
}
button.loading::after,
input[type=button].loading::after,
input[type=reset].loading::after,
input[type=submit].loading::after,
.button.loading::after,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link.loading::after,
.added_to_cart.loading::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f110";
animation: fa-spin 0.75s linear infinite;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
display: block;
}
.handheld-navigation ul.menu li button::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
}
.site-main nav.navigation .nav-previous a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f30a";
margin-right: 0.5407911001em;
}
.site-main nav.navigation .nav-next a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f30b";
margin-left: 0.5407911001em;
}
.widget_search form:not(.wp-block-search)::before,
.widget_product_search form:not(.wp-block-search)::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f002";
position: absolute;
top: 1em;
left: 1em;
line-height: 1;
}
.widget_search form:not(.wp-block-search) input[type=text],
.widget_search form:not(.wp-block-search) input[type=search],
.widget_product_search form:not(.wp-block-search) input[type=text],
.widget_product_search form:not(.wp-block-search) input[type=search] {
padding-left: 2.617924em;
}
.storefront-handheld-footer-bar ul li > a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 2.618046972;
font-size: 1.618em;
text-indent: 0;
display: block;
cursor: pointer;
}
.storefront-handheld-footer-bar ul li.search > a::before {
content: "\f002";
}
.storefront-handheld-footer-bar ul li.my-account > a::before {
content: "\f007";
}
.storefront-handheld-footer-bar ul li.cart > a::before {
content: "\f291";
}
.storefront-product-pagination a[rel=prev]::after,
.storefront-product-pagination a[rel=next]::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
}
.storefront-product-pagination a[rel=prev]::after {
content: "\f104";
padding-right: 1.41575em;
}
.storefront-product-pagination a[rel=next]::after {
content: "\f105";
padding-left: 1.41575em;
}
.single-product .pswp__button {
background-color: rgba(0, 0, 0, 0);
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
text-indent: -999px;
overflow: hidden;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f00e";
display: block;
line-height: 1.75;
text-indent: 0;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important;
}
.stock::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
margin-right: 0.5407911001em;
}
.stock.in-stock::before {
content: "\f118";
}
.stock.out-of-stock::before {
content: "\f119";
}
a.reset_variations::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f021";
margin-right: 0.5407911001em;
}
.woocommerce-breadcrumb a:first-of-type::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f015";
margin-right: 0.5407911001em;
}
.widget_recent_entries ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_nav_menu ul,
.widget_links ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_layered_nav_filters ul {
margin: 0;
}
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_nav_menu ul li,
.widget_links ul li,
.widget_product_categories ul li,
.widget_layered_nav ul li,
.widget_layered_nav_filters ul li {
padding-left: 1.618em;
}
.widget_recent_entries ul li::before,
.widget_pages ul li::before,
.widget_categories ul li::before,
.widget_archive ul li::before,
.widget_recent_comments ul li::before,
.widget_nav_menu ul li::before,
.widget_links ul li::before,
.widget_product_categories ul li::before,
.widget_layered_nav ul li::before,
.widget_layered_nav_filters ul li::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
margin-right: 0.5407911001em;
display: block;
float: left;
opacity: 0.35;
margin-left: -1.618em;
width: 1em;
}
.widget_product_categories ul li::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f07b";
}
.widget_product_categories ul li.current-cat::before {
content: "\f07c";
}
.widget_layered_nav li::before {
content: "\f0c8";
}
.widget_layered_nav .chosen::before {
content: "\f14a";
}
.widget_layered_nav_filters ul li.chosen::before {
content: "\f00d";
color: #e2401c;
opacity: 1;
}
.widget_recent_entries ul li::before,
.widget_pages ul li::before {
content: "\f15c";
}
.widget_categories ul li::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f07b";
}
.widget_categories ul li.current-cat::before {
content: "\f07c";
}
.widget_archive ul li::before {
content: "\f07c";
}
.widget_recent_comments ul li::before {
content: "\f075";
}
.widget_nav_menu ul li::before {
content: "\f15c";
}
.widget_links ul li::before {
content: "\f35d";
}
a.remove {
display: block;
width: 1.618em;
height: 1.618em;
line-height: 1.618;
font-weight: 400;
text-indent: -9999px;
overflow: hidden;
position: relative;
}
a.remove::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f057";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #737781;
line-height: 1.618;
text-indent: 0;
text-align: center;
}
.woocommerce-shipping-calculator > p:first-child a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f0d1";
margin-right: 0.3342343017em;
}
.blockUI::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f110";
animation: fa-spin 0.75s linear infinite;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
}
.wc_request_button_is_disabled .blockUI {
cursor: not-allowed !important;
}
.wc_request_button_is_disabled .blockUI::before {
content: none;
}
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
text-indent: -9999px;
position: relative;
overflow: hidden;
}
.woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f0d9";
text-indent: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.woocommerce-pagination .next::after {
content: "\f0da";
}
.woocommerce-breadcrumb .breadcrumb-separator {
text-indent: -9999px;
position: relative;
display: inline-block;
padding: 0 6.8535260698em;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f105";
display: block;
font-size: 0.875em;
text-indent: 0;
line-height: initial;
position: absolute;
top: 50%;
left: 50%;
width: 1em;
height: 1em;
transform: translateX(-50%) translateY(-50%);
text-align: center;
opacity: 0.25;
}
#payment .payment_methods > .woocommerce-PaymentMethod > label::before,
#payment .payment_methods > .wc_payment_method > label::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f111";
margin-right: 0.5407911001em;
transition: color, ease, 0.2s;
}
#payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child,
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child {
word-wrap: normal !important;
}
#payment .payment_methods li.woocommerce-PaymentMethod > input[type=radio]:first-child,
#payment .payment_methods li.wc_payment_method > input[type=radio]:first-child {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.woocommerce-password-strength::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f119";
margin-left: 0.5407911001em;
}
.woocommerce-password-strength.strong::after {
content: "\f118";
}
.woocommerce-password-strength.good::after {
content: "\f11a";
}
.woocommerce-MyAccount-navigation ul li.is-active a::before {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul li a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f15c";
line-height: 1.618;
margin-left: 0.5407911001em;
width: 1.41575em;
text-align: right;
float: right;
opacity: 0.25;
}
.woocommerce-MyAccount-navigation ul li a:hover::before {
opacity: 1;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
content: "\f3fd";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
content: "\f291";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
content: "\f1c6";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
content: "\f015";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
content: "\f09d";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
content: "\f007";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
content: "\f2f5";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
content: "\f021";
}
.my_account_orders .button.view::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f06e";
margin-left: 0.5407911001em;
}
p.order-again .button::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f021";
margin-left: 0.5407911001em;
}
.woocommerce-MyAccount-downloads .button::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f381";
margin-left: 0.5407911001em;
}
.demo_store::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f05a";
margin-right: 0.5407911001em;
}
.woocommerce-tabs ul.tabs li::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
display: block;
position: absolute;
top: 50%;
right: -1em;
transform: translateY(-50%);
opacity: 0;
transition: all, ease, 0.3s;
}
.woocommerce-tabs ul.tabs li.active::after {
opacity: 1;
right: 0;
}
.wc-forward::after,
.woocommerce-Button--next::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f30b";
margin-left: 0.5407911001em;
}
.woocommerce-Button--previous::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f30a";
margin-right: 0.5407911001em;
}
#reviews .commentlist li p.meta .verified {
display: inline-block;
height: 1.41575em;
width: 1.41575em;
position: relative;
text-indent: -9999px;
}
#reviews .commentlist li p.meta .verified::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f058";
color: #0f834d;
position: absolute;
top: 0;
left: 0;
width: 1.41575em;
height: 1.41575em;
text-indent: 0;
text-align: center;
line-height: 1.618em;
}
.single-product div.product .component_selections .clear_component_options::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f021";
margin-right: 0.5407911001em;
}
.cart .mnm_table_item .mnm_table_item_indent::before,
.shop_table .mnm_table_item .mnm_table_item_indent::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f3bf";
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
transform: rotate(90deg);
margin-right: 0.3819820591em;
opacity: 0.25;
}
.quick-view-button::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f06e";
margin-right: 0.6180469716em;
}
.woocommerce-page .ship_address .gift-form label::after,
.woocommerce-page .no_shipping_address .gift-form label::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f06b";
margin-left: 0.5407911001em;
}
.woocommerce-page .ship_address .modify-address-button::before,
.woocommerce-page .no_shipping_address .modify-address-button::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f044";
margin-right: 0.5407911001em;
}
.woocommerce-page .addresses + .addresses header.title a::before {
content: "\f067";
}
.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before,
.woocommerce-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--contributions a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f005";
}
a#variations_clear::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f021";
margin-right: 0.5407911001em;
}
.wl-add-link::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f004";
margin-right: 0.5407911001em;
}
.button.wl-create-new::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f067";
margin-right: 0.5407911001em;
}
@media (min-width: 768px) {
.main-navigation ul.menu > li.menu-item-has-children > a::after,
.main-navigation ul.menu > li.page_item_has_children > a::after,
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
.main-navigation ul.nav-menu > li.page_item_has_children > a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
margin-left: 1em;
}
.main-navigation ul.menu ul li.menu-item-has-children > a::after,
.main-navigation ul.menu ul li.page_item_has_children > a::after,
.main-navigation ul.nav-menu ul li.menu-item-has-children > a::after,
.main-navigation ul.nav-menu ul li.page_item_has_children > a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f105";
float: right;
line-height: 1.618;
}
.demo_store a.woocommerce-store-notice__dismiss-link::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f057";
margin-right: 0.3342343017em;
}
.site-header-cart .cart-contents::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f291";
height: 1em;
float: right;
line-height: 1.618;
}
.addresses header.title a {
display: block;
width: 1em;
height: 1em;
text-indent: -9999px;
position: relative;
padding: 0.875em;
margin-top: 0.6180469716em;
}
.addresses header.title a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f044";
line-height: 1.618;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
text-indent: 0;
}
.woocommerce-tabs ul.tabs li::after {
content: "\f105";
}
#wl-wrapper .wl-tabs > li.active::after {
display: block !important;
}
#wl-wrapper .wl-tabs > li.active::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f105";
position: absolute;
top: 50%;
height: 1em;
width: 1em;
margin-top: -0.5em;
}
} #reviews .comment-reply-title,
#reviews .commentlist li p.meta .woocommerce-review__dash,
.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br,
.site-header-cart .cart-contents,
.site-header-cart .widget_shopping_cart,
.site-search,
.stock:empty::before,
.storefront-product-pagination,
.storefront-sticky-add-to-cart,
table.cart .product-quantity .minus,
table.cart .product-quantity .plus,
table.cart .product-thumbnail::before,
table.shop_table_responsive tbody th,
table.shop_table_responsive thead,
table.shop_table_responsive tr td.actions::before,
table.shop_table_responsive tr td.download-actions::before,
table.shop_table_responsive.my_account_orders .order-actions::before {
display: none;
}
p.stars a::before,
p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before {
opacity: 0.25;
color: #43454b;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.price ins {
font-weight: 400;
}
.widget_price_filter .price_slider_amount .button,
.woocommerce-active .site-branding {
float: left;
}
.site-header-cart {
list-style-type: none;
margin-left: 0;
padding: 0;
margin-bottom: 0;
}
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
margin: 1.41575em;
}
.site-header-cart .widget_shopping_cart .product_list_widget img {
margin-left: 1em;
}
.site-search {
font-size: 0.875em;
clear: both;
}
.site-search .widget_product_search input[type=search],
.site-search .widget_product_search input[type=text] {
padding: 1em 1.41575em;
line-height: 1;
}
.site-search .widget_product_search form::before {
top: 1.15em;
left: 1.15em;
}
.site-search .widget_product_search #searchsubmit {
word-wrap: normal !important;
}
.site-search .widget_product_search #searchsubmit {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.storefront-handheld-footer-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.7);
z-index: 9999;
}
#payment::after,
#payment::before,
#reviews .commentlist li .comment_container::after,
#reviews .commentlist li .comment_container::before,
#reviews .commentlist li::after,
#reviews .commentlist li::before,
.product_list_widget li::after,
.product_list_widget li::before,
.single-product div.product .woocommerce-product-rating::after,
.single-product div.product .woocommerce-product-rating::before,
.single-product div.product form.cart::after,
.single-product div.product form.cart::before,
.single-product div.product::after,
.single-product div.product::before,
.storefront-handheld-footer-bar::after,
.storefront-handheld-footer-bar::before,
.wc-item-meta li::after,
.wc-item-meta li::before,
.wc-proceed-to-checkout::after,
.wc-proceed-to-checkout::before,
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before,
.woocommerce-noreviews::after,
.woocommerce-noreviews::before,
.woocommerce-tabs::after,
.woocommerce-tabs::before,
form.checkout::after,
form.checkout::before,
p.no-comments::after,
p.no-comments::before,
table.shop_table_responsive tr td::after,
table.shop_table_responsive tr td::before {
content: "";
display: table;
}
#payment .create-account,
#payment::after,
#reviews .comment-form-rating,
#reviews .commentlist li .comment_container::after,
#reviews .commentlist li::after,
.product_list_widget li::after,
.single-product div.product .images .thumbnails a.zoom.first,
.single-product div.product .woocommerce-product-rating::after,
.single-product div.product form.cart::after,
.single-product div.product::after,
.storefront-handheld-footer-bar::after,
.wc-item-meta li::after,
.wc-proceed-to-checkout::after,
.woocommerce-error::after,
.woocommerce-info::after,
.woocommerce-message::after,
.woocommerce-noreviews::after,
.woocommerce-tabs::after,
form.checkout::after,
p.no-comments::after,
table.shop_table_responsive tr td::after,
ul.products::after {
clear: both;
}
#payment .payment_methods li p,
.storefront-handheld-footer-bar ul,
.woocommerce-shipping-calculator,
.woocommerce-shipping-calculator > p:first-child {
margin: 0;
}
.storefront-handheld-footer-bar ul li {
display: inline-block;
float: left;
text-align: center;
}
.storefront-handheld-footer-bar ul li:last-child > a {
border-right: 0;
}
.storefront-handheld-footer-bar ul li > a {
height: 4.235801032em;
display: block;
position: relative;
text-indent: -9999px;
z-index: 999;
border-right: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden;
}
.storefront-handheld-footer-bar ul li > a:focus {
z-index: 1000;
}
.storefront-handheld-footer-bar ul li.search .site-search {
position: absolute;
bottom: -2em;
left: 0;
right: 0;
transition: none, none, 0.2s;
padding: 1em;
z-index: 1;
display: block;
}
.storefront-handheld-footer-bar ul li.search.active .site-search {
bottom: 100%;
}
#reviews .commentlist li ul.children li:last-child,
.storefront-handheld-footer-bar ul li.search .site-search,
.storefront-handheld-footer-bar ul li.search .widget,
.storefront-handheld-footer-bar ul li.search form,
.storefront-product-section:last-child,
.widget_shopping_cart .buttons a:last-child,
.widget_shopping_cart .product_list_widget,
.woocommerce-checkout ul#shipping_method,
ul#shipping_method li:last-child {
margin-bottom: 0;
}
.storefront-handheld-footer-bar ul li.cart .count {
text-indent: 0;
display: block;
width: 2em;
height: 2em;
line-height: 2;
box-sizing: content-box;
font-size: 0.75em;
position: absolute;
top: 0.875em;
left: 50%;
border-radius: 100%;
border: 1px solid;
}
.product_list_widget li,
.widget_shopping_cart p.total {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.storefront-handheld-footer-bar ul.columns-1 li {
width: 100%;
display: block;
float: none;
}
.storefront-handheld-footer-bar ul.columns-2 li {
width: 50%;
}
.storefront-handheld-footer-bar ul.columns-3 li {
width: 33.33333%;
}
.storefront-handheld-footer-bar ul.columns-4 li {
width: 25%;
}
.storefront-handheld-footer-bar ul.columns-5 li {
width: 20%;
}
@media screen and (max-height: 320px) {
.sf-input-focused .storefront-handheld-footer-bar,
.sf-input-focused .woocommerce-store-notice {
display: none;
}
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td[data-title]::before {
content: attr(data-title) ": ";
font-weight: 600;
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
table.shop_table_responsive.my_account_orders .order-actions {
text-align: right;
}
.wc-block-grid__products,
ul.products {
margin-left: 0;
margin-bottom: 0;
clear: both;
}
.wc-block-grid__products .wc-block-grid__product,
.wc-block-grid__products li.product,
ul.products .wc-block-grid__product,
ul.products li.product {
list-style: none;
margin-left: 0;
margin-bottom: 4.235801032em;
text-align: center;
position: relative;
}
@media (max-width: 920px) {
.wc-block-grid__products .wc-block-grid__product,
.wc-block-grid__products li.product,
ul.products .wc-block-grid__product,
ul.products li.product {
margin-bottom: 0;
margin-bottom: initial;
}
}
.wc-block-grid__products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
ul.products .wc-block-grid__product .star-rating,
ul.products li.product .star-rating {
margin: 0 auto 0.5407911001em;
}
.wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link,
.wc-block-grid__products li.product .woocommerce-LoopProduct-link,
ul.products .wc-block-grid__product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-LoopProduct-link {
display: block;
overflow: hidden;
position: relative;
}
.wc-block-grid__products .wc-block-grid__product .price,
.wc-block-grid__products li.product .price,
ul.products .wc-block-grid__product .price,
ul.products li.product .price {
display: block;
font-weight: 400;
}
.wc-block-grid__products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
ul.products li.product .price ins {
margin-left: 0;
background-color: rgba(0, 0, 0, 0);
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products li.product .wc-block-grid__product-title > a,
.wc-block-grid__products li.product .woocommerce-loop-category__title,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
ul.products .wc-block-grid__product .wc-block-grid__product-title > a,
ul.products .wc-block-grid__product .woocommerce-loop-category__title,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .wc-block-grid__product-title > a,
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .woocommerce-loop-product__title {
margin-bottom: 0.5407911001em;
}
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:not(.has-font-size),
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products li.product .wc-block-grid__product-title > a:not(.has-font-size),
.wc-block-grid__products li.product .woocommerce-loop-category__title,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
ul.products .wc-block-grid__product .wc-block-grid__product-title > a:not(.has-font-size),
ul.products .wc-block-grid__product .woocommerce-loop-category__title,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .wc-block-grid__product-title > a:not(.has-font-size),
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
line-height: 1.25;
margin: 8px 0;
}
.wc-block-grid__products .wc-block-grid__product .star-rating,
.wc-block-grid__products li.product .star-rating,
.woocommerce-breadcrumb,
dl.variation,
ul.products .wc-block-grid__product .star-rating,
ul.products li.product .star-rating {
font-size: 0.875em;
}
.wc-block-grid__products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
ul.products .wc-block-grid__product img,
ul.products li.product img {
display: block;
margin: 0 auto 1.618em;
}
#reviews .commentlist li ul.children li,
.single-product div.product .woocommerce-product-gallery .flex-viewport,
.storefront-product-section,
.wc-block-grid__products .wc-block-grid__product.product-category img,
.wc-block-grid__products li.product.product-category img,
.wc-proceed-to-checkout,
ul.products .wc-block-grid__product.product-category img,
ul.products li.product.product-category img {
margin-bottom: 1.618em;
}
.wc-block-grid__products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
ul.products .wc-block-grid__product .button,
ul.products li.product .button {
margin-bottom: 0.236em;
}
#reviews .commentlist li,
.checkout_coupon {
margin-bottom: 2.617924em;
}
.demo_store a:hover,
.hentry .entry-content .wc-block-grid__products .wc-block-grid__product > a,
.hentry .entry-content ul.products li.product > a,
.single-product div.product .product_meta a:hover,
.single-product div.product .woocommerce-product-rating a:hover,
.widget ul.products li.product a {
-webkit-text-decoration: none;
text-decoration: none;
}
.single-product .pswp__button {
background-color: rgba(0, 0, 0, 0);
}
.single-product div.product {
position: relative;
overflow: hidden;
}
.single-product div.product .images,
.single-product div.product .summary,
.single-product div.product .woocommerce-product-gallery {
margin-bottom: 2.617924em;
margin-top: 0;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
}
.single-product div.product .woocommerce-product-gallery .zoomImg {
background-color: #fff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 0.875em;
right: 0.875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
}
.single-product div.product .woocommerce-product-gallery img {
margin: 0;
width: 100%;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .images .woocommerce-main-image {
margin-bottom: 1.618em;
display: block;
}
.single-product div.product .images .thumbnails a.zoom {
display: block;
width: 22.05%;
margin-right: 3.8%;
float: left;
margin-bottom: 1em;
}
.single-product div.product .images .thumbnails a.zoom.last {
margin-right: 0;
}
.single-product div.product form.cart {
margin-bottom: 1.618em;
padding: 1em 0;
}
.single-product div.product form.cart .quantity {
float: left;
margin-right: 0.875em;
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label,
table.cart td.product-name {
word-wrap: anywhere;
word-break: break-word;
-ms-word-break: break-all;
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity {
float: none;
margin-right: 0;
}
.single-product div.product form.cart table.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity .quantity {
margin-right: 0;
}
.single-product div.product p.price {
font-size: 1.41575em;
margin: 1.41575em 0;
}
.single-product div.product table.variations {
table-layout: fixed;
margin: 0;
}
.single-product div.product table.variations td,
.single-product div.product table.variations th {
display: list-item;
padding: 0;
list-style: none;
background-color: rgba(0, 0, 0, 0);
}
#payment .payment_methods li .payment_box fieldset .form-row,
#reviews .commentlist li p.meta,
.single-product div.product table.variations .value,
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.single-product div.product table.variations select {
max-width: 70%;
vertical-align: middle;
}
.single-product div.product .single_variation .price {
margin-bottom: 1em;
display: block;
}
.single-product div.product .woocommerce-product-rating {
margin-bottom: 1.618em;
margin-top: -0.875em;
}
.single-product div.product .product_meta a,
.single-product div.product .woocommerce-product-rating a {
font-weight: 600;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.single-product div.product .woocommerce-product-rating .star-rating {
float: left;
margin-right: 0.6180469716em;
}
.single-product div.product .product_meta {
font-size: 0.875em;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#reviews .comment-form-rating label,
#reviews .commentlist li p.meta time,
.form-row label,
.product_list_widget li > a,
.single-product div.product .product_meta .posted_in,
.single-product div.product .product_meta .sku_wrapper,
.single-product div.product .product_meta .tagged_as,
.widget_products a {
display: block;
}
.single-product div.product .product_meta .posted_in:last-child,
.single-product div.product .product_meta .sku_wrapper:last-child,
.single-product div.product .product_meta .tagged_as:last-child {
border-bottom: 0;
}
.single-product div.product .edit-link {
font-size: 0.875em;
margin-top: 1em;
}
.stock.in-stock,
.woocommerce-password-strength.strong {
color: #0f834d;
}
.required,
.stock.out-of-stock,
.woocommerce-password-strength.bad,
.woocommerce-password-strength.short {
color: #e2401c;
}
a.reset_variations {
display: inline-block;
margin-left: 1em;
}
#reviews {
outline: 0;
}
#reviews #comments {
padding-top: 0;
}
#reviews .commentlist,
.product_list_widget,
ul#shipping_method {
list-style: none;
margin-left: 0;
}
#reviews .commentlist li {
list-style: none;
clear: both;
}
#reviews .commentlist li .comment_container {
border-radius: 3px;
}
#reviews .commentlist li .comment_container .comment-text {
width: 81.8181818182%;
float: right;
margin-right: 0;
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
float: right;
font-size: 0.875em;
line-height: 1;
height: 1em;
}
#reviews .commentlist li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
#reviews .commentlist li time {
opacity: 0.5;
font-size: 0.875em;
}
#reviews .commentlist li .avatar {
width: 9.0909090909%;
float: left;
margin-right: 9.0909090909%;
height: auto;
}
#reviews .commentlist li p.meta strong {
line-height: 1;
}
#reviews .commentlist li p.meta .verified {
font-style: normal;
font-size: 0.875em;
}
#reviews .commentlist li ul.children {
margin: 0;
width: 81.8181818182%;
float: right;
padding-top: 1.618em;
}
#reviews .commentlist li ul.children .avatar {
width: 11.1111111111%;
float: left;
margin-right: 11.1111111111%;
}
#reviews .commentlist li ul.children .comment-text {
width: 77.7777777778%;
float: right;
margin-right: 0;
}
.woocommerce-breadcrumb a {
-webkit-text-decoration: none;
text-decoration: none;
transition: color 0.1s;
}
.woocommerce-breadcrumb a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
color: #121212;
}
.woocommerce-breadcrumb .breadcrumb-separator {
display: inline-block;
padding: 0 0.5407911001em;
}
.product_list_widget li {
padding: 1em 0;
}
.product_list_widget li img {
max-width: 2.617924em;
float: right;
}
.product_list_widget a:hover {
color: #2c2d33;
}
.widget_shopping_cart .product_list_widget li {
padding-left: 2em;
position: relative;
}
.widget_shopping_cart .product_list_widget li a.remove {
position: absolute;
top: 1em;
left: 0;
opacity: 1;
}
.widget_shopping_cart p.buttons,
.widget_shopping_cart p.total {
padding: 1em 0;
margin: 0;
text-align: center;
}
.widget_shopping_cart .buttons a {
display: block;
margin-bottom: 0.6180469716em;
}
.widget_shopping_cart .buttons a img {
margin-left: auto;
margin-right: auto;
}
.site-header .widget_shopping_cart li,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart p.total {
padding-left: 1.41575em;
padding-right: 1.41575em;
}
.widget_layered_nav li {
margin-bottom: 0.6180469716em;
}
.widget.woocommerce li .count {
font-size: 1em;
float: right;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.show-password-input::after,
p.stars a::before {
line-height: 1;
font-family: "Font Awesome 5 Free";
}
@media (min-width: 768px) and (max-width: 1024px) {
.widget_price_filter .price_slider_amount {
text-align: left;
}
.widget_price_filter .price_slider_amount .button {
display: block;
float: none;
width: 100%;
}
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
top: auto;
z-index: 2;
width: 1em;
height: 1em;
border-radius: 1em;
cursor: ew-resize;
background: #2c2d33;
box-sizing: border-box;
margin-top: -0.25em;
margin-left: auto;
opacity: 1;
border: 0;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active,
.widget_price_filter .ui-slider .ui-slider-handle:hover {
box-shadow: 0 0 0 0.236em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background: #2c2d33;
border-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background: rgba(0, 0, 0, 0.1);
border: 0;
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
} .rtl .widget_price_filter .price_label,
.rtl .widget_price_filter .price_label span {
direction: ltr;
unicode-bidi: embed;
} table.cart {
margin-bottom: 3.706325903em;
}
table.cart .product-thumbnail img {
margin: 0 auto;
max-width: 3.706325903em;
height: auto;
}
@media (max-width: 768px) {
table.cart .product-thumbnail img {
max-width: 30%;
}
}
table.cart tr:first-child td.product-remove {
border-top-width: 0;
}
table.cart td.product-remove {
padding: 0;
border-top: 1.618em solid;
position: relative;
}
table.cart td.product-remove a.remove {
position: absolute;
font-size: 1.41575em;
top: -0.6180469716em;
right: -0.6180469716em;
}
table.cart td.product-quantity .qty {
padding: 0.326em;
width: 3.706325903em;
}
table.cart td,
table.cart th {
padding: 0.875em 0.875em 0;
}
table.cart td.product-subtotal {
padding-bottom: 0.875em;
}
.wc-proceed-to-checkout .button {
display: block;
text-align: center;
margin-bottom: 1em;
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry,
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number,
.wc-proceed-to-checkout .button.checkout-button {
font-size: 1.41575em;
}
.woocommerce-shipping-calculator .shipping-calculator-form {
padding-top: 1.41575em;
}
ul#shipping_method li {
margin-bottom: 0.2360828548em;
}
ul#shipping_method input {
margin-right: 0.3342343017em;
}
form.checkout {
position: static !important;
}
form.checkout > .blockUI {
position: fixed !important;
}
#payment .payment_methods {
margin: 0 !important;
padding: 0 !important;
}
#payment .place-order,
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-info:first-child,
.site-content > .col-full > .woocommerce > .woocommerce-message:first-child {
margin-top: 2.617924em;
}
#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods > .woocommerce-PaymentMethod > label {
display: block;
padding: 1.41575em;
cursor: pointer;
}
#payment .payment_methods li {
list-style: none !important;
}
#payment .payment_methods li {
margin-left: 0;
position: relative;
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
max-height: 1.618em;
}
#payment .payment_methods li:last-child:not(.woocommerce-notice) {
padding-bottom: 0;
border-bottom: 0;
}
#payment .payment_methods li .payment_box {
padding: 1.41575em;
}
#payment .payment_methods li .payment_box fieldset {
border: 0;
margin: 0;
padding: 1em 0 0;
font-size: 0.875em;
}
#payment .payment_methods li .payment_box fieldset label {
width: auto;
margin-left: 0;
}
#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
margin-right: 5px;
}
#payment .payment_methods li .payment_box fieldset #cvv {
width: 22% !important;
}
#payment .payment_methods li .payment_box fieldset .help {
width: 75%;
float: right;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
padding-top: 1em;
margin: 0;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
margin-top: 0.6180469716em;
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
margin-right: 0.236em;
}
#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
margin-left: 0;
}
#payment .terms {
width: 100%;
clear: both;
float: none;
margin-bottom: 1em;
}
#payment .terms label {
display: block;
cursor: pointer;
}
#payment .woocommerce-terms-and-conditions {
padding: 1em;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
background-color: rgba(0, 0, 0, 0.05);
}
#payment .place-order {
padding: 1.41575em;
margin-bottom: 0;
float: none;
width: 100%;
}
#payment .place-order .button {
font-size: 1.41575em;
width: 100%;
white-space: pre-wrap;
}
table.woocommerce-checkout-review-order-table .product-name {
width: 45%;
word-wrap: anywhere;
word-break: break-word;
-ms-word-break: break-all;
}
.woocommerce-password-strength {
font-weight: 600;
padding: 0.5407911001em 0;
text-align: right;
font-size: 0.875em;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
}
label.inline {
display: inline !important;
}
label.inline {
margin-left: 1em;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul {
margin-left: 0;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
}
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
-webkit-text-decoration: none;
text-decoration: none;
padding: 0.875em 0;
display: block;
}
ul.order_details {
list-style: none;
position: relative;
margin: 3.706325903em 0;
}
ul.order_details::after,
ul.order_details::before {
content: "";
display: block;
position: absolute;
top: -16px;
left: 0;
width: 100%;
height: 16px;
background-size: 0 100%, 16px 16px, 16px 16px;
}
ul.order_details::after {
clear: both;
top: auto;
bottom: -16px;
transform: rotate(180deg);
}
ul.order_details li {
padding: 1em 1.618em;
font-size: 0.8em;
text-transform: uppercase;
}
ul.order_details li:first-child {
padding-top: 1.618em;
}
ul.order_details li:last-child {
border: 0;
padding-bottom: 1.618em;
}
ul.order_details li strong {
display: block;
font-size: 1.41575em;
text-transform: none;
}
.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
padding: 0.6180469716em 0.875em;
font-size: 0.875em;
margin-right: 0.236em;
}
.woocommerce-MyAccount-content h2 {
font-size: 2em;
font-weight: 600;
}
.woocommerce-MyAccount-content #payment .payment_methods {
margin-bottom: 1.618em !important;
}
.woocommerce-form__label-for-checkbox {
cursor: pointer;
display: block;
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
margin-right: 0.3342343017em;
}
.form-row input,
.form-row select,
.form-row textarea {
width: 100%;
}
.form-row .button,
.form-row input[type=checkbox],
.form-row input[type=radio] {
width: auto;
}
.form-row.create-account label,
.wc-item-meta li p,
.wc-item-meta li strong {
display: inline-block;
}
.form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.form-row.woocommerce-invalid input.input-checkbox {
outline: #e2401c solid 2px;
outline-offset: 1px;
}
.form-row.woocommerce-invalid .select2-selection {
border-color: #e2401c;
border-width: 2px;
}
.form-row-last {
margin-right: 0 !important;
}
.form-row-wide {
clear: both;
width: 100%;
}
.required {
border-bottom: 0 !important;
}
.password-input {
display: block;
position: relative;
}
.show-password-input {
position: absolute;
right: 0;
top: 0;
padding: 0.618em;
line-height: 1.618;
cursor: pointer;
}
.show-password-input::after {
font-weight: 900;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
content: "";
}
.show-password-input.display-password::after {
color: #e8e8e8;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em 1.41575em;
background-color: rgba(221, 34, 34, 0.8);
color: #fff;
z-index: 9998;
display: flex;
}
.star-rating,
p.stars a {
position: relative;
font-weight: 400;
overflow: hidden;
}
@media (max-width: 767px) {
.demo_store {
display: block;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
width: 100%;
}
}
.demo_store a {
color: #fff;
font-weight: 400;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
background: rgba(200, 19, 45, 0.9);
display: inline-block;
margin: 10px 0 0;
padding: 7.5px 12.5px;
color: #fefefe;
border-radius: 5px;
-webkit-text-decoration: none;
text-decoration: none;
}
.star-rating {
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.55em;
font-family: inherit;
}
.star-rating span::before,
.star-rating::before {
content: "";
width: 5.55em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath d=%27M10 1l2.78 5.63L19 7.54l-4.5 4.38 1.06 6.19L10 15.19l-5.56 2.92 1.06-6.19L1 7.54l6.22-.91z%27/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3E%3Cpath d=%27M10 1l2.78 5.63L19 7.54l-4.5 4.38 1.06 6.19L10 15.19l-5.56 2.92 1.06-6.19L1 7.54l6.22-.91z%27/%3E%3C/svg%3E");
-webkit-mask-size: 1.11em 1em;
mask-size: 1.11em 1em;
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
top: 0;
left: 0;
position: absolute;
}
.star-rating::before {
opacity: 0.25;
float: left;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
color: #2c2d33;
}
p.stars {
display: inline-block;
margin: 0;
}
p.stars a {
height: 2em;
width: 1em;
text-indent: -999em;
display: inline-block;
-webkit-text-decoration: none;
text-decoration: none;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
content: "";
font-size: 0.95em;
text-indent: 0;
}
p.stars.selected a.active::before,
p.stars.selected a:not(.active)::before,
p.stars:hover a::before {
color: #e7b564;
opacity: 1;
}
.onsale,
.wc-block-grid__product-onsale {
border: 1px solid #43454b;
color: #43454b;
padding: 0.202em 0.6180469716em;
font-size: 0.875em;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
margin-bottom: 1em;
border-radius: 3px;
position: relative;
}
.quantity .qty {
width: 4.235801032em;
text-align: center;
}
.storefront-sorting {
font-size: 0.875em;
margin-bottom: 2.617924em;
}
.woocommerce-tabs {
overflow: hidden;
padding: 1em 0;
}
.woocommerce-tabs ul.tabs {
list-style: none;
margin-left: 0;
text-align: left;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.related > h2:first-child,
.upsells > h2:first-child,
.woocommerce-tabs .panel h2:first-of-type {
font-size: 1.618em;
margin-bottom: 1em;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
margin-bottom: 2.617924em;
background-color: #0f834d;
margin-left: 0;
border-radius: 2px;
color: #fff;
clear: both;
border-left: 0.6180469716em solid rgba(0, 0, 0, 0.15);
padding: 1em 2em 1em 3.5em;
position: relative;
list-style: none;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-noreviews a,
p.no-comments a {
color: #fff;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover {
color: #fff;
opacity: 0.7;
}
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-noreviews a.button:hover,
p.no-comments a.button:hover {
opacity: 1;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-noreviews::before,
p.no-comments::before {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
position: absolute;
top: 1.05em;
left: 1.5em;
color: #fff;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-noreviews .button,
p.no-comments .button {
border-left-color: rgba(255, 255, 255, 0.25) !important;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-noreviews .button,
p.no-comments .button {
float: right;
padding: 0 0 0 1em;
background: 0 0;
color: #fff;
box-shadow: none;
line-height: 1.618;
margin-left: 1em;
border-width: 0 0 0 1px;
border-left-style: solid;
border-radius: 0;
}
.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
background: 0 0;
color: #fff;
opacity: 0.7;
}
.woocommerce-error pre,
.woocommerce-info pre,
.woocommerce-message pre,
.woocommerce-noreviews pre,
p.no-comments pre {
background-color: rgba(0, 0, 0, 0.1);
}
.woocommerce-message::before {
content: "";
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #e07c35;
}
.woocommerce-error {
list-style: none;
background-color: #e2401c;
}
dl.variation dd {
margin: 0 0 1em;
}
.wc-item-meta {
font-size: 0.875em;
margin-left: 0;
list-style: none;
}
.woocommerce-MyAccount-content .woocommerce-Pagination {
text-align: center;
}
.storefront-product-section .section-title {
text-align: center;
margin-bottom: 1em;
}
@media (min-width: 768px) {
.storefront-product-pagination a[rel=next] .storefront-product-pagination__title,
.storefront-sticky-add-to-cart__content-button {
margin-left: auto;
}
.demo_store {
bottom: 0;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
background: rgba(200, 19, 45, 0.9);
float: right;
display: inline-block;
margin: -1em -1.41575em -1em auto;
padding: 1em 1.41575em;
border: 0;
-webkit-text-decoration: none;
text-decoration: none;
}
.col2-set + #customer_details,
.site-header-cart .widget_shopping_cart h2.widgettitle,
.storefront-handheld-footer-bar,
table.shop_table_responsive tr td::before {
display: none;
}
table.shop_table_responsive thead {
display: table-header-group;
}
.page-template-template-fullwidth-php table.cart .product-thumbnail,
table.shop_table_responsive tbody th,
table.shop_table_responsive tr td {
display: table-cell;
}
#ship-to-different-address,
.site-header-cart {
position: relative;
}
.site-header-cart .cart-contents {
padding: 1.618em 0;
display: block;
position: relative;
background-color: rgba(0, 0, 0, 0);
height: auto;
width: auto;
text-indent: 0;
}
.site-header-cart .cart-contents .amount {
margin-right: 0.327em;
}
.site-header-cart .cart-contents .count {
font-weight: 400;
opacity: 0.5;
font-size: 0.875em;
}
.site-header-cart .cart-contents span {
display: inline;
}
.site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
font-size: 0.875em;
left: -999em;
display: block;
}
.site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
display: none;
left: 0;
}
.site-header-cart .widget_shopping_cart .product_list_widget {
height: 0;
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
position: relative;
float: left;
top: auto;
}
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before {
text-align: left;
}
.site-header-cart.focus .widget_shopping_cart,
.site-header-cart:hover .widget_shopping_cart {
left: -210px;
display: block;
width: 240px;
}
.site-header-cart.focus .widget_shopping_cart .product_list_widget,
.site-header-cart:hover .widget_shopping_cart .product_list_widget {
height: auto;
}
.cart-collaterals .cart_totals small.includes_tax,
.site-search,
.storefront-product-pagination {
display: block;
}
.site-search form {
margin: 0;
}
.wc-block-grid__products .wc-block-grid__product,
.wc-block-grid__products li.product,
ul.products .wc-block-grid__product,
ul.products li.product {
clear: none;
width: 100%;
float: left;
font-size: 0.875em;
}
.wc-block-grid__products .wc-block-grid__product.first,
.wc-block-grid__products li.product.first,
ul.products .wc-block-grid__product.first,
ul.products li.product.first {
clear: both !important;
}
.wc-block-grid__products .wc-block-grid__product.last,
.wc-block-grid__products li.product.last,
ul.products .wc-block-grid__product.last,
ul.products li.product.last {
margin-right: 0 !important;
}
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-1 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-1 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-1 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-1 li.product,
.site-main ul.products.columns-1 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-1 li.product,
.storefront-full-width-content .site-main ul.products.columns-1 li.product {
width: 100%;
margin-right: 0;
float: none;
}
.page-template-template-fullwidth-php .cart-collaterals .cross-sells,
.page-template-template-fullwidth-php .col2-set,
.page-template-template-fullwidth-php .col2-set#customer_login .col-1,
.page-template-template-fullwidth-php .col2-set.addresses .col-1,
.page-template-template-fullwidth-php .form-row-first,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-2 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-2 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-2 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-2 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-2 li.product,
.storefront-full-width-content .site-main ul.products.columns-2 li.product {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%;
}
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-3 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-3 li.product,
.storefront-full-width-content .site-main ul.products.columns-3 li.product,
.storefront-full-width-content .woocommerce-tabs ul.tabs {
width: 30.4347826087%;
float: left;
margin-right: 4.347826087%;
}
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-4 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-4 li.product,
.storefront-full-width-content .site-main ul.products.columns-4 li.product {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
}
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-5 li.product,
.site-main ul.products.columns-5 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-5 li.product,
.storefront-full-width-content .site-main ul.products.columns-5 li.product {
width: 16.9%;
margin-right: 3.8%;
}
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-6 li.product,
.page-template-template-fullwidth-php .site-main ul.products.columns-6 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-6 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-6 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-6 li.product,
.storefront-full-width-content .site-main ul.products.columns-6 li.product {
width: 13.0434782609%;
float: left;
margin-right: 4.347826087%;
}
.site-main ul.products li.product,
.site-main ul.products.columns-3 li.product,
.woocommerce-tabs ul.tabs {
width: 29.4117647059%;
float: left;
margin-right: 5.8823529412%;
}
.site-main ul.products.columns-2 li.product {
width: 48%;
margin-right: 3.8%;
}
.site-main ul.products.columns-4 li.product {
width: 22.05%;
margin-right: 3.8%;
}
.site-main ul.products.columns-6 li.product {
width: 11.7647058824%;
float: left;
margin-right: 5.8823529412%;
}
.single-product div.product .images,
.single-product div.product .woocommerce-product-gallery {
width: 41.1764705882%;
float: left;
margin-right: 5.8823529412%;
margin-bottom: 3.706325903em;
}
.addresses header.title::after,
.addresses header.title::before,
.cart-collaterals::after,
.cart-collaterals::before,
.col2-set .woocommerce-billing-fields::after,
.col2-set .woocommerce-billing-fields::before,
.single-product div.product .images .thumbnails::after,
.single-product div.product .images .thumbnails::before,
.storefront-sorting::after,
.storefront-sorting::before {
content: "";
display: table;
}
.addresses header.title::after,
.cart-collaterals::after,
.col2-set .woocommerce-billing-fields::after,
.single-product div.product .images .thumbnails::after,
.single-product div.product .woocommerce-tabs,
.storefront-full-width-content.single-product div.product .woocommerce-tabs,
.storefront-sorting::after {
clear: both;
}
#order_review,
#order_review_heading,
.cart-collaterals .shipping_calculator {
clear: right;
}
.single-product div.product .images .thumbnails a.zoom {
width: 14.2857142857%;
float: left;
margin-right: 14.2857142857%;
}
.single-product div.product .images .thumbnails a.zoom.last {
float: right;
margin-right: 0;
}
.col2-set#customer_login .col-2,
.col2-set.addresses .col-2,
.single-product div.product .summary {
width: 52.9411764706%;
float: right;
margin-right: 0;
}
#customer_details + #wc_checkout_add_ons,
#order_review,
#order_review_heading {
width: 41.1764705882%;
float: right;
margin-right: 0;
}
#reviews .comment-form-author,
#reviews .comment-form-email {
width: 47%;
}
#reviews .comment-form-email {
margin-right: 0;
}
.storefront-full-width-content.single-product div.product .images {
width: 60%;
float: left;
margin-right: 4.347826087%;
margin-bottom: 3.706325903em;
}
.storefront-full-width-content.single-product div.product .summary {
width: 35%;
float: right;
margin-right: 0;
margin-bottom: 25px;
}
.storefront-full-width-content.single-product #reviews .commentlist li .avatar {
width: 6.6666666667%;
float: left;
margin-right: 6.6666666667%;
}
.storefront-full-width-content.single-product #reviews .commentlist li .comment_container .comment-text,
.storefront-full-width-content.single-product #reviews .commentlist ul.children {
width: 86.6666666667%;
float: right;
margin-right: 0;
}
.storefront-full-width-content.single-product #reviews .commentlist ul.children .avatar {
width: 7.6923076923%;
float: left;
margin-right: 7.6923076923%;
}
.storefront-full-width-content.single-product #reviews .commentlist ul.children .comment-text {
width: 84.6153846154%;
float: right;
margin-right: 0;
}
.storefront-full-width-content .woocommerce-products-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header {
text-align: center;
padding: 0 0 30px;
}
.storefront-full-width-content .woocommerce-products-header h1:last-child,
.storefront-full-width-content.woocommerce-account .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-cart .entry-header h1:last-child,
.storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child {
margin-bottom: 0;
}
.storefront-full-width-content .related.products > h2:first-child,
.storefront-full-width-content .up-sells > h2:first-child {
text-align: center;
}
.col2-set .col-1,
.col2-set .col-2,
.woocommerce .page-description {
margin-bottom: 1.618em;
}
#order_review .shop_table,
.storefront-sorting {
margin-bottom: 2.617924em;
}
.storefront-sorting select {
min-width: 260px;
}
.woocommerce-result-count {
float: left;
position: relative;
margin-bottom: 0;
padding: 0.327em 0;
}
.woocommerce-ordering {
float: left;
margin-right: 1em;
margin-bottom: 0;
padding: 0.327em 0;
}
.woocommerce-pagination {
float: right;
border: 0;
clear: none;
padding: 0;
margin-bottom: 0;
}
.woocommerce-cart .hentry,
.woocommerce-checkout .hentry {
border-bottom: 0;
padding-bottom: 0;
}
.page-template-template-fullwidth-php table.cart thead {
font-size: 1em;
text-indent: 0;
}
table.cart td,
table.cart th {
padding: 1.618em;
}
body:not(.page-template-template-fullwidth-php) table.cart td,
body:not(.page-template-template-fullwidth-php) table.cart th {
padding: 0;
}
table.cart .qty {
padding: 0.875em;
max-width: 3.632em;
}
table.cart td.product-remove {
display: table-cell;
padding: 1.618em;
border: 0;
}
table.cart td.product-remove a.remove {
float: none;
position: relative;
top: auto;
right: auto;
font-size: 1em;
}
table.cart .product-quantity .minus,
table.cart .product-quantity .plus {
display: inline-block;
}
table.cart .quantity .qty {
padding: 0.6180469716em;
}
.cart-collaterals h2 {
font-size: 1.618em;
}
.cart-collaterals .cross-sells,
.col2-set#customer_login .col-1,
.col2-set.addresses .col-1 {
width: 41.1764705882%;
float: left;
margin-right: 5.8823529412%;
}
.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
width: 52.9411764706%;
float: right;
margin: 0;
clear: right;
}
.page-template-template-fullwidth-php #customer_details + #wc_checkout_add_ons,
.page-template-template-fullwidth-php #order_review,
.page-template-template-fullwidth-php #order_review_heading,
.page-template-template-fullwidth-php .cart-collaterals .cart_totals,
.page-template-template-fullwidth-php .cart-collaterals .shipping_calculator,
.page-template-template-fullwidth-php .col2-set#customer_login .col-2,
.page-template-template-fullwidth-php .col2-set.addresses .col-2,
.page-template-template-fullwidth-php .form-row-last {
width: 47.8260869565%;
float: right;
margin-right: 0;
}
#ship-to-different-address label {
font-weight: 300;
}
#ship-to-different-address .woocommerce-form__input-checkbox {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-right: 0;
}
.col2-set {
width: 52.9411764706%;
float: left;
margin-right: 5.8823529412%;
}
.col2-set .form-row-first {
width: 44.4444444444%;
float: left;
margin-right: 11.1111111111%;
}
.col2-set .form-row-last {
width: 44.4444444444%;
float: right;
margin-right: 0;
}
#wc_checkout_add_ons input[type=radio] {
float: left;
margin-right: 0.5407911001em;
clear: left;
margin-top: 0.35em;
}
#order_review {
transition: box-shadow 0.4s;
}
#order_review_heading {
margin-bottom: 0;
padding-bottom: 0.6180469716em;
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review,
.woocommerce-order-pay #order_review {
width: 100%;
float: none;
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment h3,
.woocommerce-order-pay #order_review #payment h3 {
padding-left: 1em;
padding-top: 1em;
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row,
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review .payment_methods + .form-row,
.woocommerce-order-pay #order_review #payment .form-row,
.woocommerce-order-pay #order_review .payment_methods + .form-row {
padding: 1em;
}
.page-template-template-fullwidth-php.woocommerce-order-pay #order_review .button#place_order,
.woocommerce-order-pay #order_review .button#place_order {
display: block;
width: 100%;
font-size: 1.41575em;
}
.page-template-template-fullwidth-php .col2-set .form-row-first {
width: 45.4545454545%;
float: left;
margin-right: 9.0909090909%;
}
.page-template-template-fullwidth-php .col2-set .form-row-last {
width: 45.4545454545%;
float: right;
margin-right: 0;
}
table + .addresses {
margin-top: 1.618em;
}
.col2-set#customer_login,
.col2-set.addresses {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.woocommerce-MyAccount-navigation {
width: 17.6470588235%;
float: left;
margin-right: 5.8823529412%;
}
.woocommerce-MyAccount-content {
width: 76.4705882353%;
float: right;
margin-right: 0;
}
.woocommerce-MyAccount-content .form-row-first {
width: 38.4615384615%;
float: left;
margin-right: 7.6923076923%;
}
.woocommerce-MyAccount-content .form-row-last {
width: 53.8461538462%;
float: right;
margin-right: 0;
}
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content {
width: 76.4705882353%;
float: left;
margin-right: 5.8823529412%;
}
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation {
width: 17.6470588235%;
float: right;
margin-right: 0;
}
table.my_account_orders {
font-size: 0.875em;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content {
width: 73.9130434783%;
float: left;
margin-right: 4.347826087%;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-1,
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
width: 46.6666666667%;
float: left;
margin-right: 6.6666666667%;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-2,
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last {
width: 46.6666666667%;
float: right;
margin-right: 0;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set {
width: 100%;
}
.page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
width: 21.7391304348%;
float: right;
margin-right: 0;
}
.addresses header.title a {
float: right;
overflow: hidden;
}
.addresses header.title h3 {
float: left;
}
.form-row-first {
width: 47.0588235294%;
float: left;
margin-right: 5.8823529412%;
clear: both;
}
.form-row-last {
width: 47.0588235294%;
float: right;
margin-right: 0;
}
.storefront-full-width-content .woocommerce-tabs .panel {
width: 65.2173913043%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em;
}
.woocommerce-tabs {
padding-top: 2.617924em;
padding-bottom: 2.617924em;
}
.woocommerce-tabs ul.tabs li.active::after {
right: 1em;
}
.woocommerce-tabs .panel {
width: 64.7058823529%;
float: right;
margin-right: 0;
margin-top: 0;
}
.storefront-product-pagination a {
position: fixed;
top: 50%;
width: 500px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
z-index: 1499;
display: flex;
align-items: center;
}
.storefront-product-pagination a img {
max-width: 90px;
border-radius: 0;
}
.storefront-product-pagination a[rel=prev] {
left: -455px;
transition: left 0.3s ease-out;
flex-direction: row-reverse;
padding-left: 1em;
}
.storefront-product-pagination a[rel=prev]:hover {
left: 0;
}
.storefront-product-pagination a[rel=prev] img {
margin-left: 1.41575em;
}
.storefront-product-pagination a[rel=prev] .storefront-product-pagination__title {
margin-right: auto;
}
.storefront-product-pagination a[rel=next] {
right: -455px;
transition: right 0.3s ease-in;
padding-right: 1em;
}
.storefront-product-pagination a[rel=next]:hover {
right: 0;
}
.storefront-product-pagination a[rel=next] img {
margin-right: 1.41575em;
}
.storefront-sticky-add-to-cart {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99998;
transform: translate3d(0, -100%, 0);
padding: 1em;
overflow: hidden;
zoom: 1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
animation-duration: 0.5s;
animation-fill-mode: both;
}
.storefront-sticky-add-to-cart--slideInDown {
animation-name: slideInDown;
}
.storefront-sticky-add-to-cart--slideOutUp {
animation-name: slideOutUp;
}
.storefront-sticky-add-to-cart__content {
display: flex;
align-items: center;
justify-content: center;
}
.storefront-sticky-add-to-cart__content-title {
display: block;
}
.storefront-sticky-add-to-cart__content-price {
margin-right: 0.875em;
opacity: 0.5;
}
.storefront-sticky-add-to-cart img {
max-width: 3.706325903em;
margin: 0 1.41575em 0 0;
padding: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.storefront-sticky-add-to-cart .star-rating {
display: inline-block;
margin: 0;
vertical-align: bottom;
}
.admin-bar .storefront-sticky-add-to-cart--slideInDown {
top: 32px;
}
}
ol.flex-control-nav.flex-control-thumbs {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
ol.flex-control-thumbs li {
width: 99px;
cursor: pointer;
}
ol.flex-control-thumbs {
list-style: none;
} @font-face {
font-family: "star";
src: url(//www.beautysofa24.de/wp-content/plugins/woocommerce/assets/fonts/star.woff) format("woff");
font-style: normal;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "WooCommerce";
src: url(//www.beautysofa24.de/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2");
font-style: normal;
font-weight: 300;
font-display: swap;
}
a {
color: #e07c35;
}
button,
input[type=button],
input[type=reset],
input[type=submit],
.button,
.widget a.button {
border-color: #eee;
background-color: #eee;
color: #333;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.button:hover,
.widget a.button:hover {
border-color: #d5d5d5;
background-color: #d5d5d5;
color: #333;
}
button.alt,
input[type=button].alt,
input[type=reset].alt,
input[type=submit].alt,
.button.alt,
.widget-area .widget a.button.alt,
.added_to_cart.alt,
.added_to_cart,
.widget a.button.checkout {
border-color: #333;
background-color: #333;
color: #fff;
}
button.alt:hover,
input[type=button].alt:hover,
input[type=reset].alt:hover,
input[type=submit].alt:hover,
.button.alt:hover,
.widget-area .widget a.button.alt:hover,
.added_to_cart.alt:hover,
.added_to_cart:hover,
.widget a.button.checkout:hover {
border-color: #1a1a1a;
background-color: #1a1a1a;
color: #fff;
}
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #e6e6e6;
color: #636363;
}
.site-footer a:not(.button):not(.components-button) {
color: #333;
}
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .widget .widget-title,
.site-footer .widget .widgettitle {
color: #333;
}
table.cart td.product-remove,
table.cart td.actions {
border-top-color: #fff;
}
.woocommerce-tabs ul.tabs li.active a,
.onsale,
.wc-block-grid__product-onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current),
p.stars a::before,
p.stars a:hover ~ a::before,
p.stars.selected a.active ~ a::before {
color: #6d6d6d;
}
.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
color: #727272;
}
.wc-block-grid__product-onsale,
.onsale {
border-color: #6d6d6d;
}
.star-rating span::before,
.quantity .plus,
.quantity .minus,
p.stars a:hover::after,
p.stars a::after,
#payment .payment_methods li input[type=radio]:first-child:checked + label::before,
p.stars.selected a.active::before,
p.stars:hover a::before,
p.stars.selected a:not(.active)::before {
color: #e07c35;
}
.order_details {
background-color: #f8f8f8;
}
.order_details > li {
border-bottom-color: #e3e3e3;
}
.order_details::before,
.order_details::after {
background: linear-gradient(transparent 0, transparent 0), linear-gradient(135deg, #f8f8f8 33.33%, transparent 33.33%), linear-gradient(45deg, #f8f8f8 33.33%, transparent 33.33%);
}
#order_review {
background-color: #fff;
}
#payment .payment_methods > li .payment_box,
#payment .place-order {
background-color: #fafafa;
}
#payment .payment_methods > li:not(.woocommerce-notice) {
background-color: #f5f5f5;
}
#payment .payment_methods > li:not(.woocommerce-notice):hover {
background-color: #f0f0f0;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #eee;
color: #333;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
border-color: #d5d5d5;
background-color: #d5d5d5;
color: #333;
}
.button.added_to_cart:focus,
.button.wc-forward:focus {
outline-color: #e07c35;
}
.added_to_cart,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
border-color: #eee;
background-color: #eee;
color: #333;
}
.added_to_cart:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
border-color: #d5d5d5;
background-color: #d5d5d5;
color: #333;
}
.button.loading {
color: #eee;
}
.button.loading:hover {
background-color: #eee;
}
.button.loading::after {
color: #333;
}
.\*\:text-bs24-close-red > * {
color: #DC2626;
}
.hover\:border-\[\#131315\]:hover{
--tw-border-opacity: 1;
border-color: rgba(19, 19, 21, 1);
border-color: rgba(19, 19, 21, var(--tw-border-opacity, 1));
}
.hover\:border-\[\#e07c35\]:hover{
--tw-border-opacity: 1;
border-color: rgba(224, 124, 53, 1);
border-color: rgba(224, 124, 53, var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#c7692b\]:hover{
--tw-bg-opacity: 1;
background-color: rgba(199, 105, 43, 1);
background-color: rgba(199, 105, 43, var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f8f7f5\]:hover{
--tw-bg-opacity: 1;
background-color: rgba(248, 247, 245, 1);
background-color: rgba(248, 247, 245, var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover{
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#131315\]:hover{
--tw-text-opacity: 1;
color: rgba(19, 19, 21, 1);
color: rgba(19, 19, 21, var(--tw-text-opacity, 1));
}
.hover\:text-\[\#ea580c\]:hover{
--tw-text-opacity: 1;
color: rgba(234, 88, 12, 1);
color: rgba(234, 88, 12, var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#e07c35\]{
--tw-text-opacity: 1;
color: rgba(224, 124, 53, 1);
color: rgba(224, 124, 53, var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
.sm\:w-auto{
width: auto;
}
.sm\:flex-row{
flex-direction: row;
}
.sm\:items-center{
align-items: center;
}
.sm\:px-6{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px){
.md\:mb-0{
margin-bottom: 0px;
}
.md\:flex{
display: flex;
}
.md\:hidden{
display: none;
}
.md\:h-\[400px\]{
height: 400px;
}
.md\:min-h-\[400px\]{
min-height: 400px;
}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:bg-transparent{
background-color: transparent;
}
.md\:p-0{
padding: 0px;
}
.md\:p-8{
padding: 2rem;
}
.md\:py-16{
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 1024px){
.lg\:px-8{
padding-left: 2rem;
padding-right: 2rem;
}
}.cart-popup__progress {
padding: 1rem;
margin-bottom: 1rem;
border: 1px solid #a7f3d0;
border-radius: 10px;
}
.cart-popup__progress .cart-popup__progress__progress-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin: 0 0 0.5rem;
color: #131315;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.35;
}
.cart-popup__progress .cart-popup__progress__progress-header p {
margin: 0;
}
.cart-popup__progress-text {
display: flex;
align-items: center;
gap: 8px;
}
.cart-popup__progress-icon.material-symbols-outlined {
font-size: 22px;
line-height: 1;
}
.cart-popup__progress-bar {
height: 12px;
overflow: hidden;
background: #fff;
border-radius: 999px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.05);
}
.cart-popup__progress-fill {
background: linear-gradient(90deg, #80e0b1, #008645);
height: 100%;
transition: width 0.5s ease;
width: 0;
}
.cart-popup__progress-percent {
color: #131315;
font-weight: 500;
font-size: 1rem;
line-height: 1rem;
white-space: nowrap;
}
.cart-popup__progress-percent.--full, .cart-popup__progress-percent.--full * {
font-weight: 500;
color: #008645;
}
.cart-popup__progress-info {
margin: 0.5rem 0 0;
font-size: 0.75rem;
line-height: 1rem;
}
.cart-popup__progress-success {
font-weight: 500;
}
.cart-popup__progress-tooltip-group {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
}
.cart-popup__progress-tooltip-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: #008645;
cursor: help;
}
.cart-popup__progress-tooltip-trigger .material-symbols-outlined {
font-size: 18px;
line-height: 1;
}
.cart-popup__progress-tooltip-trigger:focus-visible {
outline: 2px solid currentcolor;
outline-offset: 2px;
}
.cart-popup__progress-tooltip {
position: absolute;
z-index: 2147483647;
bottom: calc(100% + 8px);
left: 50%;
width: min(280px, 100vw - 32px);
padding: 8px 10px;
border-radius: 6px;
background: #1f2937;
color: #fff;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.35;
opacity: 0;
pointer-events: none;
text-align: left;
transform: translate(-50%, 4px);
transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
visibility: hidden;
}
.cart-popup__progress-tooltip::after {
position: absolute;
bottom: -5px;
left: 50%;
left: var(--cart-tooltip-arrow-left, 50%);
width: 10px;
height: 10px;
background: inherit;
content: "";
transform: translateX(-50%) rotate(45deg);
}
.cart-popup__progress-tooltip.is-floating {
position: fixed;
top: auto;
right: auto;
bottom: auto;
left: auto;
box-sizing: border-box;
overflow: visible;
margin: 0;
border: 0;
opacity: 1;
transform: none;
transition: none;
visibility: visible;
}
.cart-popup__progress-tooltip.is-floating[data-placement=below]::after {
top: -5px;
bottom: auto;
}.bs24-commerce-card {
border: 1px solid #ece7e1;
border: 1px solid var(--bs24-commerce-border, #ece7e1);
border-radius: 24px;
background: #fff;
background: var(--bs24-commerce-surface, #fff);
box-shadow: 0 18px 40px rgba(19, 19, 21, 0.08);
box-shadow: var(--bs24-commerce-shadow, 0 18px 40px rgba(19, 19, 21, 0.08));
overflow: hidden;
}
.bs24-commerce-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
padding: 24px 24px 0;
}
.bs24-commerce-card__body {
padding: 20px 24px 24px;
}
.bs24-commerce-card__title {
margin: 0;
color: #131315;
font-size: 24px;
letter-spacing: -0.03em;
}
.bs24-commerce-card__copy {
color: rgba(19, 19, 21, 0.72);
color: var(--bs24-commerce-muted, rgba(19, 19, 21, 0.72));
font-size: 14px;
line-height: 1.6;
}
.bs24-commerce-summary-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 0;
border-top: 1px solid #ece7e1;
border-top: 1px solid var(--bs24-commerce-border, #ece7e1);
color: rgba(19, 19, 21, 0.72);
color: var(--bs24-commerce-muted, rgba(19, 19, 21, 0.72));
font-size: 15px;
}
.bs24-commerce-summary-row:first-child {
border-top: 0;
}
.bs24-commerce-summary-row.--total {
color: #131315;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.02em;
}
.bs24-commerce-summary-row.--total .amount,
.bs24-commerce-summary-row.--total bdi,
.bs24-commerce-summary-row.--total bdi span,
.bs24-commerce-summary-row.--total strong {
font-weight: 500;
}
.bs24-order-steps {
width: 100%;
min-width: 0; }
.bs24-order-steps__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 14px;
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.bs24-order-steps__item {
position: relative;
display: grid;
justify-items: center;
grid-gap: 10px;
gap: 10px;
min-width: 0;
cursor: default;
}
.bs24-order-steps__item-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
color: inherit;
-webkit-text-decoration: none;
text-decoration: none;
cursor: pointer;
}
.bs24-order-steps__indicator {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid #ece7e1;
border: 1px solid var(--bs24-commerce-border, #ece7e1);
border-radius: 999px;
background: #fff;
box-shadow: 0 8px 20px rgba(19, 19, 21, 0.06);
font-size: 15px;
font-weight: 600;
line-height: 1;
cursor: default;
}
.bs24-order-steps__indicator .material-symbols-outlined {
font-size: 20px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 20;
}
.bs24-order-steps__label {
position: relative;
z-index: 1;
color: #131315;
font-size: 14px;
font-weight: 500;
line-height: 1.45;
text-wrap: balance;
cursor: default;
}
.bs24-order-steps__connector {
position: absolute;
top: 20px;
left: 50%;
right: -50%;
height: 2px;
border-radius: 999px;
background: rgba(19, 19, 21, 0.1);
pointer-events: none;
}
.bs24-order-steps__item.is-completed .bs24-order-steps__indicator {
border-color: rgba(0, 192, 98, 0.18);
background: #00c062;
color: #fff;
box-shadow: 0 12px 24px rgba(0, 192, 98, 0.18);
}
.bs24-order-steps__item.is-current .bs24-order-steps__indicator {
background: #e07c35;
color: #fff;
box-shadow: 0 14px 28px rgba(224, 124, 53, 0.28);
}
.bs24-order-steps__item.is-upcoming .bs24-order-steps__indicator {
background: rgba(255, 255, 255, 0.92);
}
.bs24-order-steps__item.is-completed .bs24-order-steps__connector {
background: rgba(0, 192, 98, 0.32);
}
.bs24-order-steps--missing-selection .bs24-order-steps__item.is-current {
gap: 12px;
padding: 12px 10px 0;
border-radius: 22px;
}
.bs24-order-steps--missing-selection .bs24-order-steps__item.is-current .bs24-order-steps__indicator {
position: relative;
isolation: isolate;
border-color: rgba(224, 124, 53, 0.28);
box-shadow: 0 14px 28px rgba(224, 124, 53, 0.24);
}
.bs24-order-steps--missing-selection .bs24-order-steps__item.is-current .bs24-order-steps__indicator::after {
content: "";
position: absolute;
top: -7px;
right: -7px;
bottom: -7px;
left: -7px;
border: 1px solid rgba(224, 124, 53, 0.24);
border-radius: inherit;
opacity: 0;
pointer-events: none;
animation: bs24-order-step-callout 2.8s ease-out infinite;
}
.bs24-order-steps--missing-selection .bs24-order-steps__item.is-current .bs24-order-steps__label {
font-weight: 600;
}
@keyframes bs24-order-step-callout {
0% {
transform: scale(0.92);
opacity: 0;
}
30% {
opacity: 0.45;
}
100% {
transform: scale(1.18);
opacity: 0;
}
}
.bs24-qty-stepper {
display: inline-grid;
grid-template-columns: 32px minmax(42px, auto) 32px;
align-items: center;
gap: 6px;
padding: 4px;
border: 1px solid #ece7e1;
border: 1px solid var(--bs24-commerce-border, #ece7e1);
border-radius: 999px;
background: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.bs24-qty-stepper__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 999px;
background: #e0e0e0;
color: #131315;
cursor: pointer;
transition: background-color 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.bs24-qty-stepper__button:hover {
background-color: #e07c35;
color: #fff;
transform: translateY(-1px);
}
.bs24-qty-stepper__button:disabled {
background: rgba(19, 19, 21, 0.07);
color: rgba(19, 19, 21, 0.28);
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.bs24-qty-stepper__button .material-symbols-outlined {
font-size: 18px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
.bs24-qty-stepper__native {
display: flex;
align-items: center;
min-width: 0;
margin: 0;
}
.bs24-qty-stepper__native input.qty, .bs24-qty-stepper__input,
.bs24-qty-stepper input[data-bs24-qty-input] {
width: 50px;
min-width: 0;
max-width: 50px;
padding: 0;
border: 0;
background: transparent;
color: #131315;
font-weight: 500;
font-size: 15px;
text-align: center;
box-shadow: none;
-moz-appearance: textfield;
}
.bs24-qty-stepper__native input.qty:focus, .bs24-qty-stepper__input:focus,
.bs24-qty-stepper input[data-bs24-qty-input]:focus {
outline: none;
}
.bs24-qty-stepper__native input.qty::-webkit-outer-spin-button, .bs24-qty-stepper__native input.qty::-webkit-inner-spin-button, .bs24-qty-stepper__input::-webkit-outer-spin-button, .bs24-qty-stepper__input::-webkit-inner-spin-button,
.bs24-qty-stepper input[data-bs24-qty-input]::-webkit-outer-spin-button,
.bs24-qty-stepper input[data-bs24-qty-input]::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.bs24-qty-stepper__static {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 12px;
color: #131315;
font-weight: 500;
font-size: 15px;
}
.bs24-qty-stepper--locked {
grid-template-columns: 1fr;
justify-items: center;
min-width: 72px;
}
@media (max-width: 767px) {
.bs24-commerce-card__head,
.bs24-commerce-card__body {
padding-left: 18px;
padding-right: 18px;
}
.bs24-order-steps {
overflow-x: auto;
padding-bottom: 2px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.bs24-order-steps::-webkit-scrollbar {
display: none;
}
.bs24-order-steps__list {
grid-auto-flow: column;
grid-auto-columns: minmax(148px, 1fr);
min-width: -moz-max-content;
min-width: max-content;
}
}
@media (prefers-reduced-motion: reduce) {
.bs24-order-steps--missing-selection .bs24-order-steps__item.is-current .bs24-order-steps__indicator::after {
animation: none;
opacity: 0.28;
transform: scale(1);
}
}
body.bs24-cart-drawer-open {
overflow: hidden;
}
.bs24-cart-drawer-root {
position: relative;
z-index: 1002;
}
.bs24-cart-drawer-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.45);
opacity: 0;
transition: opacity 0.24s ease;
}
.bs24-cart-drawer-overlay.is-active {
opacity: 1;
}
.bs24-cart-drawer {
--bs24-commerce-border: #ece7e1;
--bs24-commerce-surface: rgba(255, 255, 255, 0.96);
--bs24-commerce-surface-soft: rgba(255, 255, 255, 0.72);
--bs24-commerce-muted: rgba(19, 19, 21, 0.72);
--bs24-commerce-shadow: 0 18px 40px rgba(19, 19, 21, 0.08);
--bs24-commerce-shadow-soft: 0 10px 26px rgba(19, 19, 21, 0.05);
position: fixed;
top: 0;
right: 0;
display: flex;
flex-direction: column;
width: min(420px, 100vw);
height: 100dvh;
--bs24-commerce-surface: #fff;
background: #fff;
box-shadow: -10px 0 35px rgba(0, 0, 0, 0.16);
transform: translateX(100%);
transition: transform 0.28s ease;
}
.bs24-cart-drawer.is-active {
transform: translateX(0);
}
.bs24-cart-drawer__header,
.bs24-cart-drawer__footer {
padding: 20px;
}
.bs24-cart-drawer__header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
}
.bs24-cart-drawer__title {
margin: 0 0 4px;
font-size: 24px;
line-height: 1.1;
}
.bs24-cart-drawer__count {
margin: 0;
font-size: 14px;
}
.bs24-cart-drawer .bs24-cart-drawer__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border: 0;
border-radius: 9999px;
background: #e0e0e0;
cursor: pointer;
transition: 0.2s;
}
.bs24-cart-drawer .bs24-cart-drawer__close:hover, .bs24-cart-drawer .bs24-cart-drawer__close:focus-visible {
background: rgba(220, 38, 38, 0.12);
color: #DC2626;
transform: rotate(90deg) scale(1.03);
}
.bs24-cart-drawer__body {
position: relative;
flex: 1;
overflow: auto;
padding: 20px;
border-width: 0px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
border-top-width: 1px;
}
.bs24-cart-drawer__loading {
display: none;
}
.bs24-cart-drawer__notices {
margin-bottom: 16px;
}
.bs24-cart-drawer__notices[hidden] {
display: none !important;
}
.bs24-cart-drawer__notices .woocommerce-message,
.bs24-cart-drawer__notices .woocommerce-info,
.bs24-cart-drawer__notices .woocommerce-error {
margin: 0 !important;
}
.bs24-cart-drawer__notices .woocommerce-message,
.bs24-cart-drawer__notices .woocommerce-info,
.bs24-cart-drawer__notices .woocommerce-error {
width: 100%;
}
.bs24-cart-drawer__skeleton {
height: 84px;
border-radius: 10px;
background: linear-gradient(90deg, #f2eee8 25%, #faf8f4 37%, #f2eee8 63%);
background-size: 400% 100%;
animation: bs24-cart-drawer-shimmer 1.2s infinite linear;
}
.bs24-cart-drawer__items {
display: grid;
grid-gap: 16px;
gap: 16px;
}
.bs24-cart-drawer__item {
position: relative;
overflow: hidden;
padding-bottom: 16px;
border-bottom: 1px solid #f0ece6;
}
.bs24-cart-drawer__item.is-pending, .bs24-cart-drawer__item.is-removing {
pointer-events: none;
}
.bs24-cart-drawer__item::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(185, 28, 28, 0);
opacity: 0;
pointer-events: none;
z-index: 1;
}
.bs24-cart-drawer__item-content {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
grid-gap: 4px;
gap: 4px;
transition: filter 0.2s ease, opacity 0.2s ease;
}
.bs24-cart-drawer__item.is-pending .bs24-cart-drawer__item-content {
opacity: 0.45;
filter: blur(2px);
}
.bs24-cart-drawer__item.is-removing::after {
animation: bs24-cart-drawer-remove-pulse 0.38s ease-out 1;
}
.bs24-cart-drawer__item.is-removing .bs24-cart-drawer__item-content {
opacity: 0;
filter: blur(0);
transform: translateX(72px);
transition: transform 0.38s ease, opacity 0.38s ease;
}
.bs24-cart-drawer__item-loader {
position: absolute;
top: 50%;
left: 50%;
display: none;
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #e07c35;
border-radius: 50%;
transform: translate(-50%, -50%);
animation: bs24-cart-drawer-item-spin 0.65s linear infinite;
z-index: 2;
}
.bs24-cart-drawer__item.is-pending .bs24-cart-drawer__item-loader {
display: block;
}
.bs24-cart-drawer__item-image {
display: block;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
}
.bs24-cart-drawer__item-image img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.bs24-cart-drawer__item-main {
min-width: 0;
}
.bs24-cart-drawer__item-top,
.bs24-cart-drawer__item-bottom,
.bs24-cart-drawer__total,
.bs24-cart-drawer__actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.bs24-cart-drawer__item-name {
color: #131315;
font-weight: 500;
font-size: 14px;
line-height: 1.35;
padding: 0 12px;
}
.bs24-cart-drawer__item-name:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.bs24-cart-drawer__item-actions {
display: flex;
align-items: center;
gap: 12px;
padding: 0 12px;
}
.bs24-cart-drawer__remove {
width: -moz-fit-content;
width: fit-content;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
cursor: pointer;
}
.bs24-cart-drawer__remove, .bs24-cart-drawer__remove:hover {
background: transparent;
}
.bs24-cart-drawer__remove:hover {
color: #DC2626;
}
.bs24-cart-drawer__price {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 6px;
white-space: nowrap;
width: -moz-fit-content;
width: fit-content;
}
.bs24-cart-drawer__price .amount bdi,
.bs24-cart-drawer__price .amount .woocommerce-Price-currencySymbol {
font-weight: 500;
}
.bs24-cart-drawer__price.has-discount {
flex-wrap: wrap;
row-gap: 2px;
}
.bs24-cart-drawer__price-old,
.bs24-cart-drawer__price-current {
display: inline-flex;
align-items: center;
}
.bs24-cart-drawer__price-old {
color: var(--bs24-commerce-muted);
font-size: 13px;
-webkit-text-decoration: line-through;
text-decoration: line-through;
}
.bs24-cart-drawer__price-old .amount,
.bs24-cart-drawer__price-old .woocommerce-Price-amount,
.bs24-cart-drawer__price-old bdi,
.bs24-cart-drawer__price-old bdi span {
font-weight: 400;
}
.bs24-cart-drawer__price-current {
color: #131315;
}
.bs24-cart-drawer__config {
margin-top: 4px;
border-radius: 10px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
}
.bs24-cart-drawer__config-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0;
border: 0;
border-radius: 10px;
background: transparent;
font-weight: 500;
text-align: left;
cursor: pointer;
}
.bs24-cart-drawer__config-toggle .material-symbols-outlined {
transition: transform 0.2s ease;
}
.bs24-cart-drawer__config-toggle[aria-expanded=true] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 1px solid;
--tw-border-opacity: 1;
border-bottom-color: rgba(241, 245, 249, 1);
border-bottom-color: rgba(241, 245, 249, var(--tw-border-opacity, 1));
}
.bs24-cart-drawer__config-toggle[aria-expanded=true] .material-symbols-outlined {
transform: rotate(180deg);
}
.bs24-cart-drawer__item-meta {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 13px;
line-height: 1.5;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
}
.bs24-cart-drawer__item-meta p,
.bs24-cart-drawer__item-meta dl,
.bs24-cart-drawer__item-meta dd,
.bs24-cart-drawer__item-meta ul {
margin: 0;
}
.bs24-cart-drawer__item-meta ul {
padding-left: 18px;
}
.bs24-cart-drawer__item-meta li + li {
margin-top: 4px;
}
.bs24-cart-drawer__item-meta strong {
font-weight: 600;
}
.bs24-cart-drawer__item-meta,
.bs24-cart-drawer__config-toggle:hover,
.bs24-cart-drawer__config-toggle[aria-expanded=true] {
background-color: #e0e0e0;
}
.bs24-cart-drawer__config-toggle,
.bs24-cart-drawer__item-meta {
padding: 8px 12px;
}
.bs24-cart-drawer__item-bottom {
margin-top: 14px;
}
.bs24-cart-drawer__qty-row {
display: flex;
align-items: center;
gap: 12px;
padding: 0 12px;
}
.bs24-cart-drawer__qty-label {
color: var(--bs24-commerce-muted);
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
.bs24-cart-drawer__qty-stepper {
display: inline-grid;
grid-template-columns: 32px minmax(42px, auto) 32px;
align-items: center;
gap: 6px;
padding: 4px;
border: 1px solid #ece7e1;
border: 1px solid var(--bs24-commerce-border, #ece7e1);
border-radius: 999px;
background: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.bs24-cart-drawer__qty-stepper-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 999px;
background: #e0e0e0;
color: #131315;
cursor: pointer;
transition: background-color 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.bs24-cart-drawer__qty-stepper-button:hover {
background-color: #e07c35;
color: #fff;
transform: translateY(-1px);
}
.bs24-cart-drawer__qty-stepper-button:disabled {
background: rgba(19, 19, 21, 0.07);
color: rgba(19, 19, 21, 0.28);
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.bs24-cart-drawer__qty-stepper-button .material-symbols-outlined {
font-size: 18px;
line-height: 1;
font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
}
.bs24-cart-drawer__qty {
width: 50px;
min-width: 0;
max-width: 50px;
padding: 0;
border: 0;
background: transparent;
color: #131315;
font-weight: 500;
font-size: 15px;
text-align: center;
box-shadow: none;
-moz-appearance: textfield;
min-width: 44px;
}
.bs24-cart-drawer__qty:focus {
outline: none;
}
.bs24-cart-drawer__qty::-webkit-outer-spin-button, .bs24-cart-drawer__qty::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.bs24-cart-drawer__empty {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
gap: 12px;
padding: 24px 0;
}
.bs24-cart-drawer__empty p {
margin: 0;
}
.bs24-cart-drawer__empty-link,
.bs24-cart-drawer__secondary,
.bs24-cart-drawer__primary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 18px;
border-radius: 9999px;
font-weight: 500;
text-align: center;
}
.bs24-cart-drawer__empty-link,
.bs24-cart-drawer__secondary {
color: #131315;
border: 1px solid currentColor;
align-items: center;
justify-content: center;
gap: 0.5rem;
flex: 1 1 0%;
display: flex;
padding: 0.5rem 0.5rem;
border-radius: 9999px;
font-weight: 500;
cursor: pointer;
text-align: center;
border: none;
transition: all 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
line-height: 1.618;
background: #fff;
color: #0d6f42;
border: 2px solid #0d6f42;
}
@media (max-width: 768px) {
.bs24-cart-drawer__empty-link,
.bs24-cart-drawer__secondary {
font-size: 14px;
}
}
.bs24-cart-drawer__empty-link:hover,
.bs24-cart-drawer__secondary:hover {
background: #0d6f42;
color: #fff;
}
.bs24-cart-drawer__primary {
align-items: center;
justify-content: center;
gap: 0.5rem;
flex: 1 1 0%;
display: flex;
padding: 0.5rem 0.5rem;
border-radius: 9999px;
cursor: pointer;
border: none;
transition: all 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
line-height: 1.618;
font-size: 16px;
background-color: #0d6f42;
border-color: #0d6f42;
position: relative;
overflow: hidden;
color: #fff;
font-weight: 500;
text-align: center;
transition: background 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
@media (max-width: 768px) {
.bs24-cart-drawer__primary {
font-size: 14px;
}
}
.bs24-cart-drawer__primary:hover {
background: linear-gradient(to right, rgb(15.6733870968, 133.8266129032, 79.5725806452), rgb(92.0806451613, 235.9193548387, 169.8709677419));
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.bs24-cart-drawer__recommendations {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #ece7df;
}
.bs24-cart-drawer__recommendations-title {
margin: 0 0 16px;
font-size: 18px;
}
.bs24-cart-drawer__recommendations-list {
display: grid;
grid-gap: 12px;
gap: 12px;
}
.bs24-cart-drawer__recommendation {
border: 1px solid #ece7e1;
border: 1px solid var(--bs24-commerce-border, #ece7e1);
background: #fff;
background: var(--bs24-commerce-surface, #fff);
box-shadow: 0 18px 40px rgba(19, 19, 21, 0.08);
box-shadow: var(--bs24-commerce-shadow, 0 18px 40px rgba(19, 19, 21, 0.08));
overflow: hidden;
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto;
grid-gap: 12px;
gap: 12px;
align-items: center;
padding: 10px;
border-radius: 18px;
box-shadow: var(--bs24-commerce-shadow-soft);
}
.bs24-cart-drawer__recommendation img {
width: 72px;
height: 72px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.bs24-cart-drawer__recommendation-name {
margin-bottom: 4px;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
}
.bs24-cart-drawer__recommendation-price {
font-size: 14px;
}
.bs24-cart-drawer__recommendation-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 9999px;
background: #e07c35;
color: #fff;
cursor: pointer;
}
.bs24-cart-drawer__footer {
border-width: 0px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgba(226, 232, 240, 1);
border-color: rgba(226, 232, 240, var(--tw-border-opacity, 1));
border-top-width: 1px;
background: #fff;
}
.bs24-cart-drawer__summary-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 0;
border-top: 1px solid #ece7e1;
border-top: 1px solid var(--bs24-commerce-border, #ece7e1);
color: rgba(19, 19, 21, 0.72);
color: var(--bs24-commerce-muted, rgba(19, 19, 21, 0.72));
font-size: 15px;
}
.bs24-cart-drawer__summary-row:first-child {
border-top: 0;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-label {
display: inline-flex;
align-items: center;
gap: 6px;
min-width: 0;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-value {
display: grid;
justify-items: end;
grid-gap: 4px;
gap: 4px;
text-align: right;
overflow: visible;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-details {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
-moz-column-gap: 8px;
column-gap: 8px;
row-gap: 4px;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
padding: 0;
border: 0;
background: transparent;
color: var(--bs24-commerce-muted);
font-size: 11px;
font-weight: 400;
line-height: 1.35;
cursor: help;
text-align: right;
font-family: inherit;
white-space: nowrap;
overflow: visible;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:hover .bs24-cart-drawer__summary-detail-label, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:focus .bs24-cart-drawer__summary-detail-label, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:focus-visible .bs24-cart-drawer__summary-detail-label {
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:hover .bs24-cart-drawer__summary-detail-tooltip, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:focus .bs24-cart-drawer__summary-detail-tooltip, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:focus-visible .bs24-cart-drawer__summary-detail-tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail:not(:first-child)::before {
content: "+";
display: inline-block;
margin-left: 4px;
color: rgba(19, 19, 21, 0.52);
font-size: 11px;
line-height: 1.35;
font-weight: 500;
flex: 0 0 auto;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail-label {
display: inline;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail-icon {
display: inline-flex;
flex: 0 0 auto;
font-size: 13px;
line-height: 1;
opacity: 0.8;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail-tooltip {
position: absolute;
bottom: calc(100% + 10px);
right: 0;
width: min(280px, 100vw - 32px);
max-width: calc(100vw - 32px);
padding: 10px 12px;
border-radius: 12px;
background: #131315;
color: #fff;
font-size: 12px;
line-height: 1.45;
text-align: left;
white-space: normal;
word-wrap: anywhere;
word-break: break-word;
box-shadow: 0 10px 24px rgba(19, 19, 21, 0.18);
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
z-index: 5;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail-tooltip::before {
content: "";
position: absolute;
bottom: -5px;
right: 16px;
width: 10px;
height: 10px;
background: #131315;
transform: rotate(45deg);
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
padding: 0;
border: 1px solid var(--bs24-commerce-muted);
border-radius: 9999px;
background: #fff;
color: var(--bs24-commerce-muted);
cursor: help;
flex: 0 0 auto;
font-family: inherit;
overflow: visible;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
transition: color 0.18s ease;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:hover, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:focus, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:focus-visible {
color: #DC2626;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:hover .bs24-cart-drawer__summary-info-tooltip, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:focus .bs24-cart-drawer__summary-info-tooltip, .bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info:focus-visible .bs24-cart-drawer__summary-info-tooltip {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-icon {
display: block;
font-size: 15px;
line-height: 1;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip {
position: absolute;
bottom: calc(100% + 10px);
left: auto;
right: 0;
width: min(280px, 100vw - 32px);
max-width: calc(100vw - 32px);
padding: 10px 12px;
border-radius: 12px;
background: #131315;
color: #fff;
font-size: 12px;
line-height: 1.45;
text-align: left;
white-space: normal;
word-wrap: anywhere;
word-break: break-word;
box-shadow: 0 10px 24px rgba(19, 19, 21, 0.18);
opacity: 0;
visibility: hidden;
transform: translateY(6px);
transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
z-index: 5;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip::before {
content: "";
position: absolute;
bottom: -5px;
right: 10px;
width: 10px;
height: 10px;
background: #131315;
transform: rotate(45deg);
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip-message,
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip-meta {
display: block;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip-message {
font-weight: 500;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip-meta {
margin-top: 6px;
color: rgba(255, 255, 255, 0.72);
}
.bs24-cart-drawer__summary-row.--discounts bdi, .bs24-cart-drawer__summary-row.--discounts bdi span, .bs24-cart-drawer__summary-row.--shipping.--free bdi, .bs24-cart-drawer__summary-row.--shipping.--free bdi span {
font-weight: 500;
color: #0d6f42;
}
.bs24-cart-drawer__summary-row.--shipping.--not-free bdi {
display: inline-block;
transform-origin: center;
animation: bs24-cart-drawer-shipping-pulse 1.85s ease-in-out infinite;
}
.bs24-cart-drawer__summary-row.--shipping.--not-free bdi, .bs24-cart-drawer__summary-row.--shipping.--not-free bdi span {
font-weight: 500;
color: #DC2626;
}
.bs24-cart-drawer__summary-row.--shipping.--not-free .bs24-cart-drawer__summary-info {
color: #DC2626;
border: none;
}
.bs24-cart-drawer__summary-row.--total {
color: #131315;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.02em;
padding-bottom: 0;
line-height: 1.6;
}
.bs24-cart-drawer__summary-row.--total .amount,
.bs24-cart-drawer__summary-row.--total bdi,
.bs24-cart-drawer__summary-row.--total bdi span,
.bs24-cart-drawer__summary-row.--total strong {
font-weight: 500;
}
.bs24-cart-drawer__summary {
margin-bottom: 18px;
}
.bs24-cart-drawer__summary-vat {
color: var(--bs24-commerce-muted);
font-size: 12px;
}
.bs24-cart-drawer__actions {
margin-top: 16px;
}
.bs24-cart-drawer__action-wrapper {
position: relative;
display: flex;
flex: 1;
}
.bs24-cart-drawer__action-wrapper::before, .bs24-cart-drawer__action-wrapper::after {
position: absolute;
left: 50%;
opacity: 0;
pointer-events: none;
transition: opacity 0.18s ease, transform 0.18s ease;
z-index: 4;
}
.bs24-cart-drawer__action-wrapper::before {
content: attr(data-bs24-cart-tooltip);
bottom: calc(100% + 12px);
width: min(240px, 100vw - 48px);
padding: 10px 12px;
border-radius: 12px;
background: #131315;
color: #fff;
font-size: 12px;
line-height: 1.4;
text-align: center;
transform: translate(-50%, 8px);
box-shadow: 0 10px 24px rgba(19, 19, 21, 0.18);
}
.bs24-cart-drawer__action-wrapper::after {
content: "";
bottom: calc(100% + 6px);
width: 10px;
height: 10px;
background: #131315;
transform: translate(-50%, 8px) rotate(45deg);
}
.bs24-cart-drawer__action-wrapper:hover::before, .bs24-cart-drawer__action-wrapper:hover::after, .bs24-cart-drawer__action-wrapper:focus-visible::before, .bs24-cart-drawer__action-wrapper:focus-visible::after, .bs24-cart-drawer__action-wrapper:focus-within::before, .bs24-cart-drawer__action-wrapper:focus-within::after {
opacity: 1;
transform: translate(-50%, 0);
}
.bs24-cart-drawer__primary.is-disabled,
.bs24-cart-drawer__secondary.is-disabled {
width: 100%;
cursor: not-allowed;
opacity: 0.45;
filter: grayscale(0.12);
box-shadow: none;
}
.bs24-cart-drawer__primary.is-disabled:hover,
.bs24-cart-drawer__secondary.is-disabled:hover {
transform: none;
box-shadow: none;
}
.bs24-cart-drawer__primary.is-disabled {
background: #9ca3af;
border-color: #9ca3af;
}
.bs24-cart-drawer__secondary.is-disabled {
border-color: #c7c7c7;
color: #777;
}
.bs24-cart-drawer__actions > * {
flex: 1;
}
@keyframes bs24-cart-drawer-shimmer {
from {
background-position: 100% 0;
}
to {
background-position: -100% 0;
}
}
@keyframes bs24-cart-drawer-item-spin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes bs24-cart-drawer-remove-pulse {
0% {
opacity: 0;
background: rgba(185, 28, 28, 0);
}
35% {
opacity: 1;
background: rgba(185, 28, 28, 0.18);
}
100% {
opacity: 0;
background: rgba(185, 28, 28, 0);
}
}
@keyframes bs24-cart-drawer-shipping-pulse {
0%, 100% {
transform: scale(1);
text-shadow: 0 0 0 rgba(185, 28, 28, 0);
}
45% {
transform: scale(1.05);
text-shadow: 0 0 14px rgba(185, 28, 28, 0.16);
}
}
@media (prefers-reduced-motion: reduce) {
.bs24-cart-drawer__summary-row.--shipping.--not-free bdi {
animation: none;
}
}
@media (max-width: 767px) {
.bs24-cart-drawer__header,
.bs24-cart-drawer__body,
.bs24-cart-drawer__footer {
padding: 16px;
}
.bs24-cart-drawer__actions {
position: sticky;
bottom: -16px;
flex-direction: column;
margin: 0 -16px -16px;
padding: 16px;
background: #fff;
box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.08);
}
.bs24-cart-drawer__actions > * {
width: 100%;
}
.bs24-cart-drawer__footer {
display: flex;
flex-direction: column;
gap: 16px;
max-height: 55dvh;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.bs24-cart-drawer__summary {
margin-bottom: 0;
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-detail-tooltip {
right: 0;
left: auto;
width: min(240px, 100vw - 24px);
max-width: calc(100vw - 24px);
}
.bs24-cart-drawer__summary-row .bs24-cart-drawer__summary-info-tooltip {
width: min(240px, 100vw - 24px);
max-width: calc(100vw - 24px);
}
}body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
margin: 0 10px 1rem !important;
padding: 1rem 1rem 1rem 4.25rem !important;
border: 1px solid rgba(224, 124, 53, 0.2) !important;
border: 1px solid var(--bs24-notice-border) !important;
border-radius: 10px !important;
}
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
--bs24-notice-background: linear-gradient(180deg, #fff9f2, #fff3e8);
--bs24-notice-border: rgba(224, 124, 53, 0.2);
--bs24-notice-text: #131315;
--bs24-notice-link: #e07c35;
--bs24-notice-icon-background: rgba(224, 124, 53, 0.12);
--bs24-notice-icon-color: #e07c35;
--bs24-notice-divider: rgba(224, 124, 53, 0.12);
--bs24-notice-focus: rgba(224, 124, 53, 0.18);
position: relative;
background: linear-gradient(180deg, #fff9f2, #fff3e8);
background: var(--bs24-notice-background);
box-shadow: 0 10px 24px rgba(19, 19, 21, 0.08);
color: #131315;
color: var(--bs24-notice-text);
overflow: hidden;
}
body .woocommerce-message,
body .woocommerce-message *,
body .woocommerce-info,
body .woocommerce-info *,
body .woocommerce-error,
body .woocommerce-error * {
float: none;
float: initial;
}
body .woocommerce-message strong,
body .woocommerce-info strong,
body .woocommerce-error strong {
color: inherit;
}
body .woocommerce-message:focus-within,
body .woocommerce-info:focus-within,
body .woocommerce-error:focus-within {
outline: 3px solid var(--bs24-notice-focus);
outline-offset: 2px;
}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
font-family: "Material Symbols Outlined" !important;
text-transform: none !important;
position: absolute !important;
margin: 0 !important;
display: inline-flex !important;
color: var(--bs24-notice-icon-color) !important;
}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before {
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
top: 50%;
transform: translateY(-50%);
left: 20px;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
border-radius: 9999px;
background: var(--bs24-notice-icon-background);
box-shadow: none;
}
body .woocommerce-message::after,
body .woocommerce-info::after,
body .woocommerce-error::after {
display: none !important;
}
body .woocommerce-message a:not(.button):not(.wc-forward),
body .woocommerce-info a:not(.button):not(.wc-forward),
body .woocommerce-error a:not(.button):not(.wc-forward) {
color: var(--bs24-notice-link);
font-weight: 500;
-webkit-text-decoration: underline;
text-decoration: underline;
text-underline-offset: 0.14em;
}
body .woocommerce-message p:last-child,
body .woocommerce-info p:last-child,
body .woocommerce-error p:last-child {
margin-bottom: 0;
}
body .woocommerce-message {
flex-wrap: wrap !important;
}
body .woocommerce-message {
--bs24-notice-background: linear-gradient(90deg, #10b981, #059669);
--bs24-notice-border: rgba(15, 131, 77, 0.16);
--bs24-notice-text: #ffffff;
--bs24-notice-link: #ffffff;
--bs24-notice-icon-background: rgba(255, 255, 255, 0.18);
--bs24-notice-icon-color: #ffffff;
--bs24-notice-divider: rgba(255, 255, 255, 0.14);
--bs24-notice-focus: rgba(0, 192, 98, 0.18);
display: flex;
align-items: center;
gap: 0.75rem;
min-width: 221px;
}
body .woocommerce-message::before {
content: "check";
}
body .woocommerce-message .bs24-custom-message-wrapper {
min-width: 180px;
flex: 1 1 220px;
display: block;
}
body .woocommerce-message a.button.wc-forward {
align-items: center;
justify-content: center;
gap: 0.5rem;
flex: 1 1 0%;
display: flex;
padding: 0.5rem 0.5rem;
border-radius: 9999px;
font-weight: 500;
cursor: pointer;
text-align: center;
border: none;
transition: all 0.2s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
line-height: 1.618;
border: 2px solid #ddd;
color: #333;
background: #fff;
flex: 0 0 auto;
min-height: 44px;
white-space: nowrap;
font-size: 14px;
}
@media (max-width: 768px) {
body .woocommerce-message a.button.wc-forward {
font-size: 14px;
}
}
body .woocommerce-message a.button.wc-forward:hover {
background: #f9fafb;
}
body .woocommerce-message a.button.wc-forward, body .woocommerce-message a.button.wc-forward:after {
margin: 0 !important;
}
body .woocommerce-error {
--bs24-notice-background: linear-gradient(180deg, #fff8f8, #ffeeee);
--bs24-notice-border: rgba(220, 38, 38, 0.16);
--bs24-notice-link: #DC2626;
--bs24-notice-icon-background: rgba(220, 38, 38, 0.12);
--bs24-notice-icon-color: #DC2626;
--bs24-notice-divider: rgba(220, 38, 38, 0.12);
--bs24-notice-focus: rgba(220, 38, 38, 0.18);
}
body .woocommerce-error::before {
content: "report";
}
body .woocommerce-error a.button.wc-forward {
border: 1px solid #DC2626 !important;
}
body .woocommerce-error a.button.wc-forward {
text-align: center;
font-weight: 500;
border-radius: 9999px;
transition: all 0.2s ease;
background: #e07c35;
transition: background 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
display: flex;
align-items: center;
gap: 4px;
min-height: 44px;
padding-left: 1rem;
padding-right: 1rem;
white-space: nowrap;
font-size: 14px;
color: #DC2626;
box-shadow: 0 8px 18px rgba(220, 38, 38, 0.08);
}
@media (max-width: 480px) {
body .woocommerce-error a.button.wc-forward {
font-size: 16px;
}
}
body .woocommerce-error a.button.wc-forward:hover {
background: linear-gradient(to right, rgb(232.5914634146, 139.3719512195, 56.9085365854), rgb(245.4578313253, 176.2771084337, 66.5421686747));
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
body .woocommerce-error a.button.wc-forward, body .woocommerce-error a.button.wc-forward:hover {
color: #fff;
}
body .woocommerce-error a.button.wc-forward:hover {
background: #DC2626;
color: #fff;
}
body .woocommerce-error a.button.wc-forward, body .woocommerce-error a.button.wc-forward:after {
margin: 0 !important;
}
body .woocommerce-error a.button.wc-forward:after {
font-family: "Material Symbols Outlined" !important;
text-transform: none !important;
}
body .woocommerce-error a.button.wc-forward:after {
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
content: "arrow_forward";
}
body .woocommerce-info::before {
content: "info";
}
body .woocommerce-info,
body .woocommerce-error {
list-style: none;
}
body .woocommerce-info li,
body .woocommerce-error li {
margin: 0;
}
body .woocommerce-info li + li,
body .woocommerce-error li + li {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid var(--bs24-notice-divider);
}
   .feature-showcase {
background-color: #ffffff;
padding: 3rem 0;
overflow: hidden;
}
.feature-showcase__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem;
}
.feature-showcase__box {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-gap: 2rem;
gap: 2rem;
padding: 1.5rem;
background-color: #e07c35;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 1024px) {
.feature-showcase__box {
padding: 5rem;
grid-template-columns: repeat(2, 1fr);
gap: 0 3rem;
}
}
.feature-showcase__background-shape {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: rgba(255, 255, 255, 0.05);
transform: translateX(8rem) skewX(12deg);
}
.feature-showcase__content {
position: relative;
z-index: 2;
}
.feature-showcase__eyebrow {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
.feature-showcase__title {
margin-bottom: 1.5rem;
font-size: 1.5rem;
line-height: 1.25;
font-weight: 500;
color: #ffffff;
}
@media (min-width: 640px) {
.feature-showcase__title {
font-size: 2.25rem;
}
}
.feature-showcase__description {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.75;
color: rgba(255, 255, 255, 0.8);
}
.feature-showcase__description strong {
color: #ffffff;
}
@media (min-width: 1024px) {
.feature-showcase__description {
margin-bottom: 2rem;
}
}
.feature-showcase__stats {
display: grid;
grid-template-columns: auto;
grid-gap: 1.5rem;
gap: 1.5rem;
margin-top: 2rem;
}
@media (min-width: 1024px) {
.feature-showcase__stats {
grid-area: 2/1;
grid-template-columns: repeat(2, auto);
}
}
.feature-showcase__stat {
padding: 1rem;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
backdrop-filter: blur(4px);
}
.feature-showcase__stat-value {
margin-bottom: 0.25rem;
font-size: 1.5rem;
font-weight: 500;
color: #ffffff;
}
.feature-showcase__stat-label {
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.6);
}
.feature-showcase__media-wrapper {
position: relative;
z-index: 2;
margin: 0 -5rem -5rem;
}
@media (min-width: 640px) {
.feature-showcase__media-wrapper {
margin: 0 auto;
}
}
.feature-showcase__image {
width: 100%;
border-radius: 10px;
border: 4px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 25px 50px -24px rgba(0, 0, 0, 0.4);
}
@media (min-width: 640px) {
.feature-showcase__image {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);
}
}
.newsletter-section {
background-color: #ffffff;
padding: 3rem 0;
overflow: hidden;
}
.newsletter-section--homepage {
margin-top: 50px;
}
.newsletter-section__container {
max-width: 1280px;
margin: 0 auto;
padding: 0 1.5rem;
}
.newsletter-section__box {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-gap: 2rem;
gap: 2rem;
padding: 1.5rem;
background-color: #e07c35;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 1024px) {
.newsletter-section__box {
grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
gap: 3rem;
align-items: center;
padding: 4rem;
}
}
.newsletter-section__background-shape {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: rgba(255, 255, 255, 0.05);
transform: translateX(8rem) skewX(12deg);
}
.newsletter-section__content,
.newsletter-section__form-column {
position: relative;
z-index: 2;
}
.newsletter-section__eyebrow {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1.5rem;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
.newsletter-section__title {
margin-bottom: 1rem;
font-size: 1.75rem;
line-height: 1.2;
font-weight: 500;
color: #ffffff;
}
@media (min-width: 640px) {
.newsletter-section__title {
font-size: 2.5rem;
}
}
.newsletter-section__description {
margin-bottom: 0;
font-size: 1.0625rem;
line-height: 1.75;
color: rgba(255, 255, 255, 0.82);
}
.newsletter-section__benefits {
display: grid;
grid-gap: 1rem;
gap: 1rem;
margin-top: 1.5rem;
}
@media (min-width: 640px) {
.newsletter-section__benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.newsletter-section__benefit {
padding: 1rem 1.125rem;
background-color: rgba(255, 255, 255, 0.12);
border-radius: 10px;
backdrop-filter: blur(4px);
}
.newsletter-section__benefit-label,
.newsletter-section__benefit-text,
.newsletter-section__offer-value,
.newsletter-section__offer-label,
.newsletter-section__message,
.newsletter-section__field-error,
.newsletter-section__checkbox-label,
.newsletter-section__input,
.newsletter-section__submit {
margin: 0;
}
.newsletter-section__benefit-label {
margin-bottom: 0.35rem;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.68);
}
.newsletter-section__benefit-text {
font-size: 1rem;
line-height: 1.5;
color: #ffffff;
}
.newsletter-section__form-card {
display: grid;
grid-gap: 1rem;
gap: 1rem;
padding: 1.25rem;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 25px 50px -24px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.newsletter-section__form-card {
padding: 1.75rem;
}
}
.newsletter-section__offer {
display: flex;
align-items: baseline;
gap: 0.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(19, 19, 21, 0.08);
}
.newsletter-section__offer-value {
font-size: 2.25rem;
line-height: 1;
font-weight: 600;
color: #131315;
}
.newsletter-section__offer-label {
font-size: 0.95rem;
line-height: 1.5;
color: rgba(19, 19, 21, 0.7);
}
.newsletter-section__messages {
display: grid;
grid-gap: 0.75rem;
gap: 0.75rem;
}
.newsletter-section__messages.is-hidden {
display: none;
}
.newsletter-section__message {
padding: 0.875rem 1rem;
border-radius: 10px;
font-size: 0.95rem;
line-height: 1.6;
}
.newsletter-section__message--success {
background-color: #ecfdf3;
color: #027a48;
}
.newsletter-section__message--error,
.newsletter-section__message--info {
background-color: #fef3f2;
color: #b42318;
}
.newsletter-section__form {
display: grid;
grid-gap: 1rem;
gap: 1rem;
}
.newsletter-section__field {
display: block;
}
.newsletter-section .newsletter-section__input {
width: 100%;
min-height: 3.25rem;
padding: 0 1rem;
border: 1px solid rgba(19, 19, 21, 0.14);
border-radius: 999px;
background-color: #ffffff;
color: #131315;
box-shadow: inset 0 1px 2px rgba(19, 19, 21, 0.05);
}
.newsletter-section__input::-moz-placeholder {
color: rgba(19, 19, 21, 0.45);
}
.newsletter-section__input::placeholder {
color: rgba(19, 19, 21, 0.45);
}
.newsletter-section__input:focus {
outline: 0;
border-color: #e07c35;
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.16);
}
.newsletter-section__submit {
min-height: 3.25rem;
border: 0;
border-radius: 999px;
background-color: #131315;
color: #ffffff;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.newsletter-section__submit:focus {
outline: 0;
box-shadow: 0 0 0 4px rgba(19, 19, 21, 0.12);
}
.newsletter-section__submit:disabled {
opacity: 0.7;
cursor: wait;
transform: none;
}
.newsletter-section__consent {
display: grid;
grid-gap: 0.5rem;
gap: 0.5rem;
}
.newsletter-section__checkbox-label {
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 0.8125rem;
line-height: 1.6;
color: rgba(19, 19, 21, 0.74);
}
.newsletter-section__checkbox {
position: relative;
width: 20px;
height: 20px;
min-width: 20px;
opacity: 1;
pointer-events: auto;
margin-top: 0.1rem;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
border: 2px solid rgba(224, 124, 53, 0.72);
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 0 #e07c35;
cursor: pointer;
transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.newsletter-section__checkbox:hover {
border-color: #e07c35;
}
.newsletter-section__checkbox:checked {
border-color: #e07c35;
box-shadow: inset 0 0 0 5px #e07c35;
}
.newsletter-section__checkbox:focus-visible {
outline: none;
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.14), inset 0 0 0 0 #e07c35;
}
.newsletter-section__checkbox:checked:focus-visible {
box-shadow: 0 0 0 4px rgba(224, 124, 53, 0.14), inset 0 0 0 5px #e07c35;
}
.newsletter-section__checkbox-label a {
color: #131315;
font-weight: 500;
-webkit-text-decoration: underline;
text-decoration: underline;
text-underline-offset: 0.14em;
}
.newsletter-section__field-error {
font-size: 0.8125rem;
line-height: 1.4;
color: #b42318;
}
.newsletter-section__field-error.is-hidden {
display: none;
}
@media (max-width: 639px) {
.newsletter-section {
padding: 2rem 0;
}
.newsletter-section--homepage {
margin-top: 40px;
}
.newsletter-section__box {
padding: 1.25rem;
}
.newsletter-section__title {
font-size: 1.5rem;
}
.newsletter-section__description {
font-size: 1rem;
line-height: 1.6;
}
.newsletter-section__offer {
flex-direction: column;
gap: 0.35rem;
}
}
.section-cta {
background: linear-gradient(to right, rgb(232.5914634146, 139.3719512195, 56.9085365854), rgb(245.4578313253, 176.2771084337, 66.5421686747));
color: #fff; }
.section-cta__inner {
max-width: 80rem;
margin: 0 auto;
padding: 4rem 1rem;
}
.section-cta__content {
max-width: 42rem;
margin: 0 auto;
text-align: center;
}
.section-cta__title {
color: #fff;
font-size: 1.875rem;
font-weight: 500;
margin-bottom: 1rem;
}
.section-cta__desc {
font-size: 1.125rem;
margin-bottom: 2rem;
}
.section-cta__desc, .section-cta__desc * {
color: rgba(255, 255, 255, 0.9);
}
.section-cta__desc p {
margin: 0;
}
.section-cta__desc p + p {
margin-top: 0.5rem;
}
.section-cta__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.section-cta__actions.--single {
display: block;
}
.section-cta__button {
background-color: #fff;
color: #ea580c;
padding: 1rem 2rem;
border-radius: 9999px;
font-size: 1.125rem;
font-weight: 500;
transition: all 0.2s ease;
}
.section-cta__button:hover {
background-color: #f3f4f6;
}
.section-cta.--alt {
background: linear-gradient(to right, #0f172a, #1e293b);
color: #fff;
}
.section-cta.--alt .section-cta__button {
background-color: #e07c35;
color: #fff;
}
.section-cta.--alt .section-cta__button:hover {
background-color: #ea580c;
}   .collection-card {
position: relative;
cursor: pointer; }
.collection-card__image {
position: relative;
overflow: hidden;
border-radius: 0.75rem;
aspect-ratio: 4/3;
background-color: #f3f4f6;
}
.collection-card__image:hover .collection-card__overlay {
opacity: 1;
}
.collection-card__image:hover .collection-card__bg {
transform: scale(1.1);
}
.collection-card__bg {
width: 100%;
height: 100%;
transition: transform 0.5s ease;
border-radius: inherit;
}
.collection-card__bg.--gradient-orange {
background: linear-gradient(to bottom right, #f8fafc, #e2e8f0);
}
.collection-card__bg.--gradient-dark {
background: linear-gradient(to bottom right, #374151, #131315);
}
.collection-card__bg.--gradient-blue {
background: linear-gradient(to bottom right, #e0f2fe, #f0f9ff);
}
.collection-card__badge {
position: absolute;
top: 1.5rem;
left: 1.5rem;
z-index: 1;
background: #fff;
padding: 0.25rem 0.75rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 500;
color: #131315;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.collection-card__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
.collection-card__overlay {
opacity: 1;
background: rgba(0, 0, 0, 0.3);
}
}
.collection-card__overlay-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1.5rem;
}
.collection-card__colors {
display: flex;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.collection-card__color {
width: 2rem;
height: 2rem;
border-radius: 10px;
border: 2px solid #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.collection-card__name {
margin-bottom: 0.5rem;
color: rgb(255, 255, 255);
font-size: 1.5rem;
font-weight: 500;
text-shadow: 4px 4px 6px rgb(0, 0, 0);
}
.collection-card__meta-collection {
display: flex;
align-items: center;
gap: 4px;
}
.collection-card__style {
color: rgba(255, 255, 255, 0.8);
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.collection-card__desc {
color: rgba(255, 255, 255, 0.6);
font-size: 0.875rem;
}
.collection-card__button {
width: 100%;
background: #fff;
color: #131315;
padding: 0.75rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.collection-card__button:hover {
background: #e07c35;
color: #fff;
}
@media (max-width: 768px) {
.collection-card__button {
width: -moz-fit-content;
width: fit-content;
align-self: flex-start;
background: rgba(255, 255, 255, 0.8);
padding: 0.5rem 0.75rem;
font-size: 14px;
}
}
.collection-card__info {
margin-top: 1rem;
}
.collection-card__header {
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 0.5rem;
}
.collection-card__title {
margin: 0;
font-size: 1.125rem;
font-weight: 500;
color: #131315;
transition: color 0.2s ease;
}
.collection-card:hover .collection-card__title {
color: #e07c35;
}
.collection-card__wishlist {
width: 1.25rem;
height: 1.25rem;
color: #9ca3af;
transition: color 0.2s ease;
}
.collection-card__wishlist:hover {
color: #e07c35;
}
.collection-card__meta {
display: flex;
align-items: center;
gap: 1rem;
font-size: 0.875rem;
color: #131315;
}
@media (max-width: 640px) {
.collection-card__meta {
align-items: flex-start;
flex-direction: column;
justify-content: center;
gap: 0.5rem;
}
}
.collection-card__meta-item {
display: flex;
align-items: center;
gap: 0.25rem;
}
.collection-card__meta-icon {
width: 1.3rem;
height: auto;
flex-shrink: 0;
}
.collection-card.--bestseller .collection-card__badge {
background-color: #fff7ed;
color: #c2410c;
}
.collection-card.--premium .collection-card__badge {
background-color: #fef3c7;
color: #92400e;
}
body.home {    }
body.home #trustmate-reviews .bs24-trustmate-section__slider.splide:not(.is-initialized) {
visibility: visible;
}
body.home #trustmate-reviews .bs24-trustmate-section__slider.splide:not(.is-initialized) .splide__list {
gap: 20px;
}
body.home #trustmate-reviews .bs24-trustmate-section__slider.splide:not(.is-initialized) .splide__slide {
flex: 0 0 calc((100% - 40px) / 3);
max-width: calc((100% - 40px) / 3);
}
@media (max-width: 768px) {
body.home #trustmate-reviews .bs24-trustmate-section__slider.splide:not(.is-initialized) .splide__slide {
flex-basis: 100%;
max-width: 100%;
}
}
body.home #bs24-collections-section {
content-visibility: auto;
contain-intrinsic-size: auto 800px;
}
body.home .content-area,
body.home .site-main {
margin-bottom: 0;
}
body.home .site-main {
overflow: visible;
}
body.home .col-full {
padding-bottom: 0;
}
body.home .advantages {
color: #131315;
border-radius: 10px;
}
body.home .advantages__inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
grid-gap: 32px;
gap: 32px; align-items: flex-start; }
@media (max-width: 891px) {
body.home .advantages__inner {
margin: 30px auto 50px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
}
@media (max-width: 768px) {
body.home .advantages__inner {
gap: 50px;
}
}
@media (max-width: 480px) {
body.home .advantages__inner {
align-items: center;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, auto);
}
}
body.home .advantages__item {
background-color: #fff;
border-radius: 10px;
max-width: 300px;
display: flex;
flex-direction: column;
align-items: flex-start; justify-self: center;
text-align: left;
}
@media (min-width: 481px) {
body.home .advantages__item {
height: 100%;
}
}
body.home .advantages__item .bs24-cta-wrapper {
justify-content: center;
}
body.home .advantages__svg-icon {
width: 90px;
height: auto;
margin-bottom: 16px;
display: block;
align-self: center;
}
@media (max-width: 480px) {
body.home .advantages__svg-icon {
width: 80px;
margin-bottom: 8px;
}
}
body.home .advantages__title {
font-weight: 500;
font-size: 1.2rem;
margin-bottom: 8px;
text-align: center;
align-self: center;
}
body.home .advantages__text {
font-size: 0.95rem;
line-height: 1.4;
}
body.home .advantages h2 {
margin: 50px 0 20px;
}
body.home .bs24-trustmate-section {
margin: 20px auto 0;
display: flex;
flex-direction: column;
align-items: center;
}
body.home .bs24-trustmate-section__comment {
width: 100%;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
padding: 20px;
}
body.home .bs24-trustmate-section__star-review {
display: flex;
gap: 5px;
margin: 10px 0 10px 0;
}
body.home .bs24-trustmate-section__star-one-review {
width: 20px;
}
body.home .bs24-trustmate-section__product-name {
font-size: 22px;
font-weight: 500;
}
body.home .bs24-trustmate-section__product-name a {
color: #606060;
}
body.home .bs24-trustmate-section__slider {
width: 100%;
}
body.home .bs24-trustmate-section__trust-us {
text-align: center;
font-size: 24px;
line-height: normal;
}
@media (min-width: 641px) {
body.home .bs24-trustmate-section__trust-us {
font-size: 28px;
}
}
body.home .bs24-trustmate-section__orders-count {
font-weight: 500;
font-size: 26px;
}
@media (min-width: 641px) {
body.home .bs24-trustmate-section__orders-count {
font-size: 30px;
}
}
body.home .bs24-trustmate-section__star-group {
display: flex;
gap: 12px;
margin: 8px 0;
justify-content: center;
}
body.home .bs24-trustmate-section__average-rating {
margin-bottom: 4px;
color: #131315;
text-align: center;
font-size: 18px;
}
@media (min-width: 641px) {
body.home .bs24-trustmate-section__average-rating {
font-size: 20px;
}
}
body.home .bs24-trustmate-section__rating-count {
color: #131315;
text-align: center;
margin-top: -3px;
margin-bottom: 15px;
font-size: 16px;
}
@media (min-width: 641px) {
body.home .bs24-trustmate-section__rating-count {
font-size: 18px;
}
}
body.home .bs24-trustmate-section__comment-text {
max-width: 100%;
text-wrap: wrap;
}
body.home .bs24-trustmate-section time {
display: inline-block;
margin-bottom: 8px;
font-size: 14px;
}
body.home .transparentOverlay {
border-radius: 10px;
}
body.home .transparentOverlay:after {
content: "";
border-radius: 10px;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: rgba(255, 255, 255, 0.051);
}
body.home .galleryItem.blog {
display: flex;
flex-direction: column;
border-radius: 10px;
padding: 8px;
transition: all 0.1s ease-in-out;
}
body.home .galleryItem.blog, body.home .galleryItem.blog:hover {
border: 0;
}
body.home .galleryItem.blog:hover {
background-color: #fff;
}
body.home .galleryItem.blog:hover .galleryTitle {
-webkit-text-decoration: underline;
text-decoration: underline;
}
body.home .galleryTitle {
font-weight: 500;
line-height: 1.5;
display: -webkit-box;
font-size: 16px;
margin-top: 0.5rem;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.home li.splide__slide.product,
body.home ul.products li.product.last {
margin-right: 10px !important;
}
body.home ul li.product {
margin-bottom: 0 !important;
}
body.home ul li.product .star-rating {
margin: 0 0 0.5407911001em;
}
body.home ul li.product .woocommerce-LoopProduct-link {
padding: 8px;
border-radius: 10px;
transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}
body.home ul li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
body.home ul li.product .woocommerce-LoopProduct-link .price {
text-align: left;
}
body.home ul li.product .woocommerce-LoopProduct-link:hover {
background: #e07c35;
}
body.home ul li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title,
body.home ul li.product .woocommerce-LoopProduct-link:hover .price {
color: #fff;
}
body.home ul li.product .woocommerce-LoopProduct-link:hover .price del bdi {
color: #e07c35;
}
body.home .bs24-collections-section {
margin-top: 50px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto 1fr auto;
grid-gap: 16px;
gap: 16px;
}
@media (max-width: 767px) {
body.home .bs24-collections-section {
grid-template-columns: 100% !important;
}
body.home .bs24-collections-section {
grid-template-rows: initial;
}
}
body.home .bs24-collections-section h2 {
grid-column: 1/-1;
}
body.home .systemitem {
position: relative;
}
body.home .systemitem:hover .systemtitle {
opacity: 1;
}
body.home .systemitem:hover .systemdesc {
opacity: 1;
}
body.home .systemtitle {
margin: 0;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.831372549);
color: white;
width: 100%;
display: flex;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.3s;
pointer-events: none;
border-radius: 10px;
}
@media (max-width: 767px) {
body.home .systemtitle {
margin: 0;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.6196078431);
color: white;
display: flex;
position: absolute;
top: 5px;
padding: 6px;
right: 5px;
opacity: 1;
transition: 0.3s;
font-size: 21px;
width: auto;
height: auto;
left: auto;
left: initial;
}
}
body.home .systemdesc {
margin: 0;
align-items: center;
justify-content: center;
color: white;
width: 100%;
display: flex;
height: 100%;
position: absolute;
top: 35px;
left: 0;
z-index: 1;
opacity: 0;
transition: 0.3s;
pointer-events: none;
border-radius: 10px;
font-size: 17px;
}
@media (max-width: 767px) {
body.home .systemdesc {
display: none;
}
}
body.home .raumHomeText {
display: block;
position: relative;
top: 26px;
font-size: 25px;
color: white;
font-weight: 500;
text-transform: uppercase;
text-align: center;
text-shadow: 2px 2px 7px #555555;
line-height: 0px;
}
@media (max-width: 767px) {
body.home .raumHomeText {
top: 43px;
font-size: 40px;
}
}
body.home .systemimage {
width: 100%;
height: 100%;
border-radius: 10px;
}
body.home .transparentOverlay .star-rating {
display: block !important;
position: absolute !important;
left: 11px !important;
bottom: -29px !important;
font-size: 12px !important;
}
body.home .raumeHome {
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
gap: 10px;
line-break: anywhere;
}
@media (max-width: 767px) {
body.home .raumeHome {
flex-wrap: wrap;
}
}
body.home img.raumHomeImage {
border-radius: 10px;
}
@media (max-width: 767px) {
body.home ul.products {
display: flex;
gap: 0px;
}
}
body.home .mini-banner img {
margin: 50px 0 0;
border-radius: 10px;
border: 2px solid #e07c35;
}
body.home .mini-banner img:hover {
border-color: #e07c35;
}
@media (max-width: 639px) {
body.home .mini-banner {
display: none;
}
}
body.home .feature-showcase,
body.home .newsletter-section,
body.home .section-cta--homepage {
padding: 0;
margin-top: 50px;
}
body.home .feature-showcase__container,
body.home .newsletter-section__container,
body.home .section-cta--homepage__container {
padding: 0;
}
body.home .feature-showcase__media-wrapper {
order: -1;
}
body.home .section-cta--homepage {
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
body.home .section-cta--homepage .section-cta__inner {
width: 100%;
max-width: none;
margin: 0;
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 768px) {
body.home .section-cta--homepage .section-cta__inner {
padding-left: 10px;
padding-right: 10px;
}
}body .products-with-hotshot__container {
display: flex;
flex-direction: column-reverse;
gap: 0;
}
@media (min-width: 1024px) {
body .products-with-hotshot__container {
display: grid;
grid-template-columns: 350px calc(100% - 350px - 20px);
grid-template-rows: 1fr;
grid-gap: 20px;
gap: 20px;
}
}
body .products-with-hotshot__container > * {
width: 100%;
}
body .products-with-hotshot__left {
display: flex;
flex-direction: column;
}
body .products-with-hotshot__right > *:nth-child(2) {
margin-top: -10px;
height: -moz-fit-content;
height: fit-content;
}
body .products-with-hotshot__right .products-section__slider {
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
}
body .hotshot-card {
padding: 8px;
border: 2px solid #e07c35;
border-radius: 10px;
}
body .hotshot-card__inner {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto;
grid-gap: 0;
gap: 0;
transition: background 0.1s ease-in-out;
border-radius: 10px;
padding: 12px;
}
@media (min-width: 481px) {
body .hotshot-card__inner {
grid-template-columns: 50% auto;
grid-template-rows: 1fr;
gap: 20px;
}
}
@media (min-width: 640px) {
body .hotshot-card__inner {
gap: 30px;
}
}
@media (min-width: 1024px) {
body .hotshot-card__inner {
grid-template-columns: auto;
grid-template-rows: auto auto;
gap: 0;
}
}
body .hotshot-card__inner:hover {
background-color: #fff;
}
body .hotshot-card__inner:hover .hotshot-card__button {
border-color: #e07c35;
}
body .hotshot-card__first {
height: -moz-fit-content;
height: fit-content;
height: auto;
}
@media (min-width: 481px) {
body .hotshot-card__first {
max-width: 250px;
}
}
@media (min-width: 640px) {
body .hotshot-card__first {
max-width: none;
max-width: initial;
}
}
body .hotshot-card__image, body .hotshot-card__img {
width: 100%;
border-radius: 10px;
}
@media (max-width: 480px) {
body .hotshot-card__image, body .hotshot-card__img {
max-height: 175px;
}
}
body .hotshot-card__image {
position: relative;
background-color: #fff;
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
body .hotshot-card__image a {
width: 100%;
height: 100%;
}
body .hotshot-card__img {
max-width: 100%;
width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 390px) {
body .hotshot-card__img {
max-width: 320px;
}
}
@media (min-width: 641px) {
body .hotshot-card__img {
max-width: 400px;
}
}
@media (min-width: 1024px) {
body .hotshot-card__img {
max-width: 100%;
}
}
body .hotshot-card .bs24-badge-list {
top: 5px;
left: 5px;
right: auto;
right: initial;
}
body .hotshot-card__product-name {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin: 8px 0 4px;
}
body .hotshot-card__bottom {
margin-top: 12px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
align-items: center;
grid-gap: 8px;
gap: 8px;
}
@media (min-width: 481px) {
body .hotshot-card__bottom {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
}
body .hotshot-card__info {
display: flex;
flex-direction: column;
height: -moz-fit-content;
height: fit-content;
}
body .hotshot-card__prices {
font-size: 22px;
font-weight: 500;
}
body .hotshot-card__prices del {
font-weight: 500;
opacity: 0.7;
color: #e07c35;
}
body .hotshot-card__prices del * {
font-weight: inherit;
}
body .hotshot-card__old-price-note {
font-size: 12px;
font-weight: 300;
display: block;
}
body .hotshot-card__stock-info {
margin-top: 8px;
}
body .hotshot-card__countdown {
margin-top: 0;
background-color: #e0e0e0;
border: #131315;
border-radius: 10px;
text-align: center;
}
body .hotshot-card__countdown-header {
padding: 6px 0 4px;
}
body .hotshot-card__timer {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 0;
max-width: 250px;
width: 100%;
margin: 0 auto;
}
body .hotshot-card__timer > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
aspect-ratio: 1/1;
width: 100%;
height: auto;
border-right: 1px solid #131315;
}
body .hotshot-card__timer > div:last-child {
border-right: none;
}
body .hotshot-card__timer-number {
font-size: 24px;
font-weight: 500;
}
@media (min-width: 1024px) {
body .hotshot-card__timer-number {
font-size: 24px;
}
}
@media (min-width: 895px) {
body .hotshot-card__timer-number {
font-size: 50px;
}
}
@media (min-width: 795px) {
body .hotshot-card__timer-number {
font-size: 32px;
}
}
@media (min-width: 480px) {
body .hotshot-card__timer-number {
font-size: 24px;
}
}
@media (min-width: 360px) {
body .hotshot-card__timer-number {
font-size: 50px;
}
}
@media (min-width: 320px) {
body .hotshot-card__timer-number {
font-size: 32px;
}
}
body .hotshot-card__timer-caption {
font-size: 14px;
font-weight: 300;
}
body .hotshot-card__button-wrapper {
flex: 1;
height: 100%;
display: flex;
align-items: flex-end;
border-radius: 10px;
margin-top: 0px;
}
@media (min-width: 481px) {
body .hotshot-card__button-wrapper {
height: auto;
flex: initial;
}
}
body .hotshot-card__button {
width: 100%;
height: -moz-fit-content;
height: fit-content;
text-align: center;
background-color: #fff;
border: 4px solid #e07c35;
color: #e07c35;
transition: all 0.3 ease-in-out;
}
body #near-hotshot-slider-mobile {
display: none;
}
@media (max-width: 1023px) {
body #near-hotshot-slider-mobile {
display: block;
}
}
body .products-section:has(#near-hotshot-slider-mobile) {
display: none;
}
@media (max-width: 1023px) {
body .products-section:has(#near-hotshot-slider-mobile) {
display: block;
}
}
body .products-section:has(#near-hotshot-slider-1),
body .products-section:has(#near-hotshot-slider-2) {
display: block;
}
@media (max-width: 1023px) {
body .products-section:has(#near-hotshot-slider-1),
body .products-section:has(#near-hotshot-slider-2) {
display: none;
}
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}