есть , то цвет унаследуется автоматически */
.ticker-track .ticker-content p {
margin-right: 40px; /* Отступ справа между блоками (справа от каждого элемента) */
/* Или используйте margin-left: 40px; для отступа слева */
}
/* Альтернативный способ: отступы через gap, если родитель - flex-контейнер */
.ticker-track .ticker-content {
display: flex;
gap: 20px; /* Отступы между элементами внутри .ticker-content */
color: #ffffff;
}
/* Анимация для бегущей строки */
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.main-section__content {
padding-top: 30px;
}
.main-section__content h1 {
font-size: 26px;
margin-bottom: 10px;
}
.main-section__content p {
font-size: 13px;
margin-bottom: 20px;
}
.main-section__content .btn {
padding: 18px 30px !important;
font-size: 13px !important;
}
.main-section__cards {
display: none;
}
.ticker-content span {
font-size: 12px;
padding: 0 10px;
}
}
/* =========================================================
12. WHY / БЛОК WHY
========================================================= */
.why__banner {
position: relative;
overflow: hidden;
border-radius: 30px;
min-height: 300px;
}
.why__banner-inner {
position: relative;
min-height: 300px;
border-radius: 30px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.why__banner-inner::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: 30px;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(var(--r1-primary-rgb), .95) 0%,
rgba(var(--r1-primary-rgb), .60) 40%,
rgba(var(--r1-primary-rgb), .20) 70%,
rgba(var(--r1-primary-rgb), 0) 100%
);
}
.why__banner-content {
position: relative;
z-index: 2;
max-width: 640px;
padding: 32px 35px;
}
.why__banner-title {
color: #fff;
margin-bottom: 10px;
font-size: 30px;
font-weight: 500;
line-height: 1.2;
}
.why__banner p,
.why__banner-content p {
color: #fff;
margin: 0 0 20px;
font-size: 16px;
font-weight: 500;
line-height: 137%;
}
.why__banner .btn--white {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 28px;
border: none;
border-radius: 14px;
background: #fff;
color: #222 !important;
text-decoration: none;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: background-color .2s ease;
}
.why__banner .btn--white:hover {
background: #f4f4f4;
}
.why__banner .btn--white br {
display: none;
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.why__banner {
min-height: 400px;
}
.why__banner-inner {
min-height: 400px;
display: flex !important;
}
.why__banner-inner::before {
background: linear-gradient(
0deg,
rgba(var(--r1-primary-rgb), .95) 20%,
rgba(var(--r1-primary-rgb), .60) 50%,
rgba(var(--r1-primary-rgb), .20) 75%,
rgba(var(--r1-primary-rgb), 0) 100%
);
}
.why__banner-content {
margin-top: auto !important;
padding: 30px 15px;
}
.why__banner-title {
font-size: 22px;
}
.why__banner p,
.why__banner-content p {
margin-bottom: 15px;
font-size: 13px;
}
.why__banner .btn--white {
padding: 14px 22px;
font-size: 14px;
}
}
/* =========================
ENFOLD GRID
========================= */
#top .av_one_fourth {
margin-left: 1% !important;
width: 24.25% !important;
}
#top .av_one_fourth.first {
margin-left: 0 !important;
}
/* =========================
TABLET
========================= */
@media (max-width: 989px) {
#top .av_one_fourth {
margin-left: 2% !important;
width: 49% !important;
clear: none !important;
}
#top .av_one_fourth.first,
#top .av_one_fourth:nth-child(2n+1) {
margin-left: 0 !important;
clear: both !important;
}
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
#top .av_one_fourth {
width: 100% !important;
margin-left: 0 !important;
clear: both !important;
}
}
/* =========================================================
13. WORKS / КАРТОЧКИ И ВИДЕО
========================================================= */
.works__cards-item {
background: #fff;
border-radius: 25px;
padding: 25px;
}
.works__item-num,
.works__item-num-alt {
margin-bottom: 35px;
font-size: 60px;
font-weight: 700;
color: #f4f4f4;
}
.works__cards-item:first-child .works__item-num,
.works__cards-item:nth-child(2) .works__item-num-alt {
color: var(--r1-primary);
}
.works__item-title {
color: #000;
margin-bottom: 10px;
font-size: 18px;
font-weight: 500;
}
.works__cards-item p {
color: #797979;
font-size: 15px;
font-weight: 400;
line-height: 147%;
}
#top .why__cards-item {
background: #fff;
border-radius: 25px;
padding: 30px;
border: none;
}
#top .why__cards-item .entry-content-header {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#top .why__cards-item .iconbox_icon {
width: 60px;
height: 60px;
margin-right: 0;
margin-bottom: 12px;
background: #f4f6f5;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
}
#top .why__cards-item .iconbox_icon,
#top .why__cards-item .iconbox_icon::before {
color: var(--r1-primary) !important;
font-size: 32px !important;
line-height: 1 !important;
}
#top .why__cards-item .iconbox_icon svg {
width: 32px !important;
height: 32px !important;
display: block !important;
}
#top .why__cards-item .iconbox_icon svg path,
#top .why__cards-item .iconbox_icon svg circle,
#top .why__cards-item .iconbox_icon svg rect,
#top .why__cards-item .iconbox_icon svg ellipse,
#top .why__cards-item .iconbox_icon svg polygon,
#top .why__cards-item .iconbox_icon svg line,
#top .why__cards-item .iconbox_icon svg polyline {
fill: var(--r1-primary) !important;
stroke: var(--r1-primary) !important;
}
#top .why__cards-item .iconbox_content_title {
margin: 0 0 10px 0;
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.works__cards-item {
border-radius: 15px;
padding: 10px;
}
.works__item-num,
.works__item-num-alt {
margin-bottom: 15px;
font-size: 30px;
}
.works__item-title {
margin-bottom: 15px;
font-size: 15px;
}
.works__cards-item p {
font-size: 12px;
}
#top .why__cards-item {
border-radius: 15px;
padding: 15px;
}
#top .why__cards-item .iconbox_icon {
width: 50px;
height: 50px;
border-radius: 12px;
}
#top .why__cards-item .iconbox_icon svg {
width: 22px;
height: 28px;
}
}
/* =========================
WORKS VIDEO
========================= */
.works__video {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 25px;
background: #000;
}
.works__video video,
.works__video .mejs-container,
.works__video .mejs-inner,
.works__video .mejs-mediaelement,
.works__video .avia_video {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
border-radius: inherit;
object-fit: cover;
}
.works__video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* =========================================================
14. CONTACTS / КОНТАКТЫ
========================================================= */
.contacts__content {
width: 100%;
max-width: 560px;
display: flex;
flex-direction: column;
gap: 12px;
}
.contacts__content p {
margin: 5px 0;
}
.contacts__content-item {
background: #fff;
border-radius: 20px;
display: flex;
align-items: center;
gap: 15px;
padding: 10px 20px;
}
/* Иконки через ::before — Enfold их не удалит */
.contacts__content-item::before {
content: "";
width: 37px !important;
height: 37px !important;
min-width: 37px !important;
flex-shrink: 0 !important;
display: block !important;
background: var(--r1-primary) !important;
-webkit-mask-position: center !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-size: contain !important;
mask-position: center !important;
mask-repeat: no-repeat !important;
mask-size: contain !important;
transition: .2s ease !important;
}
.contacts__phone::before {
-webkit-mask-image: url('/wp-content/uploads/2026/05/tel.svg') !important;
mask-image: url('/wp-content/uploads/2026/05/tel.svg') !important;
}
.contacts__address::before {
-webkit-mask-image: url('/wp-content/uploads/2026/05/map.svg') !important;
mask-image: url('/wp-content/uploads/2026/05/map.svg') !important;
}
.contacts__email::before {
-webkit-mask-image: url('/wp-content/uploads/2026/05/email.svg') !important;
mask-image: url('/wp-content/uploads/2026/05/email.svg') !important;
}
.contacts__time::before {
-webkit-mask-image: url('/wp-content/uploads/2026/05/time.svg') !important;
mask-image: url('/wp-content/uploads/2026/05/time.svg') !important;
}
.contacts__content-item:hover::before {
background: var(--r1-primary-hover) !important;
}
.contacts__item-descr {
display: flex;
flex-direction: column;
gap: 5px;
}
.contacts__item-descr a,
.contacts__item-descr span,
.contacts__item-descr p,
.contacts__item-descr {
color: #0e131a;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
}
.contacts__item-descr a:hover {
color: var(--r1-primary-hover) !important;
}
.contacts__descr-title,
.contacts__last-title {
color: #848b8c;
font-size: 16px;
font-weight: 400;
}
.contacts__content-last {
background: #fff;
border-radius: 20px;
display: flex;
flex-direction: column;
gap: 5px;
padding: 12px 20px;
}
.contacts__last-btns {
display: flex;
align-items: center;
gap: 8px;
}
.contacts__last-btns .r1-chat-item {
background: var(--r1-primary) !important;
}
.contacts__last-btns .r1-chat-item:hover {
background: var(--r1-primary-hover) !important;
}
.contacts__last-btns .r1-chat-icon {
background-color: #fff !important;
}
/* Mobile */
@media (max-width: 767px) {
.contacts__content {
max-width: 100%;
gap: 10px;
}
.contacts__content-item {
border-radius: 16px;
padding: 12px 16px;
gap: 12px;
}
.contacts__content-item::before {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
}
.contacts__item-descr,
.contacts__item-descr a,
.contacts__item-descr span,
.contacts__item-descr p {
font-size: 16px;
}
.contacts__descr-title,
.contacts__last-title {
font-size: 13px;
}
.contacts__content-last {
border-radius: 16px;
padding: 12px 16px;
}
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.contacts__content {
max-width: none;
gap: 8px;
}
.contacts__content p {
margin: 3px 0;
}
.contacts__content-item {
gap: 10px;
padding: 10px;
border-radius: 14px;
}
.contacts__content-item > img,
.contacts__content-item > svg {
width: 26px;
height: 26px;
}
.contacts__item-descr {
gap: 3px;
}
.contacts__item-descr a,
.contacts__item-descr span,
.contacts__item-descr p {
font-size: 15px;
}
.contacts__descr-title,
.contacts__last-title {
font-size: 12px;
}
.contacts__content-last {
padding: 10px;
border-radius: 14px;
}
.contacts__last-btns {
gap: 6px;
}
}
/* =========================
КНОПКИ СОЦСЕТЕЙ
========================= */
.contacts__last-btns {
display: flex;
align-items: center;
gap: 5px;
}
.contacts__last-btns a {
position: relative;
overflow: hidden;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
transition: .3s ease;
}
.contacts__last-btns svg,
.contacts__last-btns img {
width: 100% !important;
height: 100% !important;
object-fit: contain;
filter: invert(1) !important;
transition: .3s ease !important;
}
.contacts__last-btns a:hover svg,
.contacts__last-btns a:hover img {
filter: invert(0) !important;
}
.contacts__last-btns .image-overlay {
display: none !important;
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.contacts__last-btns a {
width: 44px;
height: 44px;
}
}
/* =========================================================
15. CONTACT FORM 7 / ФОРМЫ
========================================================= */
.contacts__form {
position: relative;
overflow: hidden;
width: 100%;
padding: 35px;
display: flex;
flex-direction: column;
justify-content: center;
background: var(--r1-primary);
border-radius: 25px;
}
.contacts__form img {
position: absolute;
top: 0;
right: 0;
}
.contacts__form br {
display: none;
}
.contacts__form .label-row p {
display: flex;
gap: 15px;
margin-bottom: 35px;
}
.contacts__form label:not(.custom-checkbox) {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
color: #fff;
font-size: 15px;
font-weight: 400;
}
.contacts__form input.wpcf7-form-control.wpcf7-text,
.contacts__form input.wpcf7-form-control.wpcf7-tel {
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 30px !important;
box-sizing: border-box !important;
border: none !important;
border-radius: 15px !important;
background: #ffffff26 !important;
color: #fff !important;
font-size: 17px !important;
font-weight: 400 !important;
}
.contacts__form input.wpcf7-form-control.wpcf7-text::placeholder,
.contacts__form input.wpcf7-form-control.wpcf7-tel::placeholder {
color: rgba(255,255,255,.7) !important;
opacity: 1 !important;
}
.contacts__form .btn.btn--white {
width: 100% !important;
margin-top: 20px !important;
padding: 30px !important;
display: inline-block !important;
box-sizing: border-box !important;
border: none !important;
border-radius: 15px !important;
background: #fff !important;
color: #000 !important;
text-align: center !important;
cursor: pointer !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 147% !important;
}
.contacts__form .custom-checkbox {
margin: 0 !important;
padding: 0 !important;
display: block !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
}
.contacts__form .custom-checkbox .wpcf7-form-control-wrap,
.contacts__form .custom-checkbox .wpcf7-checkbox,
.contacts__form .custom-checkbox .wpcf7-list-item {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
.contacts__form .custom-checkbox .wpcf7-list-item label {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
gap: 0 !important;
color: #fff !important;
cursor: pointer !important;
}
.contacts__form .custom-checkbox input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
position: relative !important;
width: 17px !important;
height: 17px !important;
min-width: 17px !important;
flex: 0 0 17px !important;
align-self: flex-start !important;
margin: 2px 10px 0 0 !important;
padding: 0 !important;
display: block !important;
cursor: pointer !important;
border: 1px solid #fff !important;
border-radius: 4px !important;
background: transparent !important;
}
.contacts__form .custom-checkbox .wpcf7-list-item-label {
flex: 1 1 auto !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
color: #fff !important;
}
.contacts__form .custom-checkbox input[type="checkbox"]:checked::after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 10px !important;
height: 9px !important;
transform: translate(-50%, -50%) !important;
background: url("data:image/svg+xml;utf8,") center/contain no-repeat !important;
}
.contacts__form-title {
max-width: 321px;
margin-bottom: 10px;
color: #fff;
font-size: 30px;
font-weight: 500;
}
.contacts__form-text {
max-width: 295px;
margin-bottom: 35px;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 137%;
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.contacts__form {
padding: 15px;
border-radius: 15px;
}
.contacts__form .label-row p {
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.contacts__form input.wpcf7-form-control.wpcf7-text,
.contacts__form input.wpcf7-form-control.wpcf7-tel {
padding: 20px !important;
font-size: 14px !important;
}
.contacts__form .btn.btn--white {
padding: 25px !important;
font-size: 12px !important;
}
.contacts__form-title {
font-size: 20px;
}
.contacts__form-text {
margin-bottom: 20px;
font-size: 13px;
}
}
/* =========================================================
16. MODAL / МОДАЛЬНОЕ ОКНО
========================================================= */
/* Модальное окно */
.cf7-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
}
.cf7-modal.show {
display: flex !important;
}
/* Оверлей */
.cf7-modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(3px);
cursor: pointer;
}
/* Контейнер */
.cf7-modal-container {
position: relative;
z-index: 10;
width: 90%;
max-width: 600px;
margin: 20px;
animation: cf7ModalFadeIn 0.3s ease;
}
/* Контент */
.cf7-modal-content {
background: #ffffff;
border-radius: 20px;
position: relative;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
/* Кнопка закрытия */
.cf7-modal-close {
position: absolute;
top: 15px;
right: 15px;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.05);
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
transition: all 0.2s ease;
color: #666;
}
.cf7-modal-close:hover {
background: rgba(0, 0, 0, 0.1);
color: #000;
transform: rotate(90deg);
}
/* Тело модального окна */
.cf7-modal-body {
padding: 40px 30px;
max-height: 80vh;
overflow-y: auto;
}
/* ========== СТИЛИ ФОРМЫ - СИЛЬНЫЕ СЕЛЕКТОРЫ ========== */
.cf7-modal-body form {
display: flex;
flex-direction: column;
gap: 25px !important;
margin: 0 !important;
padding: 0 !important;
}
.cf7-modal-body form p {
margin: 0 !important;
padding: 0 !important;
}
/* Лейблы полей */
.cf7-modal-body form label {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #000 !important;
margin: 0 !important;
padding: 0 !important;
}
/* Поля ввода - большие серые красивые */
.cf7-modal-body form input:not([type="checkbox"]) {
width: 100% !important;
padding: 24px 25px !important;
border: none !important;
border-radius: 15px !important;
font-size: 15px !important;
font-weight: 400 !important;
background: #f0f3f5 !important;
transition: all 0.3s ease !important;
outline: none !important;
color: #000 !important;
box-sizing: border-box !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.cf7-modal-body form input:not([type="checkbox"]):focus {
border: 1px solid var(--r1-primary) !important;
background: #fff !important;
outline: none !important;
}
.cf7-modal-body form input:not([type="checkbox"])::placeholder {
color: #bfbfbf !important;
opacity: 1 !important;
}
/* Чекбокс */
.cf7-modal-body form .custom-checkbox {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
cursor: pointer !important;
}
.cf7-modal-body form .custom-checkbox .wpcf7-list-item {
margin: 0 !important;
padding: 0 !important;
}
.cf7-modal-body form .custom-checkbox .wpcf7-list-item label {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 12px !important;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 1.4 !important;
color: #777 !important;
cursor: pointer !important;
}
.cf7-modal-body form .custom-checkbox input[type="checkbox"] {
appearance: none !important;
-webkit-appearance: none !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
border: 1px solid #bfbfbf !important;
border-radius: 4px !important;
background: #fff !important;
cursor: pointer !important;
position: relative !important;
transition: all 0.2s ease !important;
margin: 2px 0 0 0 !important;
padding: 0 !important;
}
.cf7-modal-body form .custom-checkbox input[type="checkbox"]:checked {
border-color: var(--r1-primary) !important;
background: var(--r1-primary) !important;
}
.cf7-modal-body form .custom-checkbox input[type="checkbox"]:checked:after {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 10px !important;
height: 8px !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 7L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center !important;
background-size: contain !important;
}
.cf7-modal-body form .custom-checkbox span {
color: var(--r1-primary) !important;
text-decoration: underline !important;
}
/* Кнопка отправки */
.cf7-modal-body form .btn,
.cf7-modal-body form button.btn {
display: inline-block !important;
width: 100% !important;
padding: 24px 25px !important;
background: var(--r1-primary) !important;
color: #fff !important;
border: none !important;
border-radius: 15px !important;
font-size: 16px !important;
font-weight: 500 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-align: center !important;
margin-top: 10px !important;
line-height: 1.4 !important;
}
.cf7-modal-body form .btn:hover,
.cf7-modal-body form button.btn:hover {
background: var(--r1-primary-hover) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(36, 165, 145, 0.3) !important;
}
/* Анимация */
@keyframes cf7ModalFadeIn {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Адаптивность */
@media (max-width: 767px) {
.cf7-modal-body {
padding: 30px 20px !important;
}
.cf7-modal-close {
top: 10px;
right: 10px;
width: 28px;
height: 28px;
}
.cf7-modal-body form input:not([type="checkbox"]) {
padding: 18px 20px !important;
font-size: 14px !important;
}
.cf7-modal-body form .btn,
.cf7-modal-body form button.btn {
padding: 18px 20px !important;
font-size: 14px !important;
}
.cf7-modal-body form label {
font-size: 14px !important;
}
}
/* Блокировка скролла body */
body.cf7-modal-open {
overflow: hidden;
}
/* =========================================================
17. MAP / ЯНДЕКС КАРТА
========================================================= */
.r1-map-wrap{
position: relative;
width: 100%;
height: 500px;
border-radius: 24px;
overflow: hidden;
background: #f9fbfc;
}
/* iframe */
.r1-map-wrap iframe{
width: 100%;
height: 100%;
display: block;
border: none;
pointer-events: none;
}
/* полностью скрываем checkbox */
.r1-map-toggle{
position: absolute !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
left: -9999px !important;
top: -9999px !important;
}
/* overlay */
.r1-map-overlay{
position: absolute;
inset: 0;
z-index: 10;
cursor: pointer;
}
/* кнопка взаимодействия */
.r1-map-overlay span{
position: absolute;
left: 50%;
bottom: 50px;
transform: translateX(-50%);
background: #fff;
color: #121212;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
text-align: center;
padding: 10px 16px;
border-radius: 100px;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
transition: .2s ease;
}
.r1-map-overlay:hover span{
color: var(--r1-primary);
}
/* активация */
.r1-map-toggle:checked ~ iframe{
pointer-events: auto;
}
.r1-map-toggle:checked ~ .r1-map-overlay{
display: none;
}
/* mobile */
@media (max-width:767px){
.r1-map-wrap{
height: 500px;
border-radius: 18px;
}
.r1-map-overlay span{
left: 50%;
bottom: 50px;
transform: translateX(-50%);
max-width: calc(100% - 24px);
font-size: 12px;
line-height: 1.2;
white-space: normal;
text-align: center;
padding: 8px 12px;
border-radius: 999px;
}
}
/* =========================================================
18. FOOTER / ФУТЕР
========================================================= */
#footer {
padding: 45px 0 30px 0 !important;
}
#footer,
#footer.footer_color,
.footer_color,
#socket,
#socket.socket_color {
background: #1A1A1A !important;
color: #ffffff !important;
}
#footer .widget {
margin: 0 !important;
}
#footer p,
#footer span,
#footer div,
#footer li,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .widgettitle,
#socket,
#socket p,
#socket span,
#socket div,
#socket li,
#socket .copyright {
color: #ffffff !important;
}
#footer a,
#footer .widget a,
#footer .menu a,
#footer .page_item a,
#footer .cat-item a,
#footer .footer__contacts-item a,
#socket a,
#socket .copyright a,
#socket .sub_menu_socket a,
#socket .avia3-menu a,
#socket .sub_menu_socket .menu-item a,
#socket .sub_menu_socket .menu-item a .avia-menu-text {
color: #ffffff !important;
text-decoration: none !important;
transition: color .2s ease, opacity .2s ease, background-color .2s ease !important;
}
#footer a:hover,
#footer a:focus,
#footer .widget a:hover,
#footer .widget a:focus,
#footer .menu a:hover,
#footer .menu a:focus,
#footer .page_item a:hover,
#footer .page_item a:focus,
#footer .cat-item a:hover,
#footer .cat-item a:focus,
#footer .footer__contacts-item a:hover,
#footer .footer__contacts-item a:focus,
#socket a:hover,
#socket a:focus,
#socket .copyright a:hover,
#socket .copyright a:focus,
#socket .sub_menu_socket a:hover,
#socket .sub_menu_socket a:focus,
#socket .avia3-menu a:hover,
#socket .avia3-menu a:focus,
#socket .sub_menu_socket .menu-item a:hover,
#socket .sub_menu_socket .menu-item a:focus,
#socket .sub_menu_socket .menu-item a:hover .avia-menu-text,
#socket .sub_menu_socket .menu-item a:focus .avia-menu-text {
color: var(--r1-primary) !important;
}
/* Titles */
#footer .widgettitle {
margin-bottom: 16px !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 600 !important;
}
/* Pages / categories */
#footer .widget_pages li,
#footer .widget_categories li {
margin-bottom: 8px !important;
}
/* FIX NAV MENU */
#footer .widget_nav_menu ul.menu {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
#footer .widget_nav_menu li.menu-item {
margin: 0 0 8px 0 !important;
padding: 0 !important;
line-height: 1.45 !important;
}
#footer .widget_nav_menu li.menu-item:last-child {
margin-bottom: 0 !important;
}
#footer .widget_nav_menu li.menu-item a {
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
}
/* Borders */
#footer .seperator,
#footer .extralight-border,
#socket {
border-color: rgba(255,255,255,.08) !important;
}
/* Contacts */
.footer__contacts {
width: 100%;
max-width: 300px;
padding: 12px 30px;
background: #2A2A2F !important;
border-radius: 20px;
}
.footer__contacts p {
margin: 8px 0;
}
.footer__contacts-item {
display: flex;
flex-direction: column;
gap: 5px;
color: #ffffffb3 !important;
}
.footer__contacts-item:not(.footer__contacts-item:first-child) {
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #ffffff1a;
}
.footer__contacts-date {
margin: 12px 0;
color: #ffffffb3 !important;
font-size: 13px;
}
.footer__contacts-item a {
color: #ffffff !important;
font-size: 22px;
font-weight: 600;
}
.footer__contacts-item a[href^="mailto:"] {
font-size: 16px;
font-weight: 500;
}
.footer__contacts-item:last-child {
margin-bottom: 0 !important;
}
/* Button */
.footer__contacts-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
min-height: 52px;
margin-bottom: 20px;
padding: 12px 18px;
background: #3f3e4c;
border: none;
border-radius: 15px;
color: #ffffff !important;
font-size: 15px;
cursor: pointer;
}
.footer__contacts-btn:hover {
background: var(--r1-primary) !important;
}
.footer__contacts-btn img {
width: 20px;
height: 20px;
filter: brightness(0) invert(1);
}
/* Socket */
#socket {
border-top: 1px solid rgba(255,255,255,.08) !important;
}
#socket .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
flex-wrap: wrap !important;
}
#socket .sub_menu_socket ul,
#socket .avia3-menu ul {
display: flex !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
#socket .sub_menu_socket li,
#socket .avia3-menu li {
margin: 0 !important;
}
#socket .avia-menu-fx,
#socket .avia-arrow-wrap,
#socket .avia-bullet {
display: none !important;
}
.copyright {
font-size: 13px !important;
}
/* Mobile */
@media (max-width:767px){
.footer__contacts{
max-width:none !important;
margin:0 auto !important;
padding:16px !important;
}
#socket .container{
flex-direction:column !important;
align-items:flex-start !important;
gap:14px !important;
}
#socket .sub_menu_socket ul,
#socket .avia3-menu ul{
flex-direction:row !important;
flex-wrap:nowrap !important;
gap:0px !important;
}
#socket .sub_menu_socket li,
#socket .avia3-menu li{
width:auto !important;
white-space:nowrap !important;
}
}
/* =========================================================
19. PAYMENT ICONS / ПЛАТЁЖНЫЕ ИКОНКИ
========================================================= */
/* Отступы и центровка всего payment-блока */
#footer .payment-widgets-section.footer-payment-area{
width: 100%;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
}
/* Центруем иконки “по-настоящему” через flex */
#footer .payment-widgets-section .pay-systems{
display: flex;
justify-content: center; /* по центру */
align-items: center;
gap: 20px; /* расстояние между иконками */
flex-wrap: wrap; /* чтобы на мобилке переносились */
}
/* Если используешь gap, лучше убрать margin у иконок */
#footer .payment-widgets-section .pay-systems i{
margin: 0; /* чтобы не суммировалось с gap */
}
.pay-systems i {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
background: url('/wp-content/uploads/2026/01/payment.svg') 0 0 no-repeat;
opacity: 1;
outline: none !important;
}
/* НАЛИЧНЫЕ (Cash) - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.cacsh {
width: 20px;
height: 20px;
background-position: 0 -198px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.cacsh:hover {
background-position: 0 -248px; /* Серая */
}
/* MASTERCARD - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.mastercard {
width: 24px;
height: 16px;
background-position: -327px -200px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.mastercard:hover {
background-position: -279px -250px; /* Серая */
}
/* VISA - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.visa {
width: 32px;
height: 10px;
background-position: -40px -204px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.visa:hover {
background-position: -40px -254px; /* Серая */
}
/* СБЕРБАНК - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.sbrf {
width: 19px;
height: 20px;
background-position: -240px -198px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.sbrf:hover {
background-position: -240px -248px; /* Серая */
}
/* АЛЬФА-БАНК - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.alfa {
width: 14px;
height: 19px;
background-position: -415px -198px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.alfa:hover {
background-position: -323px -248px; /* Серая */
}
/* МИР - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.mir {
width: 36px;
height: 20px;
background-position: -449px -198px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.mir:hover {
background-position: -357px -248px; /* Серая */
}
/* TINKOFF - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.tinkoff {
width: 63px;
height: 16px;
background-position: -794px -199px; /* Цветная */
}
/* СЕРЫЕ при наведении */
.pay-systems i.tinkoff:hover {
background-position: -657px -249px; /* Серая */
}
/* Общие стили box-sizing */
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* =========================================================
20. PORTFOLIO / ПОРТФОЛИО
========================================================= */
.av-large-gap .av-masonry-pagination {
border-radius: 20px !important;
}
.portfolio-item .avia-image-container-inner {
border: 1px solid #f7f7f7;
}
.av-masonry-entry .av-masonry-entry-title {
line-height: 1.3em;
margin: 0;
font-size: 15px !important;
}
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
border: 1px solid #f7f7f7 !important;
border-radius: 10px !important;
box-shadow: 1px 1px 9px rgba(0, 0, 0, .12) !important;
}
.avia-button.avia-size-small {
background-color: #444444 !important;
font-size: 14px !important;
font-weight: 600 !important;
border: 2px solid #444444 !important;
border-radius: 6px !important;
transition:
background-color 0.3s ease,
color 0.3s ease,
border-color 0.3s ease;
}
.avia-button .avia_button_icon path {
transition: fill 0.3s ease !important;
}
.avia-button.avia-size-small:hover {
background-color: #f7f7f7 !important;
color: #444444 !important;
border: 2px solid #444444 !important;
}
.avia-button.avia-size-small:hover .avia_button_icon path {
fill: #444444 !important;
}
.avia-buttonrow-wrap {
margin-top: 50px;
}
/* =========================================================
21. WOOCOMMERCE BASE / ОБЩИЕ СТИЛИ МАГАЗИНА
========================================================= */
/* 5 Columns Products grid */
div .columns-5 .products .product {
width: 19.2% !important;
margin-bottom: 50px !important;
}
.page-thumb {
display: none !important;
}
#top #wrap_all ins:before {
content: "\0020" !important;
}
.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
color: #444444 !important;
font-size: 14px !important;
text-transform: unset !important;
letter-spacing: unset !important;
}
.woocommerce-loop-category__title {
font-size: 16px !important;
text-align: center;
}
.woocommerce-Price-amount {
color: #444444 !important;
}
.container_wrap_meta {
background: #f9f9f9 !important;
}
.header_color div {
color: #000000 !important;
font-size: 14px !important;
font-weight: 400 !important;
}
.onsale {
background: #f43c33 !important;
color: white !important;
padding: 0px 12px !important;
border-radius: 0 !important;
font-size: 12px !important;
font-weight: bold !important;
text-transform: uppercase !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.products .product .onsale {
position: absolute !important;
top: -100px !important;
right: unset !important;
left: 0px !important;
z-index: 50 !important;
}
.single-product-main-image .onsale {
top: 100px !important;
right: unset !important;
left: 0px !important;
}
/* Product brand logo */
.product_brand {
margin: 10px 0;
padding: 5px 0;
}
.product_brand .brand-link.has-logo img {
max-height: 60px;
width: auto;
}
.product_brand .brand-link.no-logo {
font-size: 16px;
font-weight: bold;
color: #333;
text-decoration: none;
}
.product_brand .brand-link.no-logo:hover {
color: #0073aa;
}
#top .price_slider_amount .button,
.main_color .wc-block-components-button,
.r1-wh-buy {
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
color: #fff !important;
border-radius: 4px !important;
padding: 12px 24px !important;
font-size: 16px !important;
font-weight: 400 !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
}
#top .price_slider_amount .button:hover,
.main_color .wc-block-components-button:hover,
.r1-wh-buy:hover {
background: #fff !important;
border-color: var(--r1-primary) !important;
color: var(--r1-primary) !important;
}
#top .price_slider_amount .button {
float: right !important;
}
.r1wh-row {
display: grid !important;
grid-template-columns: 35% 15% 15% 35% !important;
align-items: center !important;
gap: 10px !important;
}
.r1wh-box, .r1wh-table, .r1wh-row, .r1wh-row > div {
font-size: 14px !important;
}
.r1wh-qty {
display: inline-block !important;
width: 50px !important;
margin: 0 10px 0 !important;
vertical-align: middle !important;
align-self: auto !important;
}
.r1-wh-buy {
padding: 12px 18px !important;
font-size: 14px !important;
}
/* Убираем фон у контента вкладок */
.woocommerce-Tabs-panel {
background: none !important;
background-color: transparent !important;
}
#top .avia_cart_buttons .button {
width: 100% !important;
text-align: center !important;
padding: 10px 2px !important;
}
#top .dropdown_widget .buttons .button, div .dropdown_widget .cart_list li a, dl.variation dt, .cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p {
color: #444444 !important;
font-weight: 400 !important;
font-size: 14px !important;
}
.woocommerce-mini-cart__total {
font-size: 14px !important;
}
/* Скроем фильтры на десктопе */
.filters-toggle-section {
display: none !important;
}
/* Checkout Page */
#top .main_color input[type='text'] {
color: #444444 !important;
font-weight: 400 !important;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
font-weight: 400 !important;
}
.template-shop .product_meta {
color: #444444 !important;
font-size: 14px !important;
}
#top .woocommerce-tabs .tabs li a {
font-size: 16px !important;
font-weight: 400 !important;
}
.product_meta {
display: block;
}
.product_meta > span {
display: block;
margin-bottom: 8px;
}
.product_meta > span:last-child {
margin-bottom: 0;
}
@media (max-width: 767px){
h1 {
font-size: 24px !important;
}
h2 {
font-size: 22px !important;
}
.responsive .av-burger-menu-main {
display: none !important;
}
.responsive .logo img, .responsive .logo svg {
height: 40px !important;
margin-top: 0 !important;
}
#top .menu-item-search-dropdown > a.avia-svg-icon {
padding-top: 4px !important;
}
.input_checkbox_label {
font-size: 10px !important;
}
#map .container, #product-slider .container {
width: 100% !important;
max-width: 100% !important;
}
/* 2 Columns Product grid */
div .products .product, div .columns-5 .products .product {
width: 49% !important;
padding: 5px !important;
margin-bottom: 10px !important;
}
.content {
padding-top: 20px !important;
}
div .products .product {
margin-bottom: 0 !important;
}
/* Покажем фильтры на мобильном */
.filters-toggle-section {
display: block !important;
}
#top .price_slider_amount .button, div .widget_price_filter .price_slider_wrapper .price_label
{
float: left !important;
}
div .product-sorting {
padding-bottom: 4px !important;
}
.woocommerce-page .button {
min-width: 80px !important;
}
.r1wh-row {
grid-template-columns: 35% 15% 15% 35% !important;
}
.r1wh-box, .r1wh-table, .r1wh-row, .r1wh-row > div {
font-size: 12px !important;
}
.r1wh-qty {
width: 33px !important;
margin: 0 !important;
}
.r1-wh-buy {
padding: 10px !important;
font-size: 12px !important;
}
.r1wh-instock-text {
display: none;
}
.r1wh-stock-cell {
text-align: center;
}
.product_on_sale .inner_product_header
{
padding-right: 0 !important;
}
div .product-sorting li, div .product-sorting ul {
width: 100% !important;
text-align: center !important;
}
.sort-param>li>a, .sort-param>li>span {
border-radius: 6px !important;
}
.product-hover-img {
display: none !important;
}
.product-image-hover-container {
display: block;
}
.avia_cart_buttons {
display: none !important;
}
/* Payment расстояние между иконками */
#footer .payment-widgets-section .pay-systems {
gap: 12px;
}
.av-cart-container {
--cart-icon-y: 0px !important;
}
}
/* =========================================================
22. CATEGORY GRID / СЕТКА КАТЕГОРИЙ
========================================================= */
.categories__item-price {
display: none !important;
}
#top ul.products.categories__content,
#top ul.products:has(li.product-category.product) {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
#top ul.products.categories__content > li.product-category.product,
#top ul.products:has(li.product-category.product) > li.product-category.product {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
border: none !important;
list-style: none !important;
}
.product-category.product .inner_product,
.product-category.product .thumbnail_container,
.product-category.product .avia_cart_buttons {
display: contents !important;
}
.product-category.product a,
.product-category.product a:hover {
text-decoration: none !important;
}
/* CARD */
.categories__content-item {
position: relative !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-height: 100% !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #edf1f4 !important;
border-radius: 22px !important;
box-shadow: 0 10px 28px rgba(20,35,45,.07) !important;
transition: all .25s ease !important;
}
.categories__content-item .image-overlay,
.categories__content-item .image-overlay-inside,
.categories__content-item::before {
display: none !important;
content: none !important;
}
/* IMAGE */
.categories__content-item > img {
position: relative !important;
order: 1 !important;
display: block !important;
width: calc(100% - 24px) !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
margin: 12px auto 0 !important;
object-fit: contain !important;
object-position: center center !important;
background: #fff !important;
border-radius: 0 !important;
transform: scale(1) !important;
transition: transform .35s ease !important;
}
/* TEXT */
.categories__item-head {
position: relative !important;
order: 2 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
min-height: 88px !important;
margin: 0 !important;
padding: 16px 56px 18px 16px !important;
background: #fff !important;
}
.categories__item-title {
margin: 0 !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
.categories__item-count {
margin: 0 !important;
color: #6d747c !important;
font-size: 13px !important;
font-weight: 400 !important;
}
/* ARROW */
.categories__item-btn {
position: absolute !important;
right: 16px !important;
bottom: 22px !important;
width: 34px !important;
height: 34px !important;
z-index: 10 !important;
}
.categories__item-btn svg {
width: 34px !important;
height: 34px !important;
}
.categories__item-btn circle {
fill: #f3f8fa !important;
transition: .25s ease !important;
}
.categories__item-btn path {
stroke: #111 !important;
transition: .25s ease !important;
}
/* HOVER */
.categories__content-item:hover {
transform: translateY(-4px) !important;
border-color: rgba(var(--r1-primary-rgb),.35) !important;
box-shadow: 0 18px 42px rgba(20,35,45,.14) !important;
}
.categories__content-item:hover > img {
transform: scale(1.04) !important;
}
.categories__content-item:hover .categories__item-btn circle {
fill: var(--r1-primary) !important;
}
.categories__content-item:hover .categories__item-btn path {
stroke: #fff !important;
}
/* TABLET */
@media (max-width: 1200px) {
#top ul.products.categories__content,
#top ul.products:has(li.product-category.product) {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 900px) {
#top ul.products.categories__content,
#top ul.products:has(li.product-category.product) {
grid-template-columns: repeat(2, 1fr) !important;
gap: 14px !important;
}
}
/* MOBILE CATEGORY */
@media (max-width: 520px) {
#top ul.products.categories__content,
#top ul.products:has(li.product-category.product) {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.categories__content-item {
border-radius: 16px !important;
}
.categories__content-item > img {
width: calc(100% - 16px) !important;
margin: 8px auto 0 !important;
border-radius: 0 !important;
}
.categories__item-head {
min-height: 72px !important;
padding: 10px 38px 12px 10px !important;
gap: 4px !important;
}
.categories__item-title {
font-size: 13px !important;
line-height: 1.2 !important;
}
.categories__item-count {
font-size: 11px !important;
}
.categories__item-btn {
width: 26px !important;
height: 26px !important;
right: 10px !important;
bottom: 18px !important;
}
.categories__item-btn svg {
width: 26px !important;
height: 26px !important;
}
}
/* =========================================================
23. PRODUCT CARDS / КАРТОЧКИ ТОВАРОВ
========================================================= */
#top .template-shop:not(.avia-content-slider) ul.products:has(li.product.type-product) {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
box-sizing: border-box !important;
}
#top .template-shop:not(.avia-content-slider) ul.products:has(li.product.type-product) > li.product {
display: block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 100% !important;
float: none !important;
clear: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background: transparent !important;
box-sizing: border-box !important;
}
/* CARD */
#top ul.products li.product.type-product .inner_product {
position: relative !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 100% !important;
overflow: hidden !important;
padding: 0 !important;
background: #fff !important;
border: 1px solid #edf1f4 !important;
border-radius: 22px !important;
box-shadow: 0 2px 10px rgba(20,35,45,.045) !important;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
box-sizing: border-box !important;
}
#top ul.products li.product.type-product:hover .inner_product {
transform: translateY(-4px) !important;
border-color: rgba(var(--r1-primary-rgb),.35) !important;
box-shadow: 0 18px 42px rgba(20,35,45,.14) !important;
}
#top ul.products li.product.type-product .inner_product::before,
#top ul.products li.product.type-product .inner_product::after,
#top ul.products li.product.type-product .inner_product_header::before,
#top ul.products li.product.type-product .inner_product_header::after,
#top ul.products li.product.type-product .avia_cart_buttons::before,
#top ul.products li.product.type-product .avia_cart_buttons::after,
#top ul.products li.product.type-product .image-overlay,
#top ul.products li.product.type-product .image-overlay-inside,
#top ul.products li.product.type-product .avia-arrow {
display: none !important;
content: none !important;
}
/* LINK */
#top ul.products li.product.type-product .woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-width: 0 !important;
text-decoration: none !important;
background: #fff !important;
}
/* IMAGE */
#top ul.products li.product.type-product .product-image-hover-container {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
padding: 12px !important;
overflow: hidden !important;
border-radius: 0 !important;
background: #fff !important;
line-height: 0 !important;
box-sizing: border-box !important;
}
#top ul.products li.product.type-product .product-image-hover-container img {
position: absolute !important;
inset: 12px !important;
display: block !important;
width: calc(100% - 24px) !important;
height: calc(100% - 24px) !important;
max-width: none !important;
margin: auto !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: scale(1) !important;
transition: opacity .35s ease, transform .35s ease !important;
}
#top ul.products li.product.type-product .product-image-hover-container .product-main-img {
z-index: 1 !important;
opacity: 1 !important;
}
#top ul.products li.product.type-product .product-image-hover-container .product-hover-img {
z-index: 2 !important;
opacity: 0 !important;
visibility: hidden !important;
}
#top ul.products li.product.type-product:hover .product-image-hover-container img {
transform: scale(1.04) !important;
}
#top ul.products li.product.type-product:hover .product-image-hover-container.has-hover-img .product-hover-img {
opacity: 1 !important;
visibility: visible !important;
}
#top ul.products li.product.type-product:hover .product-image-hover-container.has-hover-img .product-main-img {
opacity: 0 !important;
}
/* CONTENT */
#top ul.products li.product.type-product .inner_product_header,
#top ul.products li.product.type-product .inner_product_header_table,
#top ul.products li.product.type-product .inner_product_header_cell {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border: none !important;
text-align: left !important;
}
#top ul.products li.product.type-product h2.woocommerce-loop-product__title {
min-height: 52px !important;
margin: 0 0 10px !important;
padding: 16px 16px 0 !important;
overflow: hidden !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
/* PRICE */
#top ul.products li.product.type-product .price {
display: block !important;
margin: 0 16px 12px !important;
padding: 0 !important;
background: transparent !important;
color: var(--r1-primary) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
#top ul.products li.product.type-product .price .woocommerce-Price-amount,
#top ul.products li.product.type-product .price .woocommerce-Price-currencySymbol {
color: var(--r1-primary) !important;
font-size: 18px !important;
font-weight: 700 !important;
}
/* UNIT PRICES */
#top ul.products li.product.type-product .r1-unit-prices-list--loop {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 0 12px !important;
padding: 0 16px !important;
background: #fff !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list__row,
#top ul.products li.product.type-product .r1-total-price--loop,
.r1-total-price--loop {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 10px !important;
padding: 0 16px !important;
background: transparent !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list__label,
#top ul.products li.product.type-product .r1-total-price__label,
.r1-total-price--loop .r1-total-price__label {
color: #797979 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list__value,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-amount,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
color: var(--r1-primary) !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
}
#top ul.products li.product.type-product .r1-total-price__label,
#top ul.products li.product.type-product .r1-total-price__value,
.r1-total-price--loop .r1-total-price__label,
.r1-total-price--loop .r1-total-price__value {
color: #111 !important;
font-weight: 600 !important;
}
#top ul.products li.product.type-product .r1-total-price__value,
.r1-total-price--loop .r1-total-price__value {
font-size: 16px !important;
}
/* SWITCHER */
#top ul.products li.product.type-product .r1-unit-switcher--loop {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 12px !important;
padding: 0 16px !important;
flex-wrap: wrap !important;
background: #fff !important;
}
#top ul.products li.product.type-product .r1-unit-btn {
appearance: none !important;
padding: 7px 10px !important;
border: none !important;
border-radius: 8px !important;
background: #f3f8fa !important;
color: #111 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1 !important;
box-shadow: none !important;
cursor: pointer !important;
}
#top ul.products li.product.type-product .r1-unit-btn.active {
background: var(--r1-primary) !important;
color: #fff !important;
}
/* QTY */
#top ul.products li.product.type-product .r1-loop-qty {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 4px !important;
margin: 0 0 14px !important;
padding: 0 16px !important;
background: #fff !important;
}
#top ul.products li.product.type-product .r1-loop-qty::before {
content: "Кол-во" !important;
margin-right: 12px !important;
color: #797979 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
}
#top ul.products li.product.type-product .r1-loop-qty__btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 26px !important;
height: 26px !important;
padding: 0 !important;
border: none !important;
border-radius: 8px !important;
background: #f3f8fa !important;
color: #111 !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1 !important;
box-shadow: none !important;
}
#top ul.products li.product.type-product .r1-loop-qty__input {
width: 44px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 600 !important;
text-align: center !important;
box-shadow: none !important;
-moz-appearance: textfield !important;
}
/* BUTTONS */
#top ul.products li.product.type-product .avia_cart_buttons {
display: flex !important;
align-items: stretch !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
position: static !important;
opacity: 1 !important;
pointer-events: auto !important;
border: none !important;
border-radius: 0 0 22px 22px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: none !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 50% !important;
min-height: 56px !important;
margin: 0 !important;
padding: 14px 10px !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .add_to_cart_button {
background: var(--r1-primary) !important;
color: #fff !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .show_details_button {
background: #f7f9fb !important;
color: #111 !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .add_to_cart_button:hover {
background: var(--r1-primary-hover) !important;
color: #fff !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .show_details_button:hover {
background: #eef3f5 !important;
color: #111 !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .button .avia-svg-icon,
#top ul.products li.product.type-product .avia_cart_buttons .button-mini-delimiter {
display: none !important;
}
/* TABLET */
@media (max-width: 1200px) {
#top .template-shop:not(.avia-content-slider) ul.products:has(li.product.type-product) {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 900px) {
#top .template-shop:not(.avia-content-slider) ul.products:has(li.product.type-product) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
}
/* MOBILE PRODUCT */
@media (max-width: 767px) {
#top .template-shop:not(.avia-content-slider) ul.products:has(li.product.type-product) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
row-gap: 30px !important;
}
#top ul.products li.product.type-product .inner_product {
border-radius: 16px !important;
}
#top ul.products li.product.type-product .product-image-hover-container {
padding: 8px !important;
border-radius: 0 !important;
background: #fff !important;
}
#top ul.products li.product.type-product .product-image-hover-container img {
inset: 8px !important;
width: calc(100% - 16px) !important;
height: calc(100% - 16px) !important;
border-radius: 0 !important;
}
#top ul.products li.product.type-product .product-image-hover-container .product-hover-img {
display: none !important;
}
#top ul.products li.product.type-product h2.woocommerce-loop-product__title {
min-height: 44px !important;
padding: 10px 10px 0 !important;
margin-bottom: 8px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
#top ul.products li.product.type-product .price {
margin: 0 10px 8px !important;
font-size: 14px !important;
}
#top ul.products li.product.type-product .price .woocommerce-Price-amount,
#top ul.products li.product.type-product .price .woocommerce-Price-currencySymbol {
font-size: 14px !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list--loop,
#top ul.products li.product.type-product .r1-unit-switcher--loop,
#top ul.products li.product.type-product .r1-loop-qty,
#top ul.products li.product.type-product .r1-total-price--loop,
.r1-total-price--loop {
padding-left: 10px !important;
padding-right: 10px !important;
margin-bottom: 8px !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list__label,
#top ul.products li.product.type-product .r1-unit-switcher__title,
#top ul.products li.product.type-product .r1-loop-qty::before,
#top ul.products li.product.type-product .r1-total-price__label,
.r1-total-price--loop .r1-total-price__label {
font-size: 11px !important;
}
#top ul.products li.product.type-product .r1-unit-prices-list__value,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-amount,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-currencySymbol,
#top ul.products li.product.type-product .r1-total-price__value,
.r1-total-price--loop .r1-total-price__value {
font-size: 12px !important;
}
#top ul.products li.product.type-product .r1-unit-btn {
padding: 6px 8px !important;
font-size: 11px !important;
border-radius: 7px !important;
}
#top ul.products li.product.type-product .r1-loop-qty::before {
margin-right: 8px !important;
}
#top ul.products li.product.type-product .r1-loop-qty__btn {
width: 22px !important;
height: 22px !important;
font-size: 15px !important;
}
#top ul.products li.product.type-product .r1-loop-qty__input {
width: 34px !important;
height: 24px !important;
font-size: 13px !important;
}
#top ul.products li.product.type-product .avia_cart_buttons {
border-radius: 0 0 16px 16px !important;
}
#top ul.products li.product.type-product .avia_cart_buttons .button {
min-height: 48px !important;
padding: 12px 6px !important;
font-size: 11px !important;
}
}
/* =========================================================
24. SINGLE PRODUCT / СТРАНИЦА ТОВАРА
========================================================= */
/* оставляем хлебные крошки, скрываем только заголовок "Магазин" */
.single-product .title_container .main-title {
display: none !important;
}
.single-product .title_container {
display: block !important;
}
.single-product .title_container .breadcrumb {
float: none !important;
text-align: left !important;
margin: 0 !important;
padding: 14px 0 !important;
}
/* =========================================
GALLERY
========================================= */
.single-product-main-image {
box-sizing: border-box !important;
}
.single-product-main-image .woocommerce-product-gallery {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.single-product-main-image .woocommerce-product-gallery__wrapper > a {
display: block !important;
width: 100% !important;
overflow: hidden !important;
border-radius: 25px !important;
background: #f9fbfc !important;
box-shadow: none !important;
}
.single-product-main-image .woocommerce-product-gallery__wrapper > a img,
.single-product-main-image .woocommerce-product-gallery img.attachment-shop_single {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border-radius: 25px !important;
object-fit: contain !important;
background: #f9fbfc !important;
}
.single-product-main-image .woocommerce-product-gallery .thumbnails {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 14px !important;
padding: 0 !important;
}
.single-product-main-image .woocommerce-product-gallery .thumbnails a {
display: block !important;
width: 82px !important;
height: 82px !important;
border-radius: 16px !important;
overflow: hidden !important;
background: #f9fbfc !important;
border: 1px solid #eef1f3 !important;
box-sizing: border-box !important;
}
.single-product-main-image .woocommerce-product-gallery .thumbnails img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
border-radius: 16px !important;
}
.single-product-main-image aside.sidebar {
display: none !important;
}
/* =========================================
SUMMARY CARD
========================================= */
.single-product-summary .summary {
background: #fff !important;
border-radius: 25px !important;
padding: 30px !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
.single-product-summary .summary > *:last-child {
margin-bottom: 0 !important;
}
.single-product-summary .summary .product_title,
.single-product-summary .summary h1.product_title {
color: #000 !important;
font-size: 25px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
margin: 0 0 18px !important;
}
.single-product-summary .summary .product_brand {
margin: 0 0 16px !important;
}
.single-product-summary .summary .product_brand img {
max-width: 90px !important;
height: auto !important;
display: block !important;
}
/* =========================================
PRICE
========================================= */
.single-product-summary .summary p.price {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 0 0 14px !important;
background: transparent !important;
line-height: 1 !important;
}
/* новая цена */
.single-product-summary .summary p.price ins,
.single-product-summary .summary p.price ins *,
.single-product-summary .summary p.price > .woocommerce-Price-amount,
.single-product-summary .summary p.price > .woocommerce-Price-amount * {
color: #e53935 !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1 !important;
text-decoration: none !important;
}
/* старая цена — без двойного перечёрка */
.single-product-summary .summary p.price del {
display: inline-block !important;
position: relative !important;
color: #9aa0a6 !important;
font-size: 24px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
}
.single-product-summary .summary p.price del * {
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
.single-product-summary .summary p.price del::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 50% !important;
height: 1.5px !important;
background: currentColor !important;
transform: translateY(-50%) !important;
pointer-events: none !important;
}
.single-product-summary .summary p.price .r1-unit-suffix {
font-size: 16px !important;
color: #797979 !important;
font-weight: 400 !important;
margin-left: 6px !important;
}
/* =========================================
CART FORM
========================================= */
.single-product-summary .summary form.cart {
display: flex !important;
align-items: center !important;
gap: 15px !important;
margin: 0 0 20px !important;
flex-wrap: wrap !important;
}
/* количество — безопасно, без перекрытий */
.single-product-summary .summary form.cart .quantity {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
position: static !important;
z-index: auto !important;
overflow: visible !important;
}
.single-product-summary .summary form.cart .quantity::before,
.single-product-summary .summary form.cart .quantity::after {
display: none !important;
content: none !important;
}
.single-product-summary .summary form.cart .quantity .minus,
.single-product-summary .summary form.cart .quantity .plus {
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
padding: 0 !important;
margin: 0 !important;
background: #f9fbfc !important;
color: #000 !important;
border: none !important;
border-radius: 12px !important;
box-shadow: none !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1 !important;
cursor: pointer !important;
position: static !important;
z-index: auto !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
.single-product-summary .summary form.cart .quantity .qty {
width: 56px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 6px !important;
background: #f9fbfc !important;
border: none !important;
border-radius: 12px !important;
box-shadow: none !important;
color: #000 !important;
font-size: 16px !important;
font-weight: 500 !important;
text-align: center !important;
position: static !important;
z-index: auto !important;
}
/* кнопки */
.single-product-summary .summary form.cart .single_add_to_cart_button,
.single-product-summary .summary form.cart .r1-buy-one-click {
background: var(--r1-primary) !important;
border: none !important;
color: #fff !important;
border-radius: 15px !important;
padding: 18px 24px !important;
min-height: 56px !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
box-shadow: none !important;
transition: all .2s ease !important;
}
.single-product-summary .summary form.cart .single_add_to_cart_button:hover,
.single-product-summary .summary form.cart .r1-buy-one-click:hover {
background: var(--r1-primary-hover) !important;
color: #fff !important;
border: none !important;
}
/* =========================================
META
========================================= */
.single-product-summary .summary .product_meta {
margin-top: 10px !important;
font-size: 14px !important;
color: #797979 !important;
}
.single-product-summary .summary .product_meta span {
display: block !important;
margin-bottom: 5px !important;
}
.single-product-summary .summary .product_meta a {
color: #121212 !important;
}
/* =========================================
TABS
========================================= */
.single-product .woocommerce-tabs.wc-tabs-wrapper {
background: transparent !important;
margin-top: 25px !important;
clear: both !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs {
display: flex !important;
align-items: center !important;
gap: 10px !important;
border-bottom: 1px solid #e0e0e0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs li {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
float: none !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs li::before,
.single-product .woocommerce-tabs .tabs.wc-tabs li::after {
display: none !important;
content: none !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs li a {
display: block !important;
padding: 16px 20px !important;
color: #848b8c !important;
font-size: 16px !important;
font-weight: 400 !important;
border: none !important;
background: transparent !important;
text-decoration: none !important;
box-shadow: none !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs li.active a {
color: #121212 !important;
border-bottom: 2px solid #000 !important;
}
.single-product .woocommerce-Tabs-panel {
background: transparent !important;
padding: 35px 0 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
width: 100% !important;
}
.single-product .woocommerce-Tabs-panel h2 {
display: none !important;
}
.single-product .woocommerce-Tabs-panel h3 {
color: #121212 !important;
font-size: 18px !important;
font-weight: 500 !important;
margin: 22px 0 10px !important;
}
.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li,
.single-product .woocommerce-Tabs-panel td,
.single-product .woocommerce-Tabs-panel th,
.single-product .woocommerce-Tabs-panel div {
color: #121212 !important;
font-size: 15px !important;
line-height: 1.47 !important;
}
.single-product .woocommerce-Tabs-panel p {
margin: 0 0 14px !important;
}
/* таблица характеристик */
.single-product table.shop_attributes {
width: 100% !important;
border: none !important;
border-collapse: collapse !important;
background: transparent !important;
margin: 0 !important;
}
.single-product table.shop_attributes th,
.single-product table.shop_attributes td {
padding: 12px 0 !important;
border: none !important;
background: transparent !important;
}
.single-product table.shop_attributes th {
width: 260px !important;
color: #848b8c !important;
font-size: 16px !important;
font-weight: 400 !important;
text-align: left !important;
vertical-align: top !important;
padding-right: 20px !important;
}
.single-product table.shop_attributes td {
color: #121212 !important;
font-size: 16px !important;
font-weight: 400 !important;
text-align: left !important;
}
.single-product table.shop_attributes td p {
margin: 0 !important;
}
/* =========================================
RELATED PRODUCTS
========================================= */
.single-product .related.products {
margin-top: 20px !important;
}
.single-product .related.products > h2 {
color: #121212 !important;
font-size: 24px !important;
font-weight: 500 !important;
margin: 0 0 20px !important;
}
.single-product .related.products li.product .inner_product {
border-radius: 20px !important;
overflow: hidden !important;
box-shadow: none !important;
}
.single-product .related.products li.product .inner_product:hover {
box-shadow: 0 6px 16px rgba(0,0,0,.10) !important;
}
.single-product .related.products .product-image-hover-container {
border-radius: 18px 18px 0 0 !important;
overflow: hidden !important;
background: #f9fbfc !important;
}
.single-product .related.products .product-image-hover-container img {
border-radius: 18px 18px 0 0 !important;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.single-product .title_container .breadcrumb {
padding: 10px 0 !important;
font-size: 12px !important;
}
.single-product-main-image .woocommerce-product-gallery__wrapper > a,
.single-product-main-image .woocommerce-product-gallery__wrapper > a img,
.single-product-main-image .woocommerce-product-gallery img.attachment-shop_single {
border-radius: 18px !important;
}
.single-product-main-image .woocommerce-product-gallery .thumbnails a {
width: 62px !important;
height: 62px !important;
border-radius: 12px !important;
}
.single-product-summary .summary {
padding: 20px 15px !important;
border-radius: 18px !important;
}
.single-product-summary .summary .product_title,
.single-product-summary .summary h1.product_title {
font-size: 18px !important;
margin-bottom: 14px !important;
}
.single-product-summary .summary p.price {
gap: 8px !important;
}
.single-product-summary .summary p.price ins,
.single-product-summary .summary p.price ins *,
.single-product-summary .summary p.price > .woocommerce-Price-amount,
.single-product-summary .summary p.price > .woocommerce-Price-amount * {
font-size: 20px !important;
}
.single-product-summary .summary p.price del,
.single-product-summary .summary p.price del * {
font-size: 17px !important;
text-decoration: none !important;
}
.single-product-summary .summary p.price del::after {
height: 1.3px !important;
}
.single-product-summary .summary form.cart {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 14px !important;
}
.single-product-summary .summary form.cart .single_add_to_cart_button,
.single-product-summary .summary form.cart .r1-buy-one-click {
width: 100% !important;
min-height: 52px !important;
padding: 16px 20px !important;
font-size: 14px !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs {
gap: 6px !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
}
.single-product .woocommerce-tabs .tabs.wc-tabs li a {
padding: 10px 0 !important;
margin-right: 18px !important;
font-size: 13px !important;
white-space: nowrap !important;
}
.single-product .woocommerce-Tabs-panel {
padding-top: 20px !important;
}
.single-product table.shop_attributes th,
.single-product table.shop_attributes td {
display: block !important;
width: 100% !important;
padding: 6px 0 !important;
}
.single-product table.shop_attributes th {
font-size: 13px !important;
padding-right: 0 !important;
}
.single-product table.shop_attributes td {
font-size: 13px !important;
padding-bottom: 14px !important;
}
.responsive #top .single-product-main-image .thumbnails a {
margin: 0 1% 1% 0 !important;
}
}
/* =========================================================
25. CATEGORY SIDEBAR / САЙДБАР КАТЕГОРИЙ
========================================================= */
.categories-menu {
width: 100% !important;
max-width: 100% !important;
}
.categories-menu-list,
.categories-menu-sub {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.categories-menu-list {
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
.categories-menu-list > li,
.categories-menu-sub > li {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
}
.categories-menu-link {
width: 100% !important;
max-width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 10px 14px !important;
text-decoration: none !important;
color: #121212 !important;
background: #ffffff !important;
border: 1px solid #edf2f4 !important;
border-radius: 16px !important;
box-shadow: none !important;
overflow: hidden !important;
position: relative !important;
transition:
background-color 0.25s ease,
border-color 0.25s ease !important;
}
.categories-menu-link::before {
display: none !important;
content: none !important;
}
.categories-menu-link__inner {
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-width: 0 !important;
width: 100% !important;
position: relative !important;
z-index: 2 !important;
}
.categories-menu-link__text {
display: block !important;
min-width: 0 !important;
color: inherit !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
word-break: break-word !important;
}
.categories-menu-link img {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
object-fit: cover !important;
border-radius: 10px !important;
border: 1px solid #eef2f4 !important;
background: #f9fbfc !important;
display: block !important;
flex-shrink: 0 !important;
margin: 0 !important;
}
.categories-menu-link__arrow {
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
flex-shrink: 0 !important;
border-right: 2px solid #9aa7ad !important;
border-bottom: 2px solid #9aa7ad !important;
transform: rotate(45deg) !important;
transition: transform 0.25s ease, border-color 0.25s ease !important;
margin-right: 2px !important;
margin-left: auto !important;
}
.categories-menu-link:hover {
background: #f9fbfc !important;
border-color: #dfe8ec !important;
box-shadow: none !important;
transform: none !important;
}
.categories-menu-link:hover .categories-menu-link__text {
color: #121212 !important;
}
.categories-menu-link:hover .categories-menu-link__arrow {
border-color: #9aa7ad !important;
}
/* Активный пункт */
.categories-menu-list > li.is-current > .categories-menu-link,
.categories-menu-list > li.current-cat > .categories-menu-link,
.categories-menu-list > li.current-product-cat > .categories-menu-link,
.categories-menu-list > li.is-active > .categories-menu-link,
.categories-menu-link.is-current,
.categories-menu-link[aria-current="page"] {
background: var(--r1-primary) !important;
border-color: var(--r1-primary) !important;
box-shadow: none !important;
color: #ffffff !important;
}
.categories-menu-list > li.is-current > .categories-menu-link img,
.categories-menu-list > li.current-cat > .categories-menu-link img,
.categories-menu-list > li.current-product-cat > .categories-menu-link img,
.categories-menu-list > li.is-active > .categories-menu-link img,
.categories-menu-link.is-current img,
.categories-menu-link[aria-current="page"] img {
border-color: rgba(255, 255, 255, 0.35) !important;
background: rgba(255, 255, 255, 0.15) !important;
}
.categories-menu-list > li.is-current > .categories-menu-link .categories-menu-link__text,
.categories-menu-list > li.current-cat > .categories-menu-link .categories-menu-link__text,
.categories-menu-list > li.current-product-cat > .categories-menu-link .categories-menu-link__text,
.categories-menu-list > li.is-active > .categories-menu-link .categories-menu-link__text,
.categories-menu-link.is-current .categories-menu-link__text,
.categories-menu-link[aria-current="page"] .categories-menu-link__text {
color: #ffffff !important;
}
.categories-menu-list > li.is-current > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-list > li.current-cat > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-list > li.current-product-cat > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-list > li.is-active > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-link.is-current .categories-menu-link__arrow,
.categories-menu-link[aria-current="page"] .categories-menu-link__arrow {
border-color: #ffffff !important;
}
/* Родитель текущей категории — без подсветки */
.categories-menu-list > li.is-parent-current > .categories-menu-link,
.categories-menu-list > li.current-cat-parent > .categories-menu-link,
.categories-menu-list > li.current-product-cat-parent > .categories-menu-link,
.categories-menu-list > li.is-active-parent > .categories-menu-link {
background: #ffffff !important;
border-color: #edf2f4 !important;
box-shadow: none !important;
color: #121212 !important;
}
/* Подкатегории */
.categories-menu-sub-wrap {
margin-top: 8px !important;
}
.categories-menu-sub {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
padding-left: 18px !important;
}
.categories-menu-sub > li > .categories-menu-link {
background: #f9fbfc !important;
border: 1px solid #eef3f5 !important;
border-radius: 14px !important;
padding: 8px 12px !important;
}
.categories-menu-sub > li > .categories-menu-link .categories-menu-link__inner {
gap: 10px !important;
}
.categories-menu-sub > li > .categories-menu-link img {
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
border-radius: 9px !important;
}
.categories-menu-sub > li > .categories-menu-link .categories-menu-link__text {
font-size: 14px !important;
font-weight: 400 !important;
}
.categories-menu-sub > li > .categories-menu-link:hover {
background: #f3f8f8 !important;
border-color: #dbe8e7 !important;
box-shadow: none !important;
transform: none !important;
}
/* Активная подкатегория */
.categories-menu-sub > li.is-current > .categories-menu-link,
.categories-menu-sub > li.current-cat > .categories-menu-link,
.categories-menu-sub > li.current-product-cat > .categories-menu-link,
.categories-menu-sub > li.is-active > .categories-menu-link,
.categories-menu-sub > li > .categories-menu-link[aria-current="page"] {
background: var(--r1-primary) !important;
border-color: var(--r1-primary) !important;
color: #ffffff !important;
box-shadow: none !important;
}
.categories-menu-sub > li.is-current > .categories-menu-link .categories-menu-link__text,
.categories-menu-sub > li.current-cat > .categories-menu-link .categories-menu-link__text,
.categories-menu-sub > li.current-product-cat > .categories-menu-link .categories-menu-link__text,
.categories-menu-sub > li.is-active > .categories-menu-link .categories-menu-link__text,
.categories-menu-sub > li > .categories-menu-link[aria-current="page"] .categories-menu-link__text {
color: #ffffff !important;
}
.categories-menu-sub > li.is-current > .categories-menu-link img,
.categories-menu-sub > li.current-cat > .categories-menu-link img,
.categories-menu-sub > li.current-product-cat > .categories-menu-link img,
.categories-menu-sub > li.is-active > .categories-menu-link img,
.categories-menu-sub > li > .categories-menu-link[aria-current="page"] img {
border-color: rgba(255, 255, 255, 0.35) !important;
background: rgba(255, 255, 255, 0.15) !important;
}
.categories-menu-sub > li.is-current > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-sub > li.current-cat > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-sub > li.current-product-cat > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-sub > li.is-active > .categories-menu-link .categories-menu-link__arrow,
.categories-menu-sub > li > .categories-menu-link[aria-current="page"] .categories-menu-link__arrow {
border-color: #ffffff !important;
}
/* Стрелка открытого родителя */
.categories-menu-link._spoller-active .categories-menu-link__arrow,
.categories-menu-link.is-active .categories-menu-link__arrow {
transform: rotate(225deg) !important;
}
/* Оверлеи темы отключаем */
.categories-menu .image-overlay,
.categories-menu .image-overlay-inside,
.categories-menu .avia-arrow {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* Если изображения нет */
.categories-menu-link:not(:has(img)) .categories-menu-link__inner {
gap: 0 !important;
}
/* Мобильная адаптация */
@media (max-width: 767px) {
.categories-menu-list {
gap: 6px !important;
}
.categories-menu-link {
border-radius: 14px !important;
padding: 9px 12px !important;
}
.categories-menu-link__inner {
gap: 10px !important;
}
.categories-menu-link img {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
border-radius: 10px !important;
}
.categories-menu-link__text {
font-size: 14px !important;
line-height: 1.3 !important;
}
.categories-menu-sub {
padding-left: 14px !important;
margin-top: 6px !important;
}
.categories-menu-sub > li > .categories-menu-link {
padding: 8px 10px !important;
border-radius: 12px !important;
}
.categories-menu-sub > li > .categories-menu-link img {
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
border-radius: 8px !important;
}
.categories-menu-sub > li > .categories-menu-link .categories-menu-link__text {
font-size: 13px !important;
}
}
.sidebar_left .inner_sidebar {
margin-right: 0 !important;
margin-left: 0 !important;
}
/* =========================================
КНОПКА ПРАЙС-ЛИСТА В САЙДБАРЕ
========================================= */
.inner_sidebar .sidebar-pricelist-wrap,
#top .inner_sidebar .sidebar-pricelist-wrap,
#top .inner_sidebar section.widget .sidebar-pricelist-wrap {
width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 0 !important;
display: block !important;
}
.inner_sidebar .sidebar-pricelist-btn,
#top .inner_sidebar .sidebar-pricelist-btn,
#top .inner_sidebar section.widget .sidebar-pricelist-btn,
#top .inner_sidebar a.sidebar-pricelist-btn {
appearance: none !important;
-webkit-appearance: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 52px !important;
padding: 14px 18px !important;
margin: 0 !important;
background: var(--r1-primary) !important;
background-color: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
border-radius: 16px !important;
box-shadow: none !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
white-space: normal !important;
cursor: pointer !important;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}
.inner_sidebar .sidebar-pricelist-btn:hover,
#top .inner_sidebar .sidebar-pricelist-btn:hover,
#top .inner_sidebar a.sidebar-pricelist-btn:hover {
background: var(--r1-primary-hover) !important;
background-color: var(--r1-primary-hover) !important;
border-color: var(--r1-primary-hover) !important;
color: #fff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
}
.inner_sidebar .sidebar-pricelist-btn:focus,
#top .inner_sidebar .sidebar-pricelist-btn:focus,
#top .inner_sidebar a.sidebar-pricelist-btn:focus {
outline: none !important;
box-shadow: none !important;
color: #fff !important;
}
/* убираем псевдоэлементы темы */
.inner_sidebar .sidebar-pricelist-btn::before,
.inner_sidebar .sidebar-pricelist-btn::after,
#top .inner_sidebar .sidebar-pricelist-btn::before,
#top .inner_sidebar .sidebar-pricelist-btn::after {
display: none !important;
content: none !important;
}
/* на мобилке */
@media (max-width: 767px) {
.inner_sidebar .sidebar-pricelist-btn,
#top .inner_sidebar .sidebar-pricelist-btn,
#top .inner_sidebar a.sidebar-pricelist-btn {
min-height: 48px !important;
padding: 12px 16px !important;
font-size: 14px !important;
border-radius: 14px !important;
}
}
/* =========================================================
26. FILTERS / ФИЛЬТРЫ
========================================================= */
/* =========================================================
SORTING
========================================================= */
div .product-sorting{
width:100% !important;
margin:12px 0 16px !important;
padding:0 !important;
overflow:visible !important;
position:relative !important;
z-index:50 !important;
}
div .product-sorting ul,
div .product-sorting li{
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
div .product-sorting .sort-param{
display:inline-block !important;
position:relative !important;
margin:0 8px 8px 0 !important;
overflow:visible !important;
}
div .product-sorting .sort-param > li{
position:relative !important;
overflow:visible !important;
}
div .product-sorting .sort-param > li > span.currently-selected{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:42px !important;
padding:10px 16px !important;
background:#edf2f4 !important;
border:1px solid #dfe7eb !important;
border-radius:14px !important;
color:#555 !important;
cursor:pointer !important;
font-size:12px !important;
font-weight:500 !important;
line-height:1.2 !important;
text-decoration:none !important;
}
div .product-sorting .sort-param > li > span.currently-selected strong{
margin-left:6px !important;
font-size:12px !important;
color:#222 !important;
}
/* выпадающее меню сортировки */
div .product-sorting .sort-param > li > ul{
margin-top:10px !important;
padding:8px !important;
background:#fff !important;
border:1px solid #edf2f4 !important;
border-radius:14px !important;
box-shadow:0 12px 30px rgba(20,35,45,.12) !important;
overflow:hidden !important;
}
div .product-sorting .sort-param > li > ul li a{
display:block !important;
padding:8px 10px !important;
border-radius:10px !important;
color:#444 !important;
font-size:12px !important;
font-weight:500 !important;
line-height:1.25 !important;
text-decoration:none !important;
}
div .product-sorting .sort-param > li > ul li a:hover,
div .product-sorting .sort-param > li > ul li.current-param a{
background:#f3f6f7 !important;
color:#222 !important;
}
div .product-sorting .avia-bullet{
display:none !important;
}
/* =========================================================
FILTER BUTTON
========================================================= */
.filters-toggle-section{
width:100% !important;
margin:12px 0 16px !important;
padding-right:8px !important;
box-sizing:border-box !important;
}
.show-filters-btn,
.show-filters-btn:hover,
.show-filters-btn:focus,
.show-filters-btn:active,
.show-filters-btn.active{
width:100% !important;
min-height:48px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:12px 18px !important;
background:var(--r1-primary) !important;
border:1px solid var(--r1-primary) !important;
border-radius:14px !important;
color:#fff !important;
font-size:15px !important;
font-weight:600 !important;
box-shadow:0 8px 22px rgba(var(--r1-primary-rgb), .18) !important;
}
/* =========================================================
FILTERS
========================================================= */
.filters-hidden{
display:none !important;
}
.filters-visible{
display:block !important;
}
.filters-mobile-area.category-filters{
width:100% !important;
margin-top:14px !important;
padding-right:8px !important;
box-sizing:border-box !important;
}
.filters-container .widget,
.inner_sidebar .widget_price_filter,
.inner_sidebar .widget_layered_nav,
#top .inner_sidebar .woocommerce.widget_price_filter,
#top .inner_sidebar .woocommerce.widget_layered_nav{
width:100% !important;
margin:0 0 10px 0 !important;
padding:16px !important;
background:#ffffff !important;
border:1px solid #edf2f4 !important;
border-radius:16px !important;
box-shadow:0 10px 28px rgba(20,35,45,.06) !important;
overflow:hidden !important;
}
.filters-container .widgettitle,
.inner_sidebar .widgettitle,
#top .inner_sidebar .woocommerce .widgettitle{
margin:0 0 14px 0 !important;
color:#121212 !important;
font-size:15px !important;
font-weight:600 !important;
border:0 !important;
}
/* =========================================================
PRICE FILTER
========================================================= */
.inner_sidebar .widget_price_filter .price_slider_wrapper,
.filters-container .widget_price_filter .price_slider_wrapper{
padding:2px 0 0 !important;
}
.main_color .widget_price_filter .price_slider_wrapper .ui-widget-content,
.inner_sidebar .widget_price_filter .price_slider,
.filters-container .widget_price_filter .price_slider{
height:6px !important;
margin:12px 2px 18px !important;
background:#edf2f4 !important;
border:0 !important;
border-radius:999px !important;
}
.main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.inner_sidebar .widget_price_filter .ui-slider-range,
.filters-container .widget_price_filter .ui-slider-range{
background:var(--r1-primary) !important;
border-radius:999px !important;
}
#top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle,
.inner_sidebar .widget_price_filter .ui-slider-handle,
.filters-container .widget_price_filter .ui-slider-handle{
width:18px !important;
height:18px !important;
top:-6px !important;
margin-left:-9px !important;
background:#fff !important;
border:4px solid var(--r1-primary) !important;
border-radius:50% !important;
box-shadow:0 4px 12px rgba(var(--r1-primary-rgb), .22) !important;
}
.inner_sidebar .widget_price_filter .price_slider_amount,
.filters-container .widget_price_filter .price_slider_amount{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:16px !important;
}
.inner_sidebar .widget_price_filter .price_label,
.filters-container .widget_price_filter .price_label{
display:block !important;
margin:0 !important;
color:#5f6b72 !important;
font-size:13px !important;
line-height:1.4 !important;
}
#top .widget_price_filter .price_slider_amount button.button{
width:100% !important;
min-height:42px !important;
margin:0 !important;
padding:10px 14px !important;
background:var(--r1-primary) !important;
border:1px solid var(--r1-primary) !important;
border-radius:14px !important;
color:#fff !important;
font-size:14px !important;
font-weight:600 !important;
box-shadow:none !important;
}
/* =========================================================
ATTRIBUTE FILTER HOVERS
========================================================= */
.inner_sidebar .widget_layered_nav .woocommerce-widget-layered-nav-list__item a,
.filters-container .widget_layered_nav .woocommerce-widget-layered-nav-list__item a{
color:#222 !important;
text-decoration:none !important;
border:0 !important;
box-shadow:none !important;
transition:.2s ease !important;
}
.inner_sidebar .widget_layered_nav .woocommerce-widget-layered-nav-list__item:hover a,
.filters-container .widget_layered_nav .woocommerce-widget-layered-nav-list__item:hover a,
.inner_sidebar .widget_layered_nav .woocommerce-widget-layered-nav-list__item a:hover,
.filters-container .widget_layered_nav .woocommerce-widget-layered-nav-list__item a:hover{
color:var(--r1-primary) !important;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:767px){
div .product-sorting .sort-param{
display:block !important;
width:100% !important;
margin:0 0 8px !important;
}
div .product-sorting .sort-param > li > span.currently-selected{
width:100% !important;
}
div .product-sorting .sort-param > li > ul{
width:100% !important;
margin-top:10px !important;
border-radius:14px !important;
}
.filters-toggle-section{
padding-right:0 !important;
}
.filters-mobile-area.category-filters{
padding-right:0 !important;
}
.show-filters-btn .filter-icon{
margin-right: 6px !important;
}
}
/* =========================================================
27. CART DROPDOWN / МИНИ-КОРЗИНА
========================================================= */
/* Подмена SVG корзины Enfold без изменения размеров и поведения */
.av-cart-container{
position: relative;
display: inline-block;
/* НАСТРОЙКИ */
--cart-icon-size: 32px; /* размер иконки */
--cart-icon-x: -2px; /* сдвиг по X (влево −, вправо +) */
--cart-icon-y: 10px; /* сдвиг по Y (вверх −, вниз +) */
}
.cart_dropdown_first .cart_dropdown_link.avia-svg-icon>.av-cart-container {
margin-top: -20px !important;
}
.av-cart-container > svg{
opacity: 0 !important;
display: block;
}
.av-cart-container::after{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--cart-icon-size);
height: var(--cart-icon-size);
transform: translate(-50%, -50%)
translate(var(--cart-icon-x), var(--cart-icon-y));
background: url("/wp-content/uploads/2026/01/cart.svg") no-repeat center;
background-size: contain;
pointer-events: none;
}
#top .dropdown_widget .widget_shopping_cart_content,
.cart_dropdown .dropdown_widget .widget_shopping_cart_content {
padding: 16px !important;
box-sizing: border-box !important;
background: #fff !important;
border-radius: 16px !important;
}
#top .dropdown_widget .cart_list li {
padding: 10px 0 !important;
border-bottom: 1px solid #f1f5f9 !important;
background: transparent !important;
}
#top .dropdown_widget .cart_list li:last-child {
border-bottom: 0 !important;
}
#top .dropdown_widget .cart_list li,
#top .dropdown_widget .cart_list li:hover,
#top .dropdown_widget .cart_list li a,
#top .dropdown_widget .cart_list li a:hover,
#top .dropdown_widget .cart_list li:focus,
#top .dropdown_widget .cart_list li:active {
background: transparent !important;
}
#top .dropdown_widget .cart_list li::before,
#top .dropdown_widget .cart_list li::after {
display: none !important;
content: none !important;
}
#top .dropdown_widget .cart_list li img {
width: 60px !important;
height: 60px !important;
object-fit: cover !important;
border-radius: 10px !important;
border: none !important;
box-shadow: none !important;
}
#top .dropdown_widget .cart_list li a,
dl.variation dt,
.cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p {
color: #444444 !important;
font-size: 13px !important;
font-weight: 400 !important;
}
#top .dropdown_widget .cart_list li a {
color: #222 !important;
font-weight: 400 !important;
line-height: 1.4 !important;
text-decoration: none !important;
}
#top .dropdown_widget .cart_list li a:hover {
color: var(--r1-primary) !important;
}
#top .dropdown_widget .cart_list li a:focus {
outline: none !important;
background: transparent !important;
}
dl.variation dt {
color: #6b7280 !important;
font-weight: 400 !important;
margin-right: 4px !important;
}
.cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p {
color: #6b7280 !important;
}
#top .dropdown_widget .cart_list .amount,
#top .dropdown_widget .woocommerce-mini-cart__total .amount {
color: #222 !important;
font-weight: 600 !important;
}
#top .dropdown_widget .quantity,
#top .dropdown_widget .woocommerce-mini-cart__total,
#top .dropdown_widget .total{
color:#222 !important;
font-size:14px !important;
font-weight:500 !important;
line-height:1.4 !important;
font-family:inherit !important;
}
#top .dropdown_widget .buttons,
#top .header_color .dropdown_widget .buttons {
margin-top: 14px !important;
background: transparent !important;
border: none !important;
}
#top .dropdown_widget .buttons .button {
display: block !important;
width: 100% !important;
margin: 0 0 10px 0 !important;
padding: 12px 16px !important;
border-radius: 12px !important;
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
transition: .2s ease !important;
}
#top .dropdown_widget .buttons .button:hover {
background: var(--r1-primary-hover) !important;
border-color: var(--r1-primary-hover) !important;
color: #fff !important;
}
#top .dropdown_widget .buttons .button.wc-forward:not(.checkout) {
background: #fff !important;
border-color: #e5e7eb !important;
color: #222 !important;
}
#top .dropdown_widget .buttons .button.wc-forward:not(.checkout):hover {
background: #f7f9fb !important;
border-color: #d1d5db !important;
color: var(--r1-primary) !important;
}
#top .dropdown_widget .woocommerce-mini-cart__empty-message {
padding: 20px 0 !important;
color: #6b7280 !important;
font-size: 14px !important;
text-align: center !important;
}
/* ---------- Shared Woo page tokens ---------- */
.woocommerce-cart,
.woocommerce-checkout {
--r1-text: #222222;
--r1-muted: #6b7280;
--r1-border: #e5e7eb;
--r1-card: #ffffff;
--r1-bg: #f7f9fb;
--r1-radius: 16px;
--r1-radius-sm: 12px;
--r1-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}
body.woocommerce-cart,
body.woocommerce-checkout {
background: var(--r1-bg) !important;
}
#top #wrap_all ins:before {
display: none !important;
}
/* =========================================
CART BLOCKS
========================================= */
.woocommerce-cart .wc-block-cart {
gap: 24px !important;
box-sizing: border-box !important;
}
.woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wc-block-cart__sidebar {
min-width: 0 !important;
box-sizing: border-box !important;
background: var(--r1-card) !important;
border: 1px solid var(--r1-border) !important;
border-radius: var(--r1-radius) !important;
box-shadow: var(--r1-shadow) !important;
padding: 24px !important;
}
.woocommerce-cart .wc-block-cart-items,
.woocommerce-cart .wc-block-cart-items thead,
.woocommerce-cart .wc-block-cart-items tbody,
.woocommerce-cart .wc-block-cart-items tfoot,
.woocommerce-cart .wc-block-cart-items tr,
.woocommerce-cart .wc-block-cart-items th,
.woocommerce-cart .wc-block-cart-items td {
background: transparent !important;
border-left: 0 !important;
border-right: 0 !important;
}
.woocommerce-cart .wc-block-cart-items,
.woocommerce-cart .wc-block-cart-items thead,
.woocommerce-cart .wc-block-cart-items tbody,
.woocommerce-cart .wc-block-cart-items tfoot,
.woocommerce-cart .wc-block-cart-items tr,
.woocommerce-cart .wc-block-cart-items th,
.woocommerce-cart .wc-block-cart-items td,
.woocommerce-cart .wc-block-cart-items__row,
.woocommerce-cart .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-totals-footer-item,
.woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-cart .wc-block-components-panel,
.woocommerce-cart .wc-block-components-panel__button,
.woocommerce-cart .wc-block-components-panel__content,
.woocommerce-cart .wc-block-components-order-summary,
.woocommerce-cart .wc-block-components-order-summary-item,
.woocommerce-cart .wc-block-components-totals-wrapper,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
border-top: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.woocommerce-cart .wc-block-cart-items {
width: 100% !important;
margin: 0 !important;
border-collapse: collapse !important;
}
.woocommerce-cart .wc-block-cart-items__header th {
padding-bottom: 14px !important;
color: var(--r1-muted) !important;
font-size: 13px !important;
font-weight: 500 !important;
}
.woocommerce-cart .wc-block-cart-items__row td {
padding-top: 18px !important;
padding-bottom: 18px !important;
vertical-align: top !important;
}
.woocommerce-cart .wc-block-cart-item__image img {
width: 84px !important;
height: 84px !important;
object-fit: cover !important;
display: block !important;
border-radius: 14px !important;
border: 1px solid #edf2f7 !important;
background: #fff !important;
}
.woocommerce-cart .wc-block-components-product-name {
color: var(--r1-text) !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
text-decoration: none !important;
}
.woocommerce-cart .wc-block-components-product-name:hover {
color: var(--r1-primary) !important;
}
.woocommerce-cart .wc-block-cart-item__prices {
margin-top: 8px !important;
}
.woocommerce-cart .wc-block-components-product-price__regular {
margin-right: 8px !important;
color: var(--r1-muted) !important;
opacity: .85 !important;
}
.woocommerce-cart .wc-block-components-product-price__value,
.woocommerce-cart .wc-block-formatted-money-amount,
.woocommerce-cart .wc-block-cart-item__total .price,
.woocommerce-cart .price {
color: var(--r1-text) !important;
font-weight: 700 !important;
}
.woocommerce-cart .wc-block-components-product-metadata__description {
margin-top: 8px !important;
}
.woocommerce-cart .wc-block-components-product-metadata__description p {
margin: 0 !important;
color: var(--r1-muted) !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
/* Cart: скрыть описание товара в Woo Blocks */
.woocommerce-cart .wc-block-components-product-metadata__description {
display: none !important;
}
/* На всякий случай убрать пустой контейнер метаданных */
.woocommerce-cart .wc-block-components-product-metadata:empty {
display: none !important;
}
.woocommerce-cart .wc-block-components-sale-badge,
.woocommerce-cart .wc-block-components-product-badge {
display: inline-flex !important;
gap: 6px !important;
align-items: center !important;
min-height: 28px !important;
margin-top: 8px !important;
padding: 0 !important;
background: none !important;
color: var(--r1-primary) !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.woocommerce-cart .wc-block-cart-item__quantity {
margin-top: 16px !important;
}
.woocommerce-cart .wc-block-components-quantity-selector {
display: inline-flex !important;
align-items: center !important;
min-height: 46px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #d9e1ea !important;
border-radius: 12px !important;
}
.woocommerce-cart .wc-block-components-quantity-selector__input {
width: 64px !important;
min-height: 46px !important;
padding: 0 8px !important;
border: 0 !important;
background: transparent !important;
color: var(--r1-text) !important;
font-size: 15px !important;
font-weight: 600 !important;
text-align: center !important;
box-shadow: none !important;
outline: none !important;
-moz-appearance: textfield !important;
}
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
margin: 0 !important;
-webkit-appearance: none !important;
}
.woocommerce-cart .wc-block-components-quantity-selector__button {
width: 42px !important;
min-width: 42px !important;
min-height: 46px !important;
border: 0 !important;
background: #f8fafc !important;
color: var(--r1-text) !important;
font-size: 20px !important;
line-height: 1 !important;
box-shadow: none !important;
cursor: pointer !important;
transition: .2s ease !important;
}
.woocommerce-cart .wc-block-components-quantity-selector__button:hover {
background: rgba(var(--r1-primary-rgb), .08) !important;
color: var(--r1-primary) !important;
}
.woocommerce-cart .wc-block-cart-item__remove-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin-left: 10px !important;
padding: 0 !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
background: #fff !important;
color: #dc2626 !important;
text-decoration: none !important;
transition: .2s ease !important;
}
.woocommerce-cart .wc-block-cart-item__remove-link:hover {
background: #fff5f5 !important;
border-color: #fecaca !important;
color: #b91c1c !important;
}
.woocommerce-cart .wc-block-cart-item__remove-link svg {
width: 18px !important;
height: 18px !important;
}
.woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
margin: 0 0 16px !important;
padding: 0 !important;
color: var(--r1-text) !important;
font-size: 24px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
.woocommerce-cart .wc-block-components-totals-item {
padding: 12px 0 !important;
}
.woocommerce-cart .wc-block-components-totals-item__label {
color: var(--r1-text) !important;
font-size: 15px !important;
font-weight: 500 !important;
}
.woocommerce-cart .wc-block-components-totals-item__value {
color: var(--r1-text) !important;
font-size: 18px !important;
font-weight: 700 !important;
}
.woocommerce-cart .wc-block-components-totals-footer-item {
margin-top: 8px !important;
padding-top: 14px !important;
}
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-size: 16px !important;
font-weight: 600 !important;
}
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-cart .wc-block-components-totals-footer-item-tax-value {
color: var(--r1-primary) !important;
font-size: 24px !important;
font-weight: 700 !important;
}
.woocommerce-cart .wc-block-cart__submit {
margin-top: 22px !important;
}
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-components-button,
.woocommerce-cart .wp-element-button {
width: 100% !important;
min-height: 56px !important;
border-radius: 12px !important;
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: .2s ease !important;
}
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-components-button:hover,
.woocommerce-cart .wp-element-button:hover {
background: var(--r1-primary-hover) !important;
border-color: var(--r1-primary-hover) !important;
color: #fff !important;
}
.woocommerce-cart .wc-block-components-button__text {
color: inherit !important;
font-weight: inherit !important;
}
.woocommerce-cart .wc-block-cart__payment-options:empty,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-totals-block:empty {
display: none !important;
}
@media (max-width: 767px) {
.woocommerce-cart .wc-block-cart {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
}
.woocommerce-cart .wc-block-cart__main {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.woocommerce-cart .wc-block-cart__sidebar {
flex: 0 0 360px !important;
}
.cart_dropdown_first .cart_dropdown_link.avia-svg-icon>.av-cart-container {
margin-top: 0px !important;
}
.woocommerce-cart .wc-block-cart {
gap: 16px !important;
}
.woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wc-block-cart__sidebar {
margin: 0 !important;
padding: 16px !important;
border-radius: 14px !important;
}
.woocommerce-cart .wc-block-cart-item__image img {
width: 68px !important;
height: 68px !important;
border-radius: 12px !important;
}
.woocommerce-cart .wc-block-components-product-name {
font-size: 16px !important;
}
.woocommerce-cart .wc-block-components-product-metadata__description p {
font-size: 13px !important;
}
.woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
margin-bottom: 14px !important;
font-size: 20px !important;
}
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-cart .wc-block-components-totals-footer-item-tax-value {
font-size: 20px !important;
}
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-components-button,
.woocommerce-cart .wp-element-button {
min-height: 52px !important;
font-size: 15px !important;
}
.html_visible_cart .cart_dropdown {
right: 0 !important;
}
.html_boxed .cart_dropdown {
top: 43px !important;
}
}
/* =========================================================
28. CART PAGE / СТРАНИЦА КОРЗИНЫ
========================================================= */
body.woocommerce-cart .container_wrap_first,
.page-id-8 .container_wrap.container_wrap_first {
background: #f7f9fb !important;
background-image: none !important;
padding-top: 30px !important;
padding-bottom: 50px !important;
}
body.woocommerce-cart .container,
.page-id-8 .container {
width: 94% !important;
max-width: 1360px !important;
box-sizing: border-box !important;
}
body.woocommerce-cart aside.sidebar,
body.woocommerce-cart .inner_sidebar,
.page-id-8 aside.sidebar,
.page-id-8 .inner_sidebar {
display: none !important;
}
body.woocommerce-cart main.content,
body.woocommerce-cart .template-page.content,
body.woocommerce-cart .av-content-small,
body.woocommerce-cart .av-content-full.units,
body.woocommerce-cart article,
body.woocommerce-cart .entry-content,
body.woocommerce-cart .entry-content-wrapper,
.page-id-8 main.content,
.page-id-8 .template-page.content,
.page-id-8 .av-content-small,
.page-id-8 .av-content-full.units,
.page-id-8 article,
.page-id-8 .entry-content,
.page-id-8 .entry-content-wrapper {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border: none !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .template-page.content,
.page-id-8 .template-page.content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Title */
body.woocommerce-cart .title_container,
.page-id-8 .title_container {
background: linear-gradient(180deg, #f8fbfb 0%, #f3f7f7 100%) !important;
border-bottom: 1px solid #e9eff1 !important;
}
body.woocommerce-cart .main-title,
.page-id-8 .main-title {
margin: 0 !important;
color: #1e2a2b !important;
font-size: 34px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
/* Layout */
body.woocommerce-cart .wp-block-woocommerce-cart,
.page-id-8 .wp-block-woocommerce-cart {
width: 100% !important;
max-width: 100% !important;
margin-top: 10px !important;
background: transparent !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart,
body.woocommerce-cart .wc-block-cart,
.page-id-8 .wc-block-components-sidebar-layout,
.page-id-8 .wc-block-components-sidebar-layout.wc-block-cart,
.page-id-8 .wc-block-cart {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(320px, 31vw, 440px) !important;
gap: clamp(18px, 2.2vw, 32px) !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart__main,
.page-id-8 .wc-block-cart__main {
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart__sidebar,
.page-id-8 .wc-block-cart__sidebar {
width: 100% !important;
min-width: 0 !important;
max-width: 440px !important;
justify-self: end !important;
background: #fff !important;
border: 0 !important;
border-radius: 24px !important;
padding: clamp(16px, 1.5vw, 22px) clamp(14px, 1.6vw, 22px) !important;
box-shadow: 0 12px 30px rgba(20,35,40,.05) !important;
position: sticky !important;
top: 110px !important;
box-sizing: border-box !important;
}
/* Table/card wrapper */
body.woocommerce-cart .wc-block-cart-items,
.page-id-8 .wc-block-cart-items {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
table-layout: fixed !important;
background: #fff !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-items__header,
.page-id-8 .wc-block-cart-items__header {
background: #f9fbfb !important;
}
body.woocommerce-cart .wc-block-cart-items__header th,
.page-id-8 .wc-block-cart-items__header th {
padding: 14px 8px !important;
color: #2c3e3f !important;
font-size: 15px !important;
font-weight: 600 !important;
border-bottom: 1px solid #eef3f5 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-items__header-image,
.page-id-8 .wc-block-cart-items__header-image {
width: 104px !important;
}
body.woocommerce-cart .wc-block-cart-items__header-product,
.page-id-8 .wc-block-cart-items__header-product {
width: auto !important;
}
body.woocommerce-cart .wc-block-cart-items__header-total,
.page-id-8 .wc-block-cart-items__header-total {
width: 150px !important;
text-align: right !important;
}
body.woocommerce-cart .wc-block-cart-items__row,
.page-id-8 .wc-block-cart-items__row {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-items__row td,
.page-id-8 .wc-block-cart-items__row td {
padding: 16px 8px !important;
vertical-align: top !important;
border-top: 1px solid #f3f6f8 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-items__row:first-child td,
.page-id-8 .wc-block-cart-items__row:first-child td {
border-top: 0 !important;
}
/* Product */
body.woocommerce-cart .wc-block-cart-item__image,
.page-id-8 .wc-block-cart-item__image {
width: 104px !important;
max-width: 104px !important;
}
body.woocommerce-cart .wc-block-cart-item__image a,
.page-id-8 .wc-block-cart-item__image a {
width: 84px !important;
height: 84px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #f8f9fa !important;
border: 1px solid #eef2f4 !important;
border-radius: 18px !important;
}
body.woocommerce-cart .wc-block-cart-item__image img,
.page-id-8 .wc-block-cart-item__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 18px !important;
}
body.woocommerce-cart .wc-block-cart-item__product,
.page-id-8 .wc-block-cart-item__product {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-components-product-name,
.page-id-8 .wc-block-components-product-name {
display: block !important;
max-width: 100% !important;
color: #1e2a2b !important;
font-size: clamp(15px, 1.35vw, 18px) !important;
line-height: 1.35 !important;
font-weight: 400 !important;
text-decoration: none !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.woocommerce-cart .wc-block-components-product-name:hover,
.page-id-8 .wc-block-components-product-name:hover {
color: var(--r1-primary) !important;
}
body.woocommerce-cart .wc-block-cart-item__prices,
.page-id-8 .wc-block-cart-item__prices {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
body.woocommerce-cart .wc-block-components-product-price__value,
.page-id-8 .wc-block-components-product-price__value {
color: var(--r1-primary) !important;
font-size: 18px !important;
font-weight: 700 !important;
}
body.woocommerce-cart .wc-block-cart-item__total,
.page-id-8 .wc-block-cart-item__total {
width: 150px !important;
max-width: 150px !important;
text-align: right !important;
white-space: nowrap !important;
}
body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value,
.page-id-8 .wc-block-cart-item__total .wc-block-components-product-price__value {
color: #1e2a2b !important;
font-size: clamp(16px, 1.4vw, 20px) !important;
font-weight: 700 !important;
}
body.woocommerce-cart .wc-block-components-product-metadata,
.page-id-8 .wc-block-components-product-metadata {
margin-top: 8px !important;
max-width: 100% !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .wc-block-components-product-metadata__description,
.page-id-8 .wc-block-components-product-metadata__description {
display: none !important;
}
body.woocommerce-cart .wc-block-components-product-details,
.page-id-8 .wc-block-components-product-details {
color: #7e8c8d !important;
font-size: 13px !important;
}
/* Quantity + Remove */
body.woocommerce-cart .wc-block-cart-item__quantity,
.page-id-8 .wc-block-cart-item__quantity {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
flex-wrap: nowrap !important;
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector,
.page-id-8 .wc-block-components-quantity-selector {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 116px !important;
min-width: 116px !important;
max-width: 116px !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #dfe7eb !important;
border-radius: 999px !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button,
.page-id-8 .wc-block-components-quantity-selector__button {
position: static !important;
inset: auto !important;
transform: none !important;
float: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
color: #2c3e3f !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1 !important;
text-align: center !important;
order: 1 !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button--minus,
.page-id-8 .wc-block-components-quantity-selector__button--minus {
order: 1 !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input,
.page-id-8 .wc-block-components-quantity-selector__input {
order: 2 !important;
position: static !important;
float: none !important;
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
color: #1e2a2b !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 40px !important;
text-align: center !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button--plus,
.page-id-8 .wc-block-components-quantity-selector__button--plus {
order: 3 !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.page-id-8 .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.page-id-8 .wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:hover,
.page-id-8 .wc-block-components-quantity-selector__button:hover {
color: var(--r1-primary) !important;
background: #f5fbfa !important;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:disabled,
.page-id-8 .wc-block-components-quantity-selector__button:disabled {
opacity: .35 !important;
cursor: not-allowed !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link,
.page-id-8 .wc-block-cart-item__remove-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
border: 1px solid #eef2f4 !important;
border-radius: 50% !important;
box-shadow: none !important;
font-size: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
flex: 0 0 40px !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link svg,
.page-id-8 .wc-block-cart-item__remove-link svg {
width: 20px !important;
height: 20px !important;
fill: #b91c1c !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link::before,
.page-id-8 .wc-block-cart-item__remove-link::before {
content: none !important;
}
/* Totals */
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block,
.page-id-8 .wp-block-woocommerce-cart-order-summary-heading-block {
margin-bottom: 8px !important;
padding-bottom: 16px !important;
color: #1e2a2b !important;
font-size: 26px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body.woocommerce-cart .wc-block-components-totals-wrapper,
.page-id-8 .wc-block-components-totals-wrapper {
border-top: none !important;
}
body.woocommerce-cart .wc-block-components-totals-item,
.page-id-8 .wc-block-components-totals-item {
padding: 12px 0 !important;
font-size: 16px !important;
}
body.woocommerce-cart .wc-block-components-totals-footer-item,
.page-id-8 .wc-block-components-totals-footer-item {
margin-top: 14px !important;
padding-top: 20px !important;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.page-id-8 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
color: #1e2a2b !important;
font-size: 20px !important;
font-weight: 700 !important;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.page-id-8 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
color: var(--r1-primary) !important;
font-size: 24px !important;
font-weight: 500 !important;
}
/* Submit */
body.woocommerce-cart .wc-block-cart__submit,
.page-id-8 .wc-block-cart__submit {
margin-top: 20px !important;
}
body.woocommerce-cart .wc-block-cart__submit-button,
.page-id-8 .wc-block-cart__submit-button {
width: 100% !important;
max-width: 100% !important;
min-height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 16px 24px !important;
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
border-radius: 16px !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(var(--r1-primary-rgb), .18) !important;
}
/* Medium + tablet + mobile: sidebar goes below before overlap starts */
@media (max-width: 989px) {
body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart,
body.woocommerce-cart .wc-block-cart,
.page-id-8 .wc-block-components-sidebar-layout,
.page-id-8 .wc-block-components-sidebar-layout.wc-block-cart,
.page-id-8 .wc-block-cart {
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-cart .wc-block-cart__sidebar,
.page-id-8 .wc-block-cart__sidebar {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
position: static !important;
justify-self: stretch !important;
}
body.woocommerce-cart .container,
.page-id-8 .container {
width: 94% !important;
max-width: 94% !important;
}
body.woocommerce-cart .main-title,
.page-id-8 .main-title {
font-size: 28px !important;
}
body.woocommerce-cart .wc-block-cart-items,
.page-id-8 .wc-block-cart-items {
display: block !important;
border-radius: 18px !important;
overflow: hidden !important;
}
body.woocommerce-cart .wc-block-cart-items__header,
.page-id-8 .wc-block-cart-items__header {
display: none !important;
}
body.woocommerce-cart .wc-block-cart-items__row,
.page-id-8 .wc-block-cart-items__row {
display: grid !important;
grid-template-columns: 76px minmax(0, 1fr) !important;
grid-template-areas:
"image product"
"image product"
"image product"
"total total" !important;
gap: 8px 12px !important;
padding: 16px !important;
position: relative !important;
border-top: 1px solid #eef2f4 !important;
box-sizing: border-box !important;
align-items: start !important;
}
body.woocommerce-cart .wc-block-cart-items__row:first-child,
.page-id-8 .wc-block-cart-items__row:first-child {
border-top: 0 !important;
}
body.woocommerce-cart .wc-block-cart-items__row td,
.page-id-8 .wc-block-cart-items__row td {
display: block !important;
padding: 0 !important;
border: 0 !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wc-block-cart-item__image,
.page-id-8 .wc-block-cart-item__image {
grid-area: image !important;
width: 76px !important;
max-width: 76px !important;
}
body.woocommerce-cart .wc-block-cart-item__image a,
.page-id-8 .wc-block-cart-item__image a {
width: 72px !important;
height: 72px !important;
border-radius: 14px !important;
}
body.woocommerce-cart .wc-block-cart-item__image img,
.page-id-8 .wc-block-cart-item__image img {
border-radius: 14px !important;
}
body.woocommerce-cart .wc-block-cart-item__product,
.page-id-8 .wc-block-cart-item__product {
grid-area: product !important;
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
body.woocommerce-cart .wc-block-components-product-name,
.page-id-8 .wc-block-components-product-name {
order: 1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
color: #222 !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 400 !important;
text-align: left !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
white-space: normal !important;
}
body.woocommerce-cart .wc-block-cart-item__prices,
.page-id-8 .wc-block-cart-item__prices {
order: 2 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 2px 0 0 !important;
padding: 0 !important;
clear: both !important;
text-align: right !important;
white-space: normal !important;
overflow: visible !important;
}
body.woocommerce-cart .wc-block-cart-item__prices * ,
.page-id-8 .wc-block-cart-item__prices * {
white-space: normal !important;
max-width: 100% !important;
}
body.woocommerce-cart .wc-block-components-product-price__value,
.page-id-8 .wc-block-components-product-price__value {
display: inline-block !important;
color: var(--r1-primary) !important;
font-size: 14px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
text-align: right !important;
}
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-details,
.page-id-8 .wc-block-components-product-metadata,
.page-id-8 .wc-block-components-product-details {
order: 3 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
clear: both !important;
color: #666 !important;
font-size: 12px !important;
line-height: 1.35 !important;
text-align: right !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
white-space: normal !important;
}
body.woocommerce-cart .wc-block-components-product-metadata *,
body.woocommerce-cart .wc-block-components-product-details *,
.page-id-8 .wc-block-components-product-metadata *,
.page-id-8 .wc-block-components-product-details * {
white-space: normal !important;
max-width: 100% !important;
}
body.woocommerce-cart .wc-block-components-product-details__name,
body.woocommerce-cart .wc-block-components-product-details__value,
.page-id-8 .wc-block-components-product-details__name,
.page-id-8 .wc-block-components-product-details__value {
display: inline !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
body.woocommerce-cart .wc-block-components-sale-badge,
body.woocommerce-cart .wc-block-components-product-badge,
.page-id-8 .wc-block-components-sale-badge,
.page-id-8 .wc-block-components-product-badge {
order: 4 !important;
display: inline-flex !important;
align-self: flex-end !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 0 auto !important;
padding: 3px 7px !important;
color: #666 !important;
background: #f7f9fb !important;
border: 1px solid #edf2f4 !important;
border-radius: 999px !important;
font-size: 11px !important;
line-height: 1.25 !important;
text-align: right !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-cart .wc-block-cart-item__quantity,
.page-id-8 .wc-block-cart-item__quantity {
order: 5 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
flex-wrap: nowrap !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
clear: both !important;
overflow: visible !important;
}
body.woocommerce-cart .wc-block-cart-item__total,
.page-id-8 .wc-block-cart-item__total {
grid-area: total !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 8px !important;
padding-top: 10px !important;
border-top: 1px solid #eef2f4 !important;
text-align: left !important;
white-space: normal !important;
}
body.woocommerce-cart .wc-block-cart__sidebar,
.page-id-8 .wc-block-cart__sidebar {
border-radius: 18px !important;
padding: 20px 16px !important;
}
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block,
.page-id-8 .wp-block-woocommerce-cart-order-summary-heading-block {
font-size: 22px !important;
}
body.woocommerce-cart .wc-block-cart__submit-button,
.page-id-8 .wc-block-cart__submit-button {
min-height: 54px !important;
font-size: 16px !important;
}
}
@media (max-width: 480px) {
body.woocommerce-cart .wc-block-cart-items__row,
.page-id-8 .wc-block-cart-items__row {
grid-template-columns: 64px minmax(0, 1fr) !important;
gap: 6px 10px !important;
padding: 14px !important;
}
body.woocommerce-cart .wc-block-cart-item__image,
.page-id-8 .wc-block-cart-item__image {
width: 64px !important;
max-width: 64px !important;
}
body.woocommerce-cart .wc-block-cart-item__image a,
.page-id-8 .wc-block-cart-item__image a {
width: 60px !important;
height: 60px !important;
}
body.woocommerce-cart .wc-block-components-product-name,
.page-id-8 .wc-block-components-product-name {
font-size: 12px !important;
line-height: 1.28 !important;
}
body.woocommerce-cart .wc-block-components-product-metadata,
body.woocommerce-cart .wc-block-components-product-details,
.page-id-8 .wc-block-components-product-metadata,
.page-id-8 .wc-block-components-product-details {
font-size: 11px !important;
line-height: 1.3 !important;
}
body.woocommerce-cart .wc-block-components-sale-badge,
body.woocommerce-cart .wc-block-components-product-badge,
.page-id-8 .wc-block-components-sale-badge,
.page-id-8 .wc-block-components-product-badge {
font-size: 10px !important;
padding: 3px 6px !important;
}
}
/* =========================================================
28.1 EMPTY CART PAGE / ПУСТАЯ КОРЗИНА
========================================================= */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
width: 100% !important;
max-width: 1180px !important;
margin: 0 auto !important;
padding: 34px 0 10px !important;
box-sizing: border-box !important;
}
/* EMPTY MESSAGE */
body.woocommerce-cart .wc-block-cart__empty-cart__title {
position: relative !important;
max-width: 720px !important;
margin: 0 auto 22px !important;
padding: 34px 24px !important;
background: #fff !important;
border: 1px solid #edf2f4 !important;
border-radius: 24px !important;
box-shadow: 0 12px 30px rgba(20,35,40,.05) !important;
color: #1e2a2b !important;
font-size: 32px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: center !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-separator {
display: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
margin: 34px 0 24px !important;
color: #1e2a2b !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
text-align: left !important;
}
/* PRODUCTS GRID */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
position: relative !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid #edf1f4 !important;
border-radius: 22px !important;
box-shadow: 0 2px 10px rgba(20,35,45,.045) !important;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover {
transform: translateY(-4px) !important;
border-color: rgba(var(--r1-primary-rgb), .35) !important;
box-shadow: 0 18px 42px rgba(20,35,45,.14) !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
text-decoration: none !important;
background: #fff !important;
}
/* SALE BADGE */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
position: absolute !important;
top: 45% !important;
left: 0 !important;
right: auto !important;
transform: translateY(-50%) !important;
z-index: 50 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
min-height: 0 !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 12px !important;
background: #f43c33 !important;
color: #fff !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 12px !important;
line-height: 28px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: .02em !important;
box-shadow: 0 2px 8px rgba(0,0,0,.20) !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale span {
color: #fff !important;
}
/* IMAGE */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
margin: 0 !important;
padding: 12px !important;
overflow: hidden !important;
background: #fff !important;
box-sizing: border-box !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center center !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: scale(1) !important;
transition: transform .35s ease !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-image img {
transform: scale(1.04) !important;
}
/* TITLE */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
min-height: 52px !important;
margin: 0 0 10px !important;
padding: 16px 16px 0 !important;
overflow: hidden !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
/* PRICE */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
display: block !important;
margin: 0 16px 14px !important;
padding: 0 !important;
background: transparent !important;
color: var(--r1-primary) !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: left !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del {
display: inline-block !important;
margin-right: 8px !important;
color: #9aa5a8 !important;
font-size: 14px !important;
font-weight: 400 !important;
opacity: 1 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del .woocommerce-Price-currencySymbol {
color: #9aa5a8 !important;
font-size: 14px !important;
font-weight: 400 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins {
color: var(--r1-primary) !important;
text-decoration: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins .woocommerce-Price-currencySymbol,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price > .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price > .amount .woocommerce-Price-currencySymbol {
color: var(--r1-primary) !important;
font-size: 18px !important;
font-weight: 700 !important;
}
/* BUTTON */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart {
width: 100% !important;
margin: auto 0 0 !important;
padding: 0 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 56px !important;
margin: 0 !important;
padding: 14px 12px !important;
background: var(--r1-primary) !important;
border: 0 !important;
border-radius: 0 0 22px 22px !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
background: var(--r1-primary-hover) !important;
color: #fff !important;
}
/* TABLET */
@media (max-width: 1200px) {
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 900px) {
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
}
/* MOBILE */
@media (max-width: 767px) {
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
padding: 22px 0 0 !important;
}
body.woocommerce-cart .wc-block-cart__empty-cart__title {
margin-bottom: 18px !important;
padding: 26px 16px !important;
border-radius: 18px !important;
font-size: 24px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title) {
margin: 26px 0 18px !important;
font-size: 22px !important;
text-align: left !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
row-gap: 30px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
border-radius: 16px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
padding: 8px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
min-height: 44px !important;
padding: 10px 10px 0 !important;
margin-bottom: 8px !important;
font-size: 13px !important;
line-height: 1.25 !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
margin: 0 10px 10px !important;
font-size: 14px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price ins .woocommerce-Price-currencySymbol,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price > .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price > .amount .woocommerce-Price-currencySymbol {
font-size: 14px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del .amount,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price del .woocommerce-Price-currencySymbol {
font-size: 12px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link {
min-height: 48px !important;
padding: 12px 6px !important;
border-radius: 0 0 16px 16px !important;
font-size: 12px !important;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
top: 42% !important;
left: 0 !important;
padding: 0 8px !important;
font-size: 10px !important;
line-height: 22px !important;
}
}
/* =========================================================
29. CHECKOUT PAGE / ОФОРМЛЕНИЕ ЗАКАЗА
========================================================= */
body.woocommerce-checkout .container_wrap_first {
background: #f7f9fb !important;
background-image: none !important;
}
body.woocommerce-checkout .container_wrap_first > .container {
display: block !important;
width: 94% !important;
max-width: 1360px !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout aside.sidebar,
body.woocommerce-checkout .inner_sidebar {
display: none !important;
}
body.woocommerce-checkout main.content,
body.woocommerce-checkout .template-page.content,
body.woocommerce-checkout .av-content-small,
body.woocommerce-checkout .av-main-page,
body.woocommerce-checkout article,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .entry-content-wrapper {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border: none !important;
background: transparent !important;
box-sizing: border-box !important;
}
/* Layout desktop */
body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(340px, 31vw, 420px) !important;
gap: 24px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-top: 10px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-checkout__main {
grid-column: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-checkout__sidebar {
grid-column: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 420px !important;
justify-self: end !important;
box-sizing: border-box !important;
position: sticky !important;
top: 110px !important;
}
/* Classic checkout */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
display: grid !important;
grid-template-columns: minmax(0, 1fr) clamp(340px, 31vw, 420px) !important;
gap: 24px !important;
align-items: start !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout #customer_details {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
}
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
grid-column: 2 !important;
width: 100% !important;
max-width: 420px !important;
min-width: 0 !important;
justify-self: end !important;
float: none !important;
clear: none !important;
}
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2 {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
}
/* Cards */
body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-checkout__order-notes,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 20px !important;
padding: 24px !important;
box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
margin-bottom: 16px !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .checkout-order-summary-block-fill-wrapper,
body.woocommerce-checkout .wc-block-checkout__actions .wp-block-woocommerce-checkout-order-summary-block {
display: none !important;
}
/* Headings */
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text,
body.woocommerce-checkout #order_review_heading {
color: #222 !important;
font-size: 24px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
margin: 0 !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__heading-container {
margin-bottom: 18px !important;
padding-bottom: 14px !important;
}
/* Fields */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-blocks-components-select__select,
body.woocommerce-checkout .wc-block-components-textarea textarea,
body.woocommerce-checkout form.checkout .input-text,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout form.checkout textarea,
body.woocommerce-checkout .select2-container--default .select2-selection--single {
width: 100% !important;
min-height: 54px !important;
padding: 14px 16px !important;
box-sizing: border-box !important;
background: #fff !important;
border: 1px solid #d9e1ea !important;
border-radius: 14px !important;
color: #222 !important;
font-size: 15px !important;
font-weight: 400 !important;
box-shadow: none !important;
}
body.woocommerce-checkout .wc-block-components-textarea textarea,
body.woocommerce-checkout form.checkout textarea {
min-height: 120px !important;
height: auto !important;
resize: vertical !important;
}
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-blocks-components-select__select:focus,
body.woocommerce-checkout .wc-block-components-textarea textarea:focus,
body.woocommerce-checkout form.checkout .input-text:focus,
body.woocommerce-checkout form.checkout select:focus,
body.woocommerce-checkout form.checkout textarea:focus {
border-color: var(--r1-primary) !important;
box-shadow: 0 0 0 3px rgba(var(--r1-primary-rgb), .12) !important;
outline: none !important;
}
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-blocks-components-select__label {
color: #797979 !important;
font-size: 13px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
/* Hide country */
body.woocommerce-checkout .wc-block-components-address-form__country,
body.woocommerce-checkout #shipping-country,
body.woocommerce-checkout label[for="shipping-country"] {
display: none !important;
}
/* Notices / address */
body.woocommerce-checkout .wc-block-checkout__guest-checkout-notice,
body.woocommerce-checkout .wc-block-components-address-card {
background: #f9fbfc !important;
border: 1px solid #edf2f4 !important;
border-radius: 16px !important;
padding: 16px 18px !important;
color: #444 !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-components-address-card address {
color: #444 !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout .wc-block-components-address-card__edit {
color: var(--r1-primary) !important;
font-size: 14px !important;
font-weight: 500 !important;
margin-top: 10px !important;
}
/* Shipping */
body.woocommerce-checkout .wc-block-checkout__shipping-method-container {
display: flex !important;
gap: 12px !important;
flex-wrap: wrap !important;
}
body.woocommerce-checkout .wc-block-checkout__shipping-method-option {
min-width: 220px !important;
background: #fff !important;
border: 1px solid #e7ecef !important;
border-radius: 16px !important;
padding: 14px 16px !important;
transition: all .2s ease !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-checkout__shipping-method-option--selected {
border-color: var(--r1-primary) !important;
background: rgba(var(--r1-primary-rgb), .06) !important;
box-shadow: 0 0 0 2px rgba(var(--r1-primary-rgb), .08) inset !important;
}
body.woocommerce-checkout .wc-block-checkout__shipping-method-option-title {
color: #222 !important;
font-size: 15px !important;
font-weight: 500 !important;
}
/* Payment radio */
body.woocommerce-checkout .wc-block-components-radio-control,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
body.woocommerce-checkout .wc-block-components-radio-control::before,
body.woocommerce-checkout .wc-block-components-radio-control::after,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option::before,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-option::after {
content: none !important;
display: none !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__option {
position: relative !important;
display: flex !important;
align-items: center !important;
border: 1px solid #e7ecef !important;
border-radius: 16px !important;
padding: 16px 16px 16px 52px !important;
min-height: 64px !important;
background: #fff !important;
transition: all .2s ease !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__option-checked {
border-color: var(--r1-primary) !important;
background: rgba(var(--r1-primary-rgb), .06) !important;
box-shadow: 0 0 0 2px rgba(var(--r1-primary-rgb), .08) inset !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__label,
body.woocommerce-checkout .wc-block-components-payment-method-label {
display: block !important;
color: #222 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__secondary-label,
body.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
display: block !important;
color: #666 !important;
font-size: 14px !important;
line-height: 1.35 !important;
margin: 4px 0 0 !important;
padding: 0 !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__input {
position: absolute !important;
left: 18px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
width: 18px !important;
height: 18px !important;
z-index: 2 !important;
}
/* Checkboxes / company fields */
body.woocommerce-checkout .wc-block-components-checkbox {
margin-top: 12px !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__label {
color: #444 !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__input {
accent-color: var(--r1-primary) !important;
}
body.woocommerce-checkout .r1com-company-toggle {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin: 14px 0 6px !important;
padding: 10px 14px !important;
background: #f9fbfc !important;
border: 1px solid #edf2f4 !important;
border-radius: 12px !important;
color: #444 !important;
font-size: 14px !important;
font-weight: 500 !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .r1com-company-toggle input[type="checkbox"] {
accent-color: var(--r1-primary) !important;
}
/* Terms */
body.woocommerce-checkout .wc-block-checkout__terms {
font-size: 14px !important;
color: #666 !important;
line-height: 1.5 !important;
}
body.woocommerce-checkout .wc-block-checkout__terms a {
color: var(--r1-primary) !important;
text-decoration: none !important;
}
/* Order summary */
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
pointer-events: none !important;
cursor: default !important;
margin-bottom: 16px !important;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-icon {
display: none !important;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__content {
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 10px !important;
align-items: start !important;
padding: 10px 0 !important;
border-bottom: 1px solid #f2f2f2 !important;
background: transparent !important;
box-shadow: none !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item:last-child {
border-bottom: 0 !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
grid-column: 1 !important;
grid-row: 1 / span 2 !important;
width: 58px !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
width: 58px !important;
height: 58px !important;
object-fit: cover !important;
border-radius: 12px !important;
border: 1px solid #f0f0f0 !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__description {
grid-column: 2 !important;
min-width: 0 !important;
}
body.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-product-metadata {
display: none !important;
}
body.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
grid-column: 2 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: flex-start !important;
gap: 4px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 0px !important;
text-align: right !important;
white-space: normal !important;
}
body.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .price,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .price {
display: block !important;
width: 100% !important;
text-align: right !important;
}
body.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price__value,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value {
color: var(--r1-primary) !important;
font-size: 14px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
text-align: right !important;
}
body.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-badge,
body.woocommerce-checkout .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-product-badge,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .wc-block-components-sale-badge {
display: inline-flex !important;
gap: 4px !important;
align-self: flex-end !important;
width: auto !important;
max-width: 100% !important;
margin: 0 0 0 auto !important;
padding: 3px 7px !important;
color: #666 !important;
background: #f7f9fb !important;
border: 1px solid #edf2f4 !important;
border-radius: 999px !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 400 !important;
text-align: right !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout .wc-block-components-product-name {
color: #222 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.35 !important;
overflow-wrap: anywhere !important;
}
body.woocommerce-checkout .wc-block-components-product-price__value,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price .woocommerce-Price-amount,
body.woocommerce-checkout .wc-block-components-totals-item__value {
color: #222 !important;
font-weight: 600 !important;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-price,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-footer-item-tax-value,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .amount {
color: var(--r1-primary) !important;
font-weight: 700 !important;
}
body.woocommerce-checkout .wc-block-components-totals-item {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 6px 0 !important;
margin: 0 !important;
}
body.woocommerce-checkout .wc-block-components-totals-item__label {
color: #666 !important;
font-size: 14px !important;
font-weight: 400 !important;
}
/* Buttons */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
color: #444 !important;
font-size: 15px !important;
font-weight: 500 !important;
text-decoration: none !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.wp-element-button,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout .button.alt {
width: 100% !important;
min-height: 56px !important;
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
border-radius: 14px !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 600 !important;
box-shadow: none !important;
transition: all .25s ease !important;
position: static !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-button.wp-element-button:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover,
body.woocommerce-checkout .button.alt:hover {
background: var(--r1-primary-hover) !important;
border-color: var(--r1-primary-hover) !important;
color: #fff !important;
}
body.woocommerce-checkout .wc-block-checkout__actions_row {
align-items: center !important;
gap: 16px !important;
flex-wrap: wrap !important;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
border: 0 !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
padding: 4px 10px 4px 10px !important;
}
/* =========================================================
TABLET + MOBILE CHECKOUT: до 989px
========================================================= */
@media (max-width: 989px) {
body.woocommerce-checkout .container_wrap_first > .container {
width: 94% !important;
max-width: 94% !important;
}
body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout,
body.woocommerce-checkout form.checkout.woocommerce-checkout {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-checkout .wc-block-checkout__sidebar {
order: 1 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
}
body.woocommerce-checkout .wc-block-checkout__main {
order: 2 !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
body.woocommerce-checkout #order_review_heading {
order: 1 !important;
}
body.woocommerce-checkout #order_review {
order: 2 !important;
}
body.woocommerce-checkout #customer_details {
order: 3 !important;
}
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #customer_details {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
position: static !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-checkout__order-notes,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
padding: 18px !important;
border-radius: 16px !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text,
body.woocommerce-checkout #order_review_heading {
font-size: 20px !important;
}
body.woocommerce-checkout .wc-block-checkout__shipping-method-container {
flex-direction: column !important;
}
body.woocommerce-checkout .wc-block-checkout__shipping-method-option {
width: 100% !important;
min-width: 100% !important;
}
body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__actions_row,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.wp-element-button,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout .button.alt {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
}
body.woocommerce-checkout .wc-block-checkout__actions {
margin-bottom: 0 !important;
}
body.woocommerce-checkout .wc-block-checkout__actions_row {
flex-direction: column-reverse !important;
align-items: stretch !important;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
justify-content: center !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.wp-element-button,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout .button.alt {
width: 100% !important;
min-width: 100% !important;
min-height: 54px !important;
font-size: 15px !important;
}
body.woocommerce-checkout .r1com-company-toggle {
width: 100% !important;
}
}
/* Small mobile */
@media (max-width: 767px) {
body.woocommerce-checkout .container_wrap_first > .container {
width: 94% !important;
max-width: 94% !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step,
body.woocommerce-checkout .wc-block-checkout__order-notes,
body.woocommerce-checkout .wc-block-checkout__terms,
body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
padding: 16px !important;
border-radius: 16px !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text,
body.woocommerce-checkout #order_review_heading {
font-size: 18px !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item {
grid-template-columns: 54px minmax(0, 1fr) !important;
gap: 10px !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image,
body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
width: 54px !important;
height: 54px !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
grid-column: 2 !important;
justify-self: start !important;
margin-top: 4px !important;
}
body.woocommerce-checkout .wc-block-components-product-name {
font-size: 13px !important;
line-height: 1.3 !important;
}
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-blocks-components-select__select,
body.woocommerce-checkout .wc-block-components-textarea textarea,
body.woocommerce-checkout form.checkout .input-text,
body.woocommerce-checkout form.checkout select,
body.woocommerce-checkout form.checkout textarea {
min-height: 50px !important;
font-size: 14px !important;
border-radius: 12px !important;
}
}
/* =========================================================
30. MY ACCOUNT / ЛИЧНЫЙ КАБИНЕТ
========================================================= */
body.woocommerce-account .container_wrap_first {
background: #f7f9fb !important;
background-image: none !important;
}
body.woocommerce-account .container_wrap_first > .container {
display: block !important;
width: 94% !important;
max-width: 1360px !important;
margin: 0 auto !important;
}
body.woocommerce-account aside.sidebar,
body.woocommerce-account .inner_sidebar {
display: none !important;
}
body.woocommerce-account main.content,
body.woocommerce-account .template-page.content,
body.woocommerce-account .av-content-small,
body.woocommerce-account .av-main-page {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 35px 0 70px !important;
border: none !important;
}
body.woocommerce-account article,
body.woocommerce-account .entry-content-wrapper,
body.woocommerce-account .entry-content {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-bottom: 30px !important;
}
body.woocommerce-account .woocommerce {
display: grid !important;
grid-template-columns: 280px minmax(0, 1fr) !important;
gap: 24px !important;
align-items: start !important;
margin-bottom: 30px !important;
}
/* LEFT MENU */
body.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 22px !important;
padding: 14px !important;
box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
overflow: hidden !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0 !important;
padding: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
display: flex !important;
align-items: center !important;
min-height: 48px !important;
padding: 12px 16px !important;
border-radius: 14px !important;
background: #f9fbfc !important;
color: #222 !important;
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
text-decoration: none !important;
box-shadow: none !important;
outline: none !important;
overflow: hidden !important;
transition: .2s ease !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
background: rgba(var(--r1-primary-rgb), .08) !important;
color: var(--r1-primary) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active,
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
border-radius: 14px !important;
overflow: hidden !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a[aria-current="page"] {
background: var(--r1-primary) !important;
color: #fff !important;
border-radius: 14px !important;
}
/* CONTENT */
body.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
min-width: 0 !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 22px !important;
padding: 28px !important;
box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
color: #222 !important;
font-size: 16px !important;
line-height: 1.55 !important;
box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p {
margin: 0 0 16px !important;
color: #444 !important;
font-size: 16px !important;
line-height: 1.55 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p:last-child {
margin-bottom: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content strong {
color: #111 !important;
font-weight: 600 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
color: var(--r1-primary) !important;
text-decoration: none !important;
font-weight: 500 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover {
color: var(--r1-primary-hover) !important;
text-decoration: underline !important;
}
/* TABLES */
body.woocommerce-account table.shop_table,
body.woocommerce-account .woocommerce-orders-table {
width: 100% !important;
border: 1px solid #edf2f4 !important;
border-radius: 18px !important;
overflow: hidden !important;
background: #fff !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
body.woocommerce-account table.shop_table th,
body.woocommerce-account table.shop_table td {
padding: 14px 16px !important;
border-color: #edf2f4 !important;
color: #222 !important;
font-size: 14px !important;
vertical-align: middle !important;
}
body.woocommerce-account table.shop_table th {
background: #f9fbfc !important;
font-weight: 600 !important;
}
/* BUTTONS */
body.woocommerce-account .woocommerce-button,
body.woocommerce-account a.woocommerce-button,
body.woocommerce-account a.button,
body.woocommerce-account button.button,
body.woocommerce-account .button,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
padding: 12px 20px !important;
border-radius: 14px !important;
background: var(--r1-primary) !important;
border: 1px solid var(--r1-primary) !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
transition: .2s ease !important;
}
body.woocommerce-account .woocommerce-button:hover,
body.woocommerce-account a.woocommerce-button:hover,
body.woocommerce-account a.button:hover,
body.woocommerce-account button.button:hover,
body.woocommerce-account .button:hover,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover {
background: var(--r1-primary-hover) !important;
border-color: var(--r1-primary-hover) !important;
color: #fff !important;
text-decoration: none !important;
}
body.woocommerce-account .woocommerce-button::before,
body.woocommerce-account .woocommerce-button::after,
body.woocommerce-account .button::before,
body.woocommerce-account .button::after {
display: none !important;
content: none !important;
}
/* FORMS */
body.woocommerce-account form input[type="text"],
body.woocommerce-account form input[type="email"],
body.woocommerce-account form input[type="password"],
body.woocommerce-account form input[type="tel"],
body.woocommerce-account form select,
body.woocommerce-account form textarea {
width: 100% !important;
min-height: 52px !important;
padding: 14px 16px !important;
background: #fff !important;
border: 1px solid #d9e1ea !important;
border-radius: 14px !important;
color: #222 !important;
font-size: 15px !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.woocommerce-account form input:focus,
body.woocommerce-account form select:focus,
body.woocommerce-account form textarea:focus {
border-color: var(--r1-primary) !important;
box-shadow: 0 0 0 3px rgba(var(--r1-primary-rgb), .12) !important;
outline: none !important;
}
body.woocommerce-account form label {
color: #222 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
/* NOTICES */
body.woocommerce-account .woocommerce-notices-wrapper,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
border-radius: 16px !important;
margin-bottom: 18px !important;
}
/* Woo password eye */
body.woocommerce-account .show-password-input,
body.woocommerce-account .woocommerce-password-strength,
body.woocommerce-account .password-input .show-password-input {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
/* MOBILE */
@media (max-width: 767px) {
body.woocommerce-account main.content,
body.woocommerce-account .template-page.content,
body.woocommerce-account .av-content-small,
body.woocommerce-account .av-main-page {
padding: 24px 0 60px !important;
}
body.woocommerce-account .woocommerce {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin-bottom: 30px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
padding: 16px !important;
border-radius: 18px !important;
box-sizing: border-box !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
overflow: hidden !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li,
body.woocommerce-account .woocommerce-MyAccount-navigation a {
border-radius: 14px !important;
overflow: hidden !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a {
min-height: 44px !important;
padding: 10px 12px !important;
font-size: 13px !important;
justify-content: center !important;
text-align: center !important;
}
body.woocommerce-account .woocommerce-MyAccount-content p {
font-size: 14px !important;
}
body.woocommerce-account table.shop_table,
body.woocommerce-account table.shop_table tbody,
body.woocommerce-account table.shop_table tr,
body.woocommerce-account table.shop_table td {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-account table.shop_table thead {
display: none !important;
}
body.woocommerce-account table.shop_table tr {
padding: 12px !important;
border-bottom: 1px solid #edf2f4 !important;
}
body.woocommerce-account table.shop_table td {
padding: 8px 0 !important;
border: none !important;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account a.woocommerce-button,
body.woocommerce-account a.button,
body.woocommerce-account .button {
width: 100% !important;
min-height: 46px !important;
}
}
/* =========================================================
31. NOTIFICATIONS / УВЕДОМЛЕНИЯ
========================================================= */
/* Custom cart notification - смотреть functions.php */
.custom-cart-notification {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
z-index: 999999 !important;
min-width: 320px !important;
max-width: 420px !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translate(-50%, -50%) scale(.86) !important;
transition:
opacity .28s ease,
transform .28s ease,
visibility .28s ease !important;
pointer-events: none !important;
}
.custom-cart-notification.show {
opacity: 1 !important;
visibility: visible !important;
transform: translate(-50%, -50%) scale(1) !important;
pointer-events: auto !important;
}
.custom-cart-notification.show * {
pointer-events: auto !important;
}
.custom-cart-notification:not(.show) {
opacity: 0 !important;
visibility: hidden !important;
transform: translate(-50%, -50%) scale(.86) !important;
pointer-events: none !important;
}
.notification-content {
position: relative !important;
z-index: 1000000 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
padding: 18px 22px !important;
background: #fff !important;
border: 1px solid rgba(var(--r1-primary-rgb), .14) !important;
border-radius: 20px !important;
box-shadow:
0 18px 46px rgba(20,35,40,.14),
0 4px 12px rgba(20,35,40,.06) !important;
box-sizing: border-box !important;
}
.notification-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
flex-shrink: 0 !important;
background: var(--r1-primary) !important;
border-radius: 50% !important;
color: #fff !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: 0 8px 20px rgba(var(--r1-primary-rgb), .22) !important;
}
.notification-texts {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
min-width: 0 !important;
}
.notification-main-text {
margin: 0 !important;
color: #1e2a2b !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
white-space: nowrap !important;
}
.notification-link {
position: relative !important;
z-index: 1000001 !important;
color: var(--r1-primary) !important;
text-decoration: none !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
white-space: nowrap !important;
transition: .2s ease !important;
}
.notification-link:hover {
opacity: .75 !important;
text-decoration: none !important;
}
/* Скрываем стандартные уведомления */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.added_to_cart_notification {
display: none !important;
}
/* AJAX Add to Cart Message - fallback по центру экрана */
.added_to_cart_notification {
position: fixed !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
z-index: 999999 !important;
min-width: 320px !important;
max-width: 420px !important;
padding: 18px 22px !important;
background: #fff !important;
color: #1e2a2b !important;
border: 1px solid rgba(var(--r1-primary-rgb), .14) !important;
border-radius: 20px !important;
box-shadow:
0 18px 46px rgba(20,35,40,.14),
0 4px 12px rgba(20,35,40,.06) !important;
transform: translate(-50%, -50%) !important;
text-align: left !important;
line-height: 1.5 !important;
box-sizing: border-box !important;
pointer-events: auto !important;
}
.added_to_cart_notification * {
pointer-events: auto !important;
}
.added_to_cart_notification .added-product-text {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
margin: 0 !important;
color: #1e2a2b !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
}
.added_to_cart_notification strong {
color: #1e2a2b !important;
font-size: 15px !important;
font-weight: 600 !important;
}
.added_to_cart_notification .avia-arrow {
display: none !important;
}
/* Иконка успеха */
.added_to_cart_notification .added-product-text:before {
content: "✓";
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
flex-shrink: 0 !important;
background: var(--r1-primary) !important;
border-radius: 50% !important;
color: #fff !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1 !important;
box-shadow: 0 8px 20px rgba(var(--r1-primary-rgb), .22) !important;
}
/* =========================================================
32. RESPONSIVE / ОБЩИЕ МОБИЛЬНЫЕ ПРАВКИ
========================================================= */
/* =========================================================
33. LEGACY / СТАРЫЕ И ВРЕМЕННЫЕ ПРАВКИ
========================================================= *
div .product-sorting .avia-product-sorting-link:not(.avia-sorting-asc-desc) {
opacity: unset !important;
}
.av-main-nav > li > a {
font-weight: 400 !important;
font-size: 18px !important;
}
.av-main-nav ul {
width: 248px !important;
margin-top: -30px !important;
}
#top .av-main-nav ul a {
font-size: 14px !important;
}
#top #menu-item-search {
display: none !important;
}
.cart_dropdown {
border: none !important;
}
.cart_dropdown .dropdown_widget .widget_shopping_cart_content p {
color: #444444 !important;
}
.av-cart-container svg {
width: 25px !important;
height: 28px !important;
}
.cart_dropdown_first .cart_dropdown_link.avia-svg-icon > .av-cart-container {
margin-top: -5px !important;
}
.av-cart-container svg path {
fill: transparent !important;
stroke: #444444 !important;
stroke-width: 1.5 !important;
}
.av-cart-counter.av-active-counter {
background: #f43c33 !important;
}
.five-stars {
height: 20px !important;
}
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
text-transform: none !important;
color: #444444 !important;
font-size: 16px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
form.cart .added_to_cart,
.woocommerce-message .added_to_cart,
.woocommerce-message .wc-forward,
.single-product .added_to_cart:not(.custom-cart-notification .added_to_cart) {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* =====================================================
R1 SEARCH PAGE — FINAL
===================================================== */
.search-results,
.search{
background:#fff;
}
/* =====================================================
TITLE
===================================================== */
.search-results .title_container,
.search .title_container{
background:#fff !important;
border:none !important;
padding:32px 0 24px;
}
/* ГЛАВНЫЙ ФИКС — заголовок черный */
.search-results .main-title,
.search .main-title{
margin:0;
font-size:42px;
line-height:1.15;
font-weight:700;
color:#111;
}
.search-results .main-title a,
.search .main-title a{
color:#111 !important;
text-decoration:none !important;
}
.search-results .breadcrumb,
.search .breadcrumb{
margin-top:10px;
font-size:14px;
color:#666;
}
/* =====================================================
MAIN
===================================================== */
.search-results .container_wrap_first,
.search .container_wrap_first{
background:#fff !important;
border:none !important;
padding-bottom:60px;
}
/* =====================================================
RESULT TITLE
===================================================== */
.search-results .extra-mini-title,
.search .extra-mini-title{
margin:0 0 20px !important;
font-size:28px !important;
font-weight:700;
color:#111;
}
/* =====================================================
CARDS
===================================================== */
.search-results .post-entry,
.search .post-entry{
position:relative;
margin-bottom:18px !important;
background:#fff;
border:1px solid #ececec;
border-radius:20px;
padding:26px 26px 26px 82px;
box-shadow:0 8px 20px rgba(0,0,0,.04);
transition:.25s;
}
.search-results .post-entry:hover,
.search .post-entry:hover{
border-color:var(--r1-primary);
transform:translateY(-2px);
}
.search-results .post-entry:before,
.search .post-entry:before{
content:"";
position:absolute;
left:0;
top:20px;
bottom:20px;
width:4px;
background:var(--r1-primary);
border-radius:0 10px 10px 0;
}
.search-results .entry-content-wrapper,
.search .entry-content-wrapper{
padding:0 !important;
}
.search-results .search-result-counter,
.search .search-result-counter{
position:absolute;
left:22px;
top:22px;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
background:rgba(var(--r1-primary-rgb), .12);
color:var(--r1-primary);
font-size:14px;
font-weight:700;
}
.search-results .post-title,
.search .post-title{
margin:0 0 10px !important;
font-size:22px !important;
line-height:1.35;
font-weight:700;
}
.search-results .post-title a,
.search .post-title a{
color:#111 !important;
text-decoration:none !important;
}
.search-results .post-title a:hover,
.search .post-title a:hover{
color:var(--r1-primary) !important;
}
.search-results .post-meta-infos,
.search .post-meta-infos{
margin-bottom:14px !important;
font-size:13px !important;
color:#777 !important;
}
.search-results .post-meta-infos a,
.search .post-meta-infos a{
color:var(--r1-primary) !important;
}
.search-results .entry-content,
.search .entry-content{
font-size:15px;
line-height:1.7;
color:#444;
}
/* =====================================================
PAGINATION
===================================================== */
.search-results .pagination,
.search .pagination{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-top:30px !important;
}
.search-results .pagination-meta,
.search .pagination-meta{
flex:0 0 auto !important;
width:auto !important;
max-width:none !important;
white-space:normal !important;
overflow:visible !important;
margin-right:12px;
font-size:15px;
font-weight:600;
color:#111;
}
/* КНОПКИ */
.search-results .pagination a,
.search-results .pagination span:not(.pagination-meta),
.search .pagination a,
.search .pagination span:not(.pagination-meta){
width:46px;
height:46px;
flex:0 0 46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:14px;
border:1px solid #ececec;
background:#fff;
color:#111 !important;
font-weight:600;
text-decoration:none !important;
transition:.2s;
}
/* ГЛАВНЫЙ ФИКС — активная зеленая */
.search-results .pagination .current,
.search .pagination .current{
background:var(--r1-primary) !important;
border-color:var(--r1-primary) !important;
color:#fff !important;
}
.search-results .pagination a:hover,
.search .pagination a:hover{
border-color:var(--r1-primary);
color:var(--r1-primary) !important;
}
/* =====================================================
SIDEBAR
===================================================== */
.search-results .inner_sidebar,
.search .inner_sidebar{
background:#fff;
border:1px solid #ececec;
border-radius:20px;
padding:20px;
}
.search-results .sidebar-pricelist-btn,
.search .sidebar-pricelist-btn{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:52px;
border-radius:14px;
background:var(--r1-primary);
color:#fff !important;
text-decoration:none !important;
font-weight:600;
}
.search .extra-mini-title {
display: none !important;
}
/* =====================================================
MOBILE
===================================================== */
@media(max-width:767px){
.search-results .main-title,
.search .main-title{
font-size:28px;
}
.search-results .post-entry,
.search .post-entry{
padding:20px;
}
.search-results .search-result-counter,
.search .search-result-counter{
position:relative;
top:auto;
left:auto;
margin-bottom:12px;
}
.search-results .post-title,
.search .post-title{
font-size:18px !important;
}
.search-results .pagination-meta,
.search .pagination-meta{
width:100% !important;
margin-bottom:8px;
}
}