@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//butonskiy-ufa.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "David Libre", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "David Libre", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Great Vibes", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "David Libre", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "David Libre", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 24px;
	--wd-primary-color: rgb(237,35,83);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(237,35,83);
	--btn-accented-bgcolor-hover: rgb(216,32,76);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://butonskiy-ufa.ru/wp-content/uploads/2021/10/flowers-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(206,52,47);
	background-image: url(https://butonskiy-ufa.ru/wp-content/uploads/2021/10/flowers-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: url(https://butonskiy-ufa.ru/wp-content/uploads/2021/10/flowers-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a {
	font-weight: 600;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* Отступ между элементами в верхней полосе */
.topbar-item {
    margin-left: 20px;
    text-decoration: none !important;
    color: white !important;
}
/* Убираем лишний отступ у первого элемента */
.topbar-item:first-child {
    margin-left: 0;
}
/* Легкий эффект при наведении курсора */
.xts-header-row a:hover {
    opacity: 0.8;
}
/* Черный текст и ссылки в верхней панели (Top bar) */
.whb-top-bar,
.whb-top-bar a{
  color: #000 !important;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<div class="social-html">
  <a href="https://t.me/USERNAME" target="_blank" rel="noopener" aria-label="Telegram">
    <i class="fa-brands fa-telegram"></i>
  </a>
  <a href="https://vk.com/USERNAME" target="_blank" rel="noopener" aria-label="VK">
    <i class="fa-brands fa-vk"></i>
  </a>
  <a href="https://instagram.com/USERNAME" target="_blank" rel="noopener" aria-label="Instagram">
    <i class="fa-brands fa-instagram"></i>
  </a>
  <a href="https://wa.me/79991234567" target="_blank" rel="noopener" aria-label="WhatsApp">
    <i class="fa-brands fa-whatsapp"></i>
  </a>
</div>
/* --- ФИКС ДЛЯ ШАПКИ (Чтобы не наезжала на каталог) --- */

/* 1. Для КОМПЬЮТЕРА (везде, КРОМЕ главной) */
body:not(.home) .website-wrapper {
    padding-top: 1000px !important; 
}

/* 2. Для ТЕЛЕФОНА (везде, КРОМЕ главной) */
@media (max-width: 1024px) {
    body:not(.home) .website-wrapper {
        padding-top: 26px !important;
    }
}/* --- ЛЕЧЕНИЕ ДЛЯ КОМПЬЮТЕРА (ТОЛЬКО КАТАЛОГ) --- */
@media (min-width: 1025px) {
    /* Сдвигаем сам блок с товарами вниз */
    body.archive .main-page-wrapper {
        margin-top: 165px !important;
        padding-top: 0 !important;
    }
/* === 1. ЗАЩИЩАЕМ ПРАВУЮ КОЛОНКУ (КОНТАКТЫ) ОТ СЖАТИЯ === */
.whb-top-bar .whb-col-right {
    flex-shrink: 0 !important; /* Запрещаем колонке сжиматься */
    white-space: nowrap !important; /* Запрещаем тексту переноситься на новые строки */
}

/* === 2. СКРЫВАЕМ ЦЕНТР === */
.whb-top-bar .whb-col-center {
    display: none !important;
}

/* === 3. РАСТЯГИВАЕМ ЛЕВУЮ КОЛОНКУ ПРАВИЛЬНО === */
.whb-top-bar .whb-col-left {
    flex: 1 1 auto !important; /* Занимает всё свободное место, но уважает соседей */
    max-width: none !important;
    overflow: hidden !important; /* Важно, чтобы дорожка не ломала ширину сайта */
    margin-right: 20px; /* Делаем небольшой отступ от номера телефона */
}

/* === 4. КОНТЕЙНЕР БЕГУЩЕЙ СТРОКИ === */
.my-topbar-ticker {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

/* === 5. САМ ТЕКСТ И АНИМАЦИЯ === */
.my-ticker-text {
    display: inline-block;
    padding-left: 100%;
    animation: tickerScroll 20s linear infinite; 
    font-weight: 600;
}

@keyframes tickerScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.my-topbar-ticker:hover .my-ticker-text {
    animation-play-state: paused;
}
/* Минимальный CSS для поддержки */
@media (max-width: 768px) {
    .wd-product-gallery,
    .wd-product-gallery__wrapper,
    .woocommerce-product-gallery {
        aspect-ratio: 3/4 !important;
    }
    
    .wd-product-gallery img,
    .wd-product-gallery__image img {
        object-fit: cover !important;
        object-position: center !important;
    }
}

}

/* Compact shop and category headings */
.page-title.title-shop {
  background: #fff !important;
  padding: 24px 0 !important;
  margin-bottom: 20px !important;
  min-height: 0 !important;
}
.page-title.title-shop .entry-title {
  color: #222 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.page-title.title-shop .wd-back-btn { display: none; }
@media (max-width: 767px) {
  .page-title.title-shop { padding: 16px 0 !important; margin-bottom: 16px !important; }
  .page-title.title-shop .entry-title { font-size: 24px !important; }
}
@media (min-width: 577px) and (max-width: 767px) {
	/* Privacy policy: mobile page gutters */
body.page-id-3 .content-layout-wrapper { margin-left: 0; margin-right: 0; }
body.page-id-3 .site-content { padding-left: 20px; padding-right: 20px; min-width: 0; }
body.page-id-3 #post-3 .entry-content { overflow-wrap: anywhere; }
}

@media (max-width: 576px) {
	/* Privacy policy: mobile page gutters */
body.page-id-3 .content-layout-wrapper { margin-left: 0; margin-right: 0; }
body.page-id-3 .site-content { padding-left: 20px; padding-right: 20px; min-width: 0; }
body.page-id-3 #post-3 .entry-content { overflow-wrap: anywhere; }

/* Checkout consent: separate touch area from policy links */
#privacy_consent_field label.checkbox { display: block !important; position: relative; padding-left: 56px !important; min-height: 44px; text-align: left; }
#privacy_consent_field #privacy_consent { position: absolute !important; left: 4px !important; top: 2px !important; width: 32px !important; height: 32px !important; margin: 0 !important; float: none !important; cursor: pointer; }

}