html,
body {
overflow-x: hidden;
}
body.menu-open {
position: relative;
overflow: hidden;
}
body.menu-open::after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
overflow: hidden;
}
h1 {
font-family: 'Tenor Sans';
font-size: 54px;
line-height: 63px;
align-items: center;
color: #000000;
margin-block-end: 40px;
}
@media (max-width: 767px) {
h1 {
font-size: 28px;
line-height: 33px;
}
}
h2 {
font-family: 'Tenor Sans';
font-size: 54px;
line-height: 1;
color: #222222;
text-align: center;
margin-block-start: 120px;
margin-block-end: 80px;
}
a {
display: inline-flex;
align-items: center;
justify-content: center;
}
a:focus,
a:focus-visible {
outline: none;
outline-offset: 0;
text-decoration: none;
}
button.btn:focus,
button.btn:focus-visible {
outline: none;
outline-offset: 0;
}
.relative {
position: relative;
}
.d-flex {
display: flex;
}
@media (min-width: 1440px) {
.container {
width: 1320px;
}
}
@media (min-width: 1600px) {
.container {
width: 1500px;
}
}
@media (min-width: 1920px) {
.container {
width: 1720px;
}
}
/* Шапка сайту ---------------------------------------------------------------------------------------------------- */
#top {
position: relative;
background-color: rgba(39, 63, 77, 1);
border-block-end: 0;
padding: 0px 0px 2px 0;
margin-block-end: 16px;
}
#top .mobile-menu {
position: fixed;
z-index: 3;
top: 0;
left: 0;
max-width: 373px;
width: 100%;
height: 100vh;
background: #FFFFFF;
}
#top .mobile-menu .mobile-menu-header {
width: 100%;
height: 70px;
display: flex;
align-items: center;
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
padding-inline: 21px;
}
#top .mobile-menu .mobile-menu-header button {
position: relative;
z-index: 1;
background: transparent;
border: none;
padding: 0;
}
#top .mobile-menu .mobile-menu-header button svg {
vertical-align: middle;
}
#top .mobile-menu .mobile-menu-header span {
flex: 1;
display: inline-block;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #000000;
text-align: center;
margin-left: -22px;
}
#top #mobMenu {
display: flex;
align-items: center;
justify-content: center;
gap: 21px;
border: none;
padding-block: 40px;
margin: 0;
}
#top #mobMenu>li {
flex: 1;
}
#top #mobMenu>li>a {
width: 100%;
height: 40px;
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #D8A7A7;
border: 2px solid #D8A7A7;
border-radius: 10px;
padding: 0;
}
#top #mobMenu>li>a:hover {
background: transparent;
}
#top #mobMenu>li.active>a {
color: #FFFFFF;
background: #D8A7A7;
}
#top .tab-content {
height: 70vh;
overflow-y: auto;
}
#top .tab-content ul {
list-style: none;
padding-inline-start: 0;
}
#top #tab-menu ul {
padding-inline: 20px;
}
#top #tab-menu ul>li+li {
box-sizing: border-box;
border-top: 1px solid #D9D9D9;
}
#top #tab-menu ul>li>a {
width: 100%;
justify-content: start;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #121212;
padding-block: 21px;
}
#top #tab-menu .top-links-social {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding-block-start: 40px;
}
#top #tab-menu .top-links-social a {
width: fit-content;
padding: 0;
}
#top #menu ul {
flex-direction: column;
align-items: start;
margin: 0;
}
#top #menu ul.nav>li {
position: relative;
width: 100%;
border-top: 1px solid #D9D9D9;
}
#top #menu ul.nav>li:nth-child(2) {
border-top: none;
}
#top #menu ul>li:hover {
border-bottom-color: transparent;
}
#top #menu ul>li>a {
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #121212;
padding-block: 21px;
}
#top #menu ul.nav>li.dropdown>a::after {
content: url('data:image/svg+xml,');
display: inline-block;
}
#top #menu ul.nav>li.dropdown.open>a::after {
content: url('data:image/svg+xml,');
}
#top .tab-pane .container {
max-width: 100%;
padding-inline: 20px !important;
}
#top #menu .dropdown.open {
border-bottom: none;
}
#top #menu .dropdown-menu {
position: static;
min-width: auto;
float: none;
transform: translateX(0);
background: transparent;
border: none;
box-shadow: none;
border-radius: 0;
padding: 0;
}
#top #menu .dropdown-menu .container {
padding: 0 !important;
}
#top #menu .dropdown-menu .dropdown-inner {
padding: 0;
}
#top-links-left {
padding-block-start: 10px;
}
.list-inline li {
padding-inline: 0;
}
#top-links-left .list-inline {
display: flex;
align-items: center;
gap: 25px;
}
#top-links-left .list-inline li {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #F9F9F9;
}
#top-links-left .list-inline li a {
color: #F9F9F9;
}
#top-links-right {
padding-block-start: 7.5px;
}
#top-links-right .list-inline {
display: flex;
align-items: center;
gap: 40px;
margin-block-end: 0;
}
#top-links-right .list-inline li {
display: flex;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #F9F9F9;
}
#top-links-right .list-inline li a {
color: #F9F9F9;
}
#form-language {
padding-inline: 5px;
}
#form-language .dropdown-toggle {
display: flex;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #F9F9F9;
padding: 0;
}
#form-language .dropdown-toggle:hover {
color: #F9F9F9;
}
#form-language .dropdown-menu {
min-width: 64px;
}
#form-language .dropdown-menu .language-select {
display: flex;
align-items: center;
gap: 4px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000;
}
#form-currency {
padding-inline: 5px;
}
#form-currency .dropdown-toggle {
display: flex;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #F9F9F9;
padding: 0;
}
#form-currency .dropdown-menu {
min-width: 64px;
}
#form-currency .dropdown-menu .currency-select {
display: flex;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000;
}
#top-links-right .top-links-social {
align-items: center;
gap: 33px;
}
#header {
margin-block-end: 20px;
}
#header .header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
#header .flex {
flex: 1 0 auto;
display: flex;
align-items: center;
justify-content: end;
gap: 20px;
}
#header .search {
flex: 1 0 auto;
display: flex;
justify-content: end;
}
#header #search {
max-width: 1076px;
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: end;
border-radius: 10px;
box-sizing: border-box;
border: 1px solid #D8A7A7;
margin-block-end: 0;
overflow: hidden;
}
#header #search .input-lg {
flex: 1 0 calc(100% - 60px);
height: 100%;
border: none;
box-shadow: none;
outline: none;
padding-inline: 37px;
}
#header #search .input-lg,
#header #search .input-lg::placeholder {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
}
#header #search .input-group-btn {
display: inline-flex;
width: 100%;
height: 60px;
}
#header #search .btn-lg {
width: 62px;
height: 60px;
background: #D8A7A7;
border: none;
outline: none;
padding: 0;
}
#header #search .btn-lg::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#header .account {
max-width: 250px;
width: 100%;
}
#header .account a {
width: 100%;
height: 60px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
color: #D8A7A7;
border: 1px solid #D8A7A7;
border-radius: 10px;
}
#cart {
margin-block-end: 0;
}
#cart>button {
position: relative;
width: 60px;
height: 60px;
background: #D8A7A7;
border-radius: 10px;
background-image: none;
border: none;
padding: 0;
}
#cart>button span {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
align-items: start;
justify-content: end;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #FFFFFF;
padding-block-start: 10px;
padding-inline-end: 10px;
}
#cart>button .fa-shopping-cart {
position: absolute;
bottom: 17px;
left: 16px;
}
#cart>button .fa-shopping-cart::before {
content: url('data:image/svg+xml,');
}
#header #cart .dropdown-menu {
position: fixed;
top: 0;
right: 0;
height: 100%;
max-height: 100%;
min-width: 250px;
max-width: 560px;
border-radius: 0;
background: #FFFFFF;
overflow: hidden;
padding: 50px 40px 85px;
margin: 0;
}
#header #cart .cart-dropdown-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-block-end: 60px;
}
#header #cart .cart-dropdown-title h3 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 1;
color: #000000;
margin: 0;
}
#header #cart .cart-dropdown-title button {
width: fit-content;
height: auto;
box-shadow: none;
background: transparent;
border: none;
border-radius: 0;
outline: none;
padding: 0;
}
#header #cart .cart-list {
max-height: 300px;
overflow-y: auto;
}
#header #cart .cart-product {
display: flex;
gap: 18px;
padding-block: 20px;
}
#header #cart .cart-product-image {
display: flex;
align-items: center;
gap: 18px;
}
#header #cart .cart-product-image button {
width: fit-content;
height: auto;
box-shadow: none;
background: transparent;
border: none;
border-radius: 0;
outline: none;
padding: 0;
}
#header #cart .cart-product-image a img {
min-width: 100px;
width: 100px;
aspect-ratio: 1;
border: 1px solid #D9D9D9;
border-radius: 10px;
padding: 0;
}
#header #cart .cart-product-info {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#header #cart .cart-product-info a {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #222222;
}
#header #cart .cart-product-info .cart-product-price {
display: flex;
justify-content: space-between;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
color: #000000;
}
#header #cart .buttons {
display: flex;
flex-direction: column;
gap: 12px;
}
#header #cart .buttons .btn {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
text-align: center;
box-sizing: border-box;
border: 2px solid #D8A7A7;
border-radius: 10px;
}
#header #cart .buttons .btn-default {
color: #D8A7A7;
background: transparent;
}
#header #cart .buttons .btn-primary {
color: #FFFFFF;
background: #D8A7A7;
}
#menu {
background: none;
border: none;
margin-block-end: 26px;
}
#menu .navbar-collapse {
padding-inline: 0;
}
#menu .navbar-collapse .navbar-nav {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
#menu .navbar-collapse .navbar-nav::after,
#menu .navbar-collapse .navbar-nav::before {
display: none;
}
#menu .navbar-collapse .navbar-nav li {
position: static;
box-sizing: border-box;
border-block-end: 2px solid transparent;
}
#menu .navbar-collapse .navbar-nav li:hover,
#menu .navbar-collapse .navbar-nav li.open {
border-block-end: 2px solid #D8A7A7;
}
#menu .navbar-collapse .navbar-nav li:hover>a,
#menu .navbar-collapse .navbar-nav li.open>a {
color: #D8A7A7;
}
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu,
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu {
top: 98%;
min-width: 100vw;
left: 50%;
margin-inline-start: 0 !important;
transform: translateX(-50%);
padding-block-start: 0;
}
#menu .navbar-collapse .dropdown-menu .list-unstyled li:hover a {
color: #000000;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .container,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .container {
padding-inline: 167px;
margin-inline: auto;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .dropdown-inner,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .dropdown-inner {
display: flex;
align-items: start;
justify-content: space-between;
padding-block: 36px;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .dropdown-inner ul>li,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .dropdown-inner ul>li {
border-bottom: none;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .dropdown-inner ul>li:hover,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .dropdown-inner ul>li:hover {
border-bottom: none;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .dropdown-inner ul>li:hover a,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .dropdown-inner ul>li:hover a {
color: #D8A7A7;
}
#menu .navbar-collapse .navbar-nav li.open .dropdown-menu .dropdown-inner ul>li>a,
#menu .navbar-collapse .navbar-nav li:hover .dropdown-menu .dropdown-inner ul>li>a {
padding-block: 14px;
}
#menu .navbar-collapse .navbar-nav a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #000000;
text-shadow: none;
padding-inline: 10px;
padding-block: 15px;
}
#menu .navbar-collapse .navbar-nav li.open a,
#menu .navbar-collapse .navbar-nav a:hover {
background: transparent;
}
/* Картка товару в категоріях та слайдерах ------------------------------------------------------------------------ */
.product-layout {
height: auto;
position: relative;
}
.product-layout .product-thumb {
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #ACACAC;
border-radius: 20px;
padding: 25px 25px 58px;
margin-block-end: 0;
}
.product-layout .image {
position: relative;
}
.product-layout .image img {
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.product-layout .caption {
min-height: auto !important;
padding-inline: 0;
}
.product-layout .caption .product-sku {
height: 21px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #D9D9D9;
text-align: center;
margin-block-start: 40px;
}
.product-layout .caption h4 {
margin-block: 0;
}
.product-layout .caption h4 a {
width: 100%;
height: calc(2 * (19px * 1.2));
overflow: hidden;
align-items: start;
font-family: 'Alice';
font-weight: 400;
font-size: 20px;
line-height: 23px;
text-align: center;
letter-spacing: -0.25px;
color: #222222;
margin-block-start: 12px;
margin-block-end: 20px;
}
.product-layout .caption .rating {
height: 27px;
display: flex;
align-items: center;
justify-content: center;
padding-block-end: 0;
margin-block-end: 20px;
}
.product-layout .caption .rating .review-count {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #121212;
padding-inline-start: 7px;
padding-block-end: 4px;
}
@media (min-width: 992px) {
.product-layout .caption .options-category {
display: none;
}
}
.product-layout .caption .control-label {
display: none;
}
#product .form-group .control-label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #000000;
margin-block-end: 18px;
}
#product .form-group .control-label::before {
display: none;
}
.product-layout .caption .options-category .form-group {
margin-bottom: 20px;
}
.product-layout .caption .options-category .form-group div:has(.radio),
#product .form-group div:has(.radio) {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
#product .form-group div:has(.radio) {
justify-content: start;
}
.product-layout .caption .options-category .radio,
#product .form-group .radio {
position: relative;
margin: 0;
}
.product-layout .caption .options-category .radio input,
#product .form-group .radio input {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
visibility: hidden;
}
.product-layout .caption .options-category .radio label,
#product .form-group .radio label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
text-align: center;
color: #000000;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 15px;
padding: 7px 10px;
}
.product-layout .caption .options-category .radio label:has(img),
#product .form-group .radio label:has(img) {
font-size: 0;
line-height: 0;
border: none;
border-radius: 50%;
padding: 0;
}
.product-layout .caption .options-category .radio:has(input:checked) label,
#product .form-group .radio:has(input:checked) label {
color: #FFFFFF;
background: #91D796;
border: 1px solid #91D796;
}
#product .form-group .radio:has(input:checked) label {
border: 2px solid #91D796;
}
.product-layout .caption .options-category .radio:has(input:checked) label:has(img),
#product .form-group .radio:has(input:checked) label:has(img) {
background: #FFFFFF;
padding: 2px;
}
.product-layout .caption .options-category .radio img,
#product .form-group .radio img {
border-radius: 50%;
box-sizing: border-box;
border: 1px solid #D9D9D9;
}
.product-layout .caption .options-category .radio img {
width: 30px;
height: 30px;
}
.product-layout .caption .price {
margin-block-end: 0;
}
.product-layout .caption .price,
.product-layout .caption .price-new {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 1;
color: #121212;
}
.product-layout .caption .price span {
display: inline-flex;
}
.product-layout .caption .price-old {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
text-decoration-line: line-through;
color: #666666;
}
.product-layout .button-group {
display: none;
align-items: center;
gap: 14px;
overflow: visible;
border-block-start: none;
background: transparent;
}
.product-layout .button-group button {
height: 50px;
display: inline-flex !important;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #91D796;
text-transform: none;
box-sizing: border-box;
border: 1px solid #91D796 !important;
border-radius: 10px;
padding-inline: 0;
background: transparent !important;
}
.product-layout .button-cart {
flex: 1;
justify-content: space-between;
margin-inline-end: -1px;
}
.product-layout .button-cart .button-cart-title {
flex: 1;
}
.product-layout .button-cart .button-cart-img {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: #91D796;
border-radius: 10px;
}
.product-layout .button-group button i {
width: 18px;
font-size: 0;
line-height: 0;
}
.product-layout .button-wishlist {
width: 50px !important;
justify-content: center;
}
.product-layout .button-group button:hover {
background: #91D796 !important;
}
.product-layout .button-group .button-cart:hover {
color: #FFFFFF;
}
.product-layout .button-group .button-wishlist:hover svg,
.product-layout .button-group .button-wishlist:hover svg path {
fill: #FFFFFF !important;
}
@media (min-width: 992px) {
.product-layout:hover {
height: 543px;
overflow: visible;
}
.product-layout:hover .product-thumb {
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding-block-end: 48px;
}
.product-layout:hover .caption .options-category {
display: block;
}
.product-layout:hover .button-group {
display: flex;
margin-block-start: 20px;
}
.product-layout:hover .caption h4 a {
height: 100%;
overflow: visible;
}
}
/* Пошук ---------------------------------------------------------------------------------------------------------- */
#product-search #search-row {
margin-block-end: 40px;
}
#product-search .search-choice {
display: flex;
align-items: center;
gap: 24px;
}
#product-search #search-row #button-search {
width: 100%;
outline: none !important;
}
#product-search h2 {
font-size: 24px;
margin-block-start: 0px;
margin-block-end: 70px;
}
#product-search #input-search {
flex: 1;
height: 50px;
display: flex;
align-items: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
cursor: pointer;
border: 1px solid #ACACAC;
border-radius: 10px;
padding: 10px 10px 11px 10px;
}
#product-search .custom-select-container {
flex: 1;
position: relative;
}
#product-search .styled-select-header {
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
cursor: pointer;
border: 1px solid #ACACAC;
border-radius: 10px;
padding: 10px 10px 11px 10px;
}
#product-search .styled-select-header.active svg {
transform: rotate(180deg);
}
#product-search .styled-select-options {
position: absolute;
z-index: 3;
top: calc(100% + 10px);
left: 0;
width: fit-content;
overflow: auto;
list-style: none;
border: 1px solid #ACACAC;
border-radius: 10px;
background: #FFFFFF;
clip-path: inset(0 round 10px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
padding-block-end: 15px;
padding-inline: 0px;
}
.styled-select-options::-webkit-scrollbar {
width: 2px;
background-color: #f1f1f1;
}
.styled-select-options::-webkit-scrollbar-track {
background: #f1f1f1;
}
.styled-select-options::-webkit-scrollbar-thumb {
border: 1px solid #c5c5c5;
}
#product-search .styled-select-options li {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #000000;
padding-inline: 15px;
padding-block: 8px;
}
#product-search .styled-select-options li:hover {
background-color: #f5f5f5;
}
#product-search .styled-select-options li.level-1 {
padding-inline-start: 25px;
}
#product-search .styled-select-options li.level-2 {
padding-inline-start: 35px;
}
#product-search .styled-select-options li.level-3 {
padding-inline-start: 45px;
}
#product-search .styled-select-options li.active-item {
font-weight: bold;
background-color: #e9ecef;
}
#product-search #search-row p {
margin: 0;
}
#product-search #search-row p + p {
margin-block-start: 5px;
}
#product-search .btn-primary {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
background-image: none;
border: none;
padding: 0;
}
@media (max-width: 1199px) {
#product-search .search-choice {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
}
#product-search .custom-select-container {
width: 100%;
}
}
@media (max-width: 767px) {
#product-search .search-choice,
#product-search #search-row p+p {
margin-bottom: 12px;
}
}
/* Слайдери ------------------------------------------------------------------------------------------------------- */
.swiper-viewport {
background: transparent;
margin-block-end: 0;
}
.slider .swiper-container {
padding-block-end: 100px;
margin-block-end: -100px;
}
.slider.swiper-viewport .swiper-pager {
top: calc(50% - 100px);
}
/* @media (max-width: 480px) {
.slider.swiper-viewport .swiper-pager {
display: none;
}
} */
.swiper-viewport .swiper-button-next {
opacity: 1 !important;
right: -40px !important;
text-align: right !important;
}
.swiper-viewport .swiper-button-next::before {
content: '';
}
.swiper-viewport .swiper-button-prev {
opacity: 1 !important;
left: -40px !important;
}
.swiper-viewport .swiper-button-prev::before {
content: '';
}
.swiper-viewport .swiper-button-disabled {
display: none !important;
}
.swiper-viewport {
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
box-sizing: border-box;
width: 10px;
height: 10px;
background: #FBF9F9;
border: 1px solid #D9D9D9;
box-shadow: none;
margin: 0 6px;
}
.swiper-pagination .swiper-pagination-bullet-active {
background: #D8A7A7;
border: 1px solid #D8A7A7;
}
.slider-latest .product-layout .xdsticker_bestseller,
.slider-latest .product-layout .xdsticker_sale {
display: none !important;
}
.slider-bestseller .product-layout .xdsticker_last,
.slider-bestseller .product-layout .xdsticker_sale {
display: none !important;
}
.slider-special .product-layout .xdsticker_last,
.slider-special .product-layout .xdsticker_bestseller {
display: none !important;
}
.carousel {
margin-block-start: 100px;
margin-block-end: -20px;
}
/* Головна сторінка ----------------------------------------------------------------------------------------------- */
.link-to-more {
text-align: right;
margin-block-start: 55px;
margin-block-end: 0;
}
#review .link-to-more {
margin-block-start: 0;
}
.link-to-more a {
gap: 10px;
font-family: 'Alice';
font-size: 24px;
line-height: 1.2;
color: #D8A7A7;
}
#content:has(.about-section) {
padding-block-end: 30px;
}
.row.about-section {
position: relative;
width: 100vw;
margin-inline: calc(50% - 50vw);
}
.about-section .slider-about {
background: transparent;
margin-block-end: 0;
}
.about-section .slider-about .swiper-pagination {
bottom: -30px;
}
.about-section .slider-about .swiper-slide {
position: relative;
padding: 140px 0 90px 0;
}
.about-section .slider-about .swiper-slide h3 {
font-family: 'Tenor Sans';
font-size: 48px;
line-height: 56px;
text-align: center;
color: #FFFFFF;
margin-block-start: 0;
margin-block-end: 34px;
}
.about-section .slider-about .swiper-slide p {
max-width: 1421px;
font-family: 'Montserrat';
font-size: 30px;
line-height: 1.5;
text-align: center;
color: #FFFFFF;
margin-block-start: 40px;
margin-block-end: 0;
margin-inline: auto;
}
.about-section .slider-about .swiper-slide a {
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 0;
width: 250px;
height: 50px;
font-family: 'Montserrat';
font-size: 20px;
line-height: 1.5;
text-align: center;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
}
.about-section .slider-about .swiper-pagination-bullet {
box-sizing: border-box;
width: 10px;
height: 10px;
background: #FBF9F9;
border: 1px solid #D9D9D9;
box-shadow: none;
margin: 0 6px;
}
.about-section .slider-about .swiper-pagination-bullet-active {
background: #D8A7A7;
border: 1px solid #D8A7A7;
}
.blog-latest .swiper-container {
padding-block-end: 0;
margin-block-end: 0;
}
.blog-latest .swiper-slide {
height: 100%;
display: flex;
flex-direction: column;
border-radius: 0;
border: none;
padding: 0;
}
.blog-latest .swiper-slide .image {
border-radius: 20px;
margin-block-end: 40px;
}
.blog-latest .swiper-slide .image img {
max-width: 100%;
object-fit: cover;
}
.blog-latest .swiper-slide .caption {
flex: 1;
display: flex;
flex-direction: column;
}
.blog-latest .swiper-slide .caption h4 {
height: calc(3 * (28px * 1.2));
overflow: hidden;
margin-block-start: 0;
margin-block-end: 32px;
}
.blog-latest .swiper-slide .caption h4 a {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #121212;
text-align: left;
margin: 0;
}
.blog-latest .swiper-slide .caption p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #121212;
margin-block-end: 40px;
}
.blog-latest .swiper-slide .caption button {
display: inline-flex;
align-items: center;
justify-content: end;
gap: 10px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #D8A7A7;
border: none;
box-shadow: none;
background: none;
outline: none;
padding: 0;
margin-block-start: auto;
}
@media (min-width: 992px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 100px;
}
}
@media (min-width: 1200px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 120px;
}
}
@media (min-width: 1400px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 150px;
}
}
@media (min-width: 1600px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 170px;
}
}
@media (min-width: 1920px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 190px;
}
}
@media (max-width: 991px) {
.blog-latest.slider.swiper-viewport .swiper-pager {
top: 120px;
}
}
/* "Хлібні крихти" ------------------------------------------------------------------------------------------------ */
.breadcrumb {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
flex-wrap: wrap;
border: none;
background: transparent;
padding: 0;
margin-block-start: 34px;
margin-block-end: 70px;
}
.breadcrumb li {
padding-left: 0;
padding-right: 8px;
}
.breadcrumb li a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #ACACAC;
white-space: normal;
}
.breadcrumb>li:after {
content: '/';
top: 0;
right: 0;
width: auto;
height: auto;
border: none;
transform: rotate(0);
font-family: 'Montserrat';
font-size: 14px;
line-height: 1.5;
color: #ACACAC;
}
.breadcrumb li:last-child::after {
content: '';
}
.breadcrumb li:last-child a {
color: #D8A7A7;
}
/* Категорія товару ----------------------------------------------------------------------------------------------- */
#product-category h1 {
text-align: center;
}
.subcategory ul {
list-style: none;
display: flex;
align-items: stretch;
gap: 8px;
flex-wrap: wrap;
padding-inline-start: 0;
margin-block-end: 80px;
}
.subcategory ul>li {
flex-basis: calc(20% - 8px);
}
.subcategory ul>li>a {
min-height: 60px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #000000;
text-align: center;
box-sizing: border-box;
border: 1px solid #ACACAC;
border-radius: 20px;
padding: 12px;
}
.subcategory ul>li>a:hover {
border: 1px solid #D8A7A7;
color: #D8A7A7;
}
#slider-subcat {
padding-block-end: 58px;
margin-block-end: 0px;
}
#slider-subcat .swiper-slide {
height: auto;
display: flex;
}
#slider-subcat .subcat-group {
width: 100%;
display: flex;
flex-direction: column;
justify-content: start;
gap: 4px;
}
#slider-subcat .subcat-group a {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: calc(50% - 2px);
width: 100%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 150%;
text-align: center;
color: #000000;
box-sizing: border-box;
border: 1px solid #ACACAC;
border-radius: 9.21671px;
padding: 12px 24px;
}
#slider-subcat .slider-subcat {
bottom: 30px;
}
.slider-subcategory.swiper-viewport .swiper-pager {
top: calc(50% - 58px / 2);
}
.slider-subcategory.swiper-viewport .swiper-button-next {
right: clamp(-40px, calc(-1 * (100vw - 768px) / 2), -16px) !important;
}
.slider-subcategory.swiper-viewport .swiper-button-prev {
left: clamp(-40px, calc(-1 * (100vw - 768px) / 2), -16px) !important;
}
.ocf-container {
padding-right: 20px;
border-right: 1px solid rgba(172, 172, 172, 1);
}
.ocf-container .ocf-value-slider {
display: none;
}
@media (min-width: 992px) {
.ocf-container .ocf-header {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
color: #121212;
box-sizing: border-box;
border-block-end: 1px solid #ACACAC;
padding-block-end: 60px;
margin-block-end: 24px;
}
.ocf-container .ocf-header i {
display: none;
}
.ocf-container .ocf-selected-card {
display: none;
}
.ocf-angle-down {
display: none !important;
}
.ocf-theme-light .ocf-filter {
border-bottom: 1px solid #D9D9D9;
padding-block-end: 24px;
margin-block-end: 24px;
}
.ocf-theme-light .ocf-dropdown .ocf-filter-header {
position: relative;
background: transparent !important;
}
.ocf-theme-light .ocf-dropdown .ocf-filter-header::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
width: 16px;
height: 16px;
transform: translateY(-68%);
right: 0;
}
.ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header::after {
content: url('data:image/svg+xml,');
}
.ocf-theme-light .ocf-dropdown.ocf-active .ocf-filter-header::after {
content: '';
}
.ocf-active-label {
display: none !important;
}
.ocf-filter-name {
display: inline-block !important;
}
.ocf-value-list {
padding-block-start: 28px;
padding-block-end: 16px;
}
.ocf-value,
.ocf-value:active,
.ocf-value:focus,
.ocf-value:visited,
.ocf-value:hover {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400 !important;
font-size: 18px !important;
line-height: 150% !important;
color: #000000 !important;
}
.ocf-value-input {
width: 12px !important;
height: 12px !important;
flex: 0 0 12px !important;
margin-block-start: 6px !important;
}
.ocf-footer {
padding: 0;
margin: 16px 0 0;
}
.ocf-footer .ocf-between {
justify-content: end !important;
}
.ocf-footer .ocf-between .ocf-btn-link {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #ACACAC;
}
}
.right-sorting {
display: flex;
align-items: center;
justify-content: end;
gap: 20px;
padding-block-end: 40px;
}
.right-sorting .view-sorting .form-group {
display: flex;
align-items: center;
gap: 20px;
margin-block-end: 0;
}
.right-sorting .view-sorting .input-group-addon {
width: auto;
height: auto;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
border: none;
background: transparent;
padding: 0;
}
.right-sorting .view-sorting .product-sort-custom {
display: inline-flex;
}
.right-sorting .view-sorting .custom-select {
position: relative;
}
.right-sorting .view-sorting .custom-select-trigger {
width: 253px;
height: auto;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #ACACAC;
border-radius: 10px;
padding: 10px 10px 11px 10px;
}
.right-sorting .view-sorting .selected-text {
max-width: 210px;
overflow: hidden;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
white-space: nowrap;
}
.right-sorting .view-sorting .custom-select .custom-select-dropdown {
display: none;
position: absolute;
top: calc(100% + 10px);
left: 0;
z-index: 3;
width: 100%;
list-style: none;
padding: 0;
border-radius: 10px;
overflow: hidden;
margin-block: 0;
background-color: #fff;
border: 1px solid #ACACAC;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.right-sorting .view-sorting .custom-select.open .custom-select-dropdown {
display: block;
}
.right-sorting .view-sorting .sort-option {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: #000000;
padding: 8px 12px;
cursor: pointer;
white-space: nowrap;
}
.right-sorting .view-sorting .sort-option:hover {
background-color: #f5f5f5;
}
.right-sorting .view-sorting .sort-option.active {
font-weight: bold;
background-color: #e9ecef;
}
.right-sorting .view-mode .btn-group {
display: flex;
align-items: center;
gap: 20px;
}
.right-sorting .view-mode .btn-group button {
outline: none;
background: transparent;
}
.right-sorting .view-mode button {
outline: none;
box-shadow: none;
border: none;
background: transparent;
padding: 0;
}
@media (min-width: 992px) {
.right-sorting .ocf-selected-desktop {
flex: 1;
display: flex;
align-items: center;
justify-content: start;
}
.right-sorting .ocf-selected-filter {
display: flex;
align-items: center;
justify-content: start;
gap: 16px;
padding: 0;
margin: 0;
}
.right-sorting .ocf-selected-filter button {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
background: transparent;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 12px;
padding: 4px 16px;
}
}
.custom-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 35px;
margin-block-start: 55px;
}
.custom-pagination li>a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #D8A7A7;
border: none;
padding-inline: 0;
}
.custom-pagination li.active>span {
z-index: 1;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #121212;
border-block-start: none;
border-inline: none;
border-block-end: 2px solid #D8A7A7;
background: transparent;
padding-inline: 6px;
padding-block-end: 10px;
}
.custom-pagination li.dots>span {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #D8A7A7;
border: none;
padding-inline: 0;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span{
border-radius: 0;
}
.custom-pagination li>a:hover,
.custom-pagination li.dots>span:hover,
.custom-pagination li.active>span:hover {
background: transparent;
}
.custom-pagination li.active>span:hover,
.custom-pagination li>a:hover {
color: #121212;
}
/* Картка товару -------------------------------------------------------------------------------------------------- */
#product-product .card-product {
margin-block-end: 120px;
}
#product-product .card-product .card-top {
display: flex;
gap: 43px;
}
#product-product .card-product .product-images {
flex: 1 1 calc(50% - 43px / 2);
}
#product-product .card-product .product-description {
flex: 1 1 calc(50% - 43px / 2);
}
#product-product .card-product .product-gallery {
display: flex;
align-items: start;
gap: 24px;
}
#product-product .card-product .gallery-thumbs-wrapper {
position: relative;
width: 125px;
height: 700px;
padding-block-end: 27px;
}
#product-product .card-product .gallery-thumbs {
max-height: 100%;
}
#product-product .card-product .gallery-thumbs .swiper-slide {
height: auto !important;
cursor: pointer;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 8px;
overflow: hidden;
}
#product-product .card-product .gallery-thumbs .swiper-slide img {
max-width: 100%;
}
#product-product .card-product .gallery-thumbs .swiper-slide-thumb-active {
border-color: #000;
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-next {
width: calc(100% + 4px);
height: 26px;
top: 100%;
background-color: #fff;
transform: translate(10%, -16%);
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-next::before {
content: url('data:image/svg+xml,');
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: rotate(90deg) translate(-100%, -0%);
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-prev {
width: calc(100% + 4px);
height: 27px;
top: 25px;
background-color: #fff;
transform: translate(-9%, -16%);
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-prev::before {
content: url('data:image/svg+xml,');
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: rotate(90deg) translate(-100%, -0%);
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-disabled {
display: none !important;
}
#product-product .card-product .gallery-top {
flex: 1;
max-width: 700px;
width: 100%;
aspect-ratio: 1;
}
#product-product .card-product .gallery-top .swiper-slide{
max-width: 100%;
box-sizing: border-box;
border: 1px solid #D9D9D9;
border-radius: 20px;
overflow: hidden;
}
#product-product .card-product .gallery-top .swiper-slide img {
max-width: 100%;
object-fit: cover;
}
#product-product .card-product h1 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 42px;
color: #222222;
margin-block-start: 0;
margin-block-end: 28px;
}
#product-product .product-description .rating-line {
display: flex;
align-items: center;
justify-content: space-between;
margin-block-end: 48px;
}
#product-product .product-description .rating p {
display: flex;
align-items: center;
margin-block-end: 0;
}
#product-product .product-description .rating p span svg {
width: 28px;
height: 28px;
}
#product-product .product-description .rating .counter-reviews {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #121212;
margin-left: 12px;
}
#product-product .product-description .rating .write-reviews {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #D8A7A7;
margin-left: 28px;
}
#product-product .product-description .product-sku {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #D9D9D9;
}
#product-product .product-description #product .form-group-radio>label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
color: #000000;
}
#product-product .product-description #product .form-group-radio>div {
display: flex;
align-items: center;
gap: 10px;
}
#product-product .product-description #product .form-group-radio>div .radio {
margin: 0;
}
#product-product .product-description .product-price {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 1.5;
color: #000000;
}
#product-product .product-description .product-old-price {
font-size: 32px;
margin-right: 12px;
}
#product-product .product-description .product-stock {
display: inline-block;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
color: #70C06A;
margin-block-end: 48px;
}
#product-product .product-description #product .buy-buttons {
display: flex;
gap: 20px;
}
#product-product .product-description #product .quantity-control {
display: inline-flex;
box-sizing: border-box;
border: 1.16px solid #D9D9D9;
border-radius: 13.92px;
overflow: hidden;
}
#product-product .product-description #product .quantity-control .input-group-btn {
width: auto;
}
#product-product .product-description #product .quantity-control .input-group-btn button {
height: 100%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 27.84px;
line-height: 1;
color: #ACACAC;
padding-inline: 23px;
margin: 0;
background: transparent;
}
#product-product .product-description #product .quantity-control input {
width: 50px;
height: 100%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 27.84px;
line-height: 1.5;
color: #000000;
text-align: center;
padding-inline: 0;
padding-block: 11px;
}
#product-product .product-description #product .quantity-control .input-group-btn button,
#product-product .product-description #product .quantity-control input {
outline: none;
border: none;
box-shadow: none;
}
#product-product .product-description #product .form-group button {
height: 100%;
display: inline-flex;
align-items: center;
background: transparent;
outline: none;
box-shadow: none;
text-shadow: none;
padding: 0;
}
#product-product .product-description #product .form-group #button-cart {
max-width: 308px;
min-height: 60px;
justify-content: center;
box-sizing: border-box;
border: 1.16px solid #91D796;
border-radius: 11.6px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 23.2px;
line-height: 1.5;
color: #91D796;
}
#product-product .product-description #product .form-group #button-cart span {
flex: 1;
text-align: center;
}
#product-product .product-description #product .form-group #button-cart svg {
margin-right: -1px;
}
#product-product .product-description #product .form-group #button-wishlist {
justify-content: center;
aspect-ratio: 1;
box-sizing: border-box;
border: 1.16px solid #91D796;
border-radius: 11.6px;
padding: 16px;
}
#product-product .product-description #methods-accordion {
margin-block-end: 0;
}
#product-product .product-description #methods-accordion .panel {
border-radius: 0;
border: 0;
box-shadow: none;
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
}
#product-product .product-description #methods-accordion .panel-heading {
border-radius: 0;
border: 0;
background: transparent;
box-shadow: none;
padding: 0;
}
#product-product .product-description #methods-accordion .panel-title a {
position: relative;
width: 100%;
justify-content: start;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #000000;
padding: 21px 24px 21px 0px;
}
#product-product .product-description #methods-accordion .panel-title a::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
#product-product .product-description #methods-accordion .panel-title a[aria-expanded="true"]::after {
content: url('data:image/svg+xml,');
}
#product-product .product-description #methods-accordion .panel-body {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
border-top: 2px solid #D8A7A7;
padding: 40px;
}
#product-product .product-tabs-section {
margin-block-end: 120px;
}
#product-product .product-tabs-section .tabs-titles {
display: flex;
align-items: start;
gap: 40px;
}
#product-product .product-tabs-section ul {
display: flex;
flex-direction: column;
border-bottom: none;
padding-block-start: 5px;
}
#product-product .product-tabs-section ul>li {
margin-block-end: 0;
}
#product-product .product-tabs-section ul>li>a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
text-transform: uppercase;
border-radius: 0;
border-right: 1px solid rgba(217, 217, 217, 1);
padding-inline-end: 40px;
padding-block: 22px;
}
#product-product .product-tabs-section ul>li>a:hover {
background-color: transparent;
border-color: transparent;
border-right: 1px solid rgba(217, 217, 217, 1);
}
#product-product .product-tabs-section ul>li.active>a {
font-weight: 500;
color: rgba(216, 167, 167, 1);
border: none;
border-right: 2px solid rgba(216, 167, 167, 1);
}
#product-product .product-tabs-section .tab-content {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #000000;
}
#product-product .product-tabs-section .tab-content .tab-description-text {
max-height: 315px;
overflow: hidden;
position: relative;
transition: max-height 0.5s ease-out;
}
#product-product .product-tabs-section .tab-content .tab-description-text.expanded {
max-height: 2000px;
}
#product-product .product-tabs-section .tab-content .tab-description-text::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
height: 100px;
}
#product-product .product-tabs-section .tab-content .tab-description-text.expanded::after {
display: none;
}
#product-product .product-tabs-section .tab-content #tab-description a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1.5;
color: #D8A7A7;
border-bottom: 1px solid #D8A7A7;
margin-block-start: 20px;
}
#product-product #tab-review #review {
margin-block-end: 40px;
}
#product-product #tab-review #review .reviews-flex {
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 40px;
margin-block-end: 40px;
}
#product-product #tab-review #review .reviews-item {
flex: 1 0 calc(50% - 40px);
box-sizing: border-box;
border-color: #ACACAC;
border-radius: 20px;
padding: 30px 36px 30px 38px;
}
#product-product #tab-review #review .author-block {
margin-block-end: 32px;
}
#product-product #tab-review #review .author-image {
width: 50px;
height: 50px;
background: #D8A7A7;
border-radius: 10px;
margin-right: 7px;
}
#product-product #tab-review #review .author-name {
display: flex;
align-items: center;
margin-block-end: 10px;
}
#product-product #tab-review #review .author-name h4 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #121212;
margin-right: 7px;
margin-block: 0;
}
#product-product #tab-review #review .author-name span {
display: inline-flex;
align-items: center;
justify-content: center;
}
#product-product #tab-review #review .author-date {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #666666;
}
#product-product #tab-review #review .review-block {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
}
#product-product #tab-review h3 {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #000000;
margin-block-end: 60px;
}
/* Відгук в картці товару ----------------------------------------------------------------------------------------- */
#product-product .new-review label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #000000;
text-align: left;
}
#product-product .new-review input.form-control {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
color: #000000;
border-inline: 0;
border-block-start: 0;
border-radius: 0;
border-color: rgba(172, 172, 172, 1);
box-shadow: none;
padding: 37px 0 18px 0;
}
#product-product .new-review textarea {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.5;
color: #000000;
box-sizing: border-box;
background: #FBF9F9;
border: 1px solid #ACACAC;
border-radius: 20px;
box-shadow: none;
padding: 32px 24px;
}
#product-product .new-review ::placeholder {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #ACACAC;
}
#product-product #button-review {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
box-shadow: none;
border: none;
outline: none;
padding: 20px 40px;
}
#product-product .rating {
display: flex;
align-items: center;
gap: 18px;
}
#product-product .rating>label {
padding-top: 0;
}
#product-product .sr {
position: relative;
display: inline-block;
max-width: calc(36px * 5);
width: 100%;
height: 36px;
padding: 0;
}
@media (max-width:1439px) {
#product-product .rating {
gap: 0;
}
}
@media (max-width:1199px) {
#product-product .new-review label {
font-size: 12px;
}
}
@media (max-width:991px) {
#product-product .rating {
gap: 18px;
}
#product-product .new-review label {
font-size: 18px;
}
#product-product .sr {
width: calc(30px * 5);
height: 30px;
}
#product-product .sr label::before {
width: 30px;
height: 30px;
}
}
#product-product .sr-items {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: row-reverse;
overflow: hidden;
}
#product-product .sr-item {
position: absolute;
width: 0%;
height: 0%;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
}
#product-product .sr label {
position: relative;
flex: 0 0 20%;
height: 100%;
cursor: pointer;
margin-block-end: 0;
}
#product-product .sr label::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
left: 0;
width: 36px;
}
#product-product .sr label:hover::before,
#product-product .sr label:hover~label::before,
#product-product .sr label:checked~label:hover::before,
#product-product .sr-item:checked~label::before {
content: url('data:image/svg+xml,');
}
/* Інформаційні сторінки ----------------------------------------------------------------------------------------- */
#information-contact .contact-content {
display: flex;
column-gap: 82px;
padding-block-start: 30px;
margin-block-end: 120px;
}
#information-contact h3,
#information-contact legend {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 33px;
color: #000000;
border: none;
padding: 0;
margin-block-start: 0;
}
#information-contact h3 {
margin-block-end: 40px;
}
#information-contact legend {
margin-block-end: 54px;
}
#information-contact .comment {
width: 38%;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #000000;
box-sizing: border-box;
border: 1px solid #D8A7A7;
border-radius: 10px;
padding: 40px;
}
#information-contact .form {
flex: 1;
}
#information-contact .form input,
#information-contact .form textarea,
#information-contact .form input::placeholder,
#information-contact .form textarea::placeholder {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
}
#information-contact .form-group {
margin-block-end: 35px;
}
#information-contact .form input,
#information-contact .form textarea {
color: #000000;
border-radius: 0;
border-block-start: none;
border-inline: none;
box-shadow: none;
padding: 0 0 12px;
}
#information-contact .form textarea {
resize: none;
padding: 0;
}
#information-contact .form input::placeholder,
#information-contact .form textarea::placeholder {
color: #ACACAC;
}
#information-contact .form .buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 0px;
margin: 0;
}
#information-contact .form .buttons input {
max-width: 500px;
width: 100%;
height: 72px;
display: flex;
align-items: start;
justify-content: center;
gap: 4px;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
background-image: none;
border: none;
outline: none !important;
padding: 0 24px;
}
#information-contact .contacts {
flex: 1;
display: flex;
flex-direction: column;
row-gap: 20px;
}
#information-contact .contacts .contacts-item {
display: flex;
align-items: start;
gap: 20px;
}
#information-contact .contacts .contacts-item svg {
max-width: fit-content;
width: 100%;
}
#information-contact .contacts .contacts-item p,
#information-contact .contacts .contacts-item a,
#information-contact .contacts .contacts-item address {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #121212;
}
.geocode-maps {
margin-block-end: -7px;
}
@media (max-width: 1199px) {
#information-contact .contact-content {
flex-wrap: wrap;
padding-block-start: 0;
}
#information-contact .comment {
width: 100%;
margin-block-end: 40px;
}
}
@media (max-width: 991px) {
#information-contact .contact-content {
flex-direction: column;
gap: 40px;
}
#information-contact .comment {
margin-block-end: 0;
}
}
@media (max-width: 767px) {
#information-contact h1 {
font-size: 28px;
line-height: 33px;
}
#information-contact .contact-content {
margin-block-end: 80px;
}
#information-contact .comment {
font-size: 16px;
padding: 30px;
}
#information-contact h3,
#information-contact legend {
font-size: 24px;
line-height: 28px;
}
#information-contact legend {
margin-block-end: 40px;
}
#information-contact h3 {
margin-block-end: 23px;
}
#information-contact .form .buttons input {
font-size: 24px;
line-height: 27px;
}
#information-contact .contacts .contacts-item p,
#information-contact .contacts .contacts-item a,
#information-contact .contacts .contacts-item address {
font-size: 16px;
}
}
@media (max-width: 480px) {
#information-contact h1 {
margin-block-start: 20px;
margin-block-end: 18px;
}
#information-contact .form .buttons input {
padding: 0;
}
}
#information-information {
padding-block-start: 50px;
}
#information-information h2,
#information-delivery h2 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
color: #000000;
text-align: left;
margin-block-start: 30px;
margin-block-end: 40px;
}
#information-information #content h3,
#information-delivery #content h3 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-block-start: 60px;
margin-block-end: 32px;
}
#information-information #content h4 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: .85;
color: #000000;
margin-block-start: 60px;
margin-block-end: 32px;
}
#information-information #content h3:first-of-type {
margin-block-start: 30px;
}
#information-information #content p,
#information-information #content a,
#information-information #content ol,
#information-information #content ul,
#information-delivery #content p,
#information-delivery #content a,
#information-delivery #content ol,
#information-delivery #content ul {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #000000;
margin: 0;
}
#information-information #content ul {
list-style: none;
padding-inline-start: 40px;
}
#information-information #content ul li,
#information-delivery #content ul li {
position: relative;
}
#information-information #content ul li::before {
content: url('data:image/svg+xml,');
}
#information-delivery #content ul li::before {
content: url('data:image/svg+xml,');
}
#information-information #content ul li::before,
#information-delivery #content ul li::before {
position: absolute;
top: -2px;
left: -18px;
}
#information-information #content a,
#information-delivery #content a {
text-decoration: underline;
}
#information-information #content p.p-width {
max-width: 733px;
padding-block-start: 13px;
margin-inline: auto;
}
#information-information #content a.link-telegram {
width: 420px;
height: 76px;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
color: #FFFFFF;
text-decoration: none;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 16px;
background: #D8A7A7;
border-radius: 20px;
margin-inline: auto;
}
@media (max-width: 767px) {
#information-information {
padding-block-start: 0;
}
#information-information h1,
#information-delivery h1 {
margin-block-start: 0;
margin-block-end: 18px;
}
#information-information #content h3:first-of-type {
margin-block-start: 0;
}
#information-information #content h3,
#information-delivery #content h3 {
font-size: 24px;
margin-block-end: 20px;
}
#information-information #content p,
#information-information #content a,
#information-information #content ol,
#information-information #content ul,
#information-delivery #content p,
#information-delivery #content a,
#information-delivery #content ol,
#information-delivery #content ul {
font-size: 16px;
}
#information-information #content p:last-of-type,
#information-delivery #content p:last-of-type {
margin-block-end: 20px;
}
#information-information #content ul,
#information-delivery #content ul {
padding-inline-start: 22px;
}
#information-information #content ul li::before,
#information-delivery #content ul li::before {
left: -21px;
}
}
@media (max-width: 480px) {
#information-information #content a.link-telegram {
max-width: 352px;
width: 100%;
height: 64px;
font-size: 23px;
border-radius: 10px;
}
#information-information #content a.link-telegram img {
width: 30px;
}
}
#information-about .d-flex {
gap: 14px;
}
#information-about .d-flex::after,
#information-about .d-flex::before {
display: none;
}
#information-about p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
color: #121212;
margin-block-start: auto;
margin-block-end: 0;
}
#information-about .about-image {
position: relative;
z-index: -2;
background: #ACACAC;
border-radius: 20px;
overflow: hidden;
}
#information-about img {
max-width: 100%;
width: 100%;
object-fit: cover;
}
#information-about .image-background {
position: absolute;
}
#information-about .block-text {
display: flex;
}
#information-about .d-flex-one {
margin-block-start: 30px;
margin-block-end: 60px;
}
#information-about .d-flex-one .block-text {
padding-inline-start: 296px;
padding-block-end: 184px;
}
#information-about .d-flex-one .image-background {
z-index: -1;
top: 65px;
right: 108px;
padding-inline-start: 130px;
}
#information-about .d-flex-two {
margin-block-end: 141px;
}
#information-about .d-flex-two .about-image {
margin-inline-start: 104px;
}
#information-about .d-flex-two .col-md-5.relative .image-background {
left: 0;
bottom: -120px;
}
#information-about .d-flex-two .block-text {
padding-block-end: 118px;
}
#information-about .d-flex-two .block-text p {
margin-block-start: auto;
}
#information-about .d-flex-two .block-text .image-background {
top: -180px;
right: 320px;
}
#information-about .d-flex-three {
margin-block-end: 223px;
}
#information-about .d-flex-three .block-text {
flex-direction: column;
padding-block-end: 128px;
}
#information-about .d-flex-three .block-text p:first-child {
margin-block-start: auto;
}
#information-about .block-text p+p {
margin-block-start: 36px;
}
#information-about .d-flex-three .block-text .image-background {
z-index: -1;
right: -250px;
bottom: -55%;
}
#information-about .d-flex-three .col-md-6:has(.about-image) .image-background {
top: -50%;
right: 90px;
}
#information-about .d-flex-for {
margin-block-end: 83px;
}
#information-about .d-flex-for .about-image {
margin-inline-start: 70px;
margin-inline-end: 33px;
}
#information-about .d-flex-for .image-background {
left: 0;
bottom: -15%;
}
#information-about .d-flex-for .block-text {
z-index: 1;
flex-direction: column;
padding-block-end: 73px;
}
#information-about .d-flex-for .block-text p:first-child {
margin-block-start: auto;
}
@media (max-width: 1772px) {
#information-about .d-flex-one .block-text {
padding-inline-start: 208px;
padding-block-end: 150px;
}
#information-about .d-flex-two .block-text .image-background {
right: 274px;
}
#information-about .d-flex-two .block-text {
padding-block-end: 100px;
}
#information-about .d-flex-three .block-text {
padding-block-end: 70px;
}
#information-about .d-flex-three .block-text .image-background {
right: -260px;
}
#information-about .d-flex-three .col-md-6:has(.about-image) .image-background {
right: 105px;
}
#information-about .d-flex-for .image-background {
bottom: -19%;
}
#information-about .d-flex-for .block-text {
padding-block-end: 20px;
}
}
@media (max-width: 1439px) {
#information-about p {
font-size: 20px;
}
#information-about .d-flex-one .block-text {
padding-inline-start: 120px;
padding-block-end: 40px;
}
#information-about .d-flex-one .image-background {
top: 40px;
right: 100px;
padding-inline-start: 50px;
}
#information-about .d-flex-two .block-text .image-background {
width: 180px;
top: -140px;
right: 190px;
}
#information-about .d-flex-two .about-image {
margin-inline-start: 60px;
}
#information-about .d-flex-two .col-md-5.relative .image-background {
width: 210px;
left: 0;
bottom: -90px;
}
#information-about .d-flex-two .block-text {
padding-block-end: 75px;
}
#information-about .d-flex-three .block-text {
padding-block-end: 50px;
}
#information-about .d-flex-three .block-text .image-background {
width: 72px;
right: -180px;
bottom: -50%;
}
#information-about .d-flex-three .col-md-6:has(.about-image) .image-background {
width: 31px;
top: -40%;
right: 105px;
}
#information-about .d-flex-for .about-image {
margin-inline-start: 70px;
margin-inline-end: 0px;
}
#information-about .d-flex-for .image-background {
width: 145px;
left: 0;
bottom: -5%;
}
#information-about .d-flex-for .block-text {
padding-block-end: 0px;
}
}
@media (max-width: 1199px) {
#information-about p {
font-size: 18px;
}
#information-about .d-flex-one .block-text {
top: 20px;
right: 50px;
}
#information-about .d-flex-two .block-text .image-background {
width: 150px;
top: -130px;
right: 175px;
}
#information-about .d-flex-two .col-md-5.relative .image-background {
width: 175px;
left: 0;
bottom: -70px;
}
#information-about .d-flex-two .block-text {
padding-block-end: 60px;
}
#information-about .d-flex-three .block-text {
padding-block-end: 24px;
}
#information-about .d-flex-three .block-text .image-background {
width: 68px;
right: -170px;
bottom: -60%;
}
#information-about .d-flex-three .col-md-6:has(.about-image) .image-background {
width: 28px;
top: -45%;
right: 80px;
}
#information-about .d-flex-for .about-image {
margin-inline-start: 60px;
}
#information-about .d-flex-for .image-background {
width: 130px;
left: 0;
bottom: 0%;
}
}
@media (max-width: 991px) {
#information-about .d-flex {
flex-direction: column;
gap: 60px;
}
#information-about .about-image {
border-radius: 8.57924px;
}
#information-about .image-background {
z-index: -1;
}
#information-about .block-text p+p {
margin-block-start: 24px;
}
#information-about .d-flex-one {
margin-block-start: 0px;
margin-block-end: 85px;
}
#information-about .d-flex-one .block-text {
top: 0;
right: 0;
padding-inline-start: 15px;
padding-block-end: 25px;
}
#information-about .d-flex-one .image-background {
width: 273px;
top: 67px;
right: 24px;
padding-inline-start: 0px;
}
#information-about .d-flex-two {
flex-direction: column-reverse;
margin-block-end: 85px;
}
#information-about .d-flex-two .block-text {
padding-block-end: 0px;
}
#information-about .d-flex-two .block-text .image-background {
width: 110px;
top: -175px;
left: calc(40px + 15px);
right: auto;
}
#information-about .d-flex-two .about-image {
margin-inline-start: 0px;
margin-inline-end: 90px;
}
#information-about .d-flex-two .col-md-5.relative .image-background {
width: 130px;
left: auto;
right: 50px;
bottom: -23px;
}
#information-about .d-flex-three {
margin-block-end: 85px;
}
#information-about .d-flex-three .block-text .image-background {
width: 46px;
right: auto;
left: 45px;
bottom: -420px;
}
#information-about .d-flex-three .col-md-6:has(.about-image) .image-background {
width: 20px;
top: -47%;
right: 50px;
}
#information-about .d-flex-for {
flex-direction: column-reverse;
}
#information-about .d-flex-for .about-image {
margin-inline-start: 0px;
margin-inline-end: 40px;
}
#information-about .d-flex-for .image-background {
width: 84px;
left: auto;
right: 15px;
bottom: -60px;
}
}
@media (max-width: 767px) {
#information-about #content {
padding-inline: clamp(15px, -301.61px + 57.6vw, 140px);
}
}
@media (max-width: 480px) {
#information-about p {
font-size: 16px;
}
}
#information-delivery .delivery-options {
margin-block-end: 80px;
}
#information-delivery #content h4 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: .85;
color: #000000;
margin-block: 40px;
}
@media (max-width: 991px) {
#information-delivery #content h4 {
margin-block-start: 60px;
margin-block-end: 50px;
}
}
#information-delivery .options-tabs .four-tabs-wrapper {
display: flex;
align-items: stretch;
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
}
#information-delivery .options-tabs .tab-header {
flex: 1;
display: flex;
align-items: center;
gap: 20px;
border-bottom: 3px solid transparent;
margin-block-end: -1px;
padding-inline-end: 10px;
padding-block-end: 40px;
}
#information-delivery .options-tabs .tab-header img {
max-width: 100%;
height: 72px;
object-fit: cover;
}
#information-delivery .options-tabs .tab-header p {
font-family: 'Alice' !important;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #000000;
}
#information-delivery .options-tabs .tab-header.active {
border-bottom: 3px solid #D8A7A7;
}
#information-delivery .options-tabs .tab-content-wrapper {
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
}
#information-delivery .options-tabs .tab-content {
display: flex;
gap: 24px;
padding-block: 40px;
}
#information-delivery .options-tabs .tab-content .tab-items {
flex-basis: 33.333333%;
}
#information-delivery .options-tabs .tab-content#content-3 .tab-items {
flex-basis: 100%;
}
#information-delivery .tab-content .tab-items ul {
list-style: none;
padding-inline-start: 20px;
}
#information-delivery .tab-content h5 {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 1;
color: #000000;
margin-block-start: 0;
margin-block-end: 32px;
}
#information-delivery .options-accordion .four-tabs-wrapper {
max-width: 420px;
margin-inline: auto;
}
#information-delivery .options-accordion .tab-header {
position: relative;
display: flex;
align-items: center;
gap: 20px;
border-bottom: 1px solid #D9D9D9;
cursor: pointer;
padding-block-end: 28px;
margin-block-end: 28px;
}
@media (max-width: 480px) {
#information-delivery .options-accordion .tab-header {
padding-inline-end: 30px;
}
}
#information-delivery .options-accordion .tab-header.active {
border-bottom: 3px solid #D8A7A7;
margin-block-end: 40px;
}
#information-delivery .options-accordion .tab-header img {
max-width: 100%;
height: 72px;
}
#information-delivery .options-accordion .tab-header p {
font-family: 'Alice' !important;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #000000;
margin-block-end: 0px !important;
}
#information-delivery .options-accordion .tab-header:after {
content: url('data:image/svg+xml,');
position: absolute;
top: calc(50% - 28px);
right: 0;
height: 18px;
width: 18px;
display: inline-block;
margin-block-end: 35px;
}
#information-delivery .options-accordion .tab-header.active:after {
content: url('data:image/svg+xml,');
}
#information-delivery .options-accordion .tab-content {
flex-direction: column;
border-bottom: 1px solid #D9D9D9;
padding-block-end: 40px;
margin-block-end: 40px;
}
#information-delivery .options-accordion .tab-items+.tab-items {
margin-block-start: 40px;
}
#information-delivery .options-accordion .tab-content h5 {
font-size: 22px;
margin-block-end: 28px;
}
#information-delivery .pay-image {
height: 82px;
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
margin-block-start: 40px;
}
#information-delivery .pay-image>div {
display: flex;
align-items: center;
justify-content: center;
gap: 60px;
}
@media (max-width: 991px) {
#information-delivery .pay-image {
height: auto;
flex-direction: column;
gap: 31px;
}
#information-delivery .pay-image>div {
gap: 23px;
}
}
#information-delivery p:has(b) {
padding-block-start: 40px;
}
/* Модальне вікно авторизації/реєстрації ------------------------------------------------------------------------- */
#popuplogin .modal-lg {
position: absolute;
top: 0;
right: 0;
width: 100%;
max-width: 562px;
height: 100%;
margin: 0;
}
#popuplogin .modal-content {
width: 100%;
height: 100%;
border-radius: 0;
}
#popuplogin .modal-body {
width: 100%;
max-height: 100%;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
padding-inline: 25px;
padding-block-end: 60px;
}
#popuplogin .modal-body::-webkit-scrollbar {
display: none;
}
#popuplogin button.close {
opacity: 1;
}
#popuplogin h1 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-block-end: 60px;
}
#popuplogin .form-group+.form-group {
margin-block-start: 40px;
margin-block-end: 24px;
}
#popuplogin .form-group:has(input[name="firstname"]) {
margin-block-start: 0;
}
#popuplogin .form-group.custom-field {
display: none !important;
}
#popuplogin .control-label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
color: #000000;
margin-block-end: 0;
}
#popuplogin input[type="text"],
#popuplogin input[type="password"] {
height: 48px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #121212;
border: none;
border-radius: 0;
box-sizing: border-box;
border-block-end: 2px solid #D8A7A7 !important;
box-shadow: none !important;
padding: 0;
}
#popuplogin input[type="text"]::placeholder,
#popuplogin input[type="password"]::placeholder {
color: #ACACAC;
}
#popuplogin .forgot {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: #ACACAC;
text-decoration: underline;
margin-block-start: 16px;
}
#popuplogin .buttons.clearfix::after,
#popuplogin .buttons.clearfix::before {
display: none;
}
#popuplogin .buttons.clearfix {
display: flex;
flex-direction: column;
}
#popuplogin .buttons.clearfix>div {
display: flex;
align-items: center;
}
#popuplogin .buttons.clearfix>div input[type="checkbox"] {
display: none;
}
#popuplogin .buttons.clearfix>div label {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #000000;
position: relative;
padding-left: 50px;
cursor: pointer;
display: inline-block;
user-select: none;
}
#popuplogin .buttons.clearfix>div label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
box-sizing: border-box;
border: 1px solid #D9D9D9;
background: #FFFFFF;
border-radius: 4px;
transition: all 0.3s;
}
#popuplogin .buttons.clearfix>div input[type="checkbox"]:checked+label:before {
background: #FBF9F9;
}
#popuplogin .buttons.clearfix>div label:after {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-35%) scale(0);
transition: all 0.2s;
}
#popuplogin .buttons.clearfix>div input[type="checkbox"]:checked+label:after {
transform: translateY(-35%) scale(1);
}
#popuplogin .btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 66px;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
outline: none !important;
border: 1px solid #D8A7A7 !important;
border-radius: 10px;
}
#popuplogin .btn-primary {
color: #FFFFFF;
background: #D8A7A7;
margin-block-start: 40px;
}
#popuplogin .btn-secondary {
color: #D8A7A7;
margin-block-start: 28px;
}
#popuplogin .in-other {
margin-block-start: 60px;
}
#popuplogin .in-other p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
text-align: center;
color: #000000;
}
@media (max-width: 767px) {
#popuplogin .modal-lg {
max-width: 95%;
}
#popuplogin .modal-body {
padding-inline: 5px;
padding-block-start: 24px;
}
#popuplogin .modal-title {
position: relative;
}
#popuplogin .modal-title .close {
position: absolute;
right: 4px;
top: 50%;
transform: translateY(-50%);
}
#popuplogin .modal-title p {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
text-align: center;
color: #ACACAC;
}
#popuplogin h1 {
font-size: 36px;
line-height: 42px;
margin-block-start: 28px;
}
#popuplogin .btn {
font-size: 26px;
}
}
@media (max-width: 375px) {
#popuplogin .modal-lg {
max-width: 100%;
}
}
/* Підвал сайту -------------------------------------------------------------------------------------------------- */
#footer {
background: rgba(39, 63, 77, 1);
padding-block-start: 98px;
padding-block-end: 40px;
margin-block-start: 114px;
}
#footer .footer-left img {
margin-block-end: 40px;
}
#footer .footer-left p {
font-family: 'Montserrat';
font-size: 16px;
line-height: 1.5;
color: #F9F9F9;
margin: 0;
}
#footer h3 {
font-family: 'Alice';
font-size: 26px;
line-height: 1.2;
color: #F9F9F9;
margin-block-end: 30px;
}
#footer ul {
list-style: none;
padding-left: 0;
}
#footer .footer-menu {
display: flex;
justify-content: space-between;
padding-inline-end: 20px;
}
#footer .footer-menu-list li+li {
margin-block-start: 4px;
}
#footer .footer-menu-list>li>a {
font-family: 'Montserrat';
font-size: 16px;
line-height: 1.5;
color: #F9F9F9;
}
#footer .footer-menu-list>li>a:hover {
text-decoration: underline;
}
#footer #menu ul {
flex-direction: column;
}
#footer address {
margin-block-end: 60px;
}
#footer address p {
display: flex;
align-items: center;
gap: 14px;
font-family: 'Montserrat';
font-size: 18px;
line-height: 1.5;
color: #F9F9F9;
}
#footer address p:last-child {
margin-block-start: 40px;
}
#footer .footer-right .footer-links {
display: flex;
align-items: center;
gap: 40px;
}
#footer hr {
border: none;
height: 1px;
background: linear-gradient(to right, rgba(39, 63, 77, 1), rgba(217, 167, 167, 1), rgba(39, 63, 77, 1));
margin-block-start: 102px;
margin-block-end: 0;
}
/* Плаваюча кнопка скролу до верху сторінки ----------------------------------------------------------------------- */
#scrollToTopBtn {
position: fixed;
bottom: 80px;
right: 40px;
z-index: 99;
width: 60px;
height: 60px;
display: none;
border: none;
outline: none;
cursor: pointer;
background: #D9A7A7;
border-radius: 10px;
opacity: 1;
transition: opacity 0.3s;
}
/* Кошик ---------------------------------------------------------------------------------------------------------- */
.checkout-stadium {
display: flex;
justify-content: space-around;
}
.checkout-stadium>div {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding-block-end: 30px;
}
.checkout-stadium>div::after {
content: '';
position: absolute;
z-index: -2;
top: calc(50% + 20px);
display: inline-block;
height: 4px;
}
.checkout-stadium>div:first-child::after {
width: calc(50% + 8px);
right: 0;
background: #91D796;
}
.checkout-stadium>div:nth-child(2)::after {
width: 100%;
left: 0;
background: #D9D9D9;
}
.checkout-stadium>div:last-child::after {
width: 50%;
left: 0;
background: #D9D9D9;
}
.checkout-stadium>div.active::after,
#common-success .checkout-stadium>div:nth-child(2)::after,
#common-success .checkout-stadium>div:last-child::after {
background: #91D796;
}
.checkout-stadium>div span:first-child {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
text-align: center;
margin-bottom: 40px;
}
.checkout-stadium>div:first-child span:first-child,
#common-success .checkout-stadium>div:nth-child(2) span:first-child,
#common-success .checkout-stadium>div:last-child span:first-child {
color: #121212;
}
.checkout-stadium>div:nth-child(2) span:first-child,
.checkout-stadium>div:last-child span:first-child {
color: #D9D9D9;
}
.checkout-stadium>div.active span:first-child {
color: #121212;
}
.checkout-stadium>div span:last-child {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 1.3;
text-align: center;
color: #FFFFFF;
width: 72px;
height: 72px;
border-radius: 50%;
position: relative;
margin-block-start: auto;
}
.checkout-stadium>div:first-child span:last-child,
#common-success .checkout-stadium>div:nth-child(2) span:last-child,
#common-success .checkout-stadium>div:last-child span:last-child {
background: #91D796;
}
.checkout-stadium>div:nth-child(2) span:last-child,
.checkout-stadium>div:last-child span:last-child {
background: #D9D9D9;
}
.checkout-stadium>div.active span:last-child {
background: #91D796;
}
.checkout-stadium>div span:last-child::after {
content: '';
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 112px;
height: 112px;
border-radius: 50%;
background: #FFFFFF;
}
#checkout-cart table {
table-layout: auto !important;
}
#checkout-cart table,
#checkout-cart th,
#checkout-cart td {
border: none;
}
#checkout-cart tr {
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
}
#checkout-cart thead td {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #000000;
padding: 20px 0;
}
#checkout-cart tbody td {
vertical-align: middle;
}
#checkout-cart .cell-btn-remove {
width: fit-content;
padding: 0;
}
#checkout-cart .btn-remove {
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
}
#checkout-cart td.checkout-product-image {
white-space: nowrap;
padding: 20px 0;
}
#checkout-cart img {
display: block;
padding: 0;
}
#checkout-cart .checkout-product-name {
padding-inline-start: 60px;
padding-inline-end: 50px;
}
#checkout-cart .checkout-product-name a {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #222222;
}
#checkout-cart .checkout-product-price,
#checkout-cart .checkout-product-total {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 37px;
color: #000000;
}
#checkout-cart .cart-checkout-result {
display: flex;
align-items: center;
margin-block-start: 60px;
}
#checkout-cart .cart-checkout-result .coupon {
padding-inline-end: 103px;
}
#checkout-cart .cart-checkout-result .coupon p {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #000000;
margin-block-end: 40px;
}
#checkout-cart .cart-checkout-result .coupon #input-coupon {
height: 60px;
box-sizing: border-box;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #000000;
border: 1px solid #ACACAC;
border-radius: 10px;
padding: 0px 0px 0px 20px;
}
#checkout-cart .cart-checkout-result .coupon #input-coupon::placeholder {
color: #ACACAC;
}
#checkout-cart .cart-checkout-result .coupon #button-coupon {
display: inline-flex;
justify-content: center;
align-items: center;
height: 60px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
color: #FFFFFF;
background: #91D796;
border-radius: 10px;
padding-inline: 50px;
margin-inline-start: 40px;
}
#checkout-cart .cart-checkout-result .result table td {
padding: 30px 0;
}
#checkout-cart .cart-checkout-result .result h4 {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 41px;
color: #000000;
margin-block-start: 0;
margin-block-end: 40px;
}
#checkout-cart .cart-checkout-result .result .result-title {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 150%;
color: #000000;
}
#checkout-cart .cart-checkout-result .result .result-text {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 41px;
color: #000000;
}
#checkout-cart .buttons {
margin-block-start: 60px;
margin-block-end: 0;
}
#checkout-cart .buttons a {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 370px;
height: 72px;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
border: 2px solid #D8A7A7;
border-radius: 10px;
}
#checkout-cart .buttons a.btn-default {
background: transparent;
color: #D8A7A7;
}
#checkout-cart .buttons a.btn-primary {
background: #D8A7A7;
color: #FFFFFF;
margin-inline-start: 40px;
}
#common-success .order-content h2 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
color: #000000;
margin-block-start: 90px;
margin-block-end: 80px;
}
#common-success .order-content h4 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
color: #000000;
margin-block-end: 60px;
}
#common-success #order-info {
display: flex;
align-items: start;
gap: 40px;
/* padding-top: 50px; */
padding-bottom: 80px;
}
#common-success .customer-info {
box-sizing: border-box;
padding: 20px 20px 28px;
background: #FBF9F9;
border: 1px solid #D9D9D9;
border-radius: 10px;
}
#common-success .panel {
display: flex;
flex-direction: column;
margin-bottom: 32px;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#common-success .panel-body {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #121212;
padding: 0;
}
#common-success #order-total {
margin-block-end: 0px;
}
#common-success #order-total .panel-body {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
color: #121212;
}
#common-success .panel-heading {
flex-basis: 40%;
padding: 0;
border-bottom: nobe;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#common-success .panel-heading>.dropdown .dropdown-toggle {
color: inherit;
}
#common-success .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
#common-success .panel-title>a,
#common-success .panel-title>small,
#common-success .panel-title>.small,
#common-success .panel-title>small>a,
#common-success .panel-title>.small>a {
color: inherit;
}
#common-success .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#common-success .panel-default {
border-color: transparent;
}
#common-success .panel-default>.panel-heading {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1;
color: #5E5E5E;
background-color: transparent;
border: none;
margin-block-end: 16px;
}
#common-success .panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
}
#common-success .panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
#common-success .panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd;
}
#common-success .panel-success {
border-color: #d6e9c6;
}
#common-success .panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
#common-success .panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6;
}
#common-success .panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
#common-success .panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6;
}
#common-success #order-products {
flex: 1;
/* background: rgba(208, 208, 208, 0.3); */
/* padding: 40px 56px 60px; */
}
#common-success .mytable {
box-sizing: border-box;
border-top: 1px solid #D9D9D9;
}
#common-success .mytable tr {
display: flex;
align-items: center;
gap: 32px;
box-sizing: border-box;
border-bottom: 1px solid #D9D9D9;
padding-block: 12px;
}
#common-success .mytable td {
vertical-align: middle !important;
border: none !important;
}
#common-success .mytable td a,
#common-success .mytable td {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #111111;
}
#common-success .mytable td.prdimg {
box-sizing: border-box;
width: 60px;
height: 60px;
border: 1px solid #D9D9D9 !important;
border-radius: 8px;
overflow: hidden;
padding: 4px;
}
#common-success .mytable td.prdimg img {
max-width: 100%;
}
#common-success .mytable td.prdname {
flex: 1;
}
#common-success .mytable td.prdname a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #222222;
}
#common-success .mytable td.prdname span {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #121212;
}
#common-success .mytable td.prdprice {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #D9D9D9;
}
#common-success .mytable td.prdtotal {
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: #000000;
}
#common-success #order-info .row {
margin-right: -15px;
margin-left: -15px;
}
#common-success #order-products-mobile td {
padding: 4px 8px;
}
#common-success #order-products-mobile .prdimg img {
width: 50px;
height: auto;
}
#common-success #order-buttons {
margin-block-start: 0px;
margin-block-end: 20px;
}
#common-success #order-buttons>div {
display: flex;
align-items: center;
justify-content: center;
}
#common-success #order-buttons .btn-primary {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 382px;
width: 100%;
height: 72px;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 120%;
align-items: center;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
border: none !important;
outline: none !important;
box-shadow: none !important;
}
@media (max-width:991px) {
#common-success .order-content h2 {
font-size: 24px;
line-height: 28px;
margin-block-start: 0px;
margin-block-end: 60px;
}
#common-success .order-content h4 {
margin-block-start: 0px;
margin-block-end: 40px;
}
#common-success .customer-info {
box-sizing: border-box;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
}
#common-success .customer-wrapper {
box-sizing: border-box;
padding: 20px 20px 28px;
background: #FBF9F9;
border: 1px solid #D9D9D9;
border-radius: 10px;
}
#common-success #order-info {
flex-direction: column;
gap: 60px;
}
#common-success .customer-info {
width: 100%;
}
#common-success .panel {
margin-block-end: 20px;
}
#common-success #order-total {
margin-block-end: 0px;
}
#common-success .panel-default>.panel-heading {
margin-bottom: 10px;
}
#common-success .panel-body {
font-size: 16px;
}
#common-success .mytable {
border-top: none;
}
#common-success .mytable td.prdprice {
display: flex;
flex-direction: column;
align-items: end;
gap: 0px;
}
}
@media (max-width:767px) {
#common-success .mytable tr {
gap: 18px;
}
}
/* @media (min-width:768px) {
#common-success #order-products-mobile {
display: none;
}
}
@media (max-width:767px) {
#common-success #order-products {
display: none;
}
} */
.nowrap {
white-space: nowrap;
}
/* Особистий кабінет ---------------------------------------------------------------------------------------------- */
[id^="account-"] h1 {
line-height: 1;
color: #000000;
margin-block-start: 49px;
}
[id^="account-"] h3 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
color: #000000;
border-bottom: none;
padding: 0;
margin-block-start: 0px;
margin-block-end: 0px;
}
[id^="account-"] .list-group a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
color: #121212;
text-transform: uppercase;
border: none;
border-radius: 0;
border-inline-end: 1px solid #D9D9D9;
box-sizing: border-box;
padding-inline-start: 0px;
padding-block: 21px;
}
[id^="account-"] .list-group a:hover {
color: #D8A7A7;
background: transparent;
}
[id^="account-"] .list-group a.active {
color: #D8A7A7;
background: transparent;
border-inline-end: 3px solid #D8A7A7;
}
[id^="account-"] .list-group a.active:hover {
color: #D8A7A7;
background: transparent;
border: none;
border-inline-end: 3px solid #D8A7A7;
text-shadow: none;
}
[id^="account-"] .list-group a:last-of-type {
width: 100%;
display: inline-flex;
justify-content: start;
padding-block: 15px;
}
[id^="account-"] .breadcrumb li:last-of-type,
[id^="account-"] .breadcrumb li:nth-child(2)::after {
display: none;
}
[id^="account-"] .breadcrumb li:nth-child(2) a {
color: #D8A7A7;
}
/* #account-edit form h3 {
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
color: #000000;
border-bottom: none;
padding: 0;
margin-block-start: 0px;
margin-block-end: 0px;
} */
#account-edit form .password-title {
margin-block-start: 70px;
}
#account-edit form>p,
#account-edit fieldset label,
#account-edit fieldset input,
#account-edit .account-delete p,
#account-edit .account-delete a {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1;
color: #000000;
}
#account-edit fieldset label {
color: #ACACAC;
margin-block-end: 20px;
}
#account-edit fieldset input {
height: 60px;
box-sizing: border-box;
box-shadow: none;
padding: 0px 20px;
}
#account-edit .edit-details input {
border: 1px solid #D9D9D9;
border-radius: 10px;
}
#account-edit .edit-password .input-group {
border-bottom: 1px solid #D8A7A7;
}
#account-edit .edit-password input {
border: none;
border-bottom: none;
border-radius: 0px;
padding-inline-start: 0px;
}
#account-edit .edit-password .input-group .btn-default {
background: transparent !important;
border: none;
border-radius: 0;
box-shadow: none !important;
outline: none !important;
}
#account-edit .edit-password .input-group .btn-default svg {
vertical-align: middle;
}
#account-edit fieldset input::placeholder {
color: #ACACAC;
}
#account-edit form>p {
margin-block: 40px;
}
#account-edit .edit-details {
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
gap: 20px;
margin-block-end: 70px;
}
#account-edit fieldset .form-group {
position: relative;
margin-inline: 0px;
margin-block-end: 0px;
}
#account-edit fieldset .form-group .text-danger {
position: absolute;
left: 0;
bottom: -20px;
}
#account-edit .edit-password .form-group .text-danger {
bottom: 0px;
}
#account-edit .edit-details .form-group {
flex: 0 1 calc((100% - 40px) / 3);
}
#account-edit .edit-password {
margin-block-start: 22px;
}
#account-edit .edit-password .form-group {
max-width: 397px;
width: 100%;
}
#account-edit .account-delete p {
margin-block-start: 70px;
}
#account-edit .account-delete a {
color: #D8A7A7;
text-decoration: underline;
}
#account-edit .buttons {
margin-block-start: 40px;
}
#account-edit .buttons .pull-left {
width: 100%;
}
#account-edit .btn-primary {
height: 72px;
max-width: 399px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-family: 'Alice';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 1;
color: #FFFFFF;
background: #D8A7A7;
border-radius: 10px;
border: none !important;
outline: none !important;
box-shadow: none;
}
/* Медіазапити ---------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1439px) {
#product-product .product-description .rating-line {
flex-direction: column-reverse;
align-items: start;
gap: 24px;
margin-block-end: 12px;
}
#product-product .product-description .product-stock {
margin-block-end: 24px;
}
#product-product .product-description #product .buy-buttons {
flex-wrap: wrap;
}
#product-product .product-description #product .form-group #button-cart {
order: 1;
}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
#top .mobile-menu {
display: none !important;
}
#menu .navbar-collapse .navbar-nav>li:first-child>a::before {
content: url('data:image/svg+xml,');
vertical-align: text-top;
margin-inline-end: 10px;
}
.right-sorting .ocf-btn-mobile-fixed {
display: none;
}
#product-category .product-layout,
#product-search .product-layout {
margin-bottom: 40px;
}
#product-category .product-layout:hover .product-thumb,
#product-search .product-layout:hover .product-thumb {
left: 15px;
width: calc(100% - 30px);
}
}
@media (min-width: 1440px) {
.hidden-xs.hidden-sm.hidden-md.hidden-lg {
display: inline !important;
}
}
@media (max-width:1920px) {
#top-links-left .list-inline {
gap: 24px;
}
#top-links-left .list-inline li {
font-size: 16px;
}
#top-links-right {
padding-block-start: 8px;
}
#top-links-right .list-inline {
gap: 24px;
}
#top-links-right .list-inline li {
font-size: 16px;
}
#top-links-right .top-links-social {
gap: 24px;
}
#product-product .card-product .gallery-thumbs {
max-width: 100%;
max-height: 100%;
}
#product-product .card-product .gallery-thumbs-wrapper {
width: 101px;
height: 580px;
}
#product-product .card-product .gallery-top {
max-width: 580px;
}
#footer .footer-menu {
padding-inline: 0;
}
}
@media (max-width:1439px) {
#top-links-left .list-inline {
gap: 18px;
}
#top-links-left .list-inline li {
font-size: 14px;
}
#top-links-right {
padding-block-start: 7px;
}
#top-links-right .list-inline {
gap: 18px;
}
#top-links-right .list-inline li {
font-size: 14px;
}
#top-links-right .top-links-social {
gap: 18px;
}
#menu .navbar-collapse .navbar-nav a {
font-size: 16px;
}
.swiper-viewport .swiper-button-next {
right: clamp(-40px, calc(-1 * (100vw - 1200px) / 2), -18px) !important;
}
.swiper-viewport .swiper-button-prev {
left: clamp(-40px, calc(-1 * (100vw - 1200px) / 2), -18px) !important;
}
#product-product .card-product .gallery-thumbs-wrapper {
width: 75px;
height: 450px;
}
#product-product .card-product .gallery-top {
max-width: 450px;
}
.about-section .slider-about .swiper-slide {
padding-block-start: 120px;
padding-block-end: 60px;
}
.about-section .slider-about .swiper-slide p {
font-size: 25px;
}
#checkout-cart .cell-btn-remove {
padding-inline-end: 12px;
}
#checkout-cart .cart-checkout-result .coupon #button-coupon {
padding-inline: 24px;
}
#footer .footer-menu {
max-height: 650px;
flex-direction: column;
flex-wrap: wrap;
justify-content: start;
align-content: space-around;
row-gap: 20px;
}
}
@media (max-width:1199px) {
#top-links-left .list-inline {
gap: 12px;
}
#top-links-left .list-inline li {
font-size: 12px;
}
#top-links-right {
padding-block-start: 7px;
}
#top-links-right .list-inline {
gap: 12px;
}
#top-links-right .list-inline li {
font-size: 12px;
}
#top-links-right .top-links-social {
gap: 12px;
}
#menu .navbar-collapse .navbar-nav a {
font-size: 12px;
}
.swiper-viewport .swiper-button-next {
right: clamp(-40px, calc(-1 * (100vw - 992px) / 2), -18px) !important;
}
.swiper-viewport .swiper-button-prev {
left: clamp(-40px, calc(-1 * (100vw - 992px) / 2), -18px) !important;
}
#product-product .card-product .card-top {
gap: 24px;
}
#product-product .card-product .product-gallery {
gap: 12px;
}
#product-product .card-product .gallery-thumbs-wrapper {
width: 62px;
height: 386px;
}
#product-product .card-product .gallery-top {
max-width: 386px;
}
#product-product .sr {
max-width: calc(30px * 5);
height: 30px;
}
#product-product .sr label::before {
width: 28px;
}
.about-section .slider-about .swiper-slide {
padding-block-start: 100px;
padding-block-end: 50px;
}
.about-section .slider-about .swiper-slide h3 {
font-size: 46px;
margin-block-end: 28px;
}
.about-section .slider-about .swiper-slide p {
font-size: 21px;
margin-block-start: 28px;
}
.checkout-stadium>div span:first-child {
font-size: 24px;
}
#checkout-cart .cart-checkout-result .coupon {
padding-inline-end: 15px;
}
#account-edit .edit-details .form-group {
flex: 0 1 calc((100% - 20px) / 2);
}
}
@media (max-width: 991px) {
.breadcrumb li a {
font-size: 8px;
}
.breadcrumb>li:after {
top: 5px;
font-size: 8px;
}
.burger-button {
border: none;
padding: 0;
box-shadow: none;
border-radius: 0;
outline: none !important;
margin: 25px 0 0;
}
#top-links-right .list-inline {
gap: 31px;
padding-block: 16px;
}
#menu .navbar-collapse .navbar-nav>li:first-child>a::before {
content: url('data:image/svg+xml,');
}
#cart {
margin-block-end: 0;
}
#cart button {
position: relative;
height: 29px;
width: 29px;
background: transparent;
border: none;
text-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0;
}
#cart button span {
top: -5px;
right: -5px;
width: calc(100% + 5px);
height: calc(100% + 5px);
padding: 0;
}
#cart>button .fa-shopping-cart {
left: 0;
bottom: 0;
}
#cart.open > .btn {
background: transparent;
border: none;
}
#cart.open > .btn span {
color: #FFFFFF;
}
#cart .dropdown-menu .text-center {
color: #000;
}
.top-tel {
order: 2;
}
.top-selects {
order: 1;
display: flex;
gap: 31px;
}
.top-selects form {
padding-inline: 0 !important;
}
.top-account {
order: 3;
}
.top-cart {
order: 4;
}
.swiper-viewport .swiper-button-next {
right: clamp(-40px, calc(-1 * (100vw - 768px) / 2), -16px) !important;
}
.swiper-viewport .swiper-button-prev {
left: clamp(-40px, calc(-1 * (100vw - 768px) / 2), -16px) !important;
}
.product-layout {
height: auto;
margin-block-end: 30px;
}
.slider-recently .product-layout {
margin-block-end: 30px;
}
.product-layout .product-thumb {
padding: 12px 12px 20px;
}
.product-layout .caption .product-sku {
margin-block-start: 20px;
}
.product-layout .caption h4 a {
height: calc(23px * 3);
margin-block-start: 8px;
}
.product-layout .button-group {
display: flex;
margin-block-start: 12px;
}
.product-layout .button-group .button-wishlist {
width: 50px;
}
.product-layout .price_options {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.product-layout .price_options .product-options {
display: flex;
align-items: center;
gap: 10px;
}
.product-layout .price_options .product-options button {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: 1;
text-transform: lowercase;
color: #121212;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
border: 1px solid #ACACAC;
background: transparent;
box-shadow: none !important;
outline: none !important;
padding: 4px 6px;
border-radius: 5px;
}
.product-layout .product-thumb {
position: relative;
}
.product-layout .price-options {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.product-layout .options-category {
order: 1;
display: flex;
align-items: center;
gap: 6px;
}
.product-layout .options-category .mobile-modal-style {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000080;
z-index: 1;
box-sizing: border-box;
padding: 15px;
margin-block-end: 0px !important;
}
.product-layout .options-category .mobile-modal-style.active {
display: flex !important;
align-items: center;
}
.product-layout .options-category .mobile-modal-style > div {
width: 100%;
background: #FFFFFF;
border-radius: 8px;
padding: 10px;
}
.product-layout .product-thumb .btn-trigger-modal {
width: fit-content;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 6px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 8px;
line-height: 1;
color: #121212;
text-transform: lowercase;
box-sizing: border-box;
border: 1px solid #ACACAC;
border-radius: 5px;
background: transparent;
outline: none !important;
box-shadow: none !important;
padding: 4px 6px;
}
#product-product .card-product .card-top {
flex-direction: column;
gap: 43px;
}
#product-product .card-product .product-gallery {
gap: 24px;
}
#product-product .card-product .gallery-thumbs-wrapper {
width: 100px;
height: 570px;
padding-block-end: 0;
}
#product-product .card-product .product-gallery {
flex-direction: column-reverse;
}
#product-product .card-product .gallery-thumbs-wrapper {
width: 100%;
height: auto;
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-prev,
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-next {
width: fit-content;
top: 60%;
transform: rotate(-90deg);
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-prev {
left: -10px;
}
#product-product .card-product .gallery-thumbs-wrapper .swiper-button-next {
right: -10px;
}
#product-product .card-product .gallery-top {
max-width: 570px;
}
#product-product #tab-review #review .reviews-flex {
row-gap: 24px;
}
#product-product #tab-review #review .reviews-item {
flex: 1 0 100%;
}
#product-product .product-tabs-section .tabs-titles {
gap: 20px;
}
#product-product .product-tabs-section ul>li>a {
padding-inline-end: 20px;
}
.about-section .slider-about .swiper-slide {
padding-block-start: 60px;
}
.about-section .slider-about .swiper-slide h3 {
font-size: 28px;
margin-block-end: 20px;
}
.about-section .slider-about .swiper-slide p {
font-size: 16px;
margin-block-start: 20px;
}
.about-section .slider-about .swiper-slide a {
height: 40px;
font-size: 18px;
}
#column-left .ocf-btn-mobile-fixed {
display: none;
}
.right-sorting,
.right-sorting .view-sorting .form-group,
.right-sorting .view-mode .btn-group {
gap: 15px;
}
.right-sorting .ocf-btn-mobile-fixed {
position: static;
transform: rotate(0) translate(0, 0);
margin-inline-end: auto;
}
.right-sorting .ocf-btn {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #D8A7A7 !important;
border-radius: 6px;
border: none;
outline: none;
padding: 0;
}
.ocf-container {
padding-inline-end: 0;
}
.right-sorting .view-sorting .input-group-addon {
font-size: 11.771px;
line-height: 150%;
}
.right-sorting .view-sorting .custom-select-trigger {
width: 170px;
border-radius: 6px;
padding: 7px 10px 8px 10px;
}
.right-sorting .view-sorting .selected-text {
font-size: 10px;
}
.right-sorting .view-sorting .custom-select-trigger svg {
width: 10px;
height: 5px;
}
.right-sorting .view-sorting .custom-select .custom-select-dropdown {
border-radius: 6px;
}
.right-sorting .view-sorting .sort-option {
font-size: 10px;
}
#grid-view svg,
#list-view svg {
width: 32px;
height: 32px;
vertical-align: middle;
}
.checkout-stadium>div {
padding-block-end: 60px;
}
.checkout-stadium>div::after {
top: 50%;
}
.checkout-stadium>div span:first-child {
font-size: 18px;
}
.checkout-stadium>div span:last-child {
font-size: 36px;
width: 54px;
height: 54px;
}
.checkout-stadium>div span:last-child::after {
width: 84px;
height: 84px;
}
#checkout-cart .cart-checkout-result {
flex-direction: column;
gap: 24px;
}
#checkout-cart .cart-checkout-result::before,
#checkout-cart .cart-checkout-result::after {
display: none;
}
#checkout-cart .buttons a {
width: 346px;
}
#checkout-cart .buttons a.btn-primary {
margin-inline-start: 24px;
}
#footer {
padding-block-start: 40px;
margin-block-start: 40px;
}
#footer .footer-left {
display: flex;
justify-content: space-between;
margin-block-end: 40px;
}
#footer h3 {
font-size: 20px;
margin-block-end: 0;
}
#footer .footer-left img {
max-width: 139px;
max-height: 75px;
object-fit: cover;
margin-block-end: 0;
}
#footer .footer-left .footer-menu-list li>a {
font-size: 18px;
line-height: 1.5;
}
#footer .footer-menu-list {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0;
}
#footer .footer-menu-list li+li {
margin-block-start: 0;
}
#footer .footer-menu-list>li>a {
font-size: 20px;
}
#footer address {
margin-block-end: 0;
}
#footer address p {
font-size: 20px;
}
#footer .footer-accordion .panel-group {
margin-block-end: 40px;
}
#footer .footer-accordion .panel,
#footer .footer-accordion .panel-heading {
background: transparent;
}
#footer .footer-accordion .panel {
border-radius: 0;
border-block-start: none;
border-inline-start: none;
border-inline-end: none;
border-block-end-color: #F9F9F9;
box-shadow: none;
}
#footer .footer-accordion .panel+.panel {
margin-block-start: 0;
}
#footer .footer-accordion .panel-heading {
padding: 23px 0;
}
#footer .footer-accordion .panel-title {
height: fit-content;
}
#footer .footer-accordion .panel-title a {
width: 100%;
position: relative;
justify-content: start;
}
#footer .footer-accordion .panel-title a::after {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
right: 0;
}
#footer .footer-accordion .panel-title a[aria-expanded="true"]::after {
content: url('data:image/svg+xml,');
}
#footer .footer-accordion .panel-body {
border-block-start: none;
padding-block-start: 14px;
padding-inline: 20px;
padding-block-end: 24px;
}
#footer .footer-links {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
#footer .footer-copy {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: center;
color: #F9F9F9;
margin-block-start: 40px;
}
#footer .footer-copy p {
margin-block-end: 0;
}
[id^="account-"] h1 {
font-size: 24px;
margin-block-start: 10px;
margin-block-end: 12px;
}
[id^="account-"] .breadcrumb {
margin-block-start: 0px;
margin-block-end: 40px;
}
[id^="account-"] .list-group a {
font-size: 12px;
}
#account-edit form h3 {
font-size: 24px;
}
#account-edit .edit-details {
margin-block-end: 60px;
}
#account-edit form .password-title {
margin-block-start: 50px;
}
#account-edit form>p,
#account-edit fieldset label,
#account-edit fieldset input,
#account-edit .account-delete p,
#account-edit .account-delete a {
font-size: 14px;
}
#account-edit form>p {
margin-block-end: 28px;
}
#account-edit fieldset label {
margin-block-end: 12px;
}
#account-edit fieldset input {
height: 50px;
}
#account-edit .edit-password .form-group {
margin-block-end: 8px;
}
#account-edit .account-delete p {
margin-block-start: 30px;
}
#account-edit .btn-primary {
height: 55px;
font-size: 24px;
}
}
@media (max-width: 767px) {
.row {
margin-inline: -20px;
}
.container {
padding-inline: 20px;
}
div[class*=" col-"],
div[class^="col-"] {
padding-inline: 20px;
}
h2 {
font-size: 24px;
line-height: 28px;
margin-block-start: 40px;
margin-block-end: 30px;
}
.breadcrumb {
margin-block-start: 0;
margin-block-end: 40px;
}
#top-links-right .list-inline,
.top-selects {
gap: 24px;
}
.carousel {
margin-block-start: 40px;
margin-block-end: 0;
}
.slider .swiper-container {
padding: 0;
margin: 0;
}
.swiper-viewport .swiper-pagination {
bottom: -20px;
}
.slider.swiper-viewport .swiper-pagination {
bottom: 30px;
}
.slider.swiper-viewport .swiper-pager {
top: calc(50% - 25px);
}
.slider-subcategory.swiper-viewport .swiper-pager {
top: calc(50% - 30px);
}
.swiper-viewport .swiper-button-next,
.slider-subcategory.swiper-viewport .swiper-button-next {
right: -15px !important;
}
.swiper-viewport .swiper-button-prev,
.slider-subcategory.swiper-viewport .swiper-button-prev {
left: -15px !important;
}
.slider-about .swiper-pager {
display: none;
}
.swiper-viewport .swiper-button-next svg,
.swiper-viewport .swiper-button-prev svg {
width: 8px;
}
#product-category #content .row {
margin-left: -7.5px;
margin-right: -7.5px;
}
#product-category .product-layout {
padding-left: 7.5px;
padding-right: 7.5px;
}
#product-product .card-product .product-gallery {
gap: 12px;
}
#product-product .card-product {
margin-block-end: 60px;
}
#product-product .card-product h1 {
font-size: 24px;
line-height: 28px;
color: #222222;
margin-block-end: 20px;
}
#product-product .product-description .rating-line {
flex-direction: column-reverse;
align-items: start;
gap: 5px;
margin-block-end: 12px;
}
#product-product .product-description .rating p span svg {
height: 20px;
width: 20px;
}
#product-product .product-description .rating .counter-reviews {
position: relative;
padding-inline-start: 29px;
}
#product-product .product-description .rating .counter-reviews::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 0;
left: 0;
width: 23px;
height: 23px;
}
#product-product .product-description .product-stock {
margin-block-end: 20px;
}
#product-product .product-description #product .form-group #button-cart {
max-width: 282px;
font-size: 21.2px;
}
#product-product .product-description #product .form-group #button-cart svg {
width: 53px;
height: 53px;
}
#product-product .product-description #product .form-group #button-wishlist {
padding: 15.5px;
}
#product-product .product-description #product .form-group #button-wishlist svg {
width: 22px;
height: 20px;
}
#product-product .product-description #methods-accordion .panel-title a {
font-size: 14px;
padding: 19px 24px 19px 0px;
}
#product-product .product-description #methods-accordion .panel-body {
font-size: 14px;
padding: 20px 0 20px 33px;
}
#product-product .product-tabs-section {
margin-block-end: 60px;
}
#product-product .product-tabs-section .tabs-titles {
flex-direction: column;
gap: 40px;
}
#product-product .product-tabs-section ul.nav {
align-self: stretch;
flex-direction: row;
flex-wrap: wrap;
gap: 9px;
padding-block-start: 0px;
margin-block-end: 0px;
}
#product-product .product-tabs-section ul::before,
#product-product .product-tabs-section ul::after {
display: none;
}
#product-product .product-tabs-section ul>li {
flex: 0 1 calc(50% - 9px / 2);
}
#product-product .product-tabs-section ul>li>a {
box-sizing: border-box;
border: 1px solid #ACACAC;
border-radius: 6px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
text-transform: uppercase;
text-align: center;
color: #121212;
padding-block: 14px;
}
#product-product .product-tabs-section ul>li.active>a {
border: 1px solid #D8A7A7;
color: #D8A7A7;
}
#product-product .product-tabs-section ul>li>a:hover {
border: 1px solid #D8A7A7;
}
#product-product .product-tabs-section .tab-content {
width: 100%;
font-size: 14px;
}
#product-product .product-tabs-section ul>li>a {
font-size: 12px;
padding-block: 9px;
}
#answers-accordion .panel-title a {
font-size: 14px !important;
padding: 19px 24px 19px 0px !important;
}
#answers-accordion .panel-body {
font-size: 14px !important;
padding: 20px 0 20px 33px !important;
}
#answers-accordion p:first-child {
margin-block-start: 0 !important;
}
#answers-accordion p {
margin-block-start: 24px !important;
}
.link-to-more {
margin-block-start: 28px;
}
.about-section {
position: static;
width: auto !important;
}
#checkout-cart form table {
border-collapse: separate;
border-spacing: 10px 0;
}
#checkout-cart form tr {
padding-block-start: 0px;
padding-block-end: 38px;
}
#checkout-cart form table,
#checkout-cart form tbody,
#checkout-cart form th,
#checkout-cart form td,
#checkout-cart form tr {
display: block;
}
#checkout-cart form thead {
display: none;
}
#checkout-cart .cell-btn-remove {
float: left;
padding-block-start: 72px;
}
#checkout-cart td.checkout-product-image {
float: left;
padding-inline-end: 20px;
}
#checkout-cart .checkout-product-name {
padding-block-start: 40px;
}
#checkout-cart .checkout-product-name a {
display: block;
max-width: 100%;
white-space: break-spaces;
}
#checkout-cart .checkout-product-price {
display: none;
}
#checkout-cart .checkout-product-quantity {
float: left;
}
.checkout-heading {
font-size: 24px;
line-height: 28px;
padding-block-start: 60px;
padding-block-end: 40px;
}
.checkout-stadium>div {
padding-block-end: 0px;
}
.checkout-stadium>div span:first-child {
display: inline-block;
max-width: 100px;
font-size: 10px;
margin-block-end: 17px;
}
.checkout-stadium>div span:last-child {
width: 21px;
height: 21px;
font-size: 14px;
}
.checkout-stadium>div span:last-child::after {
width: 26px;
height: 26px;
}
.checkout-stadium>div::after {
top: 80%;
height: 2px;
}
.checkout-сustomer,
.checkout-address,
.checkout-free-text,
.checkout-related-products,
.checkout-shipping-address,
.checkout-shipping-method,
.checkout-payment-method {
padding: 20px;
}
.checkout-сustomer .checkout-сustomer-info > div:last-of-type,
.checkout-address .row > div:last-of-type,
.shipping-method > div:last-of-type,
.checkout-payment-method .payment-method > div:last-of-type {
margin-block-end: 0px !important;
}
.opc_block_customer,
.opc_block_shipping_method,
.opc_block_shipping_address,
.opc_block_payment_method,
.opc_block_comment {
margin-block-end: 0px;
}
.opc-label {
font-size: 14px;
margin-block-end: 7px;
}
#onepcheckout .checkout-col-left input.form-control {
height: 50px;
font-size: 14px;
}
.chm-radio label input {
width: 20px;
height: 20px;
}
.chm-radio label input[type="radio"]:checked:after {
width: 10px;
height: 10px;
}
[id^="account-"]>.row {
display: flex;
flex-direction: column;
}
[id^="account-"] #column-left {
display: block !important;
}
[id^="account-"] #column-left .list-group {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin-block-end: 40px;
}
[id^="account-"] #column-left .list-group a {
flex: 1 0 calc((100% - 9px) / 2);
height: 36px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 1px solid #ACACAC;
border-radius: 6px;
text-align: center;
padding-inline: 12px;
}
#account-edit .edit-password,
#account-edit .buttons .pull-left {
display: flex;
flex-direction: column;
align-items: center;
gap: 0px;
}
#account-edit .account-delete {
text-align: center;
}
}
@media (max-width: 550px) {
.xdstickers_wrapper {
font-size: 10px !important;
line-height: 1.3 !important;
}
.xdstickers {
border-radius: 3px !important;
padding: 2px 8px !important;
}
.product-layout .product-thumb {
border-radius: 8px;
}
.product-layout .image img {
border-radius: 5px;
}
.product-layout .caption {
min-height: auto;
}
.product-layout .caption .product-sku {
height: 9px;
font-size: 6px;
line-height: 150%;
margin-block-start: 20px;
}
.product-layout .caption h4 a {
height: calc(3 * (11px * 1.2));
font-size: 10px;
line-height: 1;
}
.product-layout .caption .rating {
height: 9px;
margin-block-end: 12px;
}
.product-layout .caption .rating svg {
width: 9px;
height: 9px;
}
.product-layout .caption .rating .review-count {
font-size: 6px;
line-height: 1;
color: #121212;
padding-block-end: 0;
}
.product-layout .caption .price-old {
font-size: 8px;
line-height: 150%;
}
.product-layout .caption .price {
margin-block-end: 2px;
}
.product-layout .caption .price,
.product-layout .caption .price-new {
font-size: 14px;
line-height: 1;
}
.product-layout .button-cart .button-cart-title {
font-size: 12.5px;
line-height: 15px;
}
.product-layout .button-group button {
height: 30px;
width: 30px !important;
border: 1.25px solid #91D796;
border-radius: 5px;
}
.product-layout .button-group button svg {
width: 16px;
height: 16px;
}
.product-layout .button-cart .button-cart-img {
width: 30px;
height: 30px;
background: #91D796;
border-radius: 5px;
}
.product-layout .button-wishlist {
width: 30px;
}
.swiper-pagination .swiper-pagination-bullet,
.about-section .slider-about .swiper-pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
.link-to-more a {
font-size: 14px;
line-height: 120%;
}
.link-to-more svg {
width: 31px;
}
#account-edit .edit-details .form-group {
flex: 0 1 100%;
}
}
@media (max-width: 480px) {
#logo {
margin: 0;
}
#header .flex {
flex: 1 1 auto;
}
#header .search {
flex: 1;
}
#logo img {
max-width: 77px;
max-height: 42px;
}
#header #search {
height: 42px;
border: 0.64777px solid #D8A7A7;
border-radius: 8px;
}
#header #search .input-group-btn {
width: 42px;
height: 42px;
}
#header #search .btn-lg {
width: 43px;
height: 42px;
background: transparent;
box-shadow: none;
}
#header #search .btn-lg::before {
content: url('data:image/svg+xml,');
}
.about-section .slider-about .swiper-slide {
padding-block-start: 22px;
padding-block-end: 30px;
}
.about-section .slider-about .swiper-slide h3 {
font-size: 20px;
line-height: 23px;
margin-block-end: 14px;
}
.about-section .slider-about svg {
width: 19px;
height: 19px;
}
.about-section .slider-about .swiper-slide p {
font-size: 12px;
line-height: 150%;
margin-block-start: 15px;
}
.about-section .slider-about .swiper-slide a {
height: 34px;
font-size: 12px;
}
.blog-latest-container {
margin-inline: -15px;
}
.blog-latest .swiper-container {
padding-inline: 15px;
}
.blog-latest .swiper-slide .image {
margin-block-end: 20px;
}
.blog-latest .swiper-slide .caption h4 {
height: calc(3 * (24px * 1.2));
margin-block: 0;
}
.blog-latest .swiper-slide .caption h4 a {
font-size: 16px;
line-height: 1.5;
margin-block-end: 20px;
}
.blog-latest .swiper-slide .caption p {
font-size: 12px;
margin-block-end: 0;
}
.blog-latest-container .link-to-more {
margin-inline-end: 20px;
}
}