/*
Свечи БОЕВОЙ
*/
/* Разработчики - глоб
Компания РОСВЕБ https://rosveb.ru
— ПРОГРАММИСТ Алексей Гуляев
Телефон +7 (982) 413-33-94
Портфолио на Profi.ru https://ivanovo.profi.ru/profile/GulyaevAG
Телеграм https://t.me/GulaevAleksey
ВКонтакте https://vk.com/dumasurgut
— АНАЛИТИК Дмитрий Раевский
Телеграм https://t.me/GulaevAleksey
ВКонтакте https://vk.com/raevskydmitry
— ДИЗАЙНЕР Валентин Беликов
Портфолио на Behance https://www.behance.net/artlisx
Телеграм https://t.me/ksenfo
ВКонтакте https://vk.com/snakejas
*/
/* ===== Jost ExtraBold 800 ===== */
@font-face {
font-family: 'Jost';
src: url('/local/templates/rosveb/css/fonts/jost-800/Jost-ExtraBold-Cyrillic.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Jost';
src: url('/local/templates/rosveb/css/fonts/jost-800/Jost-ExtraBold-LatinExt.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Jost';
src: url('/local/templates/rosveb/css/fonts/jost-800/Jost-ExtraBold-Latin.woff2') format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.banners-big .banners-big__title,
.banners-big .banners-big__title span {
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 90%;
transform: translateY(-9px);
color: #0f0f0e;
padding-bottom: 12px;
margin-bottom: -12px;
}
.banners-big .banners-big__title span {
color: #611623;
}
.banners-big .banners-big__text{
width: 46%;
}
.banners-big .banners-big__text-block{
font-weight: 600;
font-size: 20px;
max-width: 580px;
color: #0000008f;
}
.banners-big .btn-default{
border-radius: 100px;
--button-height: 60px;
--button-font-size: 1.1rem;
--button-pl: 70px;
--button-pr: 70px;
}
/* ===== Jost конец ===== */
/* Шрифты начало */
/* Manrope — единый шрифт всего сайта.
Это родной шрифт темы Аспро: файлы лежат в css/fonts/manrope/,
тема сама объявляет его переменной --theme-font-family.
Поэтому переопределять переменную не нужно — ниже только те места,
где у темы стоит свой font-family и наследования не происходит. */
body,
.TIZERS .switcher-title,
.mega-menu .switcher-title {
font-family: 'Manrope', Arial, sans-serif !important;
}
/* Поля форм не наследуют шрифт от body — задаём явно */
input,
textarea,
select,
button {
font-family: 'Manrope', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Manrope', Arial, sans-serif;
}
h2.switcher-title,
h1#pagetitle {
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 90%;
}
.font_15 {
font-size: 1rem;
}
/* Шрифты конец */
.banner.TOP_HEADER{
height: 35px;
}
.banner.TOP_HEADER img{
display: none;
}
.delivery-link {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: unset !important;
margin: 0;
cursor: pointer;
}
.delivery-link span {
font-size: 18px;
color: transparent;
background: linear-gradient(
45deg,
#ffffffac 10%,
#ffffff 11%,
#ffffffac 30%,
#ffffffac 60%,
#ffffffac 80%,
#ffffffac 100%);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
animation: shimmer 10s linear infinite, fade-in 2s ease forwards;
opacity: 0;
transition: transform 0.3s ease, text-shadow 0.3s ease;
}
.delivery-link:hover span {
transform: translateX(4px);
}
@keyframes shimmer {
to {
background-position: 200% center;
}
}
@keyframes fade-in {
to { opacity: 1; }
}
.delivery-link {
position: relative;
overflow: hidden;
}
.delivery-link::after {
content: "";
position: absolute;
top: -460%;
left: -50%;
width: 200%;
height: 320%;
background: linear-gradient(0deg,
rgba(255, 255, 255, 0.19) 0%,
rgba(255, 255, 255, 0.1) 15%,
rgba(189, 30, 30, 0) 40%,
rgba(0, 0, 0, 0) 100%
);
transform: rotate(6deg);
transition: top 0.6s ease, opacity 0.6s ease;
pointer-events: none;
filter: blur(1px);
opacity: 0;
}
.delivery-link:hover::after {
top: -260%; /* Плашка «выезжает» с верха до нормального положения */
opacity: 1;
}
.sticker .sticker__item{
--bg-opacity: 42%;
border-color: transparent;
backdrop-filter: blur(3px);
background-color: #ffffff;
color: #1A191B;
box-shadow: 0px 5px 20px 0 #00000012;
}
/* Скролл начало */
/* Для WebKit-браузеров (Chrome, Safari, новые версии Edge) */
::-webkit-scrollbar {
width: 14px !important;
border-radius: 20px !important;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #231f20;
border-radius: 20px;
border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
background-color: #2e2b2c;
}
/* Переопределение цвета скроллбара для .scrollbar */
.scrollbar::-webkit-scrollbar-thumb {
background-color: #1e1710;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color: #1e1710;
}
/* Скролл конец*/
.header-menu__title-wrapper {
position: relative;
display: inline-block;
}
.header-menu__title-wrapper::after {
content: "";
position: absolute;
bottom: 0;
right: 0; /* старт с правой стороны */
width: 0;
height: 1px;
background-color: currentColor;
transition: width 0.3s ease, right 0.3s ease, left 0.3s ease;
}
.mega-menu.sliced .header-menu__title-wrapper::after {
background-color: rgb(146 111 118);
}
.header__top-part a:where(:hover, :focus-visible):not(.color_light, .underline-hover),
.header__top-part .link-opacity-color--hover:hover,
.header__top-part .color-dark-parent:hover > .color-dark-target{
--text-opacity: 100%;
}
/* При наведении на родительский пункт меню */
.header-menu__item:hover .header-menu__title-wrapper::after {
left: 0; /* закрепляем слева */
right: auto; /* отключаем правую сторону */
width: 100%; /* линия растягивается */
}
.header__bottom-part .header-menu__item:hover .header-menu__title-wrapper::after {
display: none;
}
.header__bottom-inner .header-menu__title{
font-size: 16px;
font-weight: 600;
transition: all .2s ease;
}
.BIG_BANNER_INDEX .maxwidth-banner{
/* max-width: 1920px; */
margin: 0 auto;
}
.logo img, .logo svg {
width: 100%;
height: 100%;
}
.header__bottom-part .header-menu__title-wrapper{
display: flex;
justify-content: center;
width: 100%;
gap: 6px;
}
.header__bottom-part .header-menu__title{
flex: unset;
color: #1A191B;
}
/* Мобилки начало */
#mobilemenu .mobilemenu__menu-item .toggle_block:not(.btn,button){
width: 100%;
}
/* Мобилки конец */
/* 30.07.2026: убрано правило `.catalog-block__offers.hide-600 { display: none; }`.
Оно было объявлено без медиазапроса и скрывало ховер-блок с выбором торговых
предложений (.sku-props) и свойствами ТП в списке товаров на ВСЕХ разрешениях,
включая десктоп. Штатный класс .hide-600 сам скрывает блок только при <=600px
(см. css/catalog.css), поэтому дублирующее правило не нужно. */
/* 11.08.2026: правило написано под старую grid-раскладку галереи (grid-column /
justify-self). Сейчас галерея — swiper-слайдер: grid-свойства не действуют, а
max-width:60% ужимал единственный слайд до 552px из 920px (у товаров с одним
фото картинка выглядела мелкой и съезжала вниз). Оставляем полную ширину —
ширину слайда считает сам swiper. */
.detail-gallery-big__item:only-child {
max-width: 100%;
}
blockquote:before {
mask: url(../images/svg/blockquote.svg) no-repeat center;
-webkit-mask: url(../images/svg/blockquote.svg) no-repeat center;
background-color: #ddcccf;
top: 18px;
left: -24px;
width: 60px;
height: 55px;
scale: 1;
}
blockquote:not(.danger,.info,.code):after {
content: "";
position: absolute;
top: 23px;
left: -4px;
width: 40px;
height: 47px;
border-radius: 4px;
background-color: var(--black_bg_black);
}
.COMPANY_TEXT blockquote {
box-shadow: unset;
background: #faf2f4;
color: #000000;
border: none;
padding: 30px 50px;
margin-bottom: 0;
}
.company-item__picture{
background-position: top center;
}
.company-item__picture{
background-size: contain;
}
.banners-big--high{
--big-banner-height: 800px;
}
.header-menu__dropdown-item-img{
border-radius: unset;
}
.header-menu__dropdown-menu .maxwidth-theme{
padding: 12px;
}
.mega-menu.sliced .header-menu__dropdown-menu .maxwidth-theme{
padding: 24px 32px;
}
.TIZERS .tizers-list__item-name{
font-size: 22px;
line-height: 120%;
}
.TIZERS .tizers-list__item-descr{
font-size: 18px;
}
.tizers-list__item-image-wrapper{
width: 100px;
height: 100px;
}
.tizers-list__item-wrapper {
transition: transform .4s ease, box-shadow .4s ease !important;
box-shadow: unset;
}
.tizers-list__item-wrapper:hover{
background: #FAF7F2;
transform: translateY(-5px);
}
.header__inner--bordered{
border-bottom: unset;
}
.has-long-banner .page-top-info {
padding-top: 20%;
}
.has-long-banner .detail-image--top_on_head:before{
background-color: rgb(0 0 0 / 50%);
}
.has-long-banner .detail-image--top_on_head:after {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 50%;
z-index: 2;
background: linear-gradient(180deg, #000000bf, #00000000);
position: absolute;
}
.SALE .ui-card__title{
font-size: 25px;
}
/* Акции начало */
.loyalty-program {
margin: 0 auto;
}
/* Intro Section */
.loyalty-intro {
text-align: center;
margin-bottom: 4rem;
}
.loyalty-title,
.section-title,
h3.switcher-title {
font-size: clamp(1.5rem, 4vw, 2.0rem);
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
}
.loyalty-description {
font-size: 1.125rem;
margin: 0 auto;
color: #828286;
}
/* Тарифные планы */
.loyalty-tiers {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(293px, 1fr));
gap: 1rem;
margin-bottom: 4rem;
}
.tier {
background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
border-radius: 1rem;
padding: 2rem;
position: relative;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
color: #dbdbdb;
}
.tier:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.tier:hover::before {
opacity: 1;
}
.tier-premium {
top: -20px;
}
.tier-premium:hover {
transform: translateY(-5px);
}
.tier-premium::after {
content: 'Популярный';
position: absolute;
top: 22px;
right: -53px;
background: #6c6c6c;
color: #000;
padding: 0.5rem 3rem;
font-size: 0.75rem;
font-weight: 600;
transform: rotate(45deg);
text-transform: uppercase;
}
.tier-content{
display: flex;
flex-direction: column;
gap: 10px;
}
.tier-vip {
border-color: #9b59b6;
}
.tier-header {
margin-bottom: 1.5rem;
}
.tier-name {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #ffffff;
}
.tier-badge {
display: inline-block;
padding: 0.25rem 0.75rem;
border-radius: 2rem;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.tier-basic .tier-badge {
background: transition;
color: #eaeaea;
}
.tier-premium .tier-badge {
background: rgb(221 221 221 / 20%);
color: #eaeaea;
}
.tier-vip .tier-badge {
background: rgb(221 221 221 / 20%);
color: #eaeaea;
}
.tier-condition {
font-size: 1rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 0.5rem;
border-left: 3px solid;
}
.tier-basic .tier-condition {
border-left-color: #4a90e2;
}
.tier-premium .tier-condition {
border-left-color: #d4af37;
}
.tier-vip .tier-condition {
border-left-color: #9b59b6;
}
.tier-benefits {
display: flex;
flex-direction: column;
gap: 10px;
}
.benefit {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem;
background: rgba(255, 255, 255, 0.03);
border-radius: 0.5rem;
}
.benefit:hover {
background: rgba(255, 255, 255, 0.08);
}
.benefit-icon {
font-size: 1.25rem;
flex-shrink: 0;
display: flex;
}
.benefit-text {
font-size: 0.95rem;
line-height: 120%;
}
.tier-note {
font-size: 0.875rem;
opacity: 0.8;
line-height: 120%;
}
.telegram-link {
color: #ffffff;
text-decoration: underline !important;
transition: color 0.3s ease;
}
.telegram-link:hover {
color: #eaeaea;
text-decoration: none !important;
}
/* Разделы правил и привилегий */
.rules-section {
margin-bottom: 4rem;
}
.section-title {
font-size: 2rem;
font-weight: 700;
}
.rules-grid,
.privileges-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 1.5rem;
}
.corporate-gifts .privileges-grid {
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
.has-long-banner .ui-card__image--ratio-1{
--aspect-ratio: 9 / 16;
}
.rule-card,
.privilege-card {
display: flex;
align-items: flex-start;
gap: 1rem;
padding: 1.5rem;
background: #f5efe6;
border-radius: 0.75rem;
transition: all 0.3s ease;
}
.rule-card:hover,
.privilege-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 30px rgb(0 0 0 / 6%);
background: #fff;
}
.loyalty-program .rule-icon svg{
width: 54px;
height: 54px;
}
.horeca-line .rule-icon svg{
width: 40px;
height: 40px;
}
.privilege-icon svg{
width: 54px;
height: 54px;
}
.corporate-gifts svg{
width: 40px;
height: 40px;
}
.corporate-gifts .principles-section svg{
width: 30px;
height: 30px;
}
.about-company .privilege-icon svg{
width: 40px;
height: 40px;
}
.rule-icon,
.privilege-icon {
font-size: 2rem;
flex-shrink: 0;
}
.rule-content h4,
.privilege-content h4{
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
.rule-content p,
.privilege-content p {
font-size: 1.1rem;
margin: 0;
color: #807f85;
}
/* Кнопка */
.cta-section {
text-align: center;
padding-top: 2rem;
margin-bottom: 5rem;
}
.join-btn {
display: inline-flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 2.5rem;
background: #231f20;
color: #f9f9f9;
border: none;
border-radius: 8px;
font-size: 1.4rem;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.join-btn:hover {
transform: translateY(-4px);
box-shadow: inset 0 0 0px 2px rgb(35 31 32);
background: #f8f7fc;
color: #231f20;
}
.join-btn:active {
transform: translateY(0);
}
.btn-icon {
font-size: 1.25rem;
}
.has-long-banner{
background: #FAF7F2;
}
.has-long-banner .detail-block > .outer-rounded-x{
background: #faf7f2;
}
.page-contacts button.grid-list__item:hover{
background: #fff;
}
.services-detail__bottom-info > .detail-block.ordered-block.order_form{
display: none;
}
.has-long-banner section.page-top{
padding-bottom: 10px;
}
.has-long-banner .topic__heading{
margin-top: 10px;
}
.corporate-gifts {
margin: 0 auto;
max-width: 1200px;
}
.loyalty-title.main-title{
text-align: center;
margin: 0 auto 30px;
}
/* Timeline для преимуществ */
.advantages-section {
width: max-content;
margin: 0 auto;
}
.advantages-timeline {
position: relative;
margin: 40px 0 0 0;
}
.advantages-timeline::before {
content: '';
position: absolute;
left: 30px;
top: 30px;
bottom: 30px;
width: 2px;
background: #cecece;
}
.photo-section img{
border-radius: 0.75rem;
}
.timeline-item {
position: relative;
margin-bottom: 3rem;
padding-left: 80px;
transition: transform 0.3s ease;
}
.timeline-item:hover {
transform: translateX(10px);
}
.timeline-marker {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.timeline-marker svg {
width: 30px;
height: 30px;
stroke: #231f20;
}
.timeline-title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #231f20;
}
.timeline-description {
font-size: 1rem;
color: #807f85;
margin: 0;
}
/* Photo Sections */
.photo-section {
margin: 4rem 0;
}
.photo-placeholder {
background: #e9ecef;
border-radius: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
font-style: italic;
}
.photo-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 1rem;
}
.photo-grid .large {
grid-row: span 2;
}
.photo-grid .large img{
object-fit: cover;
width: 100%;
height: 380px;
}
.photo-grid .small img{
object-fit: cover;
width: 100%;
height: 280px;
}
.photo-masonry {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
}
.photo-masonry .tall {
grid-row: span 2;
min-height: 400px;
}
.photo-masonry .wide {
grid-column: span 2;
min-height: 150px;
}
/* Process Flow */
.process-section {
margin: 4rem 0rem;
border-radius: 1rem;
}
.process-flow {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
.flow-step {
text-align: center;
flex: 1;
min-width: 200px;
padding: 1.5rem;
transition: transform 0.3s ease;
}
.flow-step:hover {
transform: scale(1.05);
}
.step-number {
font-size: 3.5rem;
color: #231f20;
margin-bottom: 2rem;
}
.step-content h4 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 0.75rem;
color: #231f20;
line-height: 120%;
}
.step-content p {
font-size: 1rem;
color: #807f85;
margin: 0;
line-height: 120%;
}
.flow-connector {
position: relative;
flex-shrink: 0;
top: 30px;
}
.flow-connector::after {
content: '';
position: absolute;
right: -8px;
top: -8px;
background-image: url('data:image/svg+xml,');
display: inline-block;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
/* Trust Companies */
.trust-companies .tier {
background: #f5efe6;
color: #231f20;
padding: 10px 10px;
}
.trust-companies .tier:hover{
transform: none;
box-shadow: none;
}
.trust-tier .tier-name {
color: #231f20;
}
.company-logos {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 0.5rem;
flex-wrap: wrap;
}
.company-logos .logo-placeholder{
background: #FAF7F2;
border: none;
padding: 30px;
height: 130px;
}
.company-logos .logo-placeholder img{
object-fit: cover;
max-height: 130px;
width: 100%;
padding: 0px 0px;
display: flex;
mix-blend-mode: darken;
justify-content: center;
align-items: center;
}
.logo-placeholder {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
padding: 0.5rem;
font-size: 0.75rem;
color: #6c757d;
flex: 1;
min-width: 80px;
text-align: center;
}
.photo-placeholder.tall img{
object-fit: cover;
height: 100%;
border-radius: 10px;
}
.photo-placeholder.tall{
transition: all ease .4s;
}
.photo-placeholder img{
object-fit: cover;
height: 100%;
width: 100%;
}
.photo-placeholder.wide img{
object-fit: cover;
width: 100%;
}
.has-long-banner .ordered-block .catalog-block__wrapper{
background: #f5efe6;
}
.has-long-banner .ordered-block .toggle-white-grey-bg {
--toggle-bg: #f5efe6;
}
.horeca-line {
margin: 0 auto;
max-width: 1200px;
}
/* Hero Section */
.hero-section {
text-align: center;
margin-bottom: 4rem;
}
.hero-subtitle {
font-size: 1.25rem;
font-weight: 600;
color: #231f20;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.hero-description {
margin: 0 auto;
}
.hero-description p {
font-size: 1.125rem;
color: #807f85;
margin-bottom: 1.5rem;
line-height: 130%;
}
.highlight-text {
font-weight: 600;
color: #231f20 !important;
}
/* Product Gallery */
.product-gallery {
margin-bottom: 5rem;
}
.gallery-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 1.5rem;
grid-template-areas:
"large img1 img2"
"wide wide wide";
}
.product-image.large {
grid-area: large;
}
.product-image:nth-child(2) {
grid-area: img1;
}
.product-image:nth-child(3) {
grid-area: img2;
}
.product-image.wide {
grid-area: wide;
}
.product-image .photo-placeholder {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 1rem;
display: flex;
align-items: center;
justify-content: center;
min-height: 250px;
color: #6c757d;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.product-image .photo-placeholder:hover {
transform: scale(1.02);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.product-image.large .photo-placeholder {
min-height: 400px;
}
.product-image.wide .photo-placeholder {
min-height: 200px;
}
.features-timeline {
max-width: 800px;
margin: 0 auto;
position: relative;
}
.features-timeline::before {
content: '';
position: absolute;
left: 30px;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #231f20 0%, #807f85 100%);
border-radius: 2px;
}
.feature-item {
position: relative;
margin-bottom: 4rem;
padding-left: 100px;
}
.feature-item:last-child {
margin-bottom: 0;
}
.feature-number {
position: absolute;
left: 0;
top: 1rem;
width: 60px;
height: 60px;
background: #231f20;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
z-index: 2;
box-shadow: 0 4px 15px rgba(35, 31, 32, 0.2);
}
.feature-card {
margin: 0;
border-left: 4px solid #231f20;
transform: translateX(0);
transition: all 0.3s ease;
}
.feature-card:hover {
transform: translateX(10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
/* Process Showcase */
.process-showcase {
margin-bottom: 5rem;
}
.showcase-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
align-items: center;
}
.text-left {
text-align: left;
}
.text-left::after {
left: 0;
transform: none;
}
.showcase-images {
display: flex;
gap: 1rem;
width: 100%;
height: 100%;
flex-direction: column;
}
.showcase-images .tall {
grid-row: span 2;
min-height: 300px;
}
.process-steps-visual {
display: flex;
flex-direction: column;
gap: 1rem;
}
.process-steps-visual .small {
min-height: 140px;
}
/* Clients Grid */
.clients-section {
margin-bottom: 4rem;
}
.clients-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 1.5rem;
max-width: 900px;
margin: 0 auto;
}
.client-tile {
background: #ffffff;
border-radius: 0.75rem;
padding: 2rem;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 2px solid transparent;
}
.client-tile:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
border-color: #231f20;
}
.client-tile.featured {
grid-column: span 2;
background: linear-gradient(135deg, #231f20, #404040);
color: #ffffff;
}
.client-tile.featured:hover {
border-color: #231f20;
}
.logo-placeholder {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 0.5rem;
padding: 1.5rem;
color: #6c757d;
text-align: center;
width: 100%;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.9rem;
}
.client-tile.featured .logo-placeholder {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
}
/* Testimonials */
.testimonials-section {
margin-bottom: 4rem;
}
.testimonial-card {
background: #ffffff;
border-radius: 1rem;
padding: 3rem;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
display: grid;
grid-template-columns: 2fr 1fr;
gap: 3rem;
align-items: center;
}
.testimonial-content blockquote {
font-size: 1.25rem;
font-style: italic;
color: #231f20;
margin: 0 0 2rem 0;
line-height: 1.6;
position: relative;
}
.testimonial-content blockquote::before {
content: '"';
font-size: 4rem;
color: #231f20;
position: absolute;
left: -2rem;
top: -1rem;
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
}
.author-info h5 {
font-size: 1.125rem;
font-weight: 600;
color: #231f20;
margin-bottom: 0.25rem;
}
.author-info p {
color: #807f85;
margin: 0;
}
.testimonial-image .photo-placeholder {
min-height: 200px;
border-radius: 0.75rem;
}
/* CTA Section */
.cta-section {
margin-bottom: 3rem;
}
.cta-content {
text-align: center;
padding: 4rem 2rem;
background: linear-gradient(135deg, #231f20, #404040);
border-radius: 1rem;
color: #ffffff;
}
.cta-content .section-title {
color: #ffffff;
margin-bottom: 1rem;
}
.cta-content .section-title::after {
background: #ffffff;
}
.cta-content .loyalty-description {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 2rem;
}
.cta-btn {
background: #ffffff;
color: #231f20;
font-size: 1.4rem;
padding: 1.2rem 3rem;
}
.cta-btn:hover {
background: #f8f9fa;
color: #231f20;
transform: translateY(-4px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.horeca-line {
margin: 0 auto;
max-width: 1200px;
}
.horeca-line .hero-section::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(35, 31, 32, 0.05) 0%, transparent 70%);
border-radius: 50%;
}
.horeca-line .hero-description {
margin: 0 auto;
}
.horeca-line .highlight-text {
font-weight: 600;
color: #231f20 !important;
font-style: italic;
}
/* Product Gallery */
.horeca-line .product-gallery {
margin-bottom: 5rem;
}
.horeca-line .gallery-grid {
display: flex;
gap: 1.5rem;
}
.horeca-line .gallery-grid {
grid-template-areas: unset !important;
}
.horeca-line .product-image.large {
grid-area: unset;
}
.horeca-line .product-image:nth-child(2) {
grid-area: unset;
}
.horeca-line .product-image:nth-child(3) {
grid-area: unset;
}
.horeca-line .product-image.wide {
grid-area: unset;
}
.horeca-line .photo-placeholder:hover {
transform: scale(1.02);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.horeca-line .product-image.large .photo-placeholder {
min-height: 400px;
}
.horeca-line .product-image.wide .photo-placeholder {
min-height: 200px;
}
/* Features Timeline - используем .advantages-section без переопределения */
.horeca-line .features-timeline {
max-width: 800px;
width: 80vw;
margin: 0 auto;
position: relative;
}
.horeca-line .advantages-section{
margin: 0 auto 80px;
}
.horeca-line .features-timeline::before {
content: '';
position: absolute;
left: 30px;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(180deg, #231f20 0%, #807f85 100%);
border-radius: 2px;
}
.horeca-line .feature-item {
position: relative;
margin-bottom: 4rem;
padding-left: 100px;
}
.horeca-line .feature-item:last-child {
margin-bottom: 0;
}
.horeca-line .feature-card {
margin: 0;
border-left: 4px solid #231f20;
transform: translateX(0);
transition: all 0.3s ease;
}
.horeca-line .feature-card:hover {
transform: translateX(10px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
/* Process Showcase */
.horeca-line .process-showcase {
margin-bottom: 5rem;
}
.horeca-line .showcase-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.horeca-line .text-left {
text-align: left;
}
.horeca-line .text-left::after {
left: 0;
transform: none;
}
.horeca-line .showcase-images {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.horeca-line .showcase-images .tall {
grid-row: span 2;
min-height: 300px;
}
.horeca-line .process-steps-visual {
display: flex;
flex-direction: column;
gap: 1rem;
}
.horeca-line .process-steps-visual .small {
min-height: 140px;
}
/* Clients Grid */
.horeca-line .clients-section {
margin-bottom: 4rem;
}
.horeca-line .clients-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 1.5rem;
max-width: 900px;
margin: 0 auto;
}
.horeca-line .client-tile {
background: #ffffff;
border-radius: 0.75rem;
padding: 2rem;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
border: 2px solid transparent;
}
.horeca-line .client-tile:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
border-color: #231f20;
}
.horeca-line .client-tile.featured {
grid-column: span 2;
background: linear-gradient(135deg, #231f20, #404040);
color: #ffffff;
}
.horeca-line .client-tile.featured:hover {
border-color: #231f20;
}
.horeca-line .client-tile.featured .logo-placeholder {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
}
/* Testimonials */
.horeca-line .testimonials-section {
margin-bottom: 4rem;
}
.horeca-line .testimonial-card {
background: #ffffff;
border-radius: 1rem;
padding: 3rem;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
display: grid;
grid-template-columns: 2fr 1fr;
gap: 3rem;
align-items: center;
}
.horeca-line .testimonial-content blockquote {
font-size: 1.25rem;
font-style: italic;
color: #231f20;
margin: 0 0 2rem 0;
line-height: 1.6;
position: relative;
}
.horeca-line .testimonial-content blockquote::before {
content: '"';
font-size: 4rem;
color: #231f20;
position: absolute;
left: -2rem;
top: -1rem;
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
}
.horeca-line .author-info h5 {
font-size: 1.125rem;
font-weight: 600;
color: #231f20;
margin-bottom: 0.25rem;
}
.horeca-line .author-info p {
color: #807f85;
margin: 0;
}
.horeca-line .testimonial-image .photo-placeholder {
min-height: 200px;
border-radius: 0.75rem;
}
/* CTA Section */
.horeca-line .cta-content {
text-align: center;
padding: 4rem 2rem;
background: linear-gradient(135deg, #231f20, #404040);
border-radius: 1rem;
color: #ffffff;
}
.horeca-line .cta-content .section-title {
color: #ffffff;
margin-bottom: 1rem;
}
.horeca-line .cta-content .section-title::after {
background: #ffffff;
}
.horeca-line .cta-content .loyalty-description {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 2rem;
}
.horeca-line .cta-btn {
background: #ffffff;
color: #231f20;
font-size: 1.4rem;
padding: 1.2rem 3rem;
}
.horeca-line .cta-btn:hover {
background: #f8f9fa;
color: #231f20;
transform: translateY(-4px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.partnership-policy {
margin: 0 auto;
max-width: 1200px;
}
/* Hero Section */
.partnership-policy .hero-section {
text-align: center;
margin-bottom: 5rem;
}
/* Principles Showcase */
.partnership-policy .principles-showcase {
margin-bottom: 5rem;
}
.partnership-policy .principles-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.partnership-policy .principle-point {
display: flex;
align-items: flex-start;
gap: 1.5rem;
padding: 1.5rem;
background: #f5efe6;
border-radius: 0.75rem;
/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); */
transition: all 0.3s ease;
}
.partnership-policy .principle-point:hover {
transform: translateX(10px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
background: #fff;
}
.partnership-policy .principle-icon {
font-size: 2rem;
flex-shrink: 0;
width: 60px;
height: 60px;
background: linear-gradient(135deg, #231f20, #404040);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.partnership-policy .principle-icon svg path{
stroke: #fff;
}
.partnership-policy .principle-icon svg{
width: 34px;
height: 34px;
}
.partnership-policy .principle-text h4 {
font-size: 1.25rem;
font-weight: 600;
color: #231f20;
margin-bottom: 0.5rem;
}
.partnership-policy .principle-text p {
color: #807f85;
margin: 0;
line-height: 120%;
}
/* Partners Section - используем существующие стили tier */
.partnership-policy .partners-section {
margin-bottom: 5rem;
}
.partnership-policy .partner-types {
gap: 2rem;
}
.partnership-policy .partner-tier {
background: #ffffff;
color: #231f20;
border: 2px solid #f8f9fa;
}
.partnership-policy .partner-tier:hover {
border-color: #231f20;
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}
.partnership-policy .partner-tier .tier-name {
color: #231f20;
}
.partnership-policy .partner-tier .tier-badge {
background: rgba(35, 31, 32, 0.1);
color: #231f20;
}
.partnership-policy .partner-benefits {
display: flex;
flex-direction: column;
gap: 1rem;
}
.partnership-policy .partner-benefits .benefit {
background: #f8f9fa;
border-radius: 0.5rem;
padding: 1rem;
}
.partnership-policy .partner-benefits .benefit-icon {
width: 24px;
height: 24px;
}
.partnership-policy .partner-benefits .benefit-icon svg {
width: 24px;
height: 24px;
stroke: #231f20;
}
/* Distribution Section */
.partnership-policy .distribution-section {
margin-bottom: 5rem;
}
.partnership-policy .section-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: start;
}
.partnership-policy .company-description p {
font-size: 1.125rem;
color: #807f85;
line-height: 130%;
margin-bottom: 1.5rem;
}
.partnership-policy .company-description strong {
color: #231f20;
font-weight: 600;
}
.partnership-policy .split-visual .photo-placeholder {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 1rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
/* Product Lines - используем существующий rules-grid */
.partnership-policy .product-lines {
margin-bottom: 5rem;
}
.partnership-policy .product-grid {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1rem;
}
.partnership-policy .product-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
/* Contact Section */
.partnership-policy .contact-section {
margin-bottom: 3rem;
}
.partnership-policy .contact-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
margin: 3rem 0;
margin-left: auto;
margin-right: auto;
}
.partnership-policy .contact-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 40px rgba(35, 31, 32, 0.15);
}
.partnership-policy .contact-card .privilege-icon svg {
stroke: #231f20;
width: 34px;
height: 34px;
}
.partnership-policy .contact-card h4 {
color: #231f20;
}
.partnership-policy .showcase-content{
align-items: stretch;
display: flex;
}
.partnership-policy .showcase-text{
flex: 1 0 50%;
}
.partnership-policy .showcase-images{
flex: 1 1 50%;
}
.partnership-policy .showcase-images img{
object-fit: cover;
max-height: 423px;
width: 100%;
border-radius: .75rem;
}
.about-company {
margin: 0 auto;
max-width: 1200px;
}
.about-company .logo-explanation {
margin-top: 3rem;
}
.about-company .logo-visual {
font-family: 'Jost', Arial, sans-serif;
margin-bottom: 2rem;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 800;
}
.about-company .letter-u {
color: #231f20;
font-size: 1.2em;
}
.about-company .separator {
background: #807f85;
height: 1px;
width: 200px;
}
.about-company .logo-description{
display: flex;
position: relative;
margin: 0 auto;
max-width: 620px;
gap: 70px;
}
.about-company .logo-description p:first-child{
flex: 0 0 190px;
}
.about-company .word-candles {
color: #231f20;
letter-spacing: 0.1em;
}
.about-company .logo-description p {
font-size: 1.125rem;
color: #807f85;
margin-bottom: 1rem;
line-height: 120%;
}
/* Story Section */
.about-company .story-section {
margin-bottom: 5rem;
padding: 3rem 2rem;
background: #ffffff;
border-radius: 1rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.about-company .story-content p {
font-size: 1.125rem;
color: #807f85;
line-height: 1.7;
margin-bottom: 1.5rem;
}
.about-company .story-content strong {
color: #231f20;
font-weight: 600;
}
.about-company .principles-section .privileges-grid{
grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
}
.about-company .story-timeline {
display: flex;
flex-direction: column;
gap: 1rem;
}
.about-company .timeline-point {
gap: 20px;
display: flex;
flex-direction: row;
align-items: center;
text-align: center;
padding: 1rem 1.5rem 1rem 2.5rem;
background: #f8f9fa;
border-radius: 0.75rem;
border-left: 4px solid #231f20;
justify-content: flex-start;
}
.about-company .timeline-point .year {
font-size: 2rem;
font-weight: 800;
color: #231f20;
font-family: 'Jost', Arial, sans-serif;
}
.about-company .timeline-point .event {
font-size: 1rem;
color: #807f85;
margin-top: 0.5rem;
}
/* Values Section */
.about-company .values-section {
margin-bottom: 5rem;
}
.about-company .values-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
}
.about-company .value-card {
background: #ffffff;
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
border: 2px solid transparent;
}
.about-company .value-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border-color: #231f20;
}
.about-company .value-card.quality {
background: linear-gradient(135deg, #ffffff, #f8f9fa);
}
.about-company .value-card.design {
background: linear-gradient(135deg, #ffffff, #fef7e0);
}
.about-company .value-card.ecology {
background: linear-gradient(135deg, #ffffff, #f0f9f4);
}
.about-company .value-card.charity {
background: linear-gradient(135deg, #ffffff, #fef2f2);
}
.about-company .value-icon {
font-size: 3rem;
margin-bottom: 1.5rem;
display: block;
}
.about-company .value-content h4 {
font-size: 1.25rem;
font-weight: 600;
color: #231f20;
margin-bottom: 1rem;
}
.about-company .value-content p {
color: #807f85;
line-height: 1.6;
margin: 0;
}
/* Principles Flow */
.about-company .principles-section {
margin-bottom: 5rem;
}
.about-company .principles-flow {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
}
.about-company .principle-item {
text-align: center;
padding: 2rem 1rem;
background: #fff;
border-radius: 0.75rem;
transition: all 0.3s ease;
}
.about-company .order_form{
background: #fff;
}
.about-company-img{
height: 332px;
max-height: 332px;
overflow: hidden;
}
.about-company-img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.about-company .principle-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.about-company .principle-item .principle-icon {
background: #edecf1;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
margin: 0 auto;
}
.about-company .principle-item h5 {
font-size: 1rem;
font-weight: 600;
color: #231f20;
margin-bottom: 0.75rem;
margin-top: 10px;
}
.about-company .principle-item p {
font-size: 1rem;
color: #a9a9ac;
margin: 0;
line-height: 120%;
}
.about-company .principle-icon svg{
width: 40px;
height: 40px;
fill: #231f20;
}
/* Team Photos */
.about-company .team-photos {
margin-bottom: 5rem;
}
.about-company .photo-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
}
.about-company .team-photo {
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border-radius: 1rem;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
font-style: italic;
transition: all 0.3s ease;
overflow: hidden;
}
.about-company .team-photo:hover {
transform: scale(1.02);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
/* Favorites Section */
.about-company .favorites-section {
margin-bottom: 3rem;
}
.about-company .favorites-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.about-company .product-favorite {
background: #ffffff;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.about-company .product-favorite:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.about-company .product-image {
aspect-ratio: 1;
overflow: hidden;
}
.about-company .product-image .photo-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #f8f9fa, #e9ecef);
border: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
font-style: italic;
margin: 0;
min-height: auto;
}
.about-company .product-info {
padding: 1.5rem;
}
.about-company .product-info h4 {
font-size: 1.125rem;
font-weight: 600;
color: #231f20;
margin-bottom: 0.5rem;
}
.about-company .team-member {
font-size: 0.95rem;
color: #231f20;
font-weight: 500;
margin-bottom: 0.75rem;
}
.about-company .product-description {
font-size: 0.9rem;
color: #807f85;
line-height: 1.5;
margin: 0;
}
.val-bg {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
background: #f8f7fc;
padding: 80px 0;
}
.recycling-program {
margin: 0 auto;
}
/* Current Program */
.recycling-program .current-program {
margin-bottom: 4rem;
}
.recycling-program .current-item {
border-left: 4px solid #2e302f;
background: #fff;
}
.recycling-program .rule-icon svg{
width: 100px;
height: 100px;
}
.recycling-program .rule-card{
gap: 1.5rem;
}
/* Cleaning Section */
.recycling-program .cleaning-section {
margin-bottom: 4rem;
}
.recycling-program .text-center {
margin-bottom: 3rem;
}
.recycling-program .warning-note {
margin-top: 3rem;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.recycling-program .warning {
border-left: 4px solid #2e302f;
background: #f5efe6;
}
.recycling-program .warning .rule-icon svg {
width: 44px;
height: 44px;
}
/* Future Plans */
.recycling-program .future-plans {
margin-bottom: 4rem;
}
.recycling-program .future-tier .tier-badge {
background: rgba(99, 102, 241, 0.1);
color: #6366f1;
}
.recycling-program .tier-header{
margin-bottom: 0;
}
.recycling-program .future-items {
display: flex;
gap: 20px;
}
.recycling-program .benefit{
width: 100%;
}
.recycling-program .benefit-icon svg path{
fill: #fff;
}
.recycling-program .tier:hover {
transform: unset;
box-shadow: unset;
}
/* CTA Section */
/*.recycling-program .cta-section{
}*/
.recycling-program .cta-section .section-title::after {
background: #ffffff;
}
.recycling-program .showcase-content{
align-items: unset;
}
.recycling-program .btn-icon svg g path{
stroke: #fff;
transition: all ease .3s;
}
.recycling-program .btn-icon svg g path:first-child,
.recycling-program .join-btn:hover svg g path:first-child{
stroke: unset;
}
.recycling-program .join-btn:hover svg g path{
stroke: #231f20;
}
.showcase-images .photo-placeholder{
height: 100%;
overflow: hidden;
max-height: 600px;
}
/* Акции конец */
.status-icon.nostock {
color: #adadad;
}
.status__svg-icon svg use{
fill: #adadad;
}
.header-menu__item--wide > .header-menu__dropdown-menu {
top: 88px;
}
.mega-menu.sliced .header-menu__item--wide > .header-menu__dropdown-menu {
top: 48px;
}
.pressa-o-nas blockquote{
margin: 0 0 10px 0;
background: #f5efe6;
padding-left: 60px;
}
.pressa-o-nas p{
font-size: 20px;
}
.pressa-o-nas .company-logos .logo-placeholder {
background: #f5efe6;
}
.press-page {
display: flex;
align-items: flex-start;
gap: 60px;
max-width: 1000px;
margin: 0 auto;
}
.press-page__img{
background: #f5efe6;
padding: 20px 40px;
height: 210px;
overflow: hidden;
object-fit: contain;
object-position: center;
border-radius: 20px;
width: 300px;
flex: 0 0 300px;
display: flex;
justify-content: center;
align-items: center;
}
.press-page__img img {
width: 100%; /* Картинка по ширине блока */
height: 220px; /* Фиксированная высота блока */
object-fit: cover; /* Обрезать лишнее, сохраняя пропорции */
object-position: center center; /* Центрирование по высоте и ширине */
mix-blend-mode: darken;
}
.press-page ul{
flex: 1 1 auto;
padding-top: 20px;
}
.pressa-o-nas__wrap{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 2rem;
margin: 80px 0 0 0;
}
.pressa-o-nas__block{
box-shadow: 0 0 30px 0px #00000017;
padding: 30px 40px;
border-radius: 20px;
}
.catalog-viewed{
background: #faf7f2;
}
.fit-image{
mix-blend-mode: darken;
border-radius: 10px;
}
.sections-list__item-inner .sections-list__item-image-wrapper{
border-radius: 0;
}
.sections-list__item:hover{
background-color: #fff;
}
.section-block .sections-list__item-inner .font_12.secondary-color{
display: none;
}
body.rosveb .section-block{
display: none;
}
.contacts-v2 .contact-property--image img {
height: unset;
}
.gallery-wrapper .grid-list--items-2-from-601 {
--items-count: 5;
}
.gallery-list .ui-card__image img,
.gallery-wrapper .ui-card__image img,
.gallery-wrapper .ui-card__image .detail-gallery-big__link::before,
.GALLERY .ui-card__photo .detail-gallery-big__link::before,
img.fancybox-image
{
border-radius: 20px;
}
.GALLERY .ui-card{
border-radius: 20px;
overflow: hidden;
}
.company-logos .logo-placeholder:first-child {
grid-column: span 2; /* растянуть на 2 столбца */
grid-row: span 2; /* растянуть на 2 строки */
height: 268px;
}
.company-logos .logo-placeholder:first-child img{
max-height: unset;
}
.MIDDLE_ADV .ui-card__image {
aspect-ratio: 14.7 / 9;
--ratio: 50%;
}
/* Градиентная подложка под текстом карточек MIDDLE_ADV — на светлых фото
белые заголовки читались плохо. Штатный ::before (общее затемнение всей
карточки) не трогаем, это дополняющий слой снизу. */
.MIDDLE_ADV .ui-card::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 60%;
z-index: 1;
pointer-events: none;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 35%, rgba(0, 0, 0, 0) 100%);
}
/* Текст поднимаем над градиентом: у самих подписей z-index 1, как и у
градиента, а при равном значении выигрывает ::after (идёт позже). */
.MIDDLE_ADV .ui-card__info {
z-index: 2;
}
/* То же затемнение под текстом карточек проектов (/projects/business/ и др.).
Штатный градиент темы (dark-block-after на обёртке картинки) не трогаем —
он слабее и остаётся как есть, этот слой его дополняет. */
.project-list__item.ui-card::before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 60%;
z-index: 1;
pointer-events: none;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.45) 35%, rgba(0, 0, 0, 0) 100%);
}
.project-list__item .project-list__item-content {
z-index: 2;
}
/* Каталог: убираем переключатель вида отображения товаров — остаётся вид
по умолчанию (плитка, view_table). Тема не хранит выбор в куках, режим
живёт только в ?display=, поэтому без кнопок вид всегда штатный. */
.filter-panel.sort_header .toggle-panel {
display: none;
}
.banners-big__item--cover, .main-slider .main-slider__item{
aspect-ratio: 3 / 1;
}
.banners-big--adaptive-3 .banners-big__depend-height {
height: 100%;
}
h1.switcher-title{
/* font-family: 'Jost', Arial, sans-serif; */
font-weight: 600;
font-size: 40px;
}
.catalog-detail__main-parts .properties__show-more,
.catalog-detail__main-parts .catalog-detail__previewtext div,
.catalog-detail__main-parts .catalog-detail__pseudo-link span,
.catalog-detail__main-parts .properties-wrapper div{
font-size: 0.9rem;
}
.catalog-detail__main-parts .properties-wrapper,
.catalog-detail__main-parts .catalog-detail__previewtext,
.detail-block.desc{
border-radius: 16px;
margin: 16px 0 0 0;
background-color: #fff;
box-shadow: 0 0 0 1px #001e3c09, 0 4px 4px -1px #0014280a;
padding: 20px 30px;
}
.catalog-detail .brand-detail-info__image{
background-color: #faf7f2;
}
.brand-detail-info__image img{
mix-blend-mode: darken;
}
.catalog-detail__main-parts .grid-list--items.gap--24{
gap: 16px;
}
.catalog-detail__main-parts .properties__show-more{
margin-top: 5px;
display: block;
}
.catalog-detail .brand-detail-info__image{
height: 62px;
max-width: 170px;
}
.catalog-detail__main-parts .price__new-val{
font-size: 28px;
}
.catalog-detail__main-parts .catalog-detail__forms{
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
justify-content: space-between;
}
.catalog-detail__main-parts .catalog-detail__forms .grid-list__item:nth-child(3) .catalog-detail__pseudo-link{
justify-content: flex-end;
}
.catalog-detail__main-parts .brand-detail{
flex-direction: row;
justify-content: space-between;
}
.catalog-detail__main-parts .brand-detail-info{
width: max-content;
flex: 1 0 auto;
}
.catalog-detail__bottom-info .properties-group__group-name,
.detail-block.ordered-block.char .wrap-val-1 h4{
font-family: 'Jost', Arial, sans-serif;
font-weight: 800;
font-size: 30px;
}
.catalog-detail__bottom-info .properties-group{
display: flex;
gap: 16px;
flex-direction: column;
margin: 30px 0 0 0;
}
.catalog-detail__bottom-info .properties-group__group{
background: #f5efe6;
padding: 20px 40px 20px;
border-radius: 20px;
}
.catalog-detail__bottom-info .properties-group__group .properties-group__items{
grid-template-columns: 1fr !important;
}
.detail-block.ordered-block.char {
display: flex;
flex-direction: row-reverse;
gap: 16px;
}
.detail-block.ordered-block.char h3.switcher-title{
display: none;
}
.detail-block.ordered-block.char .wrap-val-1,
.detail-block.ordered-block.char .props_block{
flex: 1 1 50%;
}
.detail-block.ordered-block.char .props_block .properties-group{
margin: 0;
}
.wrap-val-1{
display: flex;
gap: 16px;
flex-direction: column;
}
.wrap-val__div{
background: #f5efe6;
padding: 20px 40px 20px;
border-radius: 20px;
}
.properties-group--table .properties-group__group-name + .properties-group__items .properties-group__item:nth-of-type(2),
.properties-group--table .properties-group__item:nth-of-type(1){
border-top: unset !important;
}
.properties-group--table .properties-group__item:last-child{
border-bottom: unset;
}
.wrap-val__div h4{
margin-bottom: 10px;
}
.blog-comments h3.switcher-title{
font-size: clamp(1rem + 4px, 2vw, 1rem + 8px);
font-weight: var(--theme-font-title-weight);
}
#catalog_comments .blog-comments.empty-reviews{
background: #faf7f2;
}
.catalog-detail .detail-block.ordered-block#desc{
display: flex;
flex-direction: row;
gap: 20px;
margin: 0;
}
.detail-block.ordered-block .content.js-detail-description{
flex: 1 1 60%;
}
/* Кастом (2026-07-28): нижний блок карточки товара в 2 колонки (ПК).
Слева широкая (2fr): описание, инструкция, меры, преимущества, отзывы, подарки.
Справа узкая (1fr): вид аромата, пирамида нот, ввод отдушки, документы, IFRA.
Оплата и доставка в сетку не входят — идут под ней во всю ширину.
Раскладку по колонкам делает PHP в component_epilog.php ($cmSplit). */
.catalog-detail__bottom-info {
display: block;
}
.cm-bi__grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 30px;
align-items: start;
}
/* min-width: 0 — иначе длинные строки в колонке ломают ширину грида */
.cm-bi__col {
min-width: 0;
}
/* Кастом (2026-07-28): описание товара — воздух между абзацами.
Текст в ИБ идёт сплошняком с
, поэтому в template.php он разбивается
на — отступ вешаем на них.
ВАЖНО: описание лежит в .catalog-detail__bottom-info (отдельный блок, НЕ внутри
.catalog-detail), поэтому предка в селекторе не указываем.
Стилизовать сам
бессмысленно: браузер не применяет к нему ни margin,
ни padding, ни height — зазор остаётся межстрочным. */
.content.js-detail-description .cm-desc-p {
margin: 0 0 0.85em;
}
.content.js-detail-description .cm-desc-p:last-child {
margin-bottom: 0;
}
.piramida-compose {
flex: 1 1 40%;
min-width: 550px;
}
.project-list .ui-card__image--ratio-1-5 {
--aspect-ratio: 8;
}
.sale-list-bg .ui-card__image--ratio-1 {
--aspect-ratio: 2;
}
.project-list .grid-list--items-2-from-601 {
--items-count: 3;
}
.project-list__item-title.switcher-title{
font-size: 20px;
}
.sale-linked.tizers-linked-template svg{
width: 50px;
height: 50px;
}
.sale-linked.tizers-linked-template{
margin: 6px 0 0 0;
background: #faf7f2;
padding: 30px 30px;
border-radius: 20px;
}
.sale-linked.tizers-linked-template .line-block{
gap: 20px;
}
.payment-delivery-wrapper{
display: flex;
gap: 20px;
}
.detail-block.ordered-block#delivery .oplata-item{
background: #f5efe6;
padding: 30px 28px 0;
border-radius: 20px;
}
.detail-block.ordered-block#payment{
flex: 1 1 100%;
margin-top: 30px;
}
.detail-block.ordered-block#payment strong,
.detail-block.ordered-block#delivery strong{
font-weight: 600;
}
.detail-block.ordered-block#payment blockquote,
.detail-block.ordered-block#delivery blockquote{
background-color: #faf7f2;
font-size: 1rem;
color: #555558;
font-weight: 400;
margin: 20px 0;
padding: 16px 25px;
}
.detail-block.ordered-block#payment blockquote::before,
.detail-block.ordered-block#delivery blockquote::before,
.detail-block.ordered-block#payment blockquote::after,
.detail-block.ordered-block#delivery blockquote::after{
display: none;
}
.oplata-item{
border-radius: 10px;
}
.oplata-wrap{
display: flex;
flex-direction: row;
gap: 20px;
}
.icon-and-tittle{
display: flex;
align-items: center;
gap: 20px;
}
.oplata-item{
display: flex;
flex-direction: column;
gap: 20px;
flex: 1 1 25%;
}
.label-val {
background-color: #aba29a;
color: #fff;
font-size: 14px;
padding: 0 10px;
border-radius: 4px;
white-space: nowrap;
}
.oplata-item:first-child{
flex: 1 1 50%;
}
.oplata{
background: #f5efe6;
padding: 30px 40px;
border-radius: 20px;
display: flex;
row-gap: 10px;
column-gap: 40px;
}
.dostavka{
padding: 0;
background: unset;
}
.oplata-item__tittle{
font-size: 20px;
font-weight: 600;
color: #231f20;
display: inline-block;
line-height: 100%;
}
.oplata-item-wrap{
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.oplata-item__icon svg{
width: 40px;
height: 40px;
}
.oplata-item__icon{
background: #faf7f2;
flex: 0 0 80px;
display: flex;
justify-content: center;
align-items: center;
height: 80px;
border-radius: 50px;
width: 80px;
}
.oplata-item__text p{
margin-bottom: 5px;
}
.oplata-item__text li{
margin: 4px 0;
}
.oplata .toogle{
display: flex;
flex-direction: column;
width: 100%;
flex: 1 1 50%;
}
section.toggle label{
border-radius: 6px;
padding: 12px 60px 12px 10px;
}
section.toggle label::before {
right: 19px;
}
section.toggle.active > label::before{
right: 22px;
}
section.toggle{
flex: 1 1 50%;
}
section.toggle.active > label{
color: #555558;
background-color: #faf7f2;
border-color: unset;
border-radius: 6px 6px 0 0;
}
section.toggle .toggle-content {
padding: 12px 27px;
background: #faf7f2;
border-radius: 0 0 12px 12px;
border-left: 3px solid;
border-bottom: 1px solid #faf7f2;
border-right: 1px solid #faf7f2;
}
.pay-card{
display: flex;
flex-direction: row;
gap: 30px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.pay-card img{
max-height: 37px;
max-width: 95px;
margin: 0;
}
.oplata .oplata-item-wrap{
flex-direction: row;
}
.payment-and-delivery{
display: flex;
flex-direction: column;
gap: 50px;
}
.payment-and-delivery .oplata{
flex-direction: column;
}
.payment-and-delivery__wrap{
display: flex;
flex-direction: row;
gap: 20px;
}
.payment-and-delivery__img,
.payment-and-delivery .detail-block.ordered-block#payment{
flex: 1 1 50%;
}
.payment-and-delivery__img{
max-width: 50%;
overflow: hidden;
border-radius: 20px;
max-height: 560px;
}
.payment-and-delivery__img img{
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 20px;
}
#headerfixed .header__main-part [data-ajax-load-block="HEADER_TOGGLE_BURGER_MENU"]{
display: none;
}
.mobilemenu__item [data-ajax-load-block="MOBILE_MENU_TOGGLE_THEME_SELECTOR"]{
display: none;
}
#mobilemenu .line-block > .mobilemenu__separator:nth-last-child(2){
display: none;
}
#mobilemenu .line-block > .mobilemenu__item:last-child{
display: none;
}
/* Разработчики */
#developer{
transition: all 0.4s ease;
text-decoration: unset;
font-size: 16px;
}
.val-razrab{
display: flex;
align-items: center;
flex-direction: row;
}
.developer__logo {
max-height: 40px;
max-width: 90px;
overflow: hidden;
display: flex;
align-items: center;
flex-shrink: 0;
}
.developer__title {
margin: 0 15px 0 0;
font-size: 0.8em;
line-height: 1.7;
}
#developer .svg-inline-developer_logo{
opacity:.5;
transition: all 0.4s ease;
}
#developer:hover .svg-inline-developer_logo {
opacity: 1;
}
a.developer:hover .developer__logo{
filter: none;
}
.developer__title{
font-size: 14px;
}
.developer__logo svg {
max-height: 40px;
max-width: 90px;
}
.developer__logo svg path {
fill: revert-layer !important;
}
/* Разработчики */
/* Реквизиты начало */
.info-table-container {
margin-top: 32px;
overflow-x: auto;
background: #FAF7F2;
/* box-shadow: 0 0 12px rgba(35, 31, 32, 0.1); */
border-radius: 8px;
}
.info-table-container table {
border-collapse: collapse;
width: 100%;
min-width: 320px;
}
.info-table-container th,
.info-table-container td {
text-align: left;
padding: 12px 26px;
border-bottom: 1px solid #9595952e;
}
.info-table-container th {
background-color: #231f20;
color: #f3f4f8;
font-weight: 600;
}
.info-table-container tr:hover {
background-color: #f5efe6;
}
.info-table-container a {
color: #231f20;
text-decoration: none;
}
.info-table-container a:hover {
text-decoration: underline;
}
.val-press .outer-rounded-x{
background: #f5efe6;
}
.val-press{
margin: 20px 0;
}
.contacts-detail .grid-list__item .font_13 {
font-size: 20px;
flex: 0;
}
.contacts-detail .grid-list__item .mt {
margin: 0 !important;
padding: 20px 0 0 0 !important;
}
.detail.brands .partner-detail{
display: none;
}
.basket-back__link .line-block {
font-size: 18px;
}
.catalog-block__info-title a{
font-size: 19px;
}
.bottom-icons-panel__content-link{
min-width: unset;
}
.bottom-icons-panel__content{
justify-content: space-around !important;
}
.bottom-icons-panel__content-text{
font-size: 13px;
}
.mobileheader .logo {
max-width: 148px;
height: 32px;
}
#mobileheader .mobileheader__inner{
--p-block: 10px;
}
.contacts-detail__image--gallery .swiper-slide a div{
background-position: center center;
}
.personal__main-block .banners-slider__image {
height: 19vw;
max-height: 300px;
min-height: 150px;
}
body .personal__main-block .personal__main-private{
background: #f5efe6;
}
.personal__main-block .personal__main-link__wrapper > a{
background: #f5efe6;
}
.personal__main-block .shadow-no-border-hovered:hover {
border-color: var(--stroke_black_hover);
background-color: #fff;
}
.personal__main-block--links .grid-list--items{
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.personal__main-link__image .svg svg{
max-height: 36px;
max-width: 36px;
}
.personal__main-link__image {
height: clamp(32px, 3vw, 36px);
width: clamp(32px, 3vw, 36px);
}
.personal__main-link__image .svg svg use{
fill: #aba29a;
}
.personal__main-private__phone .phone-confirm {
display: none;
}
.catalog-detail__main-parts .catalog-detail__pseudo-link span{
white-space: nowrap;
}
.contacts-list__filters {
display: flex;
gap: 20px;
align-items: center;
opacity: 0;
transform: translateY(4px);
height: 0;
overflow: hidden;
transition:
opacity 1s ease,
transform 1s ease,
height 1s ease;
}
.contacts-list__filters.show {
opacity: 1;
transform: translateY(0);
height: auto; /* здесь height изменится через JS */
}
.contacts-list__filters-form{
flex-direction: row;
}
.contacts-list__filters-title{
margin-bottom: 0 !important;
}
.contacts-list__filter-item:not(:last-child) {
margin-right: 0 !important;
}
.contacts-list__filter-item a.btn{
display: flex;
box-shadow: 0 0 0 1px #707070;
font-size: 14px;
padding: 0px 12px;
}
.contacts-list__filter-item a.btn:hover{
box-shadow: unset;
}
.contacts-list__filter-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 36px; /* Больше места для стрелки */
background:
url('data:image/svg+xml;utf8,')
no-repeat right 18px center/18px 18px;
transition: background-position 0.3s ease;
cursor: pointer;
}
/* Поворот стрелки при открытии select — с помощью псевдокласса :focus и :active */
.contacts-list__filter-select:focus {
background:
url('data:image/svg+xml;utf8,')
no-repeat right 18px center/18px 18px;
border-color: #9f9078;
outline: 0;
box-shadow: 0 0 0 0.2rem #d8ccb6;
}
.contacts-list__city-title {
display: inline-block;
margin: 0;
background: #231f20;
padding: 7px 21px;
border-radius: 0 6px 6px 0;
color: #fff !important;
margin-left: -23px;
padding-left: 30px;
}
.contacts-list__city-section {
border-left: 3px solid #231f20 !important;
}
#bx-soa-order-main #bx-soa-main-notifications .alert.alert-success{
display: none;
}
.orderform--v2 .bx-soa-section,
.orderform--v2 .bx-soa-cart-total,
#basket-root .basket-checkout-container{
background-color: #f5efe6;
}
.orderform--v2 .bx-soa-pp-company-inner,
.orderform--v2 .bx-ui-sls-input-block,
.orderform--v2 .bx-soa-coupon-input input[type="text"].form-control,
.orderform--v2 .bx-soa-pp-company-inner{
background-color: #FAF7F2;
}
.bx-soa-cart-total-line:not(.bx-soa-cart-total-line-totals) .bx-soa-cart-t,
.bx-soa-cart-total-line:not(.bx-soa-cart-total-line-totals) .bx-soa-cart-d{
background-color: #f5efe6;
}
.orderform--v2 .alert-warning {
color: #474b54;
background-color: #edecf2;
border-color: #edecf2;
font-size: 16px;
}
.simple_basket_mode .header__inner{
box-shadow: 0 0 60px 0 #00000021;
padding: 4px 0;
}
.visible-by-container-rule .catalog-detail__forms > .grid-list__item:last-child .d-block .catalog-detail__pseudo-link{
justify-content: flex-end;
}
#bxmaker-authuserphone-simple__ajax .bxmaker-authuserphone-input-phone__input input:focus,
#bxmaker-authuserphone-simple__ajax .bxmaker-authuserphone-input-phone__input input{
border: none !important;
}
.bxmaker-authuserphone-header{
font-weight: 500;
font-size: 22px;
}
.bxmaker-authuserphone-input-phone:hover .bxmaker-authuserphone-input-phone__field, .bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__field, .bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__field{
border-color: #231f20;
}
.bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
background-color: #231f20;
}
.bxmaker-authuserphone-button .bxmaker-authuserphone-button__title{
font-weight: 500;
}
.bxmaker-authuserphone-simple-telegramcode__notice {
font-size: 17px;
}
.bxmaker-authuserphone-simple-telegramcode .bxmaker-authuserphone-icon--telegram {
width: 22px;
height: 22px;
}
a.bxmaker-authuserphone-link,
a.bxmaker-authuserphone-link:visited {
color: #b19058;
text-decoration: none !important;
font-size: 17px;
}
a.bxmaker-authuserphone-link:hover,
a.bxmaker-authuserphone-link:active{
color: #231f20;
text-decoration: underline !important;
}
.bxmaker-authuserphone-input-code:hover .bxmaker-authuserphone-input-code__field,
.bxmaker-authuserphone-input-code--focus .bxmaker-authuserphone-input-code__field{
border-color: #231f20;
}
.jqmWindow input[type="text"]:not([readonly]):not([disabled]):focus{
border: none;
}
.bxmaker-authuserphone-button__inner{
background-color: #3c393a;
}
.bxmaker-authuserphone-simple__change-confirm{
margin-top: 4px;
}
.bxmaker-authuserphone-simple-telegramcode__send{
margin-top: 4px;
}
.bxmaker-authuserphone-simple-telegramcode .bxmaker-authuserphone-captcha{
margin-bottom: 34px;
}
.bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field, .bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field, .bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field {
border-color: #231f20;
}
.bxmaker-authuserphone-captcha-bitrix__img{
border: none;
}
.sale-products-gift .product-item-small-card .product-item-container .product-item,
.sale-products-gift .product-item-container{
border: none;
}
.sale-products-gift .product-item-big-card{
background-color: #f5efe6;
width: auto;
border-radius: 12px;
}
.sale-products-gift .product-item-small-card>.row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 20px;
}
.sale-products-gift .product-item-small-card>.row::before,
.sale-products-gift .product-item-small-card>.row::after{
display: none;
}
.sale-products-gift > .row {
margin-bottom: 20px;
}
.sale-products-gift .product-item-big-card > .row,
.sale-products-gift .product-item-big-card > .row > .col-md-12{
height: 100%;
}
.bx-no-touch .product-item-container.hover .product-item{
border-radius: 12px;
background-color: #f5efe6;
}
.sale-products-gift .product-item-image-slider-slide-container{
mix-blend-mode: darken;
}
.sale-products-gift .product-item-container:hover {
box-shadow: unset;
border-radius: 12px;
}
.sale-products-gift .product-item-container{
transition: all 0.4s ease;
}
.sale-products-gift .product-item-image-wrapper{
padding-top: unset;
}
.sale-products-gift .product-item-image-wrapper{
padding-top: unset;
}
.sale-products-gift .product-item-image-original,
.sale-products-gift .product-item-image-alternative {
mix-blend-mode: darken;
}
.sale-products-gift .product-item-container .product-item-title a{
font-weight: 500;
font-size: 17px;
text-decoration: unset;
}
.sale-products-gift .product-item-label-text.product-item-label-small span{
padding: 0 6px;
}
.bx-soa-customer-field[data-property-id-row="28"] {
display: none !important;
}
.bx-soa-customer-field[data-property-id-row="27"]{
opacity: 0;
flex-direction: row !important;
}
/* Скрываем оригинальный блок до переноса */
[data-property-id-row="27"] {
opacity: 0;
}
/* Стили для переключателя */
[data-property-id-row="27"] {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-direction: row-reverse !important;
justify-content: flex-end !important;
}
[data-property-id-row="27"] .bx-soa-custom-label {
margin: 0 !important;
cursor: pointer;
user-select: none;
}
.custom-toggle-wrapper {
position: relative;
display: inline-block;
cursor: pointer;
margin: 0;
}
.custom-toggle-wrapper input[type="checkbox"] {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.custom-toggle-switch {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
background-color: #ccc;
border-radius: 24px;
transition: background-color 0.3s ease;
}
.custom-toggle-slider {
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.custom-toggle-wrapper input[type="checkbox"]:checked + .custom-toggle-switch {
background-color: #231f20;
}
.custom-toggle-wrapper input[type="checkbox"]:checked + .custom-toggle-switch .custom-toggle-slider {
transform: translateX(20px);
}
.bx-soa-custom-label[for="toggle-checkbox-27"]{
font-size: calc(-2px + 1rem);
line-height: calc(1em + 6px);
color: var(--white_text_black);
}
.bx-soa-customer-field > .soa-property-container{
flex: 0 0 44px;
}
.bx-soa-customer-field[data-property-id-row="27"] {
opacity: 0;
flex-direction: row !important;
padding: 0;
width: 100%;
justify-content: flex-start !important;
}
.custom-toggle-wrapper[for="toggle-checkbox-27"]{
display: flex;
}
/* Показываем блок «Оплата», если тема/компактный режим его прячут.
Важно: не ломать класс .hidden на том же #bx-soa-paysystem (при 1 способе оплаты
sale.order.ajax сам добавляет .hidden — без правила ниже снова показывается весь блок). */
#bx-soa-order-form #bx-soa-paysystem:not(.hidden){
display: block !important;
visibility: visible !important;
}
#bx-soa-order-form #bx-soa-paysystem.hidden{
display: none !important;
}
/* Скрыть служебную ПС «Бонусный счёт / Аспро: лояльность» (ID в админке может отличаться) */
#bx-soa-order-form #bx-soa-paysystem .bx-soa-pp-company[data-id="12"]{
display: none !important;
}
.bx-soa-section.bx-step-completed .bx-soa-section-content,
.bx-soa-section.bx-selected .bx-soa-section-content {
display: block;
}
#bx-soa-order-form #bx-soa-paysystem .change-info,
#bx-soa-order-form #bx-soa-paysystem .bx-compact-wrapper{
display: none;
}
#bx-soa-order-form #bx-soa-paysystem .bx-soa-pp.row{
margin: 0;
}
#bx-soa-order-form #bx-soa-paysystem .bx-soa-more {
padding: 24px 11px 29px 26px;
}
/* Ноты аромата начало */
.wrap-val__div .mt > .fw-500{
display: none;
}
.pyramyda-compose {
flex-direction: column;
justify-content: center;
text-align: center;
max-width: 100%;
display: flex;
align-items: center;
margin-bottom: 40px;
box-shadow: inset 0 0 0 1px #e7e0d5;
border-radius: 16px;
padding: 20px 30px;
}
.pyramyda-content{
display: inline-flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
.pyramyda-compose .wrap-val__div h4{
margin-bottom: 10px;
background: #f5efe6;
display: block;
width: 100%;
border-radius: 8px;
}
.notes-top,
.notes-middle,
.notes-base{
width: 100% !important;
display: flex;
flex-direction: column;
padding: 0;
border-radius: 20px;
margin: 0 auto;
align-items: center;
}
.notes-top-wrap, .notes-middle-wrap, .notes-base-wrap, .vidaroma-wrap {
display: flex;
justify-content: center;
text-align: center;
flex-flow: wrap;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
}
.notes{
max-width: 102px;
overflow-wrap: break-word;
hyphens: auto;
margin: 0 !important;
flex: 0 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
opacity: 1;
position: relative;
}
.notes a {
text-decoration: unset;
font-size: 15px;
line-height: 120%;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
gap: 10px;
letter-spacing: -0.5px;
}
.notes a:hover {
transform: translateY(-3px);
mix-blend-mode: darken;
}
.vidaroma-wrap .notes a:hover {
transform: translateY(-3px);
mix-blend-mode: unset;
}
.notes-text{
max-width: 84px;
}
.notes-img{
width: 84px;
height: 84px;
background: #fbf9f6;
}
.notes-img img{
mix-blend-mode: darken;
border-radius: 14px;
}
.val-vid-aroma{
display: flex;
flex-direction: column;
gap: 10px;
background: #faf7f2;
padding: 0;
border-radius: 0;
}
.val-vid-aroma .vidaroma-wrap{
justify-content: normal
}
.val-vid-aroma .notes{
max-width: unset;
}
.val-vid-aroma .notes a{
padding: 20px;
background-color:rgb(255, 255, 255);
border-radius: 20px;
background-color: #fff;
box-shadow: 0 0 0 1px #001e3c09, 0 4px 4px -1px #0014280a;
}
.val-vid-aroma .catalog-detail__pseudo-link {
width: max-content;
}
.val-vid-aroma .notes-text{
max-width: 92px;
}
.val-vid-aroma .notes-img{
mix-blend-mode: darken;
width: 92px;
height: 92px;
background: #ffffff;
}
/* Ноты аромата конец */
.vidaroma-wrap .notes-img{
background:rgb(255, 255, 255)6;
}
.margin-top-20{
margin-top: 20px;
}
.simple_basket_mode .basket-checkout-info .basket-checkout-info__name,
.simple_basket_mode .basket-checkout-info .basket-checkout-info__value{
background: #f5efe6 !important;
}
.excel-promo-block{
width:100%;
background: #f5efe6;
border-radius:10px;
padding:18px 20px;
display:flex;
gap:14px;
align-items: flex-start;
justify-content:space-between;
margin:20px 0;
box-shadow: inset 0 0 0 1px #4a3f351f;
}
.excel-promo-block-icon{
flex:0 0 36px;
height:36px;
border-radius:8px;
background: #faf7f2;
color:#333;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:18px;
}
.excel-promo-block-content{
flex:1;
display:flex;
flex-direction:column;
gap:4px;
}
.excel-promo-block-text{
margin: 7px 0 0 0;
font-size:18px;
color:#333;
line-height:1.4;
}
.excel-promo-block-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-width:180px;
padding:8px 12px;
border-radius:8px;
font-size:16px;
text-decoration:none !important;
background: #231f20;
color:#fff;
transition:all .15s;
white-space:nowrap;
}
.excel-promo-block-btn:hover{
background:#131111;
color:#fff;
}
/* ============================================================================================================================ */
.excel-restricted-wrapper{
margin:40px auto;
padding:24px 20px;
border-radius:10px;
background: #f3f4f7;
box-shadow: inset 0 0 0 1px #ebecef;
}
.excel-restricted-icon{
width:48px;
height:48px;
border-radius:10px;
background: #e6e5ec;
color:#333;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:24px;
margin:0 auto 16px;
}
.excel-restricted-wrapper h1{
margin:0 0 12px 0;
font-size:22px;
line-height:1.3;
color:#000;
text-align:center;
}
.excel-restricted-wrapper p{
margin:0 0 18px 0;
color:#333;
line-height:1.6;
text-align:center;
font-size:16px;
}
.excel-restricted-wrapper a{
color:#000;
text-decoration:underline;
}
.excel-restricted-wrapper a:hover{
text-decoration:none;
}
.excel-wrapper{
margin:0 auto;
padding:16px 12px;
}
.excel-hero{
background: #f5efe6;
box-shadow: inset 0 0 0 1px #4a3f351f;
border-radius:10px;
padding:18px 20px;
display:flex;
gap:14px;
align-items:flex-start;
}
.excel-hero-icon{
flex:0 0 40px;
height:40px;
border-radius:8px;
background: #FAF7F2;
color:#333;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
}
.excel-hero h2{
margin:0 0 6px 0;
font-size:20px;
line-height:1.3;
color:#000;
}
.excel-hero p{
margin:0;
font-size:16px;
color:#333;
}
.excel-hero a{
color:#000;
text-decoration:underline;
}
.excel-hero a:hover{
text-decoration:none;
}
.excel-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:16px;
}
.excel-drop{
border: 2px dashed #4a3f3550;
border-radius:12px;
background:#FAF7F2;
padding: 48px 18px 18px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
text-align:center;
transition:all .2s;
cursor:pointer;
height: 100%;
position: relative;
}
.excel-drop:hover{
background:#fff;
border: 2px dashed #4a3f35a8;
}
.excel-drop.dragover{
background:#e8e8e8;
border-color:#333;
}
.excel-drop-icon{
width:40px;
height:40px;
border-radius:10px;
background: #f5efe6;
display:flex;
align-items:center;
justify-content:center;
color:#000;
font-weight:700;
}
.excel-drop-title{
font-size:16px;
color:#000;
}
.excel-drop-hint{
font-size:16px;
color:#666;
}
.excel-struct{
background: #f5efe6;
box-shadow: inset 0 0 0 1px #4a3f351f;
border-radius:10px;
padding: 18px 20px;
}
.excel-struct h3{
margin: 0 0 16px 0;
font-size: 20px;
color: #000;
}
.excel-struct table{
width:100%;
border-collapse:collapse;
font-size: 16px;
background: #FAF7F2;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
.excel-struct .excel-info{
font-size: 16px;
color: #666;
margin-top: 14px;
line-height: 130%;
}
.excel-struct th,
.excel-struct td{
border:1px solid #ddd;
padding:8px;
}
.excel-struct th{
background: #231f20;
color: #ffffff;
}
.excel-struct td{
color:#333;
}
.excel-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
margin-top:12px;
}
.excel-filename{
font-size:15px;
color:#333;
min-height:18px;
}
.excel-spinner{
display:none;
width:18px;
height:18px;
border:2px solid #ccc;
border-top-color:#000;
border-radius:50%;
animation:excel-spin 0.9s linear infinite;
}
@keyframes excel-spin{
to{transform:rotate(360deg);}
}
/* Скрываем стандартную ссылку компонента */
.esol-bi-import-link{
display:none !important;
}
/* Скрываем дублирующийся текст из компонента, если есть */
.excel-component-wrapper > p:first-child{
display:none !important;
}
.excel-component-wrapper{
padding: 0 12px;
}
.simple_basket_mode #bx-soa-order-main .bx-soa-section-content.container-fluid .row{
margin: 0 !important;
}
.simple_basket_mode #bx-soa-order-main .bx-soa-section-content.container-fluid .bx-soa-more{
padding: 24px 42px 29px;
}
.header .line-block__item[data-ajax-load-block="HEADER_TOGGLE_REGION"]{
display: none;
}
/* Раздел блога /blog/… — заголовок по центру; подзаголовок только на корне */
section.page-top.uc-blog-page-top .topic__inner--uc-blog {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
section.page-top.uc-blog-page-top .topic__subtitle {
margin: 14px 0 0;
max-width: 40rem;
padding: 0 12px;
line-height: calc(1em + 8px);
}
/* Детальная статья блога: строка под заголовком (автор | дата | время чтения) */
section.page-top.uc-blog-page-top .topic__detail-meta.uc-blog-detail-title-meta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 0.35em;
row-gap: 6px;
margin: 14px 0 0;
padding: 0 12px;
line-height: calc(1em + 8px);
text-align: center;
}
section.page-top.uc-blog-page-top .topic__detail-meta.uc-blog-detail-title-meta .topic__detail-meta-sep {
opacity: 0.55;
white-space: pre;
}
:root {
--uc-blog-detail-hero-overlap: 200px; /* наезд блока с заголовком на главное фото */
--uc-blog-detail-sidebar-lift: 77px; /* подъём правого сайдбара вверх относительно колонки статьи */
}
.page-top-info.uc-blog-detail-head:has(> .detail-image.detail-image--top_content) > .page-top-wrapper {
position: relative;
z-index: 2;
margin-top: calc(-1 * var(--uc-blog-detail-hero-overlap));
}
.page-top-info.uc-blog-detail-head:has(> .detail-image.detail-image--top_content) > .detail-image.detail-image--top_content {
position: relative;
z-index: 1;
}
section.page-top.uc-blog-page-top--detail {
justify-content: flex-start;
align-items: flex-start;
}
section.page-top.uc-blog-page-top--detail .uc-blog-detail-page-top__inner {
box-sizing: border-box;
flex-wrap: nowrap;
min-width: 0;
background: #fff;
border-radius: 10px 10px 0 0;
padding: 60px 70px 20px;
/* box-shadow: 0 8px 32px rgba(18, 25, 38, 0.08); */
width: calc((100% - 24px) * 2 / 3);
max-width: calc((100% - 24px) * 2 / 3);
flex: 0 0 auto;
display: flex;
align-items: center;
top: 30px;
position: relative;
border: 1px solid #f5efe6;
border-bottom: none;
}
.uc-blog-detail-page-top__inner #pagetitle {
text-align: center;
padding: 0 15px;
}
section.page-top.uc-blog-page-top--detail .topic__inner--uc-blog {
align-items: flex-start;
text-align: left;
width: 100%;
}
section.page-top.uc-blog-page-top--detail .topic__subtitle {
padding-left: 0;
padding-right: 0;
}
section.page-top.uc-blog-page-top--detail .topic__detail-meta.uc-blog-detail-title-meta {
justify-content: flex-start;
text-align: left;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
white-space: normal;
flex-wrap: wrap;
}
section.page-top.uc-blog-page-top--detail .topic__heading {
width: 100%;
text-align: left;
}
/* TOP_CONTENT: картинка на всю ширину окна, без скруглений (деталка и др.) */
.page-top-info > .detail-image.detail-image--top_content,
div[role="main"].main.banner-auto > .detail-image.detail-image--top_content {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
box-sizing: border-box;
position: relative;
}
.page-top-info > .detail-image.detail-image--top_content .detail-image__top-content-inner,
div[role="main"].main.banner-auto > .detail-image.detail-image--top_content .detail-image__top-content-inner {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
display: block;
}
.page-top-info > .detail-image.detail-image--top_content .detail-image__top-content-img,
div[role="main"].main.banner-auto > .detail-image.detail-image--top_content .detail-image__top-content-img {
width: 100%;
display: block;
border-radius: 0 !important;
max-width: none;
height: 630px;
background-size: cover;
object-fit: cover;
}
/* Детальная статья блога: крупнее крошки «Блог | раздел | …» */
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1.25 !important;
vertical-align: middle;
max-width: 100%;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__item {
min-width: 0;
max-width: 100%;
overflow: hidden;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__link {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#navigation.uc-blog-detail-breadcrumbs
.breadcrumbs
.breadcrumbs__item.category-separator-sibling--padding-right {
padding-right: 0 !important;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__item-name,
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__item.font_12 {
font-size: 18px !important;
line-height: 1.25 !important;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__link {
line-height: 1.25 !important;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .uc-blog-breadcrumb-sep {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 0.42em;
margin: 0;
font-size: 18px !important;
line-height: 1 !important;
opacity: 0.55;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .heading-icons {
display: inline-flex;
align-items: center;
flex-shrink: 0;
margin: 0;
float: none;
width: auto;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .heading-icons .item-action {
margin: 0;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .share .shares-block .ya-share2 {
top: calc(100% + 8px);
right: -17px;
left: auto;
}
/* Блог: скрыть фильтр по годам и кнопку «Теги» (класс задаётся в top_row блога) */
.top-content-row__main--blog-tabs-center > .top-content-row__filters-wrap {
display: none !important;
}
.top-content-row__main.top-content-row__main--blog-tabs-center.line-block {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
.top-content-row__main--blog-tabs-center > .top-content-row__tabs {
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
}
.top-content-row__main--blog-tabs-center .tabs {
display: flex !important;
justify-content: center !important;
width: 100%;
}
.top-content-row__main--blog-tabs-center .tabs.arrow_scroll {
overflow: visible !important;
position: relative !important;
max-height: unset;
}
.top-content-row__main--blog-tabs-center .tabs .nav.nav-tabs {
display: flex !important;
justify-content: center !important;
flex-wrap: wrap !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.top-content-row__main--blog-tabs-center .arrows_wrapper {
display: none !important;
}
/* Блог: мобильный дропдаун вместо табов категорий (≤600px) */
.blog-tabs-mobile-select-wrap {
display: none;
position: relative;
width: 100%;
}
.blog-tabs-mobile-select {
appearance: none;
-webkit-appearance: none;
width: 100%;
padding: 10px 36px 10px 16px;
font-size: 14px;
font-family: inherit;
color: #333;
background: #fff;
border: 1px solid #e0d8ce;
border-radius: 50px;
cursor: pointer;
outline: none;
line-height: 1.4;
}
.blog-tabs-mobile-select:focus {
border-color: #333;
}
.blog-tabs-mobile-select-arrow {
pointer-events: none;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
display: flex;
align-items: center;
}
/* Блог: время чтения + иконка часов под автором/датой */
.news-list .uc-blog-variable-grid .ui-card__read-time {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
font-size: 13px !important;
line-height: calc(1em + 6px) !important;
text-align: center;
margin-top: -6px;
text-transform: uppercase;
font-weight: 500;
}
.news-list .uc-blog-variable-grid .ui-card__read-time-icon {
display: inline-flex;
line-height: 0;
flex-shrink: 0;
opacity: 0.88;
}
.news-list .uc-blog-variable-grid .ui-card__read-time-icon svg {
display: block;
}
.news-list .uc-blog-variable-grid .ui-card__preview-text {
max-width: 100%;
margin-top: 6px;
text-align: center;
font-size: 16px !important;
line-height: calc(1em + 8px) !important;
opacity: 0.92;
}
.news-list .uc-blog-variable-grid .ui-card__read-more {
display: inline;
align-self: center;
margin-top: 14px;
font-size: 13px !important;
line-height: calc(1em + 4px);
font-weight: 500;
text-align: center;
text-decoration: none;
cursor: pointer;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 0% 1px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition: background-size 0.35s ease, color 0.2s ease;
text-transform: uppercase;
font-weight: 500;
}
.news-list .uc-blog-variable-grid .ui-card__read-more:hover,
.news-list .uc-blog-variable-grid .ui-card__read-more:focus-visible {
background-size: 100% 1px;
background-position: 0 100%;
}
.news-list .uc-blog-variable-grid .ui-card__read-more--static {
cursor: default;
pointer-events: none;
opacity: 0.7;
background-size: 100% 1px;
transition: none;
}
.news-list .uc-blog-variable-grid {
--uc-vblog-gap: var(--gap, 24px);
display: flex !important;
flex-wrap: wrap !important;
grid-template-columns: unset !important;
width: 100%;
box-sizing: border-box;
}
.news-list .uc-blog-variable-grid > .grid-list__item {
box-sizing: border-box;
min-width: 0;
}
/* 1-й материал — на всю ширину */
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(1) {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
/* Цикл из 5: два по половине, три по трети */
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n + 2),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n + 3) {
flex: 0 0 calc((100% - var(--uc-vblog-gap)) / 2) !important;
width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
max-width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n + 4),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n + 5),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n + 6) {
flex: 0 0 calc((100% - 2 * var(--uc-vblog-gap)) / 3) !important;
width: calc((100% - 2 * var(--uc-vblog-gap)) / 3) !important;
max-width: calc((100% - 2 * var(--uc-vblog-gap)) / 3) !important;
}
.news-list .uc-blog-variable-grid .ui-card__image {
width: 100%;
position: relative;
overflow: hidden;
aspect-ratio: 16 / 10;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(1) .ui-card__image {
aspect-ratio: 21 / 9;
}
.news-list .uc-blog-variable-grid .ui-card__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.news-list .uc-blog-variable-grid .ui-card--image-scale .ui-card__img {
max-width: none;
}
.news-list .ui-card a:hover .ui-card__title{
color: #802334;
}
.news-list .uc-blog-variable-grid .ui-card__info {
text-align: center;
align-items: center !important;
justify-content: flex-start !important;
width: 100%;
max-width: min(100%, 33.333vw);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 18px 0 4px 0;
}
.news-list .uc-blog-variable-grid .ui-card__section-path {
font-size: 15px !important;
line-height: calc(1em + 6px) !important;
opacity: 0.88;
max-width: 100%;
}
.news-list .uc-blog-variable-grid .ui-card__text {
font-size: 17px !important;
line-height: calc(1em + 8px) !important;
}
.news-list .uc-blog-variable-grid .ui-card__byline {
font-size: 13px !important;
line-height: calc(1em + 8px) !important;
margin-top: 6px;
text-transform: uppercase;
font-weight: 500;
}
.uc-blog-detail-layout {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 24px;
}
.uc-blog-detail-layout__main {
flex: 2 1 0;
min-width: 0;
}
.uc-blog-detail-layout__aside {
flex: 1 1 0;
min-width: 0;
margin-top: calc(-1 * var(--uc-blog-detail-sidebar-lift));
}
.uc-blog-author-card__photo-link {
display: block;
}
.uc-blog-author-card__photo-wrap {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: inherit;
}
.uc-blog-author-card__photo {
width: 100%;
height: 90%;
object-fit: cover;
object-position: 0 -95px;
border-radius: 12px;
}
/* Связанные статьи в сайдбаре: слева фото, справа раздел | подраздел и заголовок */
.uc-blog-sidebar-related .uc-blog-related-list {
display: flex;
flex-direction: column;
gap: 30px;
width: 100%;
}
.uc-blog-sidebar-related .uc-blog-related-item {
margin: 0;
}
.uc-blog-sidebar-related .uc-blog-related-item__link {
display: grid;
grid-template-columns: minmax(0, 42%) minmax(0, 1fr);
align-items: start;
column-gap: 30px;
row-gap: 0;
text-decoration: none;
color: inherit;
}
.uc-blog-sidebar-related .uc-blog-related-item__media {
position: relative;
width: 100%;
aspect-ratio: 3 / 2;
overflow: hidden;
border-radius: 0;
background: var(--card_bg_black, #f0f0f0);
}
.uc-blog-sidebar-related .uc-blog-related-item__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 12px;
}
.uc-blog-sidebar-related .uc-blog-related-item__content {
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 2px;
}
.uc-blog-sidebar-related .uc-blog-related-item__sections {
font-size: 13px;
line-height: 1.3;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #802334;
}
.uc-blog-sidebar-related .uc-blog-related-item__title {
font-size: clamp(15px, 1.05vw, 18px);
line-height: 1.35;
font-weight: 500;
color: var(--white_text_black, #1E1710);
transition: opacity 0.3s ease;
}
.uc-blog-sidebar-related .uc-blog-related-item__link:hover .uc-blog-related-item__title {
opacity: 0.8;
}
.news-list .ui-card__title{
font-size: 20px;
font-weight: 800;
line-height: 120%;
}
.news-list .uc-blog-variable-grid .ui-card__section-path{
--bg-opacity: 42%;
color: #4A3F35;
background-color: #f4efe9;
border-color: transparent;
padding: 2px 12px;
border-radius: 24px;
}
.news-list .ui-card__byline,
.news-list .ui-card__read-time,
.news-list .ui-card__preview-text{
color: #4A3F35 !important;
}
.services-detail__bottom-info{
border-top: none;
}
.maxwidth-theme > .content-md{
justify-content: center;
}
.pagebase-blog .right_block .detail.blog,
.pagebase-blog .bottom-links-block,
.pagebase-company .right_block .detail.news,
.pagebase-company .bottom-links-block{
max-width: 1200px;
margin: 0 auto 0;
}
.uc-blog-detail-page-top__inner .topic__detail-meta{
margin: 30px auto 0 !important;
}
.uc-blog-detail-page-top__inner .topic__detail-meta-part,
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__item-name{
text-transform: uppercase;
font-size: 14px !important;
font-weight: 500;
color: #7d746b !important;
}
.uc-blog-detail-page-top__inner .topic__detail-meta-part--read{
display: inline-flex;
align-items: center;
gap: 6px;
}
.uc-blog-detail-page-top__inner .topic__detail-meta-part--read .ui-card__read-time-icon{
display: inline-flex;
line-height: 0;
flex-shrink: 0;
opacity: 0.88;
margin-top: -2px;
}
.uc-blog-detail-page-top__inner .topic__detail-meta-part--read .ui-card__read-time-icon svg{
display: block;
}
.uc-blog-detail-head .uc-blog-page-top{
padding-bottom: 0px;
}
.page-blog{
background-color: #faf7f2;
}
.uc-blog-author-card,
.uc-blog-sidebar-related{
box-shadow: unset;
}
.page-blog .topic .uc-blog-detail-title-meta{
color: #7d746b !important;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__link span,
.page-blog .topic .topic__detail-meta-author-link,
.page-blog .detail.blog .uc-blog-author-card__name a {
display: inline !important;
overflow-wrap: break-word;
word-break: break-word;
text-decoration: none !important;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 0% 1px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition: background-size 0.35s ease, color 0.2s ease;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__link:hover span,
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs .breadcrumbs__link:focus-visible span,
.page-blog .topic .topic__detail-meta-author-link:hover,
.page-blog .topic .topic__detail-meta-author-link:focus-visible,
.page-blog .detail.blog .uc-blog-author-card__name a:hover,
.page-blog .detail.blog .uc-blog-author-card__name a:focus-visible {
text-decoration: none !important;
background-size: 100% 1px;
background-position: 0 100%;
}
.page-blog .topic .topic__heading {
justify-content: center !important;
}
.page-blog .detail.blog .uc-blog-author-card__name a{
font-family: 'Jost', Arial, sans-serif;
font-size: 34px;
font-weight: 800;
color: #4A3F35;
}
.page-blog .detail.blog .uc-blog-author-card__name{
margin-top: 0;
}
.page-blog .detail.blog .uc-blog-author-card__text{
color: #5d5a56 !important;
}
.page-blog .tabs .nav-tabs li a{
background-color: #1E1710;
color: #FAF7F2;
}
.page-blog .tabs .nav-tabs li:not(.BLOG) a:hover{
background-color: #1e1710e0 !important;
}
.page-blog .tabs .nav-tabs li span{
background-color: #f5efe6;
color: #4A3F35;
}
/* Типографика начало */
ul > li::before{
content: "\2726";
color: #c58c97;
margin: 0 16px 0 -21px;
background-color: unset;
top: 1px;
width: 32px;
left: 21px;
font-size: 21px;
}
ol {
counter-reset: item;
padding-left: 0;
list-style: none;
margin: 20px 0 30px;
}
ul {
margin-bottom: 30px;
}
ol > li {
position: relative;
padding-left: 44px;
margin: 10px 0 20px 0;
min-height: 26px;
line-height: 1.5;
font-size: 16px;
font-weight: 500;
}
.content li{
margin: 8px 0 8px 32px;
}
ol > li p{
margin-bottom: 0;
}
ol > li h4{
margin-bottom: 8px;
}
ol > li:before {
content: counter(item);
counter-increment: item;
position: absolute;
left: 0;
top: -3px;
width: 30px;
height: 30px;
background: #802334;
color: white;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 24px;
}
.page-blog ol > li:before{
top: -3px;
background: #f5efe6;
color: #7f746b;
box-shadow: unset;
}
.page-blog .detail.blog .content h2{
font-family: 'Jost', Arial, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 2px;
word-spacing: 6px;
margin: 80px 0 30px;
}
.page-blog .detail.blog .content h3{
font-weight: 300;
font-size: 28px;
margin-bottom: 30px;
}
.page-blog .detail.blog .content h4{
font-weight: 300;
font-size: 24px;
margin-bottom: 30px;
}
.page-blog .detail.blog .content p{
line-height: 1.5;
font-size: 18px;
margin-bottom: 30px;
}
.page-blog .detail.blog .content strong{
font-weight: 600;
}
.page-blog .detail.blog .content blockquote strong{
display: inline-block;
}
.page-blog .detail.blog .content blockquote{
display: inline-block;
font-family: 'Jost', Arial, sans-serif;
font-size: 28px;
font-weight: 800;
margin-bottom: 30px;
letter-spacing: 1px;
word-spacing: 4px;
text-align: center;
background: #FAF7F2;
line-height: 120%;
border-color: #4a3f3514;
}
.page-blog .detail.blog .content blockquote:before{
background-color: #4a3f3540;
}
.page-blog .detail.blog .content blockquote:after{
background-color: #ffffff;
}
.page-blog .detail.blog .content blockquote:not(.danger,.info,.code):after {
left: -14px;
width: 53px;
border-radius: 11px;
}
.page-blog .detail.blog .content a {
display: inline;
text-decoration: none !important;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 0% 1px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition: background-size 0.35s ease, color 0.2s ease;
color: #6B1D2F;
}
.page-blog .detail.blog .content a:hover,
.page-blog .detail.blog .content a:focus-visible {
text-decoration: none !important;
background-size: 100% 1px;
background-position: 0 100%;
}
.page-blog .detail.blog .content > .ui-card__preview-text {
font-size: 22px;
line-height: 1.5;
margin-bottom: 30px;
display: inline-block;
font-family: 'Jost', Arial, sans-serif;
font-size: 28px;
font-weight: 800;
margin-bottom: 30px;
letter-spacing: 1px;
word-spacing: 4px;
text-align: center;
background: #f5efe6;
line-height: 120%;
border: 1px solid #4a3f351f !important;
color: var(--white_text_black);
position: relative;
padding: clamp(1rem + 8px, 3vw, 1rem + 16px) clamp(1rem, 3vw, 1rem + 16px) clamp(1rem + 8px, 3vw, 1rem + 16px) clamp(1rem + 8px, 3vw, 1rem + 32px);
border-radius: var(--theme-outer-border-radius, 12px);
}
/* Ряд изображений в тексте статьи блога */
.page-blog .detail.blog .content .uc-blog-images-row {
--uc-blog-images-row-gap: 16px;
--uc-blog-images-row-radius: var(--theme-outer-border-radius, 12px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: var(--uc-blog-images-row-gap);
width: 100%;
margin: 0 0 30px;
}
.page-blog .detail.blog .content .uc-blog-images-row > img,
.page-blog .detail.blog .content .uc-blog-images-row > a,
.page-blog .detail.blog .content .uc-blog-images-row > .uc-blog-images-row__item,
.page-blog .detail.blog .content .uc-blog-images-row > figure {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.page-blog .detail.blog .content .uc-blog-images-row > img,
.page-blog .detail.blog .content .uc-blog-images-row__item,
.page-blog .detail.blog .content .uc-blog-images-row > figure {
display: block;
overflow: hidden;
border-radius: var(--uc-blog-images-row-radius);
}
.page-blog .detail.blog .content .uc-blog-images-row > img,
.page-blog .detail.blog .content .uc-blog-images-row__item img,
.page-blog .detail.blog .content .uc-blog-images-row > figure img,
.page-blog .detail.blog .content .uc-blog-images-row > a img {
width: auto;
max-width: 100%;
height: auto;
max-height: 310px;
display: block;
border-radius: inherit;
}
.page-blog .detail.blog .content .uc-blog-images-row > a {
position: relative;
display: block;
overflow: hidden;
border-radius: var(--uc-blog-images-row-radius);
text-decoration: none !important;
background-image: none !important;
color: inherit;
}
.page-blog .detail.blog .content .uc-blog-images-row > a img {
transition: transform 0.35s ease;
}
.page-blog .detail.blog .content .uc-blog-images-row > a::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
opacity: 0;
background-color: rgba(35, 31, 32, 0);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 48px 48px;
transition: opacity 0.3s ease, background-color 0.3s ease;
}
@media (any-hover: hover) {
.page-blog .detail.blog .content .uc-blog-images-row > a:hover::after,
.page-blog .detail.blog .content .uc-blog-images-row > a:focus-visible::after {
opacity: 1;
background-color: rgba(35, 31, 32, 0.32);
}
.page-blog .detail.blog .content .uc-blog-images-row > a:hover img,
.page-blog .detail.blog .content .uc-blog-images-row > a:focus-visible img {
transform: scale(1.03);
}
}
.page-blog .detail.blog .content .uc-blog-images-row > img {
cursor: default;
border-radius: var(--uc-blog-images-row-radius);
}
.detail .detail-gallery-big-slider .detail-gallery-big__item img{
border-radius: 12px;
}
.page-blog .detail.blog .catalog-block__item{
background-color: #f5efe6;
background: #fff;
}
.page-blog .detail.blog .btn.btn-default:not(.in_cart):hover,
.btn-default:active,
.btn-default:focus{
background-color: #6B1D2F;
border-color: #6B1D2F;
}
.page-blog .detail.blog .catalog-block.relative .section-gallery-wrapper__item{
background-color: #f5efe6;
}
.page-blog .detail.blog .catalog-block.relative .section-gallery-wrapper__item img{
mix-blend-mode: multiply;
}
.page-blog .detail.blog .catalog-block.relative .status-icon{
color: #269931;
}
.page-blog .detail.blog .catalog-block.relative .status-icon.nostock{
color: #f91a35;
}
.page-blog .detail.blog .big_gallery .detail-gallery-big__item a{
background-color: #FAF7F2;
border: 1px solid #4a3f3514;
padding: 20px;
}
.page-blog .detail.blog .big_gallery .gallery__item--thumb{
background-color: #f5efe6;
}
.page-blog .detail.blog .comments .blog-add-comment .btn.btn-secondary-black{
background-color: #f5efe6;
}
.page-blog .detail.blog .tags .chip{
background-color: #1E1710;
box-shadow: unset;
color: #fff;
}
.page-blog .detail.blog .tags .chip:hover{
background-color: #6B1D2F;
}
/* Типографика конец */
.page-blog .detail.blog .link_property_goods{
max-width: calc(100vw - 190px);
}
.page-blog .notes a {
text-decoration: unset !important;
font-size: 15px;
line-height: 120%;
transition: transform 0.3s ease !important;
display: flex !important;
flex-direction: column;
gap: 10px;
letter-spacing: -0.5px;
}
.page-blog .notes a:hover .notes-text,
.page-blog .notes a:hover{
text-decoration-line: unset !important;
text-decoration: unset !important;
background-size: 100% 0px !important
}
.page-blog .wrap-val__div {
background: #f5efe6;
background: #FAF7F2;
border: 1px solid #4a3f3514;
}
.page-blog .notes-img{
background: #f5efe6;
background: #FAF7F2;
}
.page-blog .notes-text{
color: #4A3F35;
}
.page-blog .notes-and-tittle-blog{
display: flex;
gap: 30px;
background: #faf7f2;
background: #FAF7F2;
border: 1px solid #4a3f3514;
padding: 10px 30px;
border-radius: 12px;
flex-wrap: wrap;
margin: 0 0 18px 0;
align-items: center;
}
.chip:where(a,button,label) {
border-radius: 100px;
}
.chip:where(a,button,label):hover {
background-color: var(--light, rgb(245 238 236)) var(--dark, #343434);
}
.toggle-white-grey-bg {
--toggle-bg: #FAF7F2;
}
.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover,
.tabs .nav-tabs .nav-tabs__item:not(.active):hover {
background-color: var(--light, #FAF7F2) var(--dark, #4a4a53);
}
.btn.btn-default:hover,
.btn-default:active,
.btn-default:focus {
background-color: #6B1D2F;
border-color: #6B1D2F;
}
.color-theme-parent-all:hover .color-theme-target{
color: #6B1D2F;
}
.header-menu__dropdown-item-img--cover img{
mix-blend-mode: darken;
border-radius: 50px;
}
.header-menu__dropdown-menu .switcher-title {
color: #802334;
}
.topic .element-count-wrapper{
align-self: unset;
}
.dropdown-menu-wrapper .dropdown-menu-inner{
background: #fff;
}
.sections-list__item {
background-color: #f1ede6;
box-shadow: inset 0 0 0 1px #4a3f3514;
}
.sections-list__item:hover {
background-color: #fff;
}
.page-catalog .grid-list--fill-bg>.grid-list__item>div{
background: #f5efe6;
transition: background-color 0.3s ease;
}
.page-catalog .grid-list--fill-bg>.grid-list__item>div:hover{
background: #fff;
}
.page-catalog .toggle-white-grey-bg {
--toggle-bg: #f5efe6;
transition: background-color 0.3s ease;
}
.page-catalog .grid-list--fill-bg>.grid-list__item>div:hover .toggle-white-grey-bg {
--toggle-bg: #fff;
}
.item-action-static-fill-svg .item-action__normal path {
fill: #baaa99;
}
.item-action--favorite.item-action.active .item-action__active path {
fill: #6B1D2F;
}
.front_page .news-list-masonry__item{
background: #faf7f2;
}
.map-items__item:hover {
background-color: #fff;
}
.footer {
--footer_border_color: var(--light, #f5efe6) var(--dark, #3f3f45);
--footer_bg: var(--light, #f5efe6) var(--dark, #222228);
}
.detail-gallery-big__item img {
mix-blend-mode: unset;
}
/* Fix: галерея в блоге не реагировала на свайп пальцем.
position:absolute на .swiper может нарушать touch-action на мобильных — форсируем явно. */
.uc-news-detail-big-gallery .detail-gallery-big-slider.big.swiper-horizontal {
touch-action: pan-y;
}
.oplata-item__icon svg path{
stroke: #aba29a;
}
.contacts-list__filters{
background: #f5efe6;
border: 1px solid #e4daca;
}
.contacts-list__filter-select:hover:not(:disabled) {
border-color: #ae9f85;
}
.contacts-list__filter-select{
border: 1px solid #c2b59f;
}
.page-catalog .btn.btn-default.in_cart,
.page-blog .btn.btn-default.in_cart,
.has-long-banner .btn.btn-default.in_cart{
background-color: #FAF7F2;
}
.page-company-reviews .review-list-inner__item:hover{
background: #fff;
}
.rules-grid.product-grid rect{
fill: #f5efe6;
transition: all 0.3s ease;
}
.rule-card.product-card:hover rect{
fill: #fff;
}
.page-order .ps_logo{
background: #faf7f2;
}
.page-order .ps_logo img{
mix-blend-mode: darken;
}
.page-order .btn-success{
background-color: #6B1D2F;
border-color: #6B1D2F;
}
.page-order .alert-info {
color: #6B1D2F;
background-color: #f5efe6;
font-size: 16px !important;
}
.theme-default,
.theme-root,
.theme-light,
.theme-dark{
--black_bg_black: var(--light, #ffffff) var(--dark, #1a191b);
--darkerblack_bg_black: var(--light, #FBF9F6) var(--dark, #2A2A31);
--card_bg_active: var(--light, #f5efe6) var(--dark, #38383F);
--stroke_black: var(--light, #e7e0d5) var(--dark, #3F3F45);
--white_text_black_reverse: var(--light, #fff) var(--dark, #4A3F35);
--card_bg_black: var(--light, #fff) var(--dark, #2A2A31);
--secondary-black-dark-light-bg: var(--light, #8023340d) var(--dark, #38383F);
--tag_hover: var(--light, #8023340f) var(--dark, #4B4B51);
--card_bg_hover: var(--light, #f5efe6) var(--dark, #313137);
--grey_bg: var(--light, #f5efe6) var(--dark, #313137);
--white_text_black: var(--light, #1A191B) var(--dark, #fff);
}
.btn .counter {
height: calc(var(--button-height) - 2px);
}
/* Навигация по статьям блога (предыдущая / следующая) */
.uc-blog-detail-nav {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 24px;
width: 100%;
}
.uc-blog-detail-nav__side {
flex: 1 1 0;
min-width: 0;
display: flex;
}
.uc-blog-detail-nav__side--prev {
justify-content: flex-start;
}
.uc-blog-detail-nav__side--next {
justify-content: flex-end;
}
.uc-blog-detail-nav__link {
display: inline-flex;
flex-direction: column;
gap: 10px;
padding: 16px 20px;
border-radius: 12px;
text-decoration: none;
color: #111;
transition: background-color 0.2s ease;
}
.uc-blog-detail-nav__link:hover {
background-color: #FAF7F2;
color: #000;
}
.uc-blog-detail-nav__link--prev {
align-items: flex-start;
}
.uc-blog-detail-nav__link--next {
align-items: flex-end;
}
.uc-blog-detail-nav__arrow {
display: block;
color: #111;
}
.uc-blog-detail-nav__arrow svg {
display: block;
width: 80px;
height: auto;
}
.uc-blog-detail-nav__label {
font-size: 18px;
line-height: 1.2;
color: #111;
}
.uc-blog-detail-nav__link {
text-decoration-line: none !important;
}
.notes-and-tittle-blog h3{
margin: 0 !important;
}
#bx-composite-banner{
display: none !important;
}
/* ================================================================ */
.banners-big .banners-big__inner-wrap{
padding: 0px 22px;
}
.banner.TOP_HEADER{
background: #802334 !important;
}
/* #title-search .search-title__submit{
background: #802334;
border-radius: 0 6px 6px 0;
} */
#title-search .search-title__submit svg use{
fill: #7c7b7a;
}
#title-search .form-control{
/* border: none; */
border-color: #c8c8c7;
}
.mega-menu .header-menu__item:hover .header-menu__link--only-catalog .header-menu__title-wrapper::after{
display: none;
}
.menu-navigation__sections-item-link--active{
background: #FBF9F6;
}
.header__inner--bordered{
border-bottom: none;
}
.header__top-part.header__section--transparent{
background: #FBF9F6;
padding-bottom: 8px;
}
.header-menu__link--only-catalog{
border-radius: 100px;
}
.tabs .nav-tabs .nav-tabs__item,
.buy_block .btn{
border-radius: 100px;
}
.tabs .nav-tabs .nav-tabs__item.active {
background-color: transparent;
box-shadow: inset 0 0 0 1px rgba(26, 25, 27, 0.68);
color: var(--fill_dark_lite_white_hover);
}
.header__bottom-part .header-menu__link .header-menu__title-wrapper {
padding: 3px 16px;
border-radius: 100px;
background: transparent;
transition: background .2s ease;
}
.header__bottom-part .header-menu__link:hover .header-menu__title-wrapper {
background: #8023340d;
}
.header__bottom-part .header-menu__link:hover .header-menu__title-wrapper svg path{
stroke: #802334 !important;
}
.header__bottom-part .header-menu__link:hover .header-menu__title{
color: #802334;
}
.header__bottom-part .header-menu__item--wide .header-menu__link{
padding: 0;
}
.header__bottom-part .header-menu__item{
padding-top: 0;
}
/* Иконка раздела (Доп. поля -> «Svg иконка», UF_CATALOG_ICON) в пунктах верхнего меню */
.mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon {
--icon-size: 24px;
flex: 0 0 auto;
}
.menu-navigation__sections-item-link .menu-navigation__sections-item-icon {
display: inline-grid;
place-content: center;
flex: 0 0 auto;
width: 24px;
height: 24px;
}
.mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon > i,
.mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon svg,
.mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon img,
.menu-navigation__sections-item-link .menu-navigation__sections-item-icon svg,
.menu-navigation__sections-item-link .menu-navigation__sections-item-icon img {
display: block;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
}
.mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon svg path,
.menu-navigation__sections-item-link .menu-navigation__sections-item-icon svg path{
stroke: #807d77;
fill: unset;
transition: all .2s ease;
}
.status-icon{
color: #802334;
}
.CUSTOM_CATALOG_3 .catalog-block__item .catalog-block__item--img-corner{
margin: 0;
}
.CUSTOM_CATALOG_3 .catalog-block__item .catalog-block__item--img-corner .sticker{
top: 0px;
left: 0px;
}
.CUSTOM_CATALOG_3 .catalog-block__item .catalog-block__item--img-corner .side-icons{
top: 0px;
right: 0px;
}
.catalog-block__item{
box-shadow: 0px 5px 30px rgba(34, 34, 40, 0.04);
background: #fff;
}
.btn.btn-default.btn-transparent-bg{
border-radius: 100px;
}
.btn{
border-radius: 100px;
}
.catalog-block__info-inner{
display: flex;
flex-direction: column;
}
.catalog-block__info-inner .catalog-block__info-title{
order: -1;
font-weight: 600;
margin: 0 0 7px 0;
}
.catalog-block__item .prices {
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
}
.aspro-bonus__text{
font-size: 14px;
color: #8D8D8D;
}
.price__row{
background: #8023340d;
padding: 3px 16px;
border-radius: 8px;
display: inline-block;
}
.catalog-viewed .switcher-title{
margin-top: 20px;
}
body .body:not(.index) > .main{
background: #FBF9F6;
}
.module-pagination .module-pagination__item.cur{
background-color: #ffffff;
box-shadow: 0px 5px 20px 0 #00000012;
}
.catalog-detail__buy-block{
background-color: #fff;
box-shadow: 0 0 0 1px #001e3c09, 0 4px 4px -1px #0014280a;
padding: 30px 30px;
}
.catalog-detail__buy-block .item-action .btn-elg{
--button-height: 44px;
}
.catalog-detail__buy-block .line-block__item .btn-transparent-bg{
--button-height: 44px;
}
.catalog-detail__buy-block .line-block__item{
margin: -6px 0 0 0;
}
/* Звёзды «Аромаотдача» (SVG вместо символов ★/☆) начало */
.prop-stars {
display: inline-flex;
align-items: center;
gap: 2px;
vertical-align: middle;
}
.prop-stars__star {
display: inline-flex;
line-height: 0;
}
.prop-stars__star svg path{
fill: #fbc900;
}
.prop-stars__star svg {
display: block;
}
/* Звёзды «Аромаотдача» конец */
/* Маркетплейсы: ВБ, Озон, Яндекс Маркет (кружки-иконки с тултипом) начало */
.val-vb-ozon-wrap {
margin-top: 1em;
width: 100%;
}
.val-marketplaces-title {
margin: 0 0 14px;
font-size: 16px;
font-weight: 500;
color: #333;
}
.val-marketplaces-buttons {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 16px;
width: 100%;
}
.val-vb-ozon-wrap .val-mp {
min-width: 0;
display: flex;
justify-content: center;
align-items: center;
}
.val-vb-ozon-wrap .val-mp a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border-radius: 50%;
overflow: visible;
text-decoration: none;
opacity: 0.72;
transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.val-vb-ozon-wrap .val-mp a .val-mp-tooltip {
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%) translateY(6px);
padding: 6px 12px;
background: rgba(30, 30, 35, 0.95);
color: #fff;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.02em;
white-space: nowrap;
border-radius: 8px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.val-vb-ozon-wrap .val-mp a .val-mp-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -6px;
border: 6px solid transparent;
border-top-color: rgba(30, 30, 35, 0.95);
}
.val-vb-ozon-wrap .val-mp a:hover .val-mp-tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.val-vb-ozon-wrap .val-mp a:hover {
opacity: 1;
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(255, 255, 255, 0.6);
}
.val-vb-ozon-wrap .val-mp a:active {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.val-vb-ozon-wrap .val-mp svg,
.val-vb-ozon-wrap .val-mp .val-mp-icon {
width: 42px;
height: 42px;
display: block;
object-fit: cover;
border-radius: 50%;
}
/* Маркетплейсы конец */
.sku-props--detail .line-block,
.sku-props__item .line-block{
display: inline-flex;
background: #f0ebe4;
padding: 4px 4px;
border-radius: 100px;
}
.sku-props--detail .sku-props__value,
.sku-props__item .sku-props__value{
background: unset;
box-shadow: unset;
--sku-height: 33px;
padding: 0px 19px;
}
.sku-props__item .sku-props__value{
--sku-height: 28px;
}
.sku-props--detail .sku-props__value:hover,
.sku-props__item .sku-props__value:hover{
box-shadow: unset;
}
.sku-props--detail .sku-props__value--active,
.sku-props__item .sku-props__value--active{
box-shadow: 0px 2px 4px 0 #00000026 !important;
border-radius: 100px;
background: #fff;
}
.sku-props--detail .properties__container > div:first-child{
font-weight: 700;
}
.detail-block.desc{
--gutter: clamp(20px, calc(2.5vw + 9.5px), 40px);
padding: var(--gutter);
}
.detail-header__image img{
border-radius: 8px;
}
.cm-bi__col:not(.cm-bi__col--side) .wrap-val__div,
.val-vvod_otdushki,
.val-dok_ifra_ssylka,
.val-vvod_po_ifra{
border-radius: 16px;
margin: 30px 0 0 0;
background-color: #fff;
box-shadow: 0 0 0 1px #001e3c09, 0 4px 4px -1px #0014280a;
padding: 30px;
}
.val-instruction{
background: unset;
}
.val-vvod_otdushki .val-line:not(:last-child){
border-bottom: 1px solid #5028000f;
padding-bottom: 6px;
margin-bottom: 6px;
}
.val-vvod_otdushki .val-line{
font-size: 15px;
}
.val-dok_ifra_ssylka li {
list-style-type: none;
}
.detail-block.catalog_comments.EXTENDED{
margin-top: 30px;
}
.detail-block.catalog_comments.EXTENDED .comments-block__wrapper{
display: flex;
flex-direction: column-reverse;
--gap: 10px;
}
.detail-block.catalog_comments.EXTENDED .comments-block__reviews-info{
width: 100%;
max-width: unset;
background: #f5efe6;
/* box-shadow: 0 0 0 1px #001e3c09, 0 4px 4px -1px #0014280a; */
border-radius: 16px;
}
.detail-block.catalog_comments.EXTENDED .comments-block__reviews-info-inner{
box-shadow: unset;
}
.comments-block__inner-wrapper h3.switcher-title{
font-family: 'Manrope', Arial, sans-serif;
}
.footer{
--footer_bg: var(--light, #f5efe6) var(--dark, #1a191b);
--footer_border_color: var(--light, #f5efe6) var(--dark, #2d2c2e);
}
.shop-detail button.grid-list__item .font_13{
text-align: left;
}
.shop-detail button.grid-list__item:hover{
background-color: #fff;
}
.right_block.narrow_N .detail-maxwidth{
max-width: 1200px;
}
.detail.sale .sale-list__item-sticker-value,
.detail.blog .top-meta .line-block__item,
.detail.news .top-meta .line-block__item{
background-color: #f5efe6;
height: unset;
line-height: 140%;
font-size: 16px;
padding: 20px 30px;
margin: 0;
border-radius: 16px;
color: #222;
}
.detail.sale > .mb,
.pagebase-base .main > .detail-image,
.detail.blog > .mb,
.detail.blog > div > .mb,
.detail.blog > .detail-image,
.detail.blog > div > .detail-image{
margin-bottom: 16px;
}
.detail.sale > .services-detail__bottom-info > .desc,
.detail.blog > .services-detail__bottom-info > .desc,
.detail.blog > div > .services-detail__bottom-info > .desc{
margin-top: 0;
}
.topic__heading #pagetitle{
padding-bottom: 12px;
}
/* Шапки статей «Базы знаний» и новостей: картинка на всю ширину, высота не
более 480px, лишнее обрезается поровну сверху и снизу без искажения пропорций.
max-height дублирует height намеренно — иначе max-height:100% из
bootstrap.css (.img-responsive) не даёт задать высоту.
У новостей картинка обёрнута в — ссылке тоже нужна
высота, иначе она схлопывается по своему содержимому и рвёт отступы. */
.pagebase-base .detail-image img,
.pagebase-company-news .detail-image img{
width: 100%;
height: 480px;
max-height: 480px;
object-fit: cover;
object-position: center;
max-width: 1200px;
}
.pagebase-company-news .detail-image > a{
display: block;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.pagebase-sales .ui-card__title,
.pagebase-base .ui-card__title{
font-size: 20px;
font-weight: 800;
}
.pagebase-sales .sale-list-template .sticker,
.pagebase-base .sale-list-template .sticker,
.SALE .sale-list-template .sticker{
top: unset;
bottom: 0;
}
.pagebase-sales .sale-list-template .sticker__item,
.pagebase-base .sale-list-template .sticker__item,
.SALE .sale-list-template .sticker__item{
background-color: #0000004a;
color: #ffffff;
box-shadow: unset;
border-radius: 12px;
backdrop-filter: blur(20px);
margin: 0px -10px 10px;
font-size: 14px;
display: block;
line-height: 18px;
height: auto;
padding: 10px 20px 0;
border-bottom: 10px solid transparent;
max-height: calc(10px + 18px * 2 + 10px);
overflow: hidden;
word-break: break-word;
}
.pagebase-base .link_property_goods .swiper-wrapper{
padding: 20px 0;
}
.pagebase-base .link_property_goods .catalog-block{
margin: -20px 0;
}
.pagebase-base .services-detail__bottom-info .content img{
margin-top: 20px;
border-radius: 16px;
}
.pagebase-blog .tabs li.active > span,
.pagebase-blog .tabs li > a{
border-radius: 100px;
}
.theme-dark .header__bottom-part .header-menu__title{
color: #ffffffc9;
}
.theme-dark .mega-menu.sliced .header-menu__title-wrapper .header-menu__section-icon svg path,
.theme-dark .menu-navigation__sections-item-link .menu-navigation__sections-item-icon svg path{
stroke: #ffffffa6;
}
.theme-dark .header__bottom-part .header-menu__link:hover .header-menu__title-wrapper {
background: #ffffff1c;
}
.theme-dark .header__bottom-part .header-menu__link:hover .header-menu__title-wrapper svg path {
stroke: #fff !important;
}
.theme-dark .header__bottom-part .header-menu__link:hover .header-menu__title {
color: #fff;
}
.theme-dark #title-search .form-control{
border: none;
}
.theme-dark .form-control,
.theme-dark .form *:where(input, textarea, select){
background: #ffffff1c;
}
.theme-dark .search-title__input::placeholder{
color: #ffffff80 !important;
}
.theme-dark .header__top-part.header__section--transparent{
background: transparent;
}
/* ===== Компактные блоки «Доставка» и «Оплата» в карточке товара ===== */
.delivery .cmdc__foot {
margin-top: 24px;
}
.cmdc__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
width: 100%;
margin-top: 0;
padding-top: 20px;
border-top: 1px solid rgba(26, 25, 27, 0.10);
}
.cmdc__foot-text {
flex: 1 1 320px;
font-size: 16px;
line-height: 1.5;
color: rgba(26, 25, 27, 0.68);
}
.cmdc__link {
display: inline-flex;
align-items: center;
gap: 10px;
flex: none;
background: #802334;
color: #FBF9F6 !important;
font-size: 16px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
padding: 15px 26px;
border-radius: 100px;
white-space: nowrap;
transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.cmdc__link:hover {
background: #6B1D2F;
color: #fff !important;
transform: translateY(-2px);
box-shadow: 0 8px 20px -6px rgba(128, 35, 52, 0.55);
}
.cmdc__link svg {
width: 18px;
height: 18px;
flex: none;
transition: transform 0.22s ease;
}
.cmdc__link:hover svg {
transform: translateX(3px);
}
/* Блок доставки: подвал внутри секции, а не в строке карточек.
Отступ сверху — чтобы не липло к заголовку «Доставка». */
.oplata.dostavka.cmdc {
flex-direction: column;
gap: 0;
margin-top: 24px;
}
.oplata.dostavka.cmdc .oplata-wrap {
width: 100%;
}
/* Блок оплаты: на ПК карточка и аккордеон в одну линию,
подвал — во всю ширину под ними. */
.oplata.cmdc {
flex-wrap: wrap;
align-items: flex-start;
}
/* .oplata .toogle задаёт width:100% — при flex-wrap это выталкивает блок
на новую строку, поэтому ширину надо переопределить явно, не только flex. */
.oplata.cmdc > .oplata-wrap,
.oplata.cmdc > .toogle {
flex: 1 1 0;
width: auto;
min-width: 0;
}
.oplata.cmdc .cmdc__foot {
flex-basis: 100%;
}
.cmdc .oplata-item__text p {
font-size: 16px;
line-height: 1.5;
}
.cmdc .oplata-item__text blockquote {
font-size: 16px;
}
/* ============================================================
Гид по фитилям (/base/gid-po-filityam/) — префикс .wickg
Таблицы подбора фитиля + карточки PDF.
Палитра и тени взяты из фирменной системы css/pages.css (.cmd),
но продублированы локально: pages.css на страницах «Базы знаний»
не подключается, а custom.css грузится на всех страницах сайта.
============================================================ */
.wickg {
--wickg-dark: #1A191B;
--wickg-accent: #802334;
--wickg-support: #6B1D2F;
--wickg-line: rgba(26, 25, 27, 0.10);
--wickg-soft: rgba(128, 35, 52, 0.05);
--wickg-muted: rgba(26, 25, 27, 0.68);
--wickg-shadow: rgba(0, 30, 60, 0.035) 0px 0px 0px 1px, rgba(0, 20, 40, 0.04) 0px 4px 4px -1px;
--wickg-shadow-hover: rgba(0, 30, 60, 0.06) 0px 0px 0px 1px, rgba(0, 20, 40, 0.10) 0px 12px 24px -6px;
font-size: 16px;
line-height: 1.6;
color: var(--wickg-dark);
}
.wickg * {
box-sizing: border-box;
}
.wickg__intro {
margin: 0 0 40px;
}
.wickg__lead {
font-size: 18px;
line-height: 1.55;
color: rgba(26, 25, 27, 0.72);
margin: 0;
max-width: 720px;
}
.wickg__section {
margin: 0 0 56px;
}
.wickg__section-head {
margin: 0 0 24px;
}
.wickg__eyebrow {
display: inline-block;
font-size: 16px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: var(--wickg-accent);
margin: 0 0 12px;
}
.wickg__h2 {
font-size: 36px;
line-height: 1.15;
font-weight: 900;
color: var(--wickg-dark);
margin: 0;
}
/* ===== Таблица подбора ===== */
/* Обёртка со скроллом: на узких экранах таблица едет вбок внутри себя,
страница целиком при этом не разъезжается. */
.wickg__table-wrap {
overflow-x: auto;
background-color: #fff;
box-shadow: var(--wickg-shadow);
border-radius: 16px;
-webkit-overflow-scrolling: touch;
}
.wickg__table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
line-height: 1.5;
/* Таблица не должна ужиматься до нечитаемого: ниже этой ширины включается скролл. */
min-width: 900px;
}
.wickg__table th,
.wickg__table td {
padding: 16px 20px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid var(--wickg-line);
}
/* Вертикального sticky у шапки таблицы намеренно нет: сайт имеет
фиксированную шапку (88px), и залипшая строка заголовков заезжала под неё,
перекрывая данные. Таблицы короткие — прокрутка глазами не теряется. */
.wickg__table thead th {
background: var(--wickg-dark);
color: #FBF9F6;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.02em;
border-bottom: none;
white-space: nowrap;
}
/* Заголовок первой колонки залипает вместе с самой колонкой,
иначе при прокрутке вбок «Воск / диаметр» уезжает, а названия восков остаются. */
.wickg__table thead th:first-child {
position: sticky;
left: 0;
z-index: 3;
background: var(--wickg-dark);
border-top-left-radius: 16px;
}
.wickg__table thead th:last-child {
border-top-right-radius: 16px;
}
/* Первая колонка — название воска: залипает при горизонтальной прокрутке,
иначе на телефоне непонятно, к какому воску относится столбец фитилей. */
.wickg__table tbody th {
position: sticky;
left: 0;
z-index: 1;
background: #fff;
font-weight: 800;
color: var(--wickg-dark);
white-space: nowrap;
box-shadow: 1px 0 0 var(--wickg-line);
}
.wickg__table tbody td {
color: var(--wickg-muted);
}
.wickg__table tbody tr:last-child th,
.wickg__table tbody tr:last-child td {
border-bottom: none;
}
.wickg__table tbody tr:hover th {
background: #FBF9F6;
}
.wickg__table tbody tr:hover td {
background: var(--wickg-soft);
}
.wickg__hint {
display: none;
font-size: 14px;
color: var(--wickg-muted);
margin: 10px 0 0;
}
/* ===== Плашка-предупреждение ===== */
.wickg__note {
display: flex;
gap: 20px;
align-items: flex-start;
background: var(--wickg-support);
color: #FBF9F6;
border-radius: 16px;
padding: 28px 32px;
margin: 0 0 56px;
}
.wickg__note svg {
width: 24px;
height: 24px;
flex: none;
stroke: #FBF9F6;
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
margin-top: 2px;
}
.wickg__note p {
font-size: 16px;
line-height: 1.55;
color: rgba(251, 249, 246, 0.88);
margin: 0;
}
.wickg__note strong {
color: #fff;
font-weight: 700;
}
/* ===== Карточки файлов ===== */
.wickg__files {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* Тема вешает подчёркивание на все ссылки контента правилом
a:not(.no-decoration,.btn,...) — специфичность 0-1-1, выше простого класса.
Повторяем её селектором a.<класс>, иначе карточка-ссылка идёт с подчёркиванием. */
a.wickg__file,
a.wickg__file:hover,
a.wickg__file:focus-visible {
text-decoration: none;
text-decoration-line: none;
}
.wickg__file {
display: flex;
align-items: center;
gap: 18px;
background-color: #fff;
box-shadow: var(--wickg-shadow);
border-radius: 16px;
padding: 24px;
color: var(--wickg-dark);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.wickg__file:hover,
.wickg__file:focus-visible {
box-shadow: var(--wickg-shadow-hover);
transform: translateY(-3px);
color: var(--wickg-dark);
}
.wickg__file-icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
flex: none;
border-radius: 12px;
background: var(--wickg-soft);
transition: background-color 0.25s ease;
}
.wickg__file-icon svg {
width: 26px;
height: 26px;
stroke: var(--wickg-accent);
fill: none;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.wickg__file:hover .wickg__file-icon {
background: var(--wickg-accent);
}
.wickg__file:hover .wickg__file-icon svg {
stroke: #FBF9F6;
}
.wickg__file-body {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.wickg__file-title {
font-size: 17px;
font-weight: 800;
line-height: 1.3;
}
.wickg__file-meta {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
color: var(--wickg-muted);
}
.wickg__file-badge {
display: inline-block;
background: var(--wickg-accent);
color: #fff;
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.04em;
padding: 4px 7px;
border-radius: 4px;
}
/* ============================================================
Гид по воску (/base/gid-po-vosku/) — дополнения к .wickg
Страница переиспользует базовые блоки гида по фитилям
(.wickg__table, __note, __files, __file), здесь только то,
чего там не было: пункты выбора, плашка-совет, блок поддержки
и широкая таблица на 10 колонок.
============================================================ */
/* Заголовок во вводном блоке: там h2 идёт без надзаголовка-eyebrow. */
.wickg__intro .wickg__h2 {
margin: 0 0 16px;
}
/* ===== Два пункта: с чего начать выбор ===== */
.wickg__choice {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0 0 24px;
}
.wickg__choice-item {
display: flex;
gap: 18px;
align-items: flex-start;
background-color: #fff;
box-shadow: var(--wickg-shadow);
border-radius: 16px;
padding: 28px;
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.wickg__choice-item:hover {
box-shadow: var(--wickg-shadow-hover);
transform: translateY(-3px);
}
.wickg__choice-num {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex: none;
border-radius: 12px;
background: var(--wickg-soft);
color: var(--wickg-accent);
font-size: 20px;
font-weight: 900;
line-height: 1;
transition: background-color 0.25s ease, color 0.25s ease;
}
.wickg__choice-item:hover .wickg__choice-num {
background: var(--wickg-accent);
color: #FBF9F6;
}
.wickg__choice-title {
font-size: 22px;
font-weight: 800;
line-height: 1.25;
color: var(--wickg-dark);
margin: 0 0 8px;
}
.wickg__choice-text {
font-size: 16px;
line-height: 1.5;
color: var(--wickg-muted);
margin: 0;
}
/* ===== Плашка-совет (светлая, в отличие от бордовой __note) ===== */
.wickg__note--tip {
background: var(--wickg-soft);
color: var(--wickg-dark);
}
.wickg__note--tip svg {
stroke: var(--wickg-accent);
}
.wickg__note--tip p {
color: var(--wickg-muted);
}
.wickg__note--tip strong {
color: var(--wickg-accent);
font-weight: 800;
}
/* ===== Широкая таблица (10 колонок) ===== */
/* Колонок вдвое больше, чем в гиде по фитилям, поэтому запас по ширине больше,
а шрифт мельче — иначе строка «Достоинства» растягивает таблицу до нечитаемого. */
.wickg__table--wide {
min-width: 1180px;
font-size: 14px;
}
.wickg__table--wide th,
.wickg__table--wide td {
padding: 14px 16px;
}
/* Числовые колонки (температуры, проценты) — не переносим и прижимаем компактно. */
.wickg__table .wickg__num {
white-space: nowrap;
text-align: center;
}
/* ===== Блок поддержки ===== */
.wickg__help {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
flex-wrap: wrap;
background: var(--wickg-dark);
border-radius: 24px;
padding: 40px;
}
.wickg__help-title {
font-size: 28px;
line-height: 1.2;
font-weight: 800;
color: #FBF9F6;
margin: 0 0 8px;
}
.wickg__help-text {
font-size: 16px;
line-height: 1.55;
color: rgba(251, 249, 246, 0.75);
margin: 0;
max-width: 520px;
}
.wickg__help-links {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
/* Селектор с a:not(...) повторяет специфичность правила темы
(styles.css:26 — a:not(.no-decoration,.btn,...) вешает text-decoration-line:underline
на все ссылки контента) и идёт позже, поэтому подчёркивание снимается.
Гасим именно text-decoration-line: тема задаёт line/thickness/color по отдельности. */
a.wickg__help-link,
a.wickg__help-link:hover,
a.wickg__help-link:focus-visible {
text-decoration: none;
text-decoration-line: none;
}
.wickg__help-link {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--wickg-accent);
color: #FBF9F6;
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 16px 28px;
border-radius: 12px;
transition: background-color 0.25s ease, color 0.25s ease;
}
.wickg__help-link:hover,
.wickg__help-link:focus-visible {
background: #FBF9F6;
color: var(--wickg-dark);
}
.wickg__help-link--ghost {
background: transparent;
color: #FBF9F6;
box-shadow: inset 0 0 0 1px rgba(251, 249, 246, 0.28);
}
.wickg__help-link--ghost:hover,
.wickg__help-link--ghost:focus-visible {
background: #FBF9F6;
color: var(--wickg-dark);
box-shadow: none;
}
/* Одиночная карточка файла не должна растягиваться на всю ширину. */
.wickg__files--single {
grid-template-columns: minmax(0, 380px);
}
/* ============================================================
Баннер-обложка раздела «Гиды по свечеварению» (/base/)
Ставится из /sales/index.php в область top_section_filter_content.
На оригинале (candlemaker.ru) блок собран виджетом с parallax и кучей
служебных обёрток — здесь оставлены только и текстовый слой.
============================================================ */
/* Прячем штатный H1 раздела: его роль играет крупный текст на баннере.
Скрываем только .topic — крошки лежат в этой же секции выше и остаются
видимыми. Класс ставится из /sales/index.php через свойство TITLE_CLASS. */
.page-top--basebnr .topic {
display: none;
}
.basebnr {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 300px;
margin: 0 0 40px;
overflow: hidden;
background: #1A191B;
}
/* Картинка выведена из потока — высоту блока держит .basebnr (min-height),
поэтому подстановка «пустого» изображения не может развалить вёрстку. */
.basebnr__media {
position: absolute;
inset: 0;
display: block;
z-index: 0;
}
.basebnr__media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
/* Затемнение под текст — без него белые буквы теряются на светлом фото. */
.basebnr::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4);
pointer-events: none;
}
.basebnr__inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1100px;
padding: 40px 20px;
text-align: center;
color: #fff;
}
.basebnr__title {
font-size: 44px;
line-height: 1.12;
font-weight: 900;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 0;
}
.basebnr__subtitle {
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.85);
margin: 16px 0 0;
}
/* ============================================================
Блог (/blog/): теги на ПК всегда раскрыты
Штатно блок тегов — спойлер: контейнер приходит с атрибутом hidden,
а кнопка «Теги» дёргает jQuery slideToggle() (components/bitrix/news/blog/script.js).
На десктопе спойлер не нужен — показываем теги сразу и убираем кнопку.
На мобильных всё остаётся как было.
============================================================ */
@media (min-width: 992px) {
/* Перебиваем и атрибут hidden, и инлайновый display:none, который
slideToggle() проставляет прямо в элемент, — отсюда !important:
иначе теги остались бы свёрнутыми, если пользователь свернул их
на узком экране и потом растянул окно. */
.top-content-row__tags-content[hidden],
.top-content-row__tags-content {
display: block !important;
}
.top-content-row__tags-button--mobile-only {
display: none;
}
}
.LANDINGS .grid-list__item:hover{
box-shadow: unset;
}
.TIZERS .ui-card__title{
font-family: 'Jost' !important;
font-weight: 600;
font-size: 24px;
line-height: 100%;
}
/* ==========================================================================
Секция «Отзывы + фотогалерея» (главная и /company/reviews/)
Портировано с d-hause.rosveb.ru; площадка одна — Яндекс (2ГИС нет)
========================================================================== */
.reviews.cmr-section {
margin: 0 0 20px;
}
/* Стрелки листалки от старого слайдера отзывов — блок больше не слайдер.
Живут внутри обёртки .reviews-list.type_5 рядом с .cmr-reviews. */
.reviews-list.type_5 .slider-nav,
.reviews-list.type_5 .swiper-button-prev,
.reviews-list.type_5 .swiper-button-next,
.reviews.cmr-section .slider-nav,
.reviews.cmr-section .swiper-button-prev,
.reviews.cmr-section .swiper-button-next,
.index-block:has(> .reviews.cmr-section) > .slider-nav,
.index-block:has(> .reviews.cmr-section) > .swiper-button-prev,
.index-block:has(> .reviews.cmr-section) > .swiper-button-next {
display: none !important;
}
.reviews__wrapper {
width: 100%;
}
.reviews__container {
display: flex;
gap: 32px;
align-items: flex-start;
}
/* --- Левая колонка: белая карточка с отзывами --- */
.reviews__left {
flex: 1 1 calc(100% - 482px);
min-width: 0;
padding: 30px 40px;
border-radius: 10px;
box-shadow: 0 0 50px 0 #e8e8ee;
background: #fff;
}
.reviews__left .inner {
max-width: 100%;
}
.reviews__wrapper > .reviews__title {
margin: 0 0 8px;
font-size: 40px;
font-weight: 700;
color: #333;
line-height: 1.3;
display: flex;
align-items: center;
gap: 8px;
}
.reviews__title {
margin: 0 0 38px;
font-size: 32px;
font-weight: 700;
color: #5d5d5d;
line-height: 1.3;
display: flex;
align-items: flex-start;
gap: 8px;
justify-content: space-between;
}
/* Название и подпись под ним — левая часть строки заголовка */
.reviews__title-head {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.reviews__title-name {
line-height: 1.2;
color: var(--theme-base-color, #802334);
}
.reviews__title-note {
font-size: 17px;
font-weight: 400;
color: #8e90a0;
line-height: 1.4;
}
/* Рейтинги площадок стоят в строке заголовка, справа от названия */
.reviews__title .reviews__ratings {
margin-bottom: 0;
flex-wrap: nowrap;
}
.reviews__subtitle {
margin: 0 0 20px;
font-size: 17px;
color: #8e90a0;
line-height: 1.4;
}
.reviews__wrapper > .reviews__subtitle {
margin: 0 0 40px;
max-width: 900px;
}
/* --- Рейтинги площадок: Яндекс + 2ГИС --- */
.reviews__ratings {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 24px;
}
.reviews__yandex {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
text-decoration: none;
color: inherit;
background: #f8f5f2;
border-radius: 38px;
padding: 10px 14px 10px 10px;
}
.reviews__yandex:hover,
.reviews__yandex:focus {
text-decoration: none;
color: inherit;
}
.reviews__yandex-rating {
display: flex;
align-items: center;
gap: 12px;
font-size: 40px;
font-weight: 600;
color: #2c2c2c;
line-height: 1;
}
.reviews__yandex-icon {
width: 40px;
height: 40px;
object-fit: contain;
}
.reviews__yandex-advantages {
display: flex;
align-items: flex-start;
gap: 4px;
flex-wrap: wrap;
flex-direction: column;
}
.reviews__stars {
display: flex;
gap: 2px;
align-items: center;
}
.reviews__star {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #ffc107;
}
.reviews__star svg {
width: 100%;
height: 100%;
}
.reviews__yandex-count {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
font-weight: 500;
color: #22252A;
white-space: nowrap;
transition: color 0.2s ease;
}
.reviews__yandex-arrow {
transition: transform 0.2s ease;
}
.reviews__yandex:hover .reviews__yandex-count {
color: var(--theme-base-color, #802334);
}
.reviews__yandex:hover .reviews__yandex-arrow {
transform: translateX(4px);
}
/* --- «О чём пишут покупатели»: плитки тем --- */
.reviews__topics {
margin: 0 0 32px;
}
.reviews__topics-title {
margin: 0 0 14px;
font-size: 22px;
font-weight: 700;
color: #2c2c2c;
line-height: 1.3;
}
/* На ПК — две колонки, как в блоке Яндекса */
.reviews__topics-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0px 32px;
}
.reviews__topic {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
padding: 6px 0;
text-decoration: none;
color: inherit;
}
.reviews__topic:hover,
.reviews__topic:focus {
text-decoration: none;
color: inherit;
}
.reviews__topic-sign {
display: inline-flex;
flex: 0 0 auto;
width: 18px;
height: 18px;
}
.reviews__topic-sign svg {
width: 100%;
height: 100%;
}
.reviews__topic-name {
font-size: 17px;
font-weight: 500;
color: #2c2c2c;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: color 0.2s ease;
}
.reviews__topic:hover .reviews__topic-name {
color: var(--theme-base-color, #802334);
}
/* Счётчик в серой плашке со стрелкой */
.reviews__topic-count {
display: inline-flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
padding: 2px 8px;
border-radius: 6px;
background: #f0f0f2;
font-size: 15px;
font-weight: 500;
color: #6b6d7a;
line-height: 1.4;
transition: background 0.2s ease, color 0.2s ease;
}
.reviews__topic:hover .reviews__topic-count {
background: #e6e6ea;
color: #2c2c2c;
}
.reviews__topic-arrow {
font-size: 17px;
line-height: 1;
transition: transform 0.2s ease;
}
.reviews__topic:hover .reviews__topic-arrow {
transform: translateX(2px);
}
/* --- Карточки отзывов --- */
.reviews__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.reviews__review {
background: #f8f5f2;
border-radius: 8px;
padding: 20px;
position: relative;
}
/* Внешняя обёртка карточки: несёт id области правки Битрикса.
Оформление — на вложенном .reviews__review, иначе в режиме
правки фон уезжает на служебный контейнер. */
.reviews__item > .reviews__review {
height: 100%;
}
/* Скрытая порция — правило идёт последним, чтобы перебивать display у обёртки */
.reviews__review--hidden {
display: none !important;
}
.review__user {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
padding-right: 180px;
}
.review__user-photo {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #fff;
font-size: 1rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
}
.review__user-person {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
/* Только ПРЯМОЙ потомок: внутри .review__user-meta лежат звёзды-,
без > они попадали под :first-child/:last-child и красились в цвет имени. */
.review__user-person > span:first-child {
font-weight: 600;
font-size: 18px;
color: #2c2c2c;
}
.review__user-person > span:last-child:not(.review__user-meta) {
font-size: 18px;
color: #8e90a0;
}
/* Звёзды стоят под именем на месте бывшей даты — дату не выводим */
.review__user-meta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.review__user-post {
font-size: 15px;
color: #8e90a0;
}
.review__stars {
display: inline-flex;
gap: 2px;
margin: 0;
}
.review__stars .rating__star {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: #ffcc00;
}
.review__stars .rating__star--empty {
color: #d9d9e0;
}
.review__stars .rating__star svg {
width: 100%;
height: 100%;
}
.review__text {
margin: 0;
font-size: 18px;
line-height: 130%;
color: #4a4a4a;
}
.review__text p {
margin: 0 0 6px;
}
.review__text p:last-child {
margin-bottom: 0;
}
.review__source {
position: absolute;
top: 20px;
right: 20px;
display: inline-flex;
align-items: center;
gap: 8px;
max-width: 165px;
color: #5f5f65;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
transition: color 0.2s ease;
}
.review__source:hover {
color: var(--theme-base-color, #802334);
}
.review__source:focus-visible {
outline: 2px solid var(--theme-base-color, #802334);
outline-offset: 4px;
}
.review__source-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}
/* --- Кнопка «Показать ещё» --- */
.reviews__button-wrap {
margin-top: 24px;
text-align: center;
}
.reviews__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 82px;
background: #ffffff;
border: 1px solid var(--theme-base-color, #802334);
border-radius: 38px;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
color: var(--theme-base-color, #802334);
font-size: 16px;
font-weight: 500;
}
.reviews__button:hover {
background: var(--theme-base-color, #802334);
color: #ffffff;
}
/* --- Правая колонка: masonry-фотогалерея --- */
body .reviews__right {
flex: 0 0 450px;
width: unset;
padding: 0;
margin: 0;
float: unset;
box-shadow: unset;
z-index: unset;
/* Колонка не тянется за левой и не залипает при скролле —
высота остаётся по содержимому галереи */
position: static;
align-self: flex-start;
height: auto;
}
.small-gallery-block.ROSVEB-small-gallery-wrapper {
position: relative;
}
.masonry-grid.cmr-gallery__grid {
margin: 0;
}
.cmr-gallery__grid .grid-item {
width: calc(50% - 5px);
margin-bottom: 10px;
float: left;
}
.cmr-gallery__link {
display: block;
overflow: hidden;
border-radius: 10px;
background-color: #E6E3DF;
line-height: 0;
}
.cmr-gallery__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.cmr-gallery__link:hover .cmr-gallery__img {
transform: scale(1.04);
}
/* Кнопка лежит поверх нижних фото — ощущение, что лента продолжается */
.cmr-gallery__button-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 90px 0 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 45%, #ffffff 80%);
pointer-events: none;
z-index: 2;
}
.cmr-gallery__button {
pointer-events: auto;
display: block;
width: 100%;
padding: 11px 20px;
background: var(--theme-base-color, #802334);
border: none;
border-radius: 38px;
cursor: pointer;
color: #ffffff;
font-size: 16px;
font-weight: 500;
transition: background 0.2s ease;
}
.cmr-gallery__button:hover {
background: #22252A;
color: #ffffff;
}
.reviews__container a{
text-decoration: unset;
}
.reviews__topic--negative{
display: none;
}
.index-block__title > a:hover{
color: #802334;
}
/* ===== Плавающий фон длинного баннера =====
Заменяет JS-анимацию из custom.js (initFloatingBackground):
раньше каждый кадр писался background-position — некомпозитное свойство,
из-за чего браузер 60 раз/с делал Recalculate Style + Paint.
Здесь то же движение на transform — работает на композиторе, 0% нагрузки.
Геометрия: слой выше контейнера ровно на величину хода (240px при высоте
баннера 320px), top:0 — иначе при сдвиге снизу открывается пустота.
Ход 240px за полуцикл 60с = ~4 px/с, как в исходной JS-версии. */
.has-long-banner .page-top-info {
overflow: hidden;
}
.has-long-banner .detail-image--top_on_head .detail-image__fon {
height: 175%;
top: 0;
bottom: auto;
will-change: transform;
animation: bannerFonFloat 120s ease-in-out infinite;
}
@keyframes bannerFonFloat {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -42.86%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.has-long-banner .detail-image--top_on_head .detail-image__fon {
animation: none;
height: 100%;
transform: none;
}
}
/* Согласие на обработку ПДн в форме входа/регистрации по телефону */
.pdn-phone-consent {
margin: 14px 0 4px;
}
.pdn-phone-consent__label {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0;
cursor: pointer;
font-weight: 400;
}
.pdn-phone-consent__input {
flex-shrink: 0;
margin: 2px 0 0;
width: 15px;
height: 15px;
cursor: pointer;
}
.pdn-phone-consent__text {
font-size: 12px;
line-height: 1.45;
opacity: 0.8;
}
.pdn-phone-consent__text a {
text-decoration: underline;
text-underline-offset: 2px;
}
.pdn-phone-consent--error .pdn-phone-consent__text {
color: #c8322a;
opacity: 1;
}
.bxmaker-authuserphone-button.pdn-disabled {
opacity: 0.5;
pointer-events: none;
}
/* Модальное окно подписки на новости (вызывается из подвала) */
.subscribe_frame--centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(480px, calc(100vw - 32px));
max-height: calc(100vh - 48px);
overflow-y: auto;
z-index: 10000;
background: var(--white_bg_black, #fff);
border-radius: 12px;
box-shadow: 0 12px 48px rgba(0, 0, 0, 0.22);
padding: 32px;
}
.subscribe_frame--centered .form-header {
margin-bottom: 20px;
}
.subscribe_frame--centered .form_desc {
margin-top: 8px;
}
.subscribe_frame--centered .licence_block {
margin-top: 4px;
}
@media (max-width: 575px) {
.subscribe_frame--centered {
padding: 24px 20px;
}
}
.MAPS .line-block__item > div{
padding-top: 10px;
}
.pagebase-projects .detail-image{
margin-bottom: 0;
}
.pagebase-product .sale-linked__item .line-block > span:first-child{
display: none;
}
.pagebase-product .sale-linked > .grid-list{
gap: 6px;
overflow: unset;
box-shadow: unset;
}
.pagebase-product .sale-linked__item{
background-color: #f0ebe4;
border-radius: 16px;
border-bottom: unset;
}
@media (min-width: 601px) {
section.page-top.uc-blog-page-top .topic__detail-meta.uc-blog-detail-title-meta {
flex-wrap: nowrap;
white-space: nowrap;
}
}
.bottom-icons-panel .bottom-icons-panel__content-link{
text-decoration-line: unset !important;
}
.faq-accordion__list .accordion-head-inner{
width: 100%;
}
/* 1700 Мобилки начало */
@media screen and (max-width: 1700px) {
.catalog-detail__main-parts .catalog-detail__forms .grid-list__item:nth-child(3) .catalog-detail__pseudo-link {
justify-content: flex-start;
}
.catalog-detail__main-parts .brand-detail{
flex-direction: column;
align-items: center;
}
.banners-big .banners-big__title,
.banners-big .banners-big__title span {
font-size: 50px;
}
}
/* 1700 Мобилки конец */
/* 1600 Мобилки начало */
@media screen and (max-width: 1600px) {
}
/* -- 1600 -- Мобилки конец */
/* 1500 Мобилки начало */
@media screen and (max-width: 1500px) {
.banners-big .banners-big__title,
.banners-big .banners-big__title span {
font-size: 38px;
}
.banners-big .banners-big__text-block {
font-size: 16px;
}
.banners-big .btn-default {
--button-height: 46px;
--button-pl: 40px;
--button-pr: 40px;
}
}
/* -- 1500 -- Мобилки конец */
/* 1400 Мобилки начало */
@media screen and (max-width: 1400px) {
.cmd__grid{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.cmd__grid > a{
width: 100%;
}
}
/* -- 1400 -- Мобилки конец */
/* 1300 Мобилки начало */
@media screen and (max-width: 1300px) {
.COMPANY_TEXT .company-image-type{
flex-direction: column;
}
.company-item__picture{
aspect-ratio: 16 / 14;
}
.SALE .ui-card__title {
font-size: 22px;
}
.page-top-info > .detail-image.detail-image--top_content,
div[role="main"].main.banner-auto > .detail-image.detail-image--top_content{
padding-inline: 8px;
}
}
/* -- 1300 -- Мобилки конец */
/* 1200 Мобилки начало */
@media screen and (max-width: 1200px) {
.about-company-img {
height: 28vw;
}
.val-bg{
padding: 0;
}
.phones__dropdown{
right: 0;
left: unset !important;
}
.about-company{
padding: 20px 20px 0;
}
.about-company .catalog-viewed{
padding-bottom: 50px;
}
.loyalty-program .rules-grid,
.loyalty-program .privileges-grid{
gap: 1rem;
}
.catalog-detail .detail-block.ordered-block#desc {
flex-direction: column;
gap: 40px;
}
/* Кастом (2026-07-28): ниже ПК — одна колонка (правая уходит под левую) */
.cm-bi__grid {
grid-template-columns: 1fr;
gap: 40px;
}
.detail-block.ordered-block .content.js-detail-description{
font-size: 18px;
}
.content.js-detail-description .cm-desc-p {
margin-bottom: 0.7em;
}
.piramida-compose {
min-width: unset;
}
.detail-block.ordered-block.catalog_comments.EXTENDED h3.switcher-title{
margin: 0;
}
.news-list .uc-blog-variable-grid .ui-card__info {
max-width: min(100%, 50vw);
}
.page-top-info > .detail-image.detail-image--top_content .detail-image__top-content-img,
div[role="main"].main.banner-auto > .detail-image.detail-image--top_content .detail-image__top-content-img{
height: 470px;
}
section.page-top.uc-blog-page-top--detail .uc-blog-detail-page-top__inner{
padding: 40px 40px 20px;
}
/*
.detail.blog .services-detail__bottom-info{
padding: 30px 40px 50px;
} */
.page-blog .detail.blog .content h2{
margin: 60px 0 30px;
}
.page-blog .detail.blog .content blockquote:not(.danger,.info,.code):after{
display: none;
}
.page-blog .detail.blog .content blockquote:before {
background-color: #4a3f351a;
top: unset;
bottom: 17px;
left: unset;
right: 20px;
scale: 2;
}
.reviews__left {
flex: 1 1 calc(100% - 300px);
}
body .reviews__right {
flex: 0 0 280px;
}
.banners-big .banners-big__title, .banners-big .banners-big__title span {
font-size: 32px;
padding-bottom: 0;
}
.banners-big__buttons{
--mt: 14px;
}
}
/* -- 1200 -- Мобилки конец */
/* 991 Мобилки начало */
@media screen and (max-width: 991px) {
.rules-grid, .privileges-grid{
gap: 1rem;
}
.loyalty-program .ordered-block .line-block,
.recycling-program .ordered-block .line-block,
.partnership-policy .ordered-block .line-block,
.corporate-gifts .ordered-block .line-block,
.horeca-line .ordered-block .line-block{
flex-direction: column;
}
.loyalty-tiers {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.tier-premium {
top: unset;
}
.horeca-line .gallery-grid {
gap: 1rem;
}
.partnership-policy .section-split{
gap: 2rem;
}
.company-item__picture-wrapper {
padding-top: 85%;
}
.press-page{
flex-direction: column;
gap: 0;
}
.press-page__img{
flex: 0 0 210px;
margin: 0 auto;
}
blockquote:before{
top: 9px;
}
blockquote:not(.danger,.info,.code):after{
top: 15px;
}
h2.switcher-title,
h1#pagetitle {
font-size: 40px;
}
.payment-and-delivery__wrap{
flex-direction: column-reverse;
}
.payment-and-delivery__img{
max-width: unset;
}
.oplata-wrap{
flex-direction: column;
}
.project-list .grid-list--items-2-from-601 {
--items-count: 2;
}
.oplata {
gap: 20px;
flex-direction: column;
}
.catalog-detail__main-parts .brand-detail-info__preview{
justify-content: center;
}
.detail-block.ordered-block.char{
flex-direction: column-reverse;
}
.visible-by-container-rule .catalog-detail__forms > .grid-list__item:last-child .d-block .catalog-detail__pseudo-link {
justify-content: flex-start;
}
.sale-products-gift .product-item-small-card>.row {
grid-template-columns: 1fr;
}
.page-top-info.uc-blog-detail-head:has(> .detail-image.detail-image--top_content) > .page-top-wrapper {
margin-top: 0;
z-index: auto;
}
.page-top-info.uc-blog-detail-head:has(> .detail-image.detail-image--top_content) > .detail-image.detail-image--top_content {
z-index: auto;
}
section.page-top.uc-blog-page-top--detail {
justify-content: center;
}
section.page-top.uc-blog-page-top--detail .uc-blog-detail-page-top__inner {
background: transparent;
box-shadow: none;
border-radius: 0;
padding: 0;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
}
section.page-top.uc-blog-page-top--detail .topic__detail-meta.uc-blog-detail-title-meta {
white-space: normal;
flex-wrap: wrap;
}
.uc-blog-detail-layout {
display: flex;
flex-direction: column;
gap: 20px;
}
.uc-blog-detail-layout__aside {
max-width: none;
width: 100%;
margin-top: 0;
}
.news-list .uc-blog-variable-grid .ui-card__info{
max-width: 90%;
}
/* Блог: сетка 1 / 2 / 2 / 1 / 2 / 2 ... */
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+1) {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+1) .ui-card__image {
aspect-ratio: 21 / 9;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+2),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+3),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+4),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+5) {
flex: 0 0 calc((100% - var(--uc-vblog-gap)) / 2) !important;
width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
max-width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+2) .ui-card__image,
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+3) .ui-card__image,
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+4) .ui-card__image,
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(5n+5) .ui-card__image {
aspect-ratio: 16 / 10;
}
.news-list .ui-card__title {
font-size: 17px;
}
section.page-top.uc-blog-page-top--detail .uc-blog-detail-page-top__inner{
background: #ffffff;
border-radius: 10px 10px 0 0;
padding-top: 30px;
}
section.page-top.uc-blog-page-top--detail{
padding-top: 0;
}
.page-blog .detail-image{
margin-bottom: 0;
}
.page-blog .detail.blog .link_property_goods {
max-width: calc(100vw - 130px);
}
.uc-blog-author-card,
.uc-blog-sidebar-related{
padding: 0;
}
.uc-blog-detail-head .detail-image__top-content-inner img{
max-width: 100% !important;
height: auto !important;
}
.phones__dropdown {
right: unset !important;
left: 0 !important;
}
#mobilephones {
height: calc(100dvh - var(--mobile-header-top) - 35px);
}
.oplata.cmdc > .oplata-wrap,
.oplata.cmdc > .toogle {
flex: 1 1 100%;
width: 100%;
}
.wickg__h2 {
font-size: 30px;
}
.wickg__files {
grid-template-columns: 1fr;
}
/* Таблица (min-width 900px) перестаёт помещаться уже на планшете,
поэтому подсказка про прокрутку нужна начиная отсюда, а не с 767px. */
.wickg__hint {
display: block;
}
.wickg__choice {
grid-template-columns: 1fr;
}
.wickg__help {
padding: 32px;
}
.wickg__help-title {
font-size: 25px;
}
.basebnr__title {
font-size: 34px;
}
.reviews__container {
flex-wrap: wrap;
}
.reviews__left,
body .reviews__right {
flex: 1 1 100%;
}
.cmr-gallery__grid .grid-item {
width: calc(33.333% - 7px);
}
.reviews__wrapper > .reviews__title {
font-size: 28px;
}
.banners-big__text-wrapper{
display: none;
}
.banners-big .banners-big__title, .banners-big .banners-big__title span {
font-size: 25px;
padding-bottom: 12px;
}
.banners-big .btn-default {
--button-height: 44px;
--button-pl: 30px;
--button-pr: 30px;
--button-font-size: 1.0rem;
}
#delivery.detail-block.delivery{
margin-top: 30px;
}
}
/* -- 991 -- Мобилки конец */
/* 768 Мобилки начало */
@media screen and (max-width: 768px) {
.loyalty-tiers {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.tier-premium {
transform: none;
}
.tier {
padding: 1.5rem;
}
.rules-grid,
.privileges-grid {
grid-template-columns: 1fr;
}
.rule-card,
.privilege-card {
padding: 1.25rem;
}
.photo-grid {
grid-template-columns: 1fr;
}
.photo-masonry {
grid-template-columns: 1fr;
}
.photo-masonry .wide,
.photo-masonry .tall {
grid-column: span 1;
grid-row: span 1;
min-height: 200px;
}
.process-flow {
flex-direction: column;
}
.flow-connector {
width: 2px;
height: 40px;
transform: rotate(90deg);
}
.flow-connector::after {
content: '';
right: 30px;
top: 0px;
}
.advantages-timeline {
max-width: 100%;
}
.gallery-grid {
grid-template-columns: 1fr;
grid-template-areas:
"large"
"img1"
"img2"
"wide";
}
.showcase-content {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.showcase-images {
grid-template-columns: 1fr;
}
.showcase-images .tall {
grid-row: span 1;
min-height: 200px;
}
.clients-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.client-tile.featured {
grid-column: span 2;
}
.testimonial-card {
grid-template-columns: 1fr;
gap: 2rem;
}
.features-timeline::before {
left: 20px;
}
.feature-item {
padding-left: 80px;
}
.feature-number {
width: 40px;
height: 40px;
font-size: 1rem;
}
.horeca-line .gallery-grid {
grid-template-columns: 1fr;
grid-template-areas:
"large"
"img1"
"img2"
"wide";
}
.horeca-line .showcase-content {
grid-template-columns: 1fr;
gap: 2rem;
}
.horeca-line .showcase-images {
grid-template-columns: 1fr 1fr;
}
.horeca-line .showcase-images .tall {
grid-row: span 1;
min-height: 200px;
}
.horeca-line .clients-grid {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.horeca-line .client-tile.featured {
grid-column: span 2;
}
.horeca-line .testimonial-card {
grid-template-columns: 1fr;
gap: 2rem;
}
.horeca-line .features-timeline::before {
left: 20px;
}
.horeca-line .feature-item {
padding-left: 80px;
}
.horeca-line .feature-number {
width: 40px;
height: 40px;
font-size: 1rem;
}
.partnership-policy .section-split {
grid-template-columns: 1fr;
gap: 2rem;
}
.partnership-policy .principles-list {
gap: 0.5rem;
}
.partnership-policy .principle-point {
gap: 1rem;
}
.partnership-policy .product-grid {
grid-template-columns: 1fr;
}
.partnership-policy .contact-cards {
grid-template-columns: 1fr;
}
.about-company .logo-visual {
flex-direction: column;
justify-content: space-between;
padding: 0 0 30px 0;
}
.about-company .separator {
width: 130px;
}
.about-company .logo-visual .separator {
transform: rotate(90deg);
font-size: 0.8em;
width: 80px;
}
.about-company .values-grid {
grid-template-columns: 1fr;
}
.about-company .principles-flow {
grid-template-columns: repeat(2, 1fr);
}
.about-company .photo-row {
grid-template-columns: repeat(2, 1fr);
}
.about-company .favorites-grid {
grid-template-columns: repeat(2, 1fr);
}
.logo-explanation{
display: flex;
padding: 0 50px;
margin: 0 auto;
}
.about-company .logo-description{
flex-direction: column;
}
.about-company .logo-description p:first-child{
flex: 0 0 auto;
}
.about-company .logo-description{
max-width: 320px;
justify-content: space-between;
gap: 40px;
}
.about-company .logo-description p{
text-align: left;
}
.about-company .logo-explanation{
gap: 20px;
}
.about-company .swiper-button-next.swiper-button-disabled,
.about-company .swiper-button-prev.swiper-button-disabled,
.slider-nav:not(.slider-nav--no-auto-hide){
display: flex;
}
.personal__main-block .banners-slider .slider-nav{
display: none;
}
.product-image .photo-placeholder{
min-height: unset;
}
.recycling-program .showcase-content {
gap: 1rem;
}
.recycling-program .process-flow{
align-items: center;
}
.recycling-program .flow-step{
padding: 0;
}
.recycling-program .future-items{
flex-direction: column;
gap: 10px;
}
.partnership-policy .showcase-content{
flex-direction: column;
}
.partnership-policy .distribution-section .company-description p:last-child{
margin-bottom: 0;
}
.corporate-gifts .timeline-description{
width: 60vw;
line-height: 120%;
}
.corporate-gifts .photo-grid {
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.corporate-gifts .photo-grid .large {
grid-row: span 1;
}
.corporate-gifts .photo-grid img{
height: 100%;
}
.corporate-gifts .photo-grid{
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 1rem;
}
.corporate-gifts .photo-masonry .tall {
grid-row: span 2;
min-height: 400px;
}
.corporate-gifts .photo-masonry{
grid-template-columns: 1fr 1fr;
}
.photo-masonry .wide{
grid-column: span 2;
}
.banners-big__item--cover, .main-slider .main-slider__item{
aspect-ratio: unset;
}
.contacts-list__city-title {
margin-left: -13px;
}
.excel-promo-block{
flex-wrap:wrap;
align-items:flex-start;
text-align:left;
}
.excel-promo-block-btn{
width:100%;
flex:1 1 100%;
min-width:auto;
}
.excel-grid{
grid-template-columns:1fr;
}
.excel-actions{
flex-direction:column;
align-items:stretch;
}
.excel-hero{
flex-direction:row;
}
/* Блог: сетка 1 / 2 / 1 / 2 ... */
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+1) {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+1) .ui-card__image {
aspect-ratio: 21 / 9;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+2),
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+3) {
flex: 0 0 calc((100% - var(--uc-vblog-gap)) / 2) !important;
width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
max-width: calc((100% - var(--uc-vblog-gap)) / 2) !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+2) .ui-card__image,
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+3) .ui-card__image {
aspect-ratio: 16 / 10;
}
.page-blog .big_gallery .gallery-slider-thumb-wrapper{
display: none;
}
section.page-top.uc-blog-page-top--detail .topic__detail-meta.uc-blog-detail-title-meta{
padding: 0 20px;
justify-content: center;
display: flex;
}
.uc-blog-detail-nav__arrow svg {
width: 60px;
}
.uc-blog-detail-nav__label {
font-size: 16px;
}
.val-marketplaces-buttons{
flex-wrap: wrap;
gap: 10px;
}
.oplata.dostavka.cmdc {
margin-top: 16px;
}
.cmdc__foot {
flex-direction: column;
align-items: stretch;
gap: 16px;
margin-top: 20px;
}
.cmdc__foot-text,
.cmdc .oplata-item__text p,
.cmdc .oplata-item__text blockquote {
font-size: 15px;
}
.cmdc__link {
justify-content: center;
font-size: 15px;
padding: 14px 22px;
}
.wickg__lead {
font-size: 16px;
}
.wickg__h2 {
font-size: 25px;
}
.wickg__section {
margin-bottom: 40px;
}
.wickg__table {
font-size: 14px;
min-width: 760px;
}
.wickg__table th,
.wickg__table td {
padding: 13px 16px;
}
.wickg__note {
padding: 24px;
gap: 16px;
margin-bottom: 40px;
}
.wickg__note p {
font-size: 15px;
}
.wickg__file {
padding: 20px;
gap: 16px;
}
.wickg__file-icon {
width: 48px;
height: 48px;
}
.wickg__file-title {
font-size: 16px;
}
.wickg__file:hover {
transform: none;
}
.wickg__choice-item {
padding: 22px;
gap: 14px;
}
.wickg__choice-num {
width: 38px;
height: 38px;
font-size: 17px;
}
.wickg__choice-title {
font-size: 19px;
}
.wickg__choice-text {
font-size: 15px;
}
.wickg__choice-item:hover {
transform: none;
}
.wickg__table--wide {
min-width: 1040px;
font-size: 13px;
}
.wickg__table--wide th,
.wickg__table--wide td {
padding: 12px 14px;
}
.wickg__help {
padding: 26px 22px;
border-radius: 16px;
gap: 22px;
}
.wickg__help-title {
font-size: 22px;
}
.wickg__help-text {
font-size: 15px;
}
.wickg__help-links {
width: 100%;
}
.wickg__help-link {
flex: 1 1 100%;
font-size: 15px;
padding: 14px 22px;
}
.wickg__files--single {
grid-template-columns: 1fr;
}
.basebnr {
min-height: 220px;
margin-bottom: 28px;
}
.basebnr__inner {
padding: 32px 16px;
}
.basebnr__crumbs {
margin-bottom: 14px;
}
.basebnr__title {
font-size: 26px;
}
.basebnr__subtitle {
font-size: 15px;
margin-top: 12px;
}
.reviews__left {
padding: 20px 30px;
border-radius: 20px;
}
.reviews__topics-list {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
}
.reviews__ratings {
gap: 24px;
}
/* Заголовок и рейтинги перестают помещаться в строку */
.reviews__title {
flex-wrap: wrap;
justify-content: flex-start;
gap: 16px;
}
.reviews__title .reviews__ratings {
flex-wrap: wrap;
width: 100%;
}
.banners-big--adaptive-3 .banners-big__item {
padding-top: 100%;
}
.cmdc__foot-text{
flex: 1 1 auto;
}
.cmd__keys{
gap: 10px;
}
.pagebase-company-faq .accordion-head > i.svg{
top: calc(var(--p-block) + 5px);
}
}
/* -- 768 -- Мобилки конец */
/* 600 Мобилки начало */
@media screen and (max-width: 600px) {
.about-company-img{
height: 48vw;
}
.logo-explanation {
padding: 0 20px;
}
.about-company .hero-section {
margin-bottom: 2rem;
}
.horeca-line .hero-section {
margin-bottom: 2rem;
}
.horeca-line .gallery-grid{
grid-template-columns: 1fr 1fr;
display: grid;
}
.horeca-line .feature-item {
margin-bottom: 1rem;
}
.horeca-line .features-timeline {
width: 90vw;
}
.horeca-line .rule-card{
flex-direction: column;
}
.top-content-row__main--blog-tabs-center .top-content-row__tabs .tabs {
display: none !important;
}
.blog-tabs-mobile-select-wrap {
display: flex;
align-items: center;
}
.SALE .ui-card__title{
font-size: 22px;
}
.TIZERS .tizers-list__item-name {
font-size: 19px;
}
.TIZERS .tizers-list__item-descr {
font-size: 16px;
}
.SALE .ui-card__title {
font-size: 19px;
}
.index-block--padding-bottom-80 > div {
padding-bottom: 40px;
}
.project-list .grid-list--items-2-from-601 {
--items-count: 1;
}
.catalog-detail .detail-block.ordered-block#desc {
gap: 20px;
}
.visible-by-container-rule .catalog-detail__forms > .grid-list__item:last-child .d-block .catalog-detail__pseudo-link {
justify-content: flex-end;
}
.val-vid-aroma{
align-items: center;
}
.val-vid-aroma .notes{
width: 132px;
}
.notes-top-wrap, .notes-middle-wrap, .notes-base-wrap, .vidaroma-wrap {
justify-content: center !important;
}
.breadcrumbs{
padding-bottom: 5px;
scrollbar-color: rgba(35, 31, 32, 0.18) transparent;
}
.breadcrumbs::-webkit-scrollbar {
height: 4px;
}
.breadcrumbs::-webkit-scrollbar-track {
background: transparent;
}
.breadcrumbs::-webkit-scrollbar-thumb {
background: rgba(35, 31, 32, 0.18);
border: 0;
border-radius: 999px;
}
.news-list .uc-blog-variable-grid {
display: flex !important;
flex-direction: column;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(n) {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.news-list .uc-blog-variable-grid .ui-card__info {
text-align: center;
align-items: center !important;
justify-content: center !important;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
.news-list .uc-blog-variable-grid .ui-card__section-path {
font-size: 15px !important;
line-height: calc(1em + 6px) !important;
opacity: 0.88;
}
.news-list .uc-blog-variable-grid .ui-card__text {
font-size: 17px !important;
line-height: calc(1em + 8px) !important;
}
.uc-blog-sidebar-related .uc-blog-related-item__link {
grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
column-gap: 12px;
}
.ui-card__meta{
background-color: #f1e9dc96;
padding: 10px 12px;
border-radius: 8px;
margin-top: 12px;
width: 100%;
}
.news-list .uc-blog-variable-grid .ui-card__section-path{
background-color: #f5efe6;
}
.news-list .uc-blog-variable-grid > .grid-list__item:nth-child(3n+1) .ui-card__image {
aspect-ratio: 16 / 10;
}
#navigation.uc-blog-detail-breadcrumbs .breadcrumbs{
overflow: hidden;
}
.uc-blog-detail-page-top__inner .breadcrumbs{
display: flex;
justify-content: center;
padding: 0 14px;
margin: 0 !important;
}
/*
.detail.blog .services-detail__bottom-info {
padding: 30px 15px 50px;
} */
.page-blog .detail.blog .content > .ui-card__preview-text,
.page-blog .detail.blog .content blockquote{
font-size: 24px;
font-weight: 600;
letter-spacing: 0;
word-spacing: 2px;
padding: 20px;
margin: 0;
}
.content li {
margin: 8px 0 8px 0px;
}
.page-blog .detail-gallery-big-slider-main {
max-width: unset;
margin: auto;
}
.page-blog .detail.blog .link_property_goods {
max-width: calc(100vw - 79px);
}
.val-marketplaces-buttons{
gap: 20px;
}
.reviews__left {
box-shadow: unset;
padding: 20px 0 0 0;
border-top: 1px solid #e0e0e0;
border-radius: 0;
}
.reviews__title {
font-size: 22px;
flex-wrap: wrap;
}
.reviews__topics-title {
font-size: 19px;
}
.reviews__yandex-rating {
font-size: 32px;
}
.reviews__button {
width: 100%;
padding: 14px 20px;
}
.cmr-gallery__grid .grid-item {
width: calc(50% - 5px);
}
.review__user-person > span:first-child {
font-size: 18px;
}
.review__user-person > span:last-child:not(.review__user-meta) {
font-size: 16px;
}
.review__text {
font-size: 16px;
}
.review__user {
padding-right: 0;
}
.review__source {
position: static;
margin-top: 14px;
max-width: 100%;
}
.catalog-block__item .prices {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.pagebase-base .detail-image img, .pagebase-company-news .detail-image img{
height: unset;
max-height: unset;
object-fit: contain;
}
.wickg__table tbody th,
.wickg__table thead th:first-child{
position: unset;
}
.wickg__files{
gap: 10px;
}
.cmd__partners{
gap: 10px;
}
}
/* -- 600 -- Мобилки конец */
/* 450 Мобилки начало */
@media screen and (max-width: 450px) {
.join-btn {
padding: 0.875rem 2rem;
font-size: 1rem;
}
.testimonial-card {
padding: 2rem;
}
.cta-content {
padding: 3rem 1rem;
}
.clients-grid {
grid-template-columns: 1fr;
}
.client-tile.featured {
grid-column: span 1;
}
.horeca-line .hero-section {
padding: 2rem 1rem;
}
.horeca-line .testimonial-card {
padding: 2rem;
}
.horeca-line .cta-content {
padding: 3rem 1rem;
}
.horeca-line .clients-grid {
grid-template-columns: 1fr;
}
.horeca-line .client-tile.featured {
grid-column: span 1;
}
.partnership-policy .principle-point {
padding: 1rem;
}
.about-company .story-section {
padding: 2rem 1rem;
}
.about-company .hero-section {
padding: 0;
}
.about-company .principles-flow {
grid-template-columns: 1fr;
}
.about-company .photo-row,
.about-company .favorites-grid {
grid-template-columns: 1fr;
}
.about-company .principle-item {
padding: 1.5rem 1rem;
}
.about-company .logo-visual{
height: 156px;
}
.about-company .logo-visual .separator {
width: 60px;
}
.about-company .logo-description{
gap: 5vw;
}
.about-company .principles-section .privileges-grid {
grid-template-columns: unset;
}
.horeca-line .hero-section {
margin-bottom: 0rem;
}
.horeca-line .features-timeline::before {
display: none;
}
.horeca-line .feature-number {
width: 40px;
height: 40px;
font-size: 1rem;
display: none;
}
.horeca-line .feature-item {
padding-left: 0;
}
.horeca-line .advantages-section {
padding: 0;
}
.horeca-line .rule-card{
flex-direction: row;
}
.horeca-line .showcase-images {
grid-template-columns: 1fr;
}
.recycling-program .rule-card{
flex-direction: column;
gap: .5rem;
}
.recycling-program .warning-note .rule-card{
flex-direction: row;
gap: 1rem;
}
.corporate-gifts .photo-grid {
gap: 0.5rem;
}
.corporate-gifts .photo-masonry .tall {
grid-row: span 1;
min-height: 400px;
}
.corporate-gifts .photo-masonry{
grid-template-columns: 1fr;
}
.photo-masonry .wide{
grid-column: span 1;
}
.info-table-container table,
.info-table-container thead,
.info-table-container tbody,
.info-table-container th,
.info-table-container td,
.info-table-container tr {
display: block;
}
.info-table-container thead tr {
display: none;
}
.info-table-container tr {
margin-bottom: 16px;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.info-table-container{
box-shadow: unset;
}
.info-table-container td {
border: none;
position: relative;
display: flex;
flex-direction: column;
}
.info-table-container td::before {
font-weight: 600;
color: #555;
content: attr(data-label);
text-align: left;
}
h2.switcher-title,
h1#pagetitle {
font-size: 30px;
font-weight: 800;
}
.SALE .ui-card__title {
font-size: 19px;
}
.index-block--padding-bottom-80 > div {
padding-bottom: 20px;
}
.pay-card{
gap: 16px;
}
.pay-card img {
max-height: 30px;
max-width: 65px;
}
.oplata {
gap: 10px;
padding: 30px 28px;
}
.oplata.dostavka{
padding: 0;
}
.piramida-compose img{
height: 30.8vw;
object-fit: cover;
object-position: left;
}
.catalog-detail__bottom-info .properties-group__group {
padding: 20px 30px 20px;
}
.wrap-val__div {
padding: 20px 30px 20px;
}
.catalog-detail__main-parts .catalog-detail__forms{
grid-template-columns: 1fr;
}
.visible-by-container-rule .catalog-detail__forms > .grid-list__item:last-child .d-block .catalog-detail__pseudo-link {
justify-content: flex-start;
}
.jqmWindow--mobile-fill{
min-height: 60vh;
max-height: 60vh;
height: max-content;
top: 20vh !important;
min-width: 90% !important;
width: 90% !important;
margin: 0 auto;
border-radius: 20px;
}
.val-vid-aroma{
padding: 20px 10px 20px;
}
.excel-wrapper {
padding: 0;
}
h1.switcher-title{
font-size: 32px;
}
.delivery-link span{
font-size: 15px;
}
.company-logos {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.page-blog .detail.blog .content h2 {
font-size: 27px;
}
.page-blog .notes-and-tittle-blog{
width: auto;
gap: 10px;
}
.val-marketplaces-buttons{
gap: 13px;
}
.catalog-block__info-title a {
font-size: 15px;
}
.detail-block.ordered-block#delivery .oplata-item{
padding: 18px 18px 0;
}
.cmd__h3 {
font-size: 18px;
}
}
/* -- 450 -- Мобилки конец */
/* ===== Gilroy — шрифт сайта (13.09.2026) =====
Заменяет Manrope и Jost. Файлы: css/fonts/gilroy/*.woff.
Прямых Light (300) и ExtraBold (800) в наборе нет: 800 = файл Black, 900 = Heavy.
Старые правила с Jost/Manrope выше не удалены — этот блок их перекрывает (стоит последним).
Откат: удалить блок до строки «Gilroy конец». Бэкап: /home/bitrix/cm-gilroy-20260913/ */
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-RegularItalic.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-Black.woff') format('woff');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('/local/templates/rosveb/css/fonts/gilroy/Gilroy-Heavy.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
/* переменные темы Аспро (тема ставит --theme-font-family: Manrope) */
:root,
body {
--theme-font-family: 'Gilroy' !important;
--theme-font-title-family: 'Gilroy' !important;
}
.banners-big .banners-big__title,
.banners-big .banners-big__title span {
font-family: 'Gilroy', Arial, sans-serif;
}
body,
.TIZERS .switcher-title,
.mega-menu .switcher-title {
font-family: 'Gilroy', Arial, sans-serif !important;
}
input,
textarea,
select,
button {
font-family: 'Gilroy', Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Gilroy', Arial, sans-serif;
}
h2.switcher-title,
h1#pagetitle {
font-family: 'Gilroy', Arial, sans-serif;
}
.loyalty-title,
.section-title,
h3.switcher-title {
font-family: 'Gilroy', Arial, sans-serif;
}
.testimonial-content blockquote::before {
font-family: 'Gilroy', Arial, sans-serif;
}
.horeca-line .testimonial-content blockquote::before {
font-family: 'Gilroy', Arial, sans-serif;
}
.about-company .logo-visual {
font-family: 'Gilroy', Arial, sans-serif;
}
.about-company .timeline-point .year {
font-family: 'Gilroy', Arial, sans-serif;
}
.catalog-detail__bottom-info .properties-group__group-name,
.detail-block.ordered-block.char .wrap-val-1 h4 {
font-family: 'Gilroy', Arial, sans-serif;
}
.page-blog .detail.blog .uc-blog-author-card__name a {
font-family: 'Gilroy', Arial, sans-serif;
}
.page-blog .detail.blog .content h2 {
font-family: 'Gilroy', Arial, sans-serif;
}
.page-blog .detail.blog .content blockquote {
font-family: 'Gilroy', Arial, sans-serif;
}
.page-blog .detail.blog .content > .ui-card__preview-text {
font-family: 'Gilroy', Arial, sans-serif;
}
.comments-block__inner-wrapper h3.switcher-title {
font-family: 'Gilroy', Arial, sans-serif;
}
.TIZERS .ui-card__title {
font-family: 'Gilroy', Arial, sans-serif !important;
}
/* ===== Gilroy конец ===== */