.search {
grid-column: 1/-1;
margin-bottom: 8rem;
display: none;
}
@media (max-width: 1800px) {
.search {
margin-bottom: 8rem;
}
}
@media (max-width: 1400px) {
.search {
margin-bottom: 6rem;
}
}
@media (max-width: 1024px) {
.search {
margin-bottom: 4.5rem;
}
}
@media (max-width: 768px) {
.search {
margin-bottom: 1.5rem;
}
}
@media (max-width: 768px) {
.search {
display: block;
}
}
.search__search-inp {
width: 100%;
padding: 0.7rem;
font-weight: 400;
font-size: 0.6rem;
color: #776e65;
background: #f4f1f1;
border: 1px solid #e1dbdb;
border-radius: 10px;
}
.search__search-inp-holder {
position: relative;
}
.search__search-inp-holder::after {
content: "";
background: url(//neva-distillery.ru/wp-content/themes/nevadistillery/assets/images/search-icon.svg) no-repeat center/contain;
width: 1.4rem;
height: 1.4rem;
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1024px) {
.search__search-inp-holder::after {
display: block;
width: 1rem;
height: 1rem;
}
}
.card {
grid-column: 1/-1;
margin-bottom: 8rem;
row-gap: 1rem;
}
@media (max-width: 1800px) {
.card {
margin-bottom: 8rem;
}
}
@media (max-width: 1400px) {
.card {
margin-bottom: 6rem;
}
}
@media (max-width: 1024px) {
.card {
margin-bottom: 4.5rem;
}
}
@media (max-width: 768px) {
.card {
margin-bottom: 1.5rem;
}
}
@media (max-width: 1400px) {
.card {
row-gap: 3rem;
}
}
@media (max-width: 1024px) {
.card {
row-gap: 2rem;
}
}
@media (max-width: 768px) {
.card {
row-gap: 1.2rem;
}
}
.card__img {
grid-column: 1/8;
}
@media (max-width: 1024px) {
.card__img {
grid-column: 1/5;
}
}
@media (max-width: 768px) {
.card__img {
display: none;
}
}
.card__img-holder {
border: 1px solid rgba(169, 133, 104, 0.5);
border-radius: 10px;
width: 100%;
height: 30rem;
overflow: hidden;
position: relative;
}
@media (max-width: 1800px) {
.card__img-holder {
height: 27rem;
}
}
@media (max-width: 1400px) {
.card__img-holder {
height: 20rem;
}
}
@media (max-width: 1024px) {
.card__img-holder {
height: 16rem;
}
}
.card__small-pics-holder {
position: absolute;
top: 0;
left: 1.2rem;
height: 100%;
width: 6rem;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.4rem;
}
@media (max-width: 1800px) {
.card__small-pics-holder {
left: 0.7rem;
width: 5rem;
}
}
@media (max-width: 1400px) {
.card__small-pics-holder {
width: 4rem;
}
}
.card__pic.small {
aspect-ratio: 1/1;
border: 1px solid #a98568;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
}
.card__pic.small img.small {
object-fit: cover;
}
.card__pic.small img.small.current {
filter: brightness(40%);
}
.card__img-points {
display: flex;
justify-content: space-between;
gap: 1.5rem;
align-items: center;
grid-column: 1/8;
}
@media (max-width: 1800px) {
.card__img-points {
grid-column: 1/9;
}
}
@media (max-width: 1400px) {
.card__img-points {
grid-column: 1/-1;
}
}
@media (max-width: 768px) {
.card__img-points {
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
}
}
.card__img-point {
display: flex;
gap: 0.6rem;
align-items: center;
min-width: 10rem;
}
.card__img-bullet {
border: 1px solid #3D3126;
border-radius: 50%;
padding: 0.8rem;
}
@media (max-width: 1800px) {
.card__img-bullet {
padding: 0.7rem;
}
}
@media (max-width: 1400px) {
.card__img-bullet {
padding: 0.5rem;
}
}
.card__img-bullet img {
width: 1.6rem;
}
@media (max-width: 1800px) {
.card__img-bullet img {
width: 1.2rem;
}
}
.card__img-text {
font-weight: 400;
font-size: 0.8rem;
line-height: 1.2;
color: #000;
}
@media (max-width: 1024px) {
.card__img-text {
font-size: 0.6rem;
}
}
.card__slider {
display: none;
}
@media (max-width: 768px) {
.card__slider {
width: 100%;
aspect-ratio: 1/1;
grid-column: 1/-1;
display: block;
border: 1px solid rgba(169, 133, 104, 0.5);
border-radius: 10px;
overflow: hidden;
}
}
.card .slick-list {
height: 100%;
}
.card .slick-list .slick-track {
height: 100%;
}
.card .slick-dots {
display: flex !important;
justify-content: center;
gap: 0.2rem;
}
.card .slick-dots li {
font-size: 0.4rem;
}
.card .slick-active .card__bullet {
background: #3D3126;
}
.card__slide {
overflow: hidden;
position: relative;
height: 100%;
}
.card__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card__bullets {
display: none;
}
@media (max-width: 768px) {
.card__bullets {
grid-column: 1/-1;
}
}
.card__bullet {
width: 0.4rem;
height: 0.4rem;
background: none;
border: 1px solid #3D3126;
border-radius: 50%;
}
.card__info {
grid-column: 9/12;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (max-width: 1800px) {
.card__info {
grid-column: 9/-1;
gap: 2.5rem;
}
}
@media (max-width: 1400px) {
.card__info {
grid-column: 8/-1;
padding-left: 1rem;
gap: 1.2rem;
}
}
@media (max-width: 1024px) {
.card__info {
grid-column: 5/-1;
}
}
@media (max-width: 768px) {
.card__info {
grid-column: 1/-1;
padding-left: 0;
}
}
.card__title {
font-weight: 500;
font-size: 1.4rem;
font-family: Inter, serif;
line-height: 1.2;
}
@media (max-width: 1400px) {
.card__title {
font-size: 1rem;
}
}
@media (max-width: 1024px) {
.card__title {
font-size: 0.8rem;
}
}
@media (max-width: 768px) {
.card__title {
display: none;
}
}
.card__title--mobile {
display: none;
}
@media (max-width: 768px) {
.card__title--mobile {
display: block;
grid-column: 1/-1;
}
}
.card__param-1 {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.card__param-1 {
gap: 0.6rem;
}
}
@media (max-width: 768px) {
.card__param-1 {
gap: 0.5rem;
}
}
.card__param-1 button {
aspect-ratio: 1/1;
height: 3.8rem;
font-size: 1rem;
font-weight: 400;
background: none;
color: #000;
text-decoration: none;
padding: 0.5rem;
}
@media (max-width: 1400px) {
.card__param-1 button {
font-size: 0.8rem;
height: 3rem;
}
}
@media (max-width: 1024px) {
.card__param-1 button {
height: 2rem;
font-size: 0.6rem;
}
}
@media (max-width: 768px) {
.card__param-1 button {
height: 2.5rem;
}
}
.card__param-1 button.option {
border: 1px solid #000;
}
.card__param-1 button.checked {
background: #000;
color: #fff;
}
.card__param-1 span {
text-transform: uppercase;
font-weight: 400;
font-size: 1rem;
}
@media (max-width: 1400px) {
.card__param-1 span {
font-size: 0.8rem;
}
}
@media (max-width: 1024px) {
.card__param-1 span {
font-size: 0.6rem;
}
}
.card__param-1--mobile {
display: none;
}
@media (max-width: 768px) {
.card__param-1--mobile {
display: flex;
}
}
.card__param-2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 0.2rem;
}
.card__param-2 button {
width: 100%;
background: none;
padding: 0.4rem 0;
border-radius: 5px;
border: 1px solid #3D3126;
font-size: 0.8rem;
color: #000;
text-decoration: none;
}
@media (max-width: 1400px) {
.card__param-2 button {
font-size: 0.7rem;
}
}
@media (max-width: 1024px) {
.card__param-2 button {
font-size: 0.6rem;
}
}
.card__param-2 button.checked {
background: rgba(61, 49, 38, 0.5);
border: none;
color: #fff;
}
.card__price-holder {
display: block;
}
@media (max-width: 768px) {
.card__price-holder {
display: flex;
justify-content: space-between;
align-items: center;
}
}
.card__price {
font-weight: 600;
font-size: 2.2rem;
}
@media (max-width: 1400px) {
.card__price {
font-size: 1.6rem;
}
}
@media (max-width: 1024px) {
.card__price {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.card__price {
font-size: 1.2rem;
}
}
.card__btn-block {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.card__activity {
display: flex;
gap: 0.4rem;
}
@media (max-width: 768px) {
.card__activity {
justify-content: space-between;
}
}
.card__to-cart {
border: 1px solid #3D3126;
color: #3D3126;
font-size: 1rem;
width: 15rem;
}
@media (max-width: 1400px) {
.card__to-cart {
width: 10rem;
font-size: 0.8rem;
padding: 0.7rem 0;
}
}
@media (max-width: 1024px) {
.card__to-cart {
width: 8rem;
font-size: 0.6rem;
padding: 0.5rem 0;
}
}
@media (max-width: 768px) {
.card__to-cart {
padding: 0.7rem 0;
width: 12.5rem;
}
}
button.card__to-cart:hover {
background-color: #fff;
cursor: default;
}
.card__to-cart.not-available {
opacity: 0.4;
}
.card__to-cart.not-available:hover {
background-color: #fff;
cursor: default;
}
.card__to-liked {
background: none;
}
.card__to-liked img {
height: 100%;
width: auto;
}
@media (max-width: 768px) {
.card__to-liked img {
height: auto;
width: 1.6rem;
}
}
.card__buy-once {
border: none;
color: #fff;
background: #3D3126;
border: 1px solid #3D3126;
font-size: 1rem;
width: 15rem;
}
@media (max-width: 1400px) {
.card__buy-once {
width: 10rem;
font-size: 0.8rem;
padding: 0.7rem 0;
}
}
@media (max-width: 1024px) {
.card__buy-once {
width: 8rem;
font-size: 0.6rem;
padding: 0.5rem 0;
}
}
@media (max-width: 768px) {
.card__buy-once {
padding: 0.7rem 0;
width: 12.5rem;
}
}
button.card__buy-once:hover {
background: #3D3126;
cursor: default;
}
.card__buy-once.not-available {
opacity: 0.4;
}
.card__buy-once.not-available:hover {
background: #3D3126;
cursor: default;
}
.card__num {
font-size: 0.8rem;
color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1400px) {
.card__num {
font-size: 0.7rem;
}
}
@media (max-width: 1024px) {
.card__num {
font-size: 0.6rem;
}
}
.card__num span {
font-size: inherit;
}
.about {
margin-bottom: 8rem;
grid-column: 1/-1;
}
@media (max-width: 1800px) {
.about {
margin-bottom: 8rem;
}
}
@media (max-width: 1400px) {
.about {
margin-bottom: 6rem;
}
}
@media (max-width: 1024px) {
.about {
margin-bottom: 4.5rem;
}
}
@media (max-width: 768px) {
.about {
margin-bottom: 1.5rem;
}
}
.about__holder {
grid-column: 3/11;
}
@media (max-width: 1400px) {
.about__holder {
grid-column: 1/-1;
padding: 0 1.5rem;
}
}
@media (max-width: 1024px) {
.about__holder {
padding: 0;
}
}
@media (max-width: 768px) {
.about__holder {
display: none;
}
}
.about__holder--mobile {
display: none;
}
@media (max-width: 768px) {
.about__holder--mobile {
display: block;
grid-column: 1/-1;
}
}
.about__holder--mobile .accordion-header {
color: #000;
}
.about__holder--mobile .accordion-header p {
font-weight: 600;
font-size: 0.8rem;
line-height: 1.2;
}
.about__holder--mobile .accordion-content {
color: #000;
}
.about__menu {
margin-bottom: 3rem;
}
@media (max-width: 1024px) {
.about__menu {
margin-bottom: 4rem;
}
}
.about__btns {
display: flex;
justify-content: space-between;
margin-bottom: 0.6rem;
}
.about__btn {
text-transform: uppercase;
border: none;
background: none;
font-size: 1rem;
font-weight: 600;
line-height: 1.2;
opacity: 0.4;
transition: opacity 0.3s;
}
@media (max-width: 1024px) {
.about__btn {
font-size: 0.8rem;
}
}
.about__btn.active {
opacity: 1;
}
.about__underline-bar {
width: 100%;
height: 0.2rem;
border-radius: 500px;
background: rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
}
.about__underline {
position: absolute;
height: 100%;
width: 7.5rem;
background: #3D3126;
border-radius: 500px;
top: 0;
left: 0;
transition: all 0.3s ease;
}
.about__block {
visibility: hidden;
opacity: 0;
height: 0;
transition: visibility 0.3s, opacity 0.3s;
}
.about__block.active p {
line-height: 1.2;
margin-bottom: 1rem;
}
.about__block.active {
visibility: visible;
opacity: 1;
height: auto;
}
.about__attrs {
list-style: initial;
margin-left: 1.5rem;
display: block;
}
.about__attr {
list-style: initial;
line-height: 1.2;
}
.about__attr>span {
font-weight: 600;
}
.about__block.instruction {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
}
.about__block-accordion.instruction {
display: flex;
flex-direction: column;
align-items: start;
gap: 3rem;
}
.about__instruction-title {
font-weight: 500;
font-size: 1.2rem;
}
.about__instruction-link {
border: 3px solid #3D3126;
border-radius: 30px;
padding: 2rem;
width: 8rem;
height: 8rem;
margin: 0;
}
.about__instruction-link a {
width: 100%;
height: 100%;
}
.about__payment-title {
font-weight: 600;
margin-bottom: 0.6rem;
}
@media (max-width: 1400px) {
.about__block.instruction {
gap: 2rem;
}
.about__instruction-link {
padding: 2rem;
width: 6rem;
height: 6rem;
}
}
@media (max-width: 1024px) {
.about__instruction-title {
font-size: 1rem;
}
.about__instruction-link {
padding: 1.5rem;
width: 5rem;
height: 5rem;
}
}
@media (max-width: 768px) {
.about__block-accordion.instruction {
gap: 1rem;
}
.about__instruction-title {
font-size: .8rem;
padding-right: 4.5rem;
line-height: 1.2;
}
.about__instruction-link {
padding: 1rem;
width: 4rem;
height: 4rem;
}
}
.else {
grid-column: 1/-1;
}
.else__title {
font-family: Inter, serif;
font-size: 1.4rem;
line-height: 1.2;
font-weight: 500;
grid-column: 1/-1;
margin-bottom: 3rem;
}
@media (max-width: 1024px) {
.else__title {
font-size: 1rem;
margin-bottom: 2rem;
}
}
@media (max-width: 768px) {
.else__title {
margin-bottom: 1.5rem;
}
}
.else .woocommerce.columns-4 {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 0.4rem;
}
@media (max-width: 1024px) {
.else .woocommerce.columns-4 {
grid-template-columns: repeat(8, 1fr);
column-gap: 0.2rem;
}
}
@media (max-width: 768px) {
.else .woocommerce.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
}
.else .else__shortcode-wrapper {
display: none;
}
@media (min-width: 1801px) {
.else .else__shortcode-wrapper.plus1800{
display: block;
}
}
@media ((min-width: 1025px) and (max-width: 1800px)) {
.else .else__shortcode-wrapper.plus1024{
display: block;
}
}
@media (max-width: 1024px) {
.else .else__shortcode-wrapper.plus768{
display: block;
}
}
.else .catalog__list {
grid-column: 2/12;
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 0.8rem;
row-gap: 1.5rem;
margin-bottom: 3rem;
}
@media (max-width: 1800px) {
.else .catalog__list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1400px) {
.else .catalog__list {
column-gap: 0.6rem;
row-gap: 1.2rem;
}
}
@media (max-width: 1024px) {
.else .catalog__list {
grid-column: 1/-1;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 2rem;
}
}
@media (max-width: 768px) {
.else .catalog__list {
grid-template-columns: repeat(2, 1fr);
column-gap: 0.4rem;
row-gap: 0.8rem;
margin-bottom: 1.5rem;
}
}
.else .catalog__item {
display: flex;
flex-direction: column;
gap: 0.8rem;
justify-content: space-between;
}
@media (max-width: 1400px) {
.else .catalog__item {
gap: 0.6rem;
}
}
.else .catalog__item-holder {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
@media (max-width: 1400px) {
.else .catalog__item-holder {
gap: 0.6rem;
}
}
.else .catalog__item-img {
border: 1px solid #a98568;
border-radius: 10px;
position: relative;
overflow: hidden;
aspect-ratio: 1/1.2;
}
.else .catalog__item-pic {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.3s;
}
.else .catalog__item-pic:hover {
transform: scale(1.05);
}
.else .catalog__item-like {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 1.6rem;
height: 1.6rem;
}
@media (max-width: 768px) {
.else .catalog__item-like {
width: 1.2rem;
height: 1.2rem;
}
}
.else .catalog__item-name {
line-height: 1.2;
font-size: 0.8rem;
}
@media (max-width: 1400px) {
.else .catalog__item-name {
font-size: 0.7rem;
}
}
@media (max-width: 768px) {
.else .catalog__item-name {
font-size: 0.6rem;
}
}
.else .catalog__item-desc {
display: none;
}
.else .catalog__item-price {
font-weight: 600;
font-size: 0.8rem;
letter-spacing: -0.02em;
text-align: right;
}
.else .catalog__item-btn {
width: 100%;
min-width: 0;
border: 1px solid #3D3126;
color: #3D3126;
}
.else__more {
grid-column: 1/-1;
display: flex;
justify-content: center;
align-items: center;
}
.else__more-link {
display: flex;
gap: 0.5rem;
align-items: center;
}
@media (max-width: 768px) {
.else__more-link {
gap: 0;
}
}
.else__more-link img {
width: 1.2rem;
}
.about__holder--mobile .accordion-content p {
line-height: 1.2;
margin-bottom: 0;
}
.about__holder--mobile .accordion-content .about__attrs {
margin-left: 1rem;
}