:root {
--content-block-width: 1170px; --color-primary-blue: #0B66E2;
--color-primary-orange: #F77A40;
}
* {
padding: 0;
margin: 0;
font-family: 'Montserrat';
outline: none;
}
main#primary {
max-width: 100vw;
overflow: hidden;
position: relative;
}
.post,
.page {
margin: 0;
}
a {
text-decoration: none;
color: #000;
}
a:visited {
color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'SF Pro Display', sans-serif;
}
.container {
max-width: var(--content-block-width);
margin: 0 auto;
padding: 0 15px;
width: 100%;
}
.tr-color {
transition: color .4s ease;
}
.contacts-map__iframe iframe {
pointer-events: all !important;
}
button {
font-size: 18px;
font-family: 'Montserrat';
font-weight: 600;
cursor: pointer;
border-radius: 8px;
max-width: 250px;
width: 100%;
height: 57px;
}
button.hero__button.solid {
background-color: var(--color-primary-orange);
color: #fff;
border: 3px solid var(--color-primary-orange);
}
button.hero__button.solid {
position: relative;
overflow: hidden;
background-color: var(--color-primary-orange);
color: #fff;
border: 3px solid var(--color-primary-orange);
transition: color 0.4s ease;
} button.hero__button.solid::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background-color: rgb(255, 255, 255); z-index: -1;
transition: height 0.4s ease;
}
button.hero__button.solid:hover::before {
height: 100%;
}
button.hero__button.solid:hover {
color: var(--color-primary-orange) !important;
} button.hero__button.solid>* {
position: relative;
z-index: 1;
} button.hero__button.solid {
z-index: 1;
}
button.hero__button.outline.tr-color {
background-color: transparent;
border: 3px solid var(--color-primary-blue);
color: var(--color-primary-blue);
}
button.hero__button.outline.tr-color {
position: relative;
overflow: hidden;
background-color: transparent;
border: 3px solid var(--color-primary-blue);
color: var(--color-primary-blue);
transition: color 0.4s ease;
} button.hero__button.outline.tr-color::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background-color: var(--color-primary-blue);
z-index: 0;
transition: height 0.4s ease;
} button.hero__button.outline.tr-color:hover::before {
height: 100%;
z-index: -1;
} button.hero__button.outline.tr-color>* {
position: relative;
z-index: 1;
} button.hero__button.outline.tr-color:hover {
color: #fff !important;
}
span.blue-rectangle {
background: var(--color-primary-blue);
padding: 5px 8px;
border-radius: 8px;
color: #fff;
} .hero__title {
font-size: 48px;
font-weight: bold;
text-transform: uppercase;
}
.hero__title span {
font-family: 'SF Pro Display', sans-serif;
}
span.orange {
color: var(--color-primary-orange);
}
span.blue {
color: var(--color-primary-blue);
}
.slider-btn-prev,
.slider-btn-next {
width: 32px;
height: 32px;
background: url(//gaz-181.ru/wp-content/themes/specsangaz_2025/assets/icons/arrow-right.svg);
background-repeat: no-repeat;
background-size: cover;
opacity: 1;
transition: opacity .4s ease;
}
.slider-btn-prev {
transform: rotate(-180deg);
}
.slider-btn-prev.swiper-button-disabled,
.slider-btn-next.swiper-button-disabled {
opacity: 0.3;
}
.slider-controls div {
cursor: pointer;
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
border-radius: 50%;
width: 30px;
height: 30px;
border: none;
}
ul.page-numbers {
border: none !important;
display: flex !important;
gap: 10px;
margin: auto !important;
width: fit-content;
}
span.page-numbers.current {
background: var(--color-primary-blue) !important;
color: #fff !important;
}
a.page-numbers:hover {
background: var(--color-primary-blue) !important;
color: #fff !important;
opacity: 0.7;
}
span.wc-block-checkout__shipping-option--free {
display: none;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
box-shadow: none !important;
}
.wc-block-components-address-form__country.wc-block-components-country-input {
display: none;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item__value {
display: none;
}
.wp-block-woocommerce-cart .wc-block-components-totals-shipping span.wc-block-components-totals-item__label::before {
content: "Доступна опция: ";
font-weight: bold;
}
@media (min-width: 1600px) {
:root {
--content-block-width: 1360px;
}
.container {
max-width: var(--content-block-width);
}
}
@media (max-width: 767px) {
.container {
max-width: 96vw;
padding: 0;
}
}