.form-row.hidden-field,
.form-row.form-field-hidden {
display:none;
}
.modal-map-container .ydw-widget {
padding: 0;
background-color: #FFF;
}
.modal-map-container .ydw-widget .widget__header {
display: none;
}
.modal-map-container .widget__list {
margin-top: 0;
}
.modal-map-container .widget__start {
display: none;
}
.modal-map-container .widget__list-button {
border: none;
padding: 8px;
border-radius: 0;
}
.modal-map-container .widget__list-button:hover,
.modal-map-container .widget__list-button:active {
border: none;
background-color: #FFF;
outline: none;
}
.modal-map-container .widget__list-button .widget__list-button-span {
border-radius: 4px;
}
select.woodev-enhanced-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 0;
padding: 7px 16px;
font-size: 16px;
line-height: 1.5;
color: #444;
width: 100%;
box-sizing: border-box;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
select.woodev-enhanced-select::after {
content: '▼'; position: absolute;
right: 12px; top: 50%;
transform: translateY(-50%);
pointer-events: none; color: #888; }
select.woodev-enhanced-select::-ms-expand {
display: none;
}
.wc-yandex-pickup-points select:not(.enhanced),
.wc-yandex-time-intervals select:not(.enhanced) { }
.wc-yandex-delivery-method-additional-info {
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
background-color: #f8f8f8;
}
.wc-yandex-delivery-method-pricing-commission {
font-size: .9em;
background-color: #FCE000;
padding: 3px 10px;
margin-bottom: 5px;
border-radius: 3px;
color: #222;
}
.wc-yandex-delivery-method-pricing-commission > span.tip-title {
border-bottom: none;
text-decoration: underline dotted;
}
.wc-yandex-delivery-method-additional-info > p {
margin-bottom: 1rem;
}
.wc-yandex-delivery-method-additional-info .wc-yandex-delivery-method-description {
font-size: .95rem;
}
button.wc-yandex-choose-pickup-point {
background-color: rgba(252, 224, 0, .85);
border-radius: 4px;
font-size: 1rem;
line-height: 1.1rem;
}
button.wc-yandex-choose-pickup-point:hover,
button.wc-yandex-choose-pickup-point.wc-yandex-choose-pickup-point--chosen {
outline: none;
background-color: #FCE000;
}
button.wc-yandex-choose-pickup-point.wc-yandex-choose-pickup-point--chosen:hover {
background-color: rgba(252, 224, 0, .85);
}
.wc-yandex-delivery-method-additional-info button.wc-yandex-choose-pickup-point {
margin-bottom: 1rem;
}
#yandex-delivery-map-content section.wc-backbone-modal-main {
padding: 0;
}
@media screen and (max-width: 782px) {
#yandex-delivery-map-content {
height: auto;
}
}
@media only screen and (max-width: 1199px) {
#yandex-delivery-map-content {
min-width: 100%;
}
}
@media only screen and (min-width: 1200px) {
#yandex-delivery-map-content:not(.standard) {
min-width: 1200px;
}
}:root {
--ink: #454545;
--muted: #777;
--blue: #0874c9;
--peach: #fff0dd;
--line: #ededed;
--accent: #ff8a00;
--max: 1180px
}
* {
box-sizing: border-box
}
body {
margin: 0;
color: var(--ink);
font: 14px/1.5 Arial, sans-serif;
background: #fff
}
a {
color: inherit;
text-decoration: none
}
.container {
width: min(100% - 40px, var(--max));
margin: auto
}
.topbar {
font-size: 11px;
color: #fff;
background: #414141;
padding: 6px 0
}
.site-header {
background: #fff;
position: relative;
z-index: 2
}
.header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 0
}
.logo {
display: inline-flex;
align-items: center;
font-weight: 900;
font-size: 34px;
letter-spacing: -3px;
color: var(--accent);
line-height: 1
}
.logo span {
color: #ffb400
}
.custom-logo-link {
display: block
}
.custom-logo {
display: block;
max-height: 56px;
width: auto;
max-width: 180px
}
.header-actions {
display: flex;
gap: 20px;
font-size: 13px;
align-items: center;
}
.main-nav {
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
padding: 10px 0;
font-size: 12px;
text-transform: uppercase
}
.main-nav ul {
display: flex;
justify-content: center;
gap: 24px;
list-style: none;
padding: 0;
margin: 0;
overflow: auto;
white-space: nowrap
}
.hero {
height: 400px;
margin: 24px 0 42px;
background: linear-gradient(90deg, rgba(35, 35, 35, .38), rgba(35, 35, 35, .08)), url(//xn--80aqeadiifk.xn--p1ai/wp-content/uploads/2025/08/generated_image-36-900x506.jpg) center/cover;
display: grid;
place-items: center;
text-align: left;
color: #fff;
padding: 42px
}
.hero>div {
width: 100%;
max-width: 900px
}
.hero h1 {
font: 700 clamp(30px, 4vw, 56px)/1 Arial, sans-serif;
margin: 0 0 14px
}
.hero p {
font-size: 17px
}
.benefits {
display: grid;
grid-template-columns: repeat(4, 1fr);
margin: 0 0 54px;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line)
}
.benefits article {
padding: 26px 22px;
border-right: 1px solid var(--line)
}
.benefits article:last-child {
border: 0
}
.benefit-icon {
color: var(--accent);
font-size: 27px;
line-height: 1
}
.benefits h2 {
margin: 14px 0 6px;
font-size: 16px;
color: #333
}
.benefits p {
margin: 0;
color: var(--muted);
font-size: 13px
}
.section-title {
font: 700 25px Arial, sans-serif;
color: var(--accent);
text-align: center;
margin: 42px 0 24px
}
.tiles {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px
}
.tile {
position: relative;
height: 400px;
background: var(--peach);
overflow: hidden
}
.tile img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}
.tile span {
position: absolute;
left: 14px;
bottom: 14px;
background: #fff;
padding: 7px 10px;
color: var(--accent)
}
.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px
}
.product-card {
min-width: 0
}
.product-media {
position: relative;
height: 400px !important;
max-height: 400px;
min-height: 0;
background: #f3f4f5;
overflow: hidden
}
.product-media img {
width: 100% !important;
height: 400px !important;
max-height: 400px !important;
object-fit: cover;
display: block;
transition: opacity .2s
}
.product-media img.hover-image {
position: absolute;
inset: 0;
opacity: 0
}
.product-card:hover .hover-image {
opacity: 1
}
.product-card:hover .primary-image {
opacity: 0
}
.product-info {
padding: 10px 2px
}
.product-title {
font-size: 14px;
min-height: 42px;
color: var(--accent)
}
.price {
font-weight: 700;
margin-top: 6px;
color: var(--accent)
}
.quick-variations {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-top: 8px
}
.quick-variations button {
border: 1px solid #ddd;
background: #fff;
border-radius: 4px;
padding: 5px 8px;
cursor: pointer
}
.quick-variations button.selected {
background: var(--accent);
color: #fff
}
.quick-add {
display: inline-block;
text-align: center;
margin-top: 8px;
width: 100%;
border: 0;
background: var(--blue);
color: #fff;
border-radius: 2px;
padding: 10px;
cursor: pointer
}
.newsletter {
margin: 70px 0;
background: var(--peach);
text-align: center;
padding: 42px
}
.site-footer {
border-top: 1px solid #ffc875;
background: #fff;
padding: 48px 0;
margin-top: 70px
}
.footer-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
font-size: 13px
}
.footer-grid b {
color: var(--accent)
}
.woocommerce .site-main {
padding: 32px 0
}
.woocommerce ul.products {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px
}
.woocommerce ul.products::before,
.woocommerce ul.products::after {
display: none
}
.woocommerce ul.products li.product {
float: none !important;
width: auto !important;
margin: 0 !important
}
.woocommerce ul.products li.product a img {
width: 100% !important;
height: 400px !important;
max-height: 400px !important;
object-fit: cover !important;
margin: 0 0 12px !important;
background: #f3f4f5
}
@media(max-width:800px) {
.hero {
height: 340px
}
.products,
.woocommerce ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.product-media,
.product-media img,
.woocommerce ul.products li.product a img {
height: 300px !important;
max-height: 300px !important
}
.footer-grid,
.benefits {
grid-template-columns: repeat(2, 1fr)
}
.benefits article:nth-child(2) {
border-right: 0
}
.benefits article {
border-bottom: 1px solid var(--line)
}
.tiles {
grid-template-columns: repeat(2, 1fr)
}
.tile {
height: 250px
}
.header-actions {
gap: 8px
}
.container {
width: min(100% - 24px, var(--max))
}
}
.main-nav .menu-item {
position: relative
}
.main-nav .menu-item-has-children {
padding-right: 18px
}
.submenu-toggle {
position: absolute;
top: 50%;
right: 0;
width: 16px;
height: 16px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
transform: translateY(-50%)
}
.submenu-toggle::after {
content: "";
display: block;
width: 6px;
height: 6px;
margin: auto;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: translateY(-2px) rotate(45deg)
}
.main-nav .sub-menu {
position: absolute;
z-index: 20;
top: calc(100% + 10px);
left: -16px;
display: block !important;
min-width: 230px;
padding: 10px !important;
border: 1px solid var(--line);
border-radius: 4px;
background: #fff;
box-shadow: 0 14px 35px rgba(0, 0, 0, .12);
opacity: 0;
visibility: hidden;
overflow: visible;
transform: translateY(8px);
transition: .2s
}
.main-nav .sub-menu li {
display: block;
padding: 0 !important
}
.main-nav .sub-menu a {
display: block;
padding: 9px 11px
}
.main-nav .sub-menu a:hover {
color: var(--accent);
background: var(--peach)
}
.main-nav .menu-item-has-children:hover>.sub-menu,
.main-nav .menu-item-has-children:focus-within>.sub-menu,
.main-nav .menu-item-has-children.is-open>.sub-menu {
opacity: 1;
visibility: visible;
transform: none
}
@media(max-width:800px) {
.main-nav .sub-menu {
position: static;
display: none !important;
margin-top: 8px;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none
}
.main-nav .menu-item-has-children.is-open>.sub-menu {
display: block !important
}
}
.product-card,
.woocommerce ul.products li.product.product-card {
position: relative;
display: flex !important;
float: none !important;
flex-direction: column;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid var(--line);
background: #fff;
transition: box-shadow .2s, transform .2s
}
.product-card:hover,
.woocommerce ul.products li.product.product-card:hover {
z-index: 1;
box-shadow: 0 10px 28px rgba(26, 47, 70, .12);
transform: translateY(-2px)
}
.product-card .product-media {
display: block;
flex: 0 0 400px;
width: 100%;
height: 400px !important;
max-height: 400px !important;
background: #f5f5f5
}
.product-card .product-media img,
.woocommerce ul.products li.product.product-card .product-media img {
width: 100% !important;
height: 400px !important;
max-height: 400px !important;
margin: 0 !important;
object-fit: cover !important
}
.product-card .product-info {
display: flex;
flex: 1;
flex-direction: column;
padding: 14px
}
.product-card .product-title {
display: block;
min-height: 42px;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
color: var(--ink)
}
.product-card .product-title:hover {
color: var(--accent)
}
.product-card .price {
min-height: 25px;
margin: 8px 0 0;
font-size: 16px;
font-weight: 700;
color: var(--accent)
}
.product-card .quick-variations {
min-height: 31px;
margin-top: 8px;
margin-bottom: 10px;
}
.product-card .quick-variations button {
min-width: 31px;
padding: 4px 7px;
font-size: 12px
}
.product-card .quick-add {
margin-top: auto;
padding: 10px;
font-size: 13px;
font-weight: 600
}
.woocommerce ul.products li.product.product-card .button,
.woocommerce ul.products li.product.product-card .added_to_cart {
display: none !important
}
@media(max-width:800px) {
.product-card .product-media,
.product-card .product-media img,
.woocommerce ul.products li.product.product-card .product-media img {
height: 300px !important;
max-height: 300px !important;
flex-basis: 300px
}
.product-card .product-info {
padding: 10px
}
.product-card .product-title {
font-size: 13px
}
}
.marketplace-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 18px
}
.marketplace-links>span {
width: 100%;
font-size: 13px;
color: var(--muted)
}
.marketplace-link {
display: inline-flex;
align-items: center;
padding: 7px 10px;
border: 1px solid var(--line);
border-radius: 4px;
background: #fff
}
.marketplace-link svg {
display: block;
width: auto;
height: 22px;
max-width: 100px
}
.marketplace-link:hover {
background: #fafafa;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}
.product-page {
padding: 38px 0 64px
}
.single-product div.product {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
gap: 48px
}
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary {
float: none !important;
width: auto !important;
margin: 0 !important
}
.single-product div.product .product_title {
font-size: 32px;
line-height: 1.15;
color: var(--ink)
}
.single-product div.product .price {
color: var(--accent);
font-size: 24px;
font-weight: 700
}
.single-product .woocommerce-tabs,
.single-product .related {
grid-column: 1/-1;
margin-top: 28px
}
.single-product .related ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
@media(max-width:800px) {
.product-page {
padding: 24px 0 42px
}
.single-product div.product {
grid-template-columns: 1fr;
gap: 24px
}
.single-product div.product .product_title {
font-size: 25px
}
.single-product .related ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
.single-product .woocommerce-tabs {
width: 100%;
padding-top: 12px;
border-top: 1px solid var(--line)
}
.single-product .woocommerce-tabs ul.tabs {
display: flex;
gap: 8px;
margin: 0 0 24px;
padding: 0;
border: 0
}
.single-product .woocommerce-tabs ul.tabs::before {
display: none
}
.single-product .woocommerce-tabs ul.tabs li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important
}
.single-product .woocommerce-tabs ul.tabs li a {
display: block;
padding: 10px 16px;
border: 1px solid var(--line);
border-radius: 3px;
color: var(--muted);
font-size: 13px
}
.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
border-color: var(--accent);
color: var(--accent);
background: var(--peach)
}
.single-product .woocommerce-tabs .panel {
margin: 0;
padding: 0;
max-width: 820px;
color: var(--muted)
}
.single-product .summary .button,
.single-product .summary button[type=submit],
.single-product .summary .single_add_to_cart_button {
border: 0 !important;
border-radius: 3px !important;
background: var(--accent) !important;
color: #fff !important;
padding: 12px 22px !important;
font-weight: 600
}
.single-product .summary .button:hover,
.single-product .summary button[type=submit]:hover,
.single-product .summary .single_add_to_cart_button:hover {
background: #e87700 !important
}
.single-product .related {
width: 100%;
min-width: 0
}
.single-product .related>h2 {
margin-bottom: 24px;
color: var(--accent);
font-size: 25px;
text-align: center
}
.single-product .related ul.products {
display: grid !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important
}
.single-product .related ul.products li.product {
display: flex !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important
}
.single-product .related ul.products li.product .product-card {
width: 100%
}
.single-product .related ul.products li.product a img {
width: 100% !important;
height: 400px !important;
max-height: 400px !important;
object-fit: cover !important
}
@media(max-width:800px) {
.single-product .woocommerce-tabs ul.tabs {
flex-wrap: wrap
}
.single-product .related ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
.single-product .related ul.products li.product a img {
height: 300px !important;
max-height: 300px !important
}
}
.single-product .related.products {
display: block !important;
position: relative;
clear: both;
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important
}
.single-product .related.products ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important
}
.single-product .related.products ul.products li.product {
box-sizing: border-box !important;
display: flex !important;
min-width: 0 !important;
width: auto !important;
max-width: none !important
}
.single-product .related.products ul.products li.product .product-media {
width: 100% !important;
min-width: 0 !important
}
.single-product .related.products ul.products li.product img {
max-width: none !important
}
@media(max-width:800px) {
.single-product .related.products ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}
}
.quick-add,
.quick-add-variation:not(:disabled) {
background: var(--accent)
}
.quick-add:hover,
.quick-add-variation:not(:disabled):hover {
background: #e87700
}
.quick-add-variation:disabled {
background: var(--accent);
opacity: .45;
cursor: not-allowed
}
.hero-slider {
position: relative;
height: 400px;
margin: 24px 0 42px;
overflow: hidden;
background: #f5f5f5
}
.hero-slide {
position: absolute;
inset: 0;
background-position: center;
background-size: cover;
opacity: 0;
visibility: hidden;
transition: opacity .55s ease
}
.hero-slide.is-active {
opacity: 1;
visibility: visible
}
.hero-slide__link {
position: absolute;
inset: 0
}
.slider-arrow {
position: absolute;
z-index: 3;
top: 50%;
width: 42px;
height: 42px;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .85);
color: #454545;
font-size: 30px;
line-height: 1;
cursor: pointer;
transform: translateY(-50%)
}
.slider-prev {
left: 18px
}
.slider-next {
right: 18px
}
.slider-dots {
position: absolute;
z-index: 3;
bottom: 15px;
left: 50%;
display: flex;
gap: 8px;
transform: translateX(-50%)
}
.slider-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(70, 70, 70, .45);
cursor: pointer
}
.slider-dot.is-active {
width: 24px;
border-radius: 5px;
background: var(--accent)
}
@media(max-width:800px) {
.hero-slider {
height: 300px
}
.slider-arrow {
width: 34px;
height: 34px;
font-size: 24px
}
}
.hero-slide__caption {
position: absolute;
left: 5%;
bottom: 12%;
display: flex;
flex-direction: column;
gap: 10px;
max-width: 58%;
color: #fff;
text-shadow: 0 2px 12px rgba(0, 0, 0, .35)
}
.hero-slide__caption strong {
font-size: clamp(22px, 3.4vw, 48px);
line-height: 1.08
}
.hero-slide__caption small {
font-size: clamp(14px, 1.5vw, 21px)
}
.hero-slide::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, rgba(15, 25, 38, .7) 0%, rgba(15, 25, 38, .35) 38%, rgba(15, 25, 38, 0) 72%);
pointer-events: none
}
.hero-slide__link {
z-index: 1
}
.hero-slide__caption {
z-index: 2;
padding: 22px 26px;
border-left: 4px solid var(--accent);
border-radius: 3px;
background: rgba(20, 29, 39, .34);
backdrop-filter: blur(2px);
text-shadow: 0 2px 4px rgba(0, 0, 0, .55)
}
.hero-slide__caption::after {
content: "Подробнее";
display: inline-block;
width: max-content;
margin-top: 8px;
padding: 10px 22px;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
font-size: 14px;
font-weight: 700;
text-shadow: none;
background: rgba(255, 255, 255, .08)
}
@media(max-width:800px) {
.hero-slide__caption {
left: 4%;
bottom: 10%;
max-width: 86%;
padding: 14px 16px
}
.hero-slide__caption strong {
font-size: 24px
}
.hero-slide__caption small {
font-size: 14px
}
.hero-slide__caption::after {
padding: 8px 16px
}
}
.hero-slide::after {
background: linear-gradient(90deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 65%)
}
.hero-slide__caption {
padding: 24px 28px;
border: 0;
border-radius: 18px;
background: rgba(255, 255, 255, .84);
box-shadow: 0 12px 32px rgba(38, 54, 67, .14);
backdrop-filter: blur(8px);
color: var(--ink);
text-shadow: none
}
.hero-slide__caption strong {
display: block;
color: var(--ink);
font-weight: 800
}
.hero-slide__caption small {
display: block;
color: #59626a;
text-shadow: none
}
.hero-slide__caption::after {
border: 0;
border-radius: 999px;
color: #fff;
background: var(--accent);
box-shadow: 0 5px 12px rgba(255, 138, 0, .25)
}
@media(max-width:800px) {
.hero-slide__caption {
padding: 16px 18px;
border-radius: 14px
}
.hero-slide__caption::after {
margin-top: 4px
}
}
.main-nav,
.main-nav>.container {
overflow: visible
}
.main-nav>.container>ul,
.main-nav>.container>div>ul {
overflow: visible
}
.main-nav .sub-menu {
overflow: visible !important;
max-height: none !important
}
@media(max-width:800px) {
.main-nav>.container>ul,
.main-nav>.container>div>ul {
overflow-x: auto;
overflow-y: visible
}
.main-nav .menu-item-has-children.is-open {
padding-bottom: 8px
}
.main-nav .menu-item-has-children.is-open>.sub-menu {
overflow: visible !important
}
}
.topbar__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px
}
.topbar__links,
.topbar__contacts {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 22px
}
.topbar__links a::before {
content: "»";
margin-right: 7px;
color: #ffb000;
font-size: 20px;
font-weight: 700;
line-height: 0
}
.topbar__contacts {
flex-direction: column;
align-items: flex-start;
gap: 2px
}
.topbar__contacts a:first-child::before {
content: "☎";
margin-right: 7px;
color: #ffb000
}
.topbar__contacts a {
font-size: 13px;
color: #fff
}
.topbar__links a:hover,
.topbar__contacts a:hover {
color: #ffc15b
}
@media(max-width:800px) {
.topbar__inner {
align-items: flex-start;
padding: 7px 0
}
.topbar__links,
.topbar__contacts {
gap: 6px 14px
}
.topbar__links {
max-width: 58%
}
.topbar__contacts {
font-size: 11px;
white-space: nowrap
}
.topbar__links a {
font-size: 11px
}
}
.mobile-menu-toggle {
display: none
}
.main-nav #primary-menu>ul {
overflow: visible
}
@media(max-width:800px) {
.mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px 0;
border: 0;
background: transparent;
color: var(--ink);
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
.mobile-menu-toggle span {
font-size: 20px
}
.main-nav #primary-menu {
display: none
}
.main-nav #primary-menu.is-open {
display: block
}
.main-nav #primary-menu>ul {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
overflow: visible;
padding: 8px 0
}
.main-nav #primary-menu>ul>li {
padding: 10px 0;
border-bottom: 1px solid var(--line)
}
.main-nav #primary-menu .sub-menu {
left: 0;
top: 100%;
width: 100%;
border: 0;
border-radius: 0;
background: #fafafa
}
.main-nav #primary-menu .menu-item-has-children.is-open>.sub-menu {
display: block !important
}
.main-nav #primary-menu .submenu-toggle {
right: 4px
}
}
.mobile-menu-contact {
display: none
}
@media(max-width:800px) {
.mobile-menu-contact {
display: flex;
flex-direction: column;
gap: 8px;
padding: 18px 0 8px;
border-top: 1px solid var(--line);
font-size: 14px
}
.mobile-menu-contact a:first-child {
font-weight: 700;
color: var(--accent)
}
.mobile-menu-contact a:hover {
color: var(--accent)
}
}
.main-nav {
position: relative
}
@media(max-width:800px) {
.main-nav #primary-menu.is-open {
position: absolute;
z-index: 60;
top: 100%;
left: 0;
right: 0;
min-height: calc(100vh - 108px);
max-height: calc(100vh - 108px);
overflow-y: auto;
padding: 0 12px 24px;
background: #fff;
box-shadow: 0 12px 24px rgba(0, 0, 0, .12)
}
.main-nav #primary-menu.is-open>ul {
min-height: calc(100vh - 170px)
}
}
.products.products--home,
.woocommerce ul.products {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important
}
.products.products--home>li,
.woocommerce ul.products>li {
list-style: none !important
}
.products.products--home::before,
.products.products--home::after {
display: none !important
}
@media(max-width:800px) {
.products.products--home,
.woocommerce ul.products {
width: 100% !important;
margin-right: 0 !important
}
}
.site-footer ul {
list-style: none;
margin: 12px 0 0;
padding: 0
}
.site-footer li {
margin: 0 0 7px
}
.site-footer li a {
color: var(--muted)
}
.site-footer li a:hover {
color: var(--accent)
}
.site-footer [itemprop=telephone],
.site-footer [itemprop=email] {
color: var(--ink)
}
.site-footer [itemprop=telephone]:hover,
.site-footer [itemprop=email]:hover {
color: var(--accent)
}
.contact-page {
padding: 24px 0 70px
}
.contact-page__hero {
padding: 58px 8%;
background: var(--peach)
}
.contact-page__hero h1 {
margin: 0 0 12px;
font-size: clamp(36px, 5vw, 62px);
color: var(--ink)
}
.contact-page__hero>p:last-child {
font-size: 20px;
color: var(--muted)
}
.contact-page__layout {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr);
gap: 48px;
padding: 64px 0
}
.contact-address,
.contact-email {
display: flex;
gap: 18px;
align-items: flex-start;
padding: 24px 0;
border-bottom: 1px solid var(--line)
}
.contact-icon {
display: grid;
flex: 0 0 44px;
width: 44px;
height: 44px;
place-items: center;
border-radius: 50%;
background: var(--peach);
color: var(--accent);
font-size: 23px;
font-weight: 700
}
.contact-address address {
font-style: normal;
line-height: 1.7;
color: var(--muted)
}
.contact-email a,
.contact-card a {
display: block;
margin: 7px 0;
color: var(--ink);
font-size: 18px;
font-weight: 600
}
.contact-email a:hover,
.contact-card a:hover {
color: var(--accent)
}
.contact-departments {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
padding: 28px 0
}
.contact-card {
padding: 24px;
background: #fafafa;
border: 1px solid var(--line)
}
.contact-card h2 {
margin: 0 0 14px;
font-size: 21px
}
.contact-card .eyebrow {
margin-bottom: 8px
}
.contact-page__aside-card {
position: sticky;
top: 130px;
padding: 32px;
background: var(--ink);
color: #fff
}
.contact-page__aside-card h2 {
margin-top: 0;
font-size: 27px
}
.contact-page__aside-card p {
color: #e2e5e8;
line-height: 1.7
}
.contact-page__aside-card .quick-add {
color: #fff
}
@media(max-width:800px) {
.contact-page__hero {
padding: 36px 24px
}
.contact-page__layout {
grid-template-columns: 1fr;
padding: 42px 0
}
.contact-departments {
grid-template-columns: 1fr
}
.contact-page__aside-card {
position: static
}
}
.header-actions .cart-icon-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
font-size: 0;
color: var(--ink)
}
.cart-icon-link svg {
width: 24px;
height: 24px
}
.cart-icon-link:hover {
color: var(--accent)
}
.cart-count {
position: absolute;
top: -4px;
right: -5px;
display: grid;
min-width: 18px;
height: 18px;
padding: 0 4px;
place-items: center;
border-radius: 99px;
background: var(--accent);
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 1
}
.site-header {
position: sticky;
top: 0;
z-index: 50;
box-shadow: 0 2px 12px rgba(0, 0, 0, .04)
}
.header-search {
display: flex;
flex: 0 1 460px;
height: 42px;
margin: 0 30px;
border: 1px solid #dfe3e6;
border-radius: 24px;
overflow: hidden;
background: #fff
}
.header-search input[type=search] {
min-width: 0;
flex: 1;
padding: 0 18px;
border: 0;
outline: 0;
background: transparent;
color: var(--ink)
}
.header-search button {
width: 52px;
border: 0;
background: var(--accent);
color: #fff;
font-size: 25px;
cursor: pointer
}
.header-search button:hover {
background: #e87700
}
@media(max-width:800px) {
.header-main {
flex-wrap: wrap;
gap: 12px
}
.header-search {
order: 3;
flex-basis: 100%;
margin: 0;
height: 38px
}
.site-header {
top: 0
}
}
.home-news {
margin: 70px 0
}
.home-news__heading {
display: flex;
align-items: end;
justify-content: space-between;
margin-bottom: 24px
}
.home-news__heading h2 {
margin: 0;
font-size: 30px
}
.home-news__heading .eyebrow {
margin-bottom: 5px
}
.home-news__heading>a {
color: var(--accent);
font-weight: 600
}
.home-news__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px
}
.news-card {
overflow: hidden;
border: 1px solid var(--line);
background: #fff
}
.news-card__image {
display: block;
height: 210px;
background: var(--peach);
overflow: hidden
}
.news-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s
}
.news-card:hover .news-card__image img {
transform: scale(1.04)
}
.news-card__image span {
display: grid;
height: 100%;
place-items: center;
color: var(--accent);
font-size: 34px;
font-weight: 800
}
.news-card__body {
padding: 18px
}
.news-card time {
color: var(--muted);
font-size: 12px
}
.news-card h3 {
margin: 10px 0 16px;
font-size: 18px;
line-height: 1.25
}
.news-card h3 a:hover {
color: var(--accent)
}
.news-card__link {
color: var(--accent);
font-size: 13px;
font-weight: 600
}
.news-card--empty {
grid-column: 1/-1
}
@media(max-width:800px) {
.home-news {
margin: 48px 0
}
.home-news__grid {
grid-template-columns: 1fr
}
.home-news__heading h2 {
font-size: 25px
}
}
.delivery-modern {
margin: 76px 0;
padding: 42px;
background: linear-gradient(135deg, #fff7eb 0%, #fff 72%);
border: 1px solid #ffe2bd;
border-radius: 22px
}
.delivery-modern__heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
margin-bottom: 30px
}
.delivery-modern__heading h2 {
margin: 0;
font-size: 32px
}
.delivery-modern__heading>p {
max-width: 360px;
margin: 0;
color: var(--muted);
line-height: 1.6
}
.delivery-modern__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px
}
.delivery-modern__grid article {
padding: 24px;
background: rgba(255, 255, 255, .8);
border: 1px solid #f4e7d8;
border-radius: 14px
}
.delivery-icon {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border-radius: 50%;
background: var(--accent);
color: #fff;
font-size: 21px;
font-weight: 700
}
.delivery-modern h3 {
margin: 18px 0 8px;
font-size: 18px
}
.delivery-modern p {
margin: 0;
color: var(--muted);
line-height: 1.65
}
@media(max-width:800px) {
.delivery-modern {
margin: 48px 0;
padding: 24px;
border-radius: 16px
}
.delivery-modern__heading {
display: block
}
.delivery-modern__heading h2 {
font-size: 27px;
margin-bottom: 10px
}
.delivery-modern__grid {
grid-template-columns: 1fr
}
.delivery-modern__grid article {
padding: 20px
}
}
.about-company {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 42px;
align-items: center;
margin: 70px 0
}
.about-company__image {
padding: 10px;
height: 320px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--peach)
}
.about-company__image img {
width: 100%;
height: 100%;
object-fit: cover
}
.about-company__content {
max-width: 520px
}
.about-company .eyebrow {
margin: 0 0 8px;
color: var(--accent);
font-size: 13px;
font-weight: 700;
text-transform: uppercase
}
.about-company h2 {
margin: 0 0 16px;
font-size: 30px;
color: var(--ink)
}
.about-company__content>p:not(.eyebrow) {
color: var(--muted);
line-height: 1.7
}
.about-link {
display: inline-block;
margin-top: 12px;
padding: 10px 18px;
border: 1px solid var(--accent);
border-radius: 3px;
color: var(--accent);
font-weight: 600
}
.about-link:hover {
background: var(--accent);
color: #fff
}
@media(max-width:800px) {
.about-company {
grid-template-columns: 1fr;
gap: 24px;
margin: 48px 0
}
.about-company__image {
height: 260px
}
.about-company h2 {
font-size: 25px
}
}
.about-page {
padding: 24px 0 70px
}
.about-page__hero {
min-height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px;
background: var(--peach) center/cover
}
.about-page__hero h1 {
max-width: 700px;
margin: 0 0 12px;
font-size: clamp(36px, 5vw, 64px);
color: var(--ink)
}
.about-page__hero p:last-child {
font-size: 18px;
color: var(--muted)
}
.eyebrow {
margin: 0 0 10px;
color: var(--accent);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase
}
.about-page__intro {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
padding: 76px 8%;
border-bottom: 1px solid var(--line)
}
.about-page__intro h2 {
margin: 0;
font-size: 32px;
line-height: 1.2
}
.about-page__intro p:not(.eyebrow) {
margin: 0;
color: var(--muted);
line-height: 1.8
}
.about-page__facts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
padding: 54px 0
}
.about-page__facts article {
padding: 28px;
background: var(--peach)
}
.about-page__facts strong {
font-size: 14px;
color: var(--accent)
}
.about-page__facts h2 {
margin: 22px 0 8px;
font-size: 20px
}
.about-page__facts p {
margin: 0;
color: var(--muted)
}
.about-page__cta {
padding: 48px;
text-align: center;
background: #f7f7f7
}
.about-page__cta h2 {
margin-top: 0;
font-size: 28px
}
@media(max-width:800px) {
.about-page__hero {
min-height: 240px;
padding: 28px
}
.about-page__intro {
grid-template-columns: 1fr;
gap: 25px;
padding: 48px 0
}
.about-page__facts {
grid-template-columns: 1fr
}
.about-page__cta {
padding: 36px 20px
}
}
.about-page__intro--image {
padding-right: 0;
padding-left: 0;
align-items: center
}
.about-page__photo {
height: 320px;
overflow: hidden;
background: var(--peach)
}
.about-page__photo img {
width: 100%;
height: 100%;
object-fit: cover
}
.about-page__intro--image>div:last-child {
padding-right: 8%
}
.about-page__values {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
padding: 76px 8%;
background: #fafafa
}
.about-page__values h2,
.about-page__directions>h2 {
margin: 0;
font-size: 32px;
line-height: 1.2
}
.about-page__value-list p {
margin: 0 0 22px;
color: var(--muted);
line-height: 1.7
}
.about-page__value-list strong {
color: var(--ink)
}
.about-page__directions {
padding: 76px 0
}
.about-page__direction-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
margin-top: 28px
}
.about-page__direction-grid article {
padding: 32px;
background: var(--peach)
}
.about-page__direction-grid span {
color: var(--accent);
font-weight: 700
}
.about-page__direction-grid h3 {
margin: 22px 0 10px;
font-size: 22px
}
.about-page__direction-grid p {
color: var(--muted);
line-height: 1.7
}
.about-page__terms {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 70px;
padding: 54px 8%;
border-top: 1px solid var(--line)
}
.about-page__terms h2 {
margin: 0;
font-size: 28px
}
.about-page__terms p {
margin: 0 0 12px;
color: var(--muted);
line-height: 1.7
}
@media(max-width:800px) {
.about-page__intro--image {
padding: 48px 0
}
.about-page__intro--image>div:last-child {
padding-right: 0
}
.about-page__photo {
height: 260px
}
.about-page__values,
.about-page__terms {
grid-template-columns: 1fr;
gap: 25px;
padding: 48px 0
}
.about-page__values h2,
.about-page__directions>h2 {
font-size: 26px
}
.about-page__direction-grid {
grid-template-columns: 1fr
}
.about-page__directions {
padding: 48px 0
}
}
.hero {
position: relative;
isolation: isolate;
overflow: hidden
}
.hero::before,
.hero::after {
content: "";
position: absolute;
z-index: 0;
border-radius: 50%;
pointer-events: none;
filter: blur(2px);
mix-blend-mode: screen
}
.hero::before {
width: 360px;
height: 360px;
top: -100px;
right: 8%;
background: radial-gradient(circle at 35% 35%, rgba(255, 177, 0, .9), rgba(255, 138, 0, .25) 45%, transparent 70%);
animation: junior-float-one 12s ease-in-out infinite alternate
}
.hero::after {
width: 300px;
height: 300px;
bottom: -120px;
left: 12%;
background: radial-gradient(circle at 55% 45%, rgba(8, 116, 201, .8), rgba(8, 116, 201, .18) 50%, transparent 72%);
animation: junior-float-two 15s ease-in-out infinite alternate
}
.hero>div {
position: relative;
z-index: 1
}
@keyframes junior-float-one {
from {
transform: translate3d(0, 0, 0) scale(1)
}
to {
transform: translate3d(-90px, 55px, 0) scale(1.18)
}
}
@keyframes junior-float-two {
from {
transform: translate3d(0, 0, 0) scale(1)
}
to {
transform: translate3d(110px, -45px, 0) scale(1.2)
}
}
@media(prefers-reduced-motion:reduce) {
.hero::before,
.hero::after {
animation: none
}
}
.single-product .woocommerce-product-gallery {
max-width: 560px
}
.single-product .woocommerce-product-gallery__wrapper {
margin: 0
}
.single-product .woocommerce-product-gallery__image {
overflow: hidden;
background: #f5f5f5
}
.single-product .woocommerce-product-gallery__image>a {
display: block;
height: 520px
}
.single-product .woocommerce-product-gallery__image img {
width: 100%;
height: 100%;
object-fit: cover
}
.single-product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 12px
}
.single-product .woocommerce-product-gallery .flex-control-thumbs {
display: flex;
flex-wrap: nowrap;
gap: 8px;
margin: 0;
overflow-x: auto;
scrollbar-width: thin
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
float: none !important;
flex: 0 0 74px;
width: 74px !important;
margin: 0 !important
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
display: block;
width: 74px !important;
height: 92px !important;
object-fit: cover;
border: 1px solid transparent;
opacity: .65;
cursor: pointer
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
border-color: var(--accent);
opacity: 1
}
@media(max-width:800px) {
.single-product .woocommerce-product-gallery {
max-width: none
}
.single-product .woocommerce-product-gallery__image>a {
height: 420px
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
flex-basis: 60px;
width: 60px !important
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
width: 60px !important;
height: 76px !important
}
}
.home-faq details>div a {
color: var(--accent);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px
}
.production-page {
padding: 28px 0 60px
}
.breadcrumbs {
font-size: 13px;
color: var(--muted);
margin-bottom: 24px
}
.breadcrumbs a {
color: var(--accent)
}
.production-hero {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 360px;
background: #fff4e6;
border-radius: 28px;
overflow: hidden;
margin-bottom: 54px
}
.production-hero__content {
padding: 58px 54px;
align-self: center
}
.production-hero h1 {
font-size: clamp(32px, 4vw, 56px);
line-height: 1.08;
color: #26364a;
margin: 10px 0 20px
}
.production-hero p:not(.eyebrow) {
font-size: 18px;
line-height: 1.65;
color: #66717d
}
.production-hero__image img {
width: 100%;
height: 100%;
min-height: 360px;
object-fit: cover
}
.button {
display: inline-block;
background: var(--accent);
color: #fff;
padding: 13px 24px;
border-radius: 6px;
font-weight: 700;
margin-top: 14px
}
.production-content {
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr);
gap: 54px
}
.production-content__main h2,
.production-steps h2,
.production-cta h2 {
color: #26364a;
font-size: 30px
}
.production-content__main {
font-size: 16px;
line-height: 1.75
}
.production-content__main img {
max-width: 100%;
height: auto;
border-radius: 14px
}
.production-aside {
background: #f7f8f9;
border-radius: 20px;
padding: 28px;
align-self: start
}
.production-aside h2 {
margin-top: 0;
color: #26364a
}
.production-aside ul {
padding-left: 20px;
line-height: 1.7
}
.production-aside li+li {
margin-top: 12px
}
.production-steps {
margin: 70px 0
}
.production-steps__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px
}
.production-steps article {
padding: 26px;
background: #fff4e6;
border-radius: 18px
}
.production-steps article b {
font-size: 30px;
color: var(--accent)
}
.production-steps h3 {
color: #26364a
}
.production-steps p {
color: #66717d;
line-height: 1.6
}
.production-cta {
text-align: center;
background: #26364a;
color: #fff;
border-radius: 24px;
padding: 42px 24px
}
.production-cta h2 {
color: #fff;
margin-top: 0
}
.production-cta p {
color: #e9edf0
}
@media(max-width:800px) {
.production-hero,
.production-content {
grid-template-columns: 1fr
}
.production-hero__content {
padding: 34px 24px
}
.production-hero__image img {
min-height: 260px
}
.production-content {
gap: 26px
}
.production-steps__grid {
grid-template-columns: 1fr
}
.production-steps {
margin: 46px 0
}
}
.production-gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 32px
}
.production-gallery img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 14px
}
@media(max-width:600px) {
.production-gallery {
grid-template-columns: 1fr
}
.production-gallery img {
height: 220px
}
}
.blog-page {
padding: 28px 0 60px
}
.blog-page__header {
text-align: center;
max-width: 680px;
margin: 0 auto 48px
}
.blog-page__header h1 {
font-size: clamp(34px, 5vw, 56px);
color: #26364a;
margin: 8px 0 14px
}
.blog-page__header>p:last-child {
color: var(--muted);
font-size: 17px
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px
}
.blog-card {
border: 1px solid var(--line);
border-radius: 16px;
overflow: hidden;
background: #fff
}
.blog-card__image {
display: block;
height: 250px;
background: var(--peach);
overflow: hidden
}
.blog-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s
}
.blog-card:hover .blog-card__image img {
transform: scale(1.04)
}
.blog-card__image span {
display: grid;
height: 100%;
place-items: center;
color: var(--accent);
font-size: 38px;
font-weight: 800
}
.blog-card__body {
padding: 20px
}
.blog-card time {
font-size: 12px;
color: var(--muted)
}
.blog-card h2 {
font-size: 20px;
line-height: 1.25;
margin: 10px 0
}
.blog-card h2 a:hover {
color: var(--accent)
}
.blog-card p {
color: var(--muted);
line-height: 1.6
}
.blog-card__link {
color: var(--accent);
font-weight: 700
}
.blog-page .page-numbers {
display: inline-block;
margin: 34px 5px 0;
padding: 8px 12px;
border: 1px solid var(--line);
border-radius: 5px
}
.blog-page .page-numbers.current,
.blog-page .page-numbers:hover {
background: var(--accent);
color: #fff
}
.blog-empty {
text-align: center;
padding: 60px 20px;
background: var(--peach);
border-radius: 18px
}
@media(max-width:800px) {
.blog-grid {
grid-template-columns: 1fr 1fr
}
}
@media(max-width:520px) {
.blog-grid {
grid-template-columns: 1fr
}
.blog-card__image {
height: 220px
}
}
.production-aside li {
display: flex;
align-items: flex-start;
gap: 12px;
list-style: none;
margin-left: -20px
}
.production-why-icon {
display: grid;
flex: 0 0 30px;
width: 30px;
height: 30px;
place-items: center;
background: var(--accent);
color: #fff;
border-radius: 50%;
font-weight: 700;
line-height: 1
}
.popup-open {
overflow: hidden
}
.contact-popup[hidden] {
display: none
}
.contact-popup {
position: fixed;
inset: 0;
z-index: 1000;
display: grid;
place-items: center;
padding: 20px
}
.contact-popup__backdrop {
position: absolute;
inset: 0;
background: rgba(38, 54, 74, .65)
}
.contact-popup__dialog {
position: relative;
width: min(100%, 520px);
max-height: 90vh;
overflow: auto;
background: #fff;
border-radius: 20px;
padding: 34px
}
.contact-popup__dialog h2 {
margin-top: 0;
color: #26364a
}
.contact-popup__close {
position: absolute;
right: 14px;
top: 8px;
border: 0;
background: none;
font-size: 30px;
color: #66717d;
cursor: pointer
}
.contact-popup .wpcf7-form-control-wrap {
display: block;
margin: 8px 0 16px
}
.contact-popup input,
.contact-popup textarea {
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
padding: 12px;
font: inherit
}
.contact-popup input[type=submit] {
background: var(--accent);
color: #fff;
border: 0;
cursor: pointer;
font-weight: 700
}
.contact-popup .wpcf7-not-valid-tip {
font-size: 12px;
color: #c44
}
.wpcf7-form .wpcf7-acceptance {
display: block;
margin: 4px 0 18px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7-form .wpcf7-acceptance label {
display: flex;
align-items: flex-start;
gap: 10px;
color: var(--muted);
font-size: 12px;
line-height: 1.5;
cursor: pointer;
}
.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
flex: 0 0 18px;
width: 18px;
height: 18px;
margin: 1px 0 0;
padding: 0;
accent-color: var(--accent);
cursor: pointer;
}
.wpcf7-form .wpcf7-acceptance a {
color: var(--accent);
text-decoration: underline;
text-underline-offset: 2px;
}
.wpcf7-form input[type="submit"]:disabled,
.wpcf7-form button[type="submit"]:disabled {
opacity: .5;
cursor: not-allowed;
}
.catalog-contact {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
margin: 64px 0 20px;
padding: 34px 40px;
background: #fff4e6;
border-radius: 22px
}
.catalog-contact h2 {
margin: 4px 0 8px;
color: #26364a
}
.catalog-contact p {
color: #66717d;
margin: 0;
line-height: 1.6
}
.catalog-contact .button {
flex: 0 0 auto
}
@media(max-width:600px) {
.catalog-contact {
display: block;
padding: 26px 22px
}
.catalog-contact .button {
margin-top: 20px
}
}
.catalog-contact .button {
margin-top: 0;
border: 1px solid var(--accent);
border-radius: 8px;
background: var(--accent);
padding: 13px 24px;
font: 700 14px Arial, sans-serif;
transition: .2s
}
.catalog-contact .button:hover {
background: #e47700;
border-color: #e47700;
transform: translateY(-1px)
}
.woocommerce nav.woocommerce-pagination ul {
display: flex;
justify-content: center;
gap: 8px;
border: 0;
margin: 42px 0 10px
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
display: grid;
min-width: 40px;
height: 40px;
place-items: center;
border: 1px solid #e6e6e6;
border-radius: 8px;
background: #fff;
color: #26364a;
font-weight: 600
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
border-color: var(--accent);
background: var(--accent);
color: #fff
}
@media(max-width:600px) {
.woocommerce nav.woocommerce-pagination ul {
gap: 5px
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 36px;
height: 36px
}
}
body .catalog-contact button.button {
display: inline-block !important;
width: auto !important;
min-height: 48px !important;
margin: 0 !important;
padding: 13px 24px !important;
border: 1px solid var(--accent) !important;
border-radius: 8px !important;
background: var(--accent) !important;
background-color: var(--accent) !important;
color: #fff !important;
box-shadow: none !important;
font: 700 14px/1.2 Arial, sans-serif !important;
cursor: pointer !important
}
body .catalog-contact button.button:hover,
body .catalog-contact button.button:focus {
background: var(--blue) !important;
background-color: var(--blue) !important;
border-color: var(--blue) !important;
color: #fff !important
}
.site-header {
transition: transform .25s ease
}
.site-header.header-hidden {
transform: translateY(-100%)
}
.catalog-filter-bar {
position: sticky;
top: 0;
z-index: 5;
background: rgba(255, 255, 255, .96);
border-bottom: 1px solid var(--line);
box-shadow: 0 3px 14px rgba(0, 0, 0, .06)
}
.catalog-filter {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0
}
.catalog-filter label {
display: flex;
align-items: center;
gap: 6px;
color: var(--muted);
font-size: 12px
}
.catalog-filter select {
height: 34px;
min-width: 130px;
padding: 0 28px 0 9px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
color: var(--ink);
font: 13px Arial, sans-serif
}
.catalog-filter .button {
height: 34px;
margin: 0;
padding: 0 15px;
border: 0;
border-radius: 6px;
background: var(--accent);
color: #fff;
font-size: 12px;
font-weight: 700;
cursor: pointer
}
.catalog-filter__reset {
font-size: 12px;
color: var(--muted);
text-decoration: underline
}
.catalog-filter__reset:hover {
color: var(--accent)
}
@media(max-width:600px) {
.catalog-filter {
overflow-x: auto;
padding: 7px 0
}
.catalog-filter label {
flex: 0 0 auto
}
.catalog-filter select {
min-width: 115px
}
.catalog-filter .button {
flex: 0 0 auto
}
}
.site-header {
position: sticky;
top: 0
}
.catalog-filter-bar {
top: 90px
}
.catalog-filter-bar.filter-visible {
top: 0
}
.catalog-filter-bar {
display: none !important
}
.delivery-page {
padding: 28px 0 70px
}
.delivery-page__hero {
padding: 54px 8%;
margin-bottom: 46px;
background: var(--peach);
border-radius: 24px
}
.delivery-page__hero h1 {
margin: 4px 0 12px;
color: #26364a;
font-size: clamp(36px, 5vw, 58px)
}
.delivery-page__hero p:last-child {
margin: 0;
color: var(--muted);
font-size: 18px
}
.delivery-page__intro {
max-width: 850px;
margin: 0 auto 42px
}
.delivery-page__intro h2,
.delivery-page__calculators h2 {
color: #26364a;
font-size: 30px
}
.delivery-page__intro li {
margin: 0 0 15px;
padding-left: 8px;
color: var(--muted);
line-height: 1.7
}
.delivery-page__free {
display: flex;
align-items: center;
gap: 20px;
margin: 42px 0;
padding: 26px 32px;
background: #26364a;
border-radius: 18px;
color: #fff
}
.delivery-page__free .delivery-icon {
display: grid;
flex: 0 0 44px;
width: 44px;
height: 44px;
place-items: center;
background: var(--accent);
border-radius: 50%;
font-size: 22px
}
.delivery-page__free h2 {
margin: 0 0 6px;
color: #fff;
font-size: 23px
}
.delivery-page__free p {
margin: 0;
color: #e9edf0
}
.delivery-page__calculators {
text-align: center;
padding: 42px 0
}
.delivery-page__calculators h2 {
margin: 5px 0 10px
}
.delivery-page__calculators>p:not(.eyebrow) {
color: var(--muted)
}
.delivery-logos {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: center;
gap: 20px;
margin-top: 30px
}
.delivery-logos a {
display: grid;
place-items: center;
min-height: 120px;
padding: 18px;
border: 1px solid var(--line);
border-radius: 14px;
background: #fff;
transition: .2s
}
.delivery-logos a:hover {
border-color: var(--accent);
transform: translateY(-3px)
}
.delivery-logos img {
max-width: 100%;
max-height: 74px;
width: auto;
object-fit: contain
}
@media(max-width:700px) {
.delivery-page__hero {
padding: 34px 24px
}
.delivery-page__free {
align-items: flex-start;
padding: 22px 20px
}
.delivery-page__free h2 {
font-size: 19px
}
.delivery-logos {
grid-template-columns: 1fr 1fr;
gap: 12px
}
.delivery-logos a {
min-height: 100px;
padding: 12px
}
}
.woocommerce-account .site-main {
padding: 48px 0 80px
}
.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2 {
color: #26364a
}
.woocommerce-account .woocommerce h1 {
margin-bottom: 28px;
font-size: clamp(28px, 4vw, 42px)
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 240px;
padding: 18px;
background: #fff4e6;
border-radius: 16px
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
margin: 0;
border-bottom: 1px solid rgba(255, 138, 0, .18)
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
border: 0
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
display: block;
padding: 12px 10px;
color: #26364a;
font-weight: 600
}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
color: var(--accent)
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 270px);
padding: 28px;
border: 1px solid var(--line);
border-radius: 16px;
background: #fff
}
.woocommerce-account .woocommerce-MyAccount-content a {
color: var(--accent)
}
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.woocommerce-ResetPassword {
max-width: 560px;
margin: 0 auto;
padding: 30px;
border: 1px solid var(--line);
border-radius: 16px;
background: #fff
}
.woocommerce-account form label {
display: block;
margin-bottom: 6px;
color: #26364a;
font-weight: 600
}
.woocommerce-account form .input-text,
.woocommerce-account form input[type=text],
.woocommerce-account form input[type=email],
.woocommerce-account form input[type=password],
.woocommerce-account form input[type=tel] {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 7px;
background: #fff;
font: inherit
}
.woocommerce-account form .button,
.woocommerce-account .woocommerce-Button {
border: 0 !important;
border-radius: 7px !important;
background: var(--accent) !important;
color: #fff !important;
padding: 13px 22px !important;
font-weight: 700 !important
}
.woocommerce-account form .button:hover,
.woocommerce-account .woocommerce-Button:hover {
background: var(--blue) !important
}
.woocommerce-account .woocommerce table.shop_table {
border-collapse: collapse;
border-color: var(--line)
}
.woocommerce-account .woocommerce table.shop_table th {
color: #26364a;
background: #fff4e6
}
.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-account .woocommerce table.shop_table th {
padding: 13px 12px
}
@media(max-width:800px) {
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
margin-bottom: 20px
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 6px;
overflow-x: auto
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
flex: 0 0 auto;
border: 0
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
padding: 10px 12px;
white-space: nowrap
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 18px
}
.woocommerce-account form.login,
.woocommerce-account form.register,
.woocommerce-account form.woocommerce-ResetPassword {
padding: 22px
}
}
.woocommerce-cart .cart-empty {
max-width: 680px;
margin: 70px auto 20px;
padding: 30px 28px 30px;
border: 1px solid #f0dfca;
border-radius: 24px;
background: #fff8ef;
color: #66717d;
text-align: center;
font-size: 17px
}
.woocommerce-cart .cart-empty:before {
content: '🛒';
display: block;
margin-bottom: 18px;
font-size: 48px
}
.woocommerce-cart .return-to-shop {
text-align: center;
margin: 0 auto 80px
}
.woocommerce-cart .return-to-shop a.button {
display: inline-block !important;
padding: 13px 26px !important;
border: 0 !important;
border-radius: 8px !important;
background: var(--accent) !important;
color: #fff !important;
font-weight: 700 !important
}
.woocommerce-cart .return-to-shop a.button:hover {
background: var(--blue) !important
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
position: static !important
}
.error-page{min-height:560px;display:grid;place-items:center;padding:60px 0}.error-page__card{width:min(100%,760px);padding:64px 52px;border-radius:28px;background:#fff4e6;text-align:center}.error-page__code{display:block;color:var(--accent);font-size:clamp(72px,14vw,150px);font-weight:800;line-height:.9;letter-spacing:-.08em}.error-page__card h1{margin:20px 0 14px;color:#26364a;font-size:clamp(28px,4vw,44px);line-height:1.12}.error-page__card>p:not(.eyebrow){max-width:560px;margin:0 auto;color:#66717d;font-size:17px;line-height:1.65}.error-page__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.error-page .button{margin:0;background:var(--accent);color:#fff}.error-page .button--outline{border:1px solid var(--accent);background:transparent;color:var(--accent)}.error-page .button--outline:hover{background:var(--accent);color:#fff}@media(max-width:600px){.error-page{min-height:460px;padding:36px 0}.error-page__card{padding:44px 20px;border-radius:20px}.error-page__card>p:not(.eyebrow){font-size:15px}}
.home-faq{grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:64px;margin:72px 0;padding:48px 0;border-top:1px solid #f1d7b8;border-bottom:1px solid #f1d7b8;background:#fff}.home-faq__intro{padding:18px 0}.home-faq h2{margin:8px 0 16px;color:#26364a;font-size:clamp(28px,3vw,38px);line-height:1.15}.home-faq__intro>p:last-child{max-width:360px;color:var(--muted);line-height:1.7}.home-faq__list{gap:12px}.home-faq details{margin-bottom: 10px;padding:0 22px;border:1px solid #e9e9e9;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(38,54,74,.04);transition:border-color .2s,box-shadow .2s}.home-faq details:hover,.home-faq details[open]{border-color:#f3bd7a;box-shadow:0 7px 20px rgba(255,138,0,.09)}.home-faq summary{padding: 10px 0; display: flex; align-items: center;color:#26364a;font-size:15px}.home-faq summary span{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid var(--accent);border-radius:50%;font-size:20px;color:var(--accent);line-height:1}.home-faq details>div{padding:0 42px 20px 0;color:var(--muted);font-size:14px;line-height:1.7}@media(max-width:800px){.home-faq{grid-template-columns:1fr;gap:24px;margin:48px 0;padding:36px 0}.home-faq__intro{padding:0}.home-faq summary{min-height:56px;font-size:14px}}
.home-faq__list details summary::marker{content:'';display:none}.home-faq__list details summary span{margin-left:auto}
.footer-contact-logos{display:block;width:min(100%,260px);height:auto;margin-top:22px;object-fit:contain;object-position:left center}
.woocommerce-cart .site-main{padding:52px 0 86px!important}.woocommerce-cart .woocommerce h1,.woocommerce-cart .woocommerce h2{color:#26364a}.woocommerce-cart .woocommerce h1{margin:0 0 28px;font-size:clamp(30px,4vw,44px)}.woocommerce-cart .woocommerce-cart-form,.woocommerce-cart .cart-collaterals{margin-top:24px}.woocommerce-cart table.shop_table{border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}.woocommerce-cart table.shop_table th{background:#fff4e6;color:#26364a}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{padding:16px 14px}.woocommerce-cart .product-thumbnail img{width:80px!important;border-radius:8px}.woocommerce-cart .quantity .qty{border:1px solid #ddd;border-radius:6px;padding:9px;text-align:center}.woocommerce-cart .coupon input.input-text{min-height:42px;border:1px solid #ddd;border-radius:7px;padding:0 12px}.woocommerce-cart button.button,.woocommerce-cart a.button,.woocommerce-cart input.button{min-height:44px!important;border:0!important;border-radius:8px!important;background:var(--accent)!important;color:#fff!important;padding:12px 20px!important;font-weight:700!important;line-height:1.2!important}.woocommerce-cart button.button:hover,.woocommerce-cart a.button:hover,.woocommerce-cart input.button:hover{background:var(--blue)!important;color:#fff!important}.woocommerce-cart .cart_totals{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff8ef}.woocommerce-cart .cart_totals h2{margin-top:0}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{width:100%;text-align:center;background:var(--accent)!important}@media(max-width:700px){.woocommerce-cart .site-main{padding:34px 0 60px!important}.woocommerce-cart table.shop_table{font-size:13px}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{padding:10px 7px}.woocommerce-cart .product-thumbnail{display:none}.woocommerce-cart .cart_totals{padding:18px}}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{font-weight:800}
.woocommerce-checkout .site-main{padding:42px 0 84px!important}.woocommerce-checkout .woocommerce h1{margin:0 0 28px;color:var(--ink);font-size:clamp(30px,4vw,44px)}.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);align-items:start;gap:24px}.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.woocommerce-checkout #customer_details h3,.woocommerce-checkout #order_review_heading{margin:0 0 20px;color:var(--ink);font-size:22px}.woocommerce-checkout #customer_details h3:not(:first-child){margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0;padding:24px 24px 0;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:#fff}.woocommerce-checkout #order_review{grid-column:2;grid-row:2;margin:0;padding:0 24px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:#fff}.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:0 16px}.woocommerce-checkout .form-row{float:none;width:100%;margin:0 0 16px;padding:0}.woocommerce-checkout .form-row.form-row-first,.woocommerce-checkout .form-row.form-row-last{width:calc(50% - 8px)}.woocommerce-checkout .form-row label{display:block;margin:0 0 6px;color:var(--ink);font-size:13px;font-weight:700}.woocommerce-checkout .form-row .input-text,.woocommerce-checkout .form-row select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #dfe3e6;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit}.woocommerce-checkout .form-row textarea.input-text{min-height:100px;resize:vertical}.woocommerce-checkout .form-row .input-text:focus,.woocommerce-checkout .form-row select:focus{border-color:var(--accent);outline:2px solid rgba(255,138,0,.12)}.woocommerce-checkout .woocommerce-checkout-review-order-table{margin:0 0 18px;border:0;border-collapse:collapse}.woocommerce-checkout .woocommerce-checkout-review-order-table th,.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child,.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child{text-align:right}.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{color:var(--ink);font-weight:700}.woocommerce-checkout #payment{margin-top:20px;border-radius:12px;background:#fff8ef}.woocommerce-checkout #payment ul.payment_methods{padding:16px 18px;margin:0;border-bottom:1px solid #f1d7b8}.woocommerce-checkout #payment div.payment_box{margin:12px 0;padding:12px;border-radius:8px;background:#fff}.woocommerce-checkout #payment .place-order{padding:18px!important;margin:0!important}.woocommerce-checkout #payment .place-order .button{width:100%;min-height:48px;border:0;border-radius:9px;background:var(--accent)!important;color:#fff!important;font-weight:800}.woocommerce-checkout #payment .place-order .button:hover{background:var(--blue)!important}.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12px;line-height:1.5;color:var(--muted)}.woocommerce-checkout .woocommerce-NoticeGroup{grid-column:1 / -1}.woocommerce-checkout .woocommerce-form-coupon-toggle,.woocommerce-checkout .woocommerce-form-login-toggle{margin-bottom:18px}
@media(max-width:850px){.woocommerce-checkout form.checkout{display:flex;flex-direction:column;gap:18px}.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{width:100%;box-sizing:border-box}.woocommerce-checkout #customer_details{order:1}.woocommerce-checkout #order_review_heading{order:2;padding-top:20px}.woocommerce-checkout #order_review{order:3}.woocommerce-checkout .form-row.form-row-first,.woocommerce-checkout .form-row.form-row-last{width:100%}}
.header-search--live{position:relative;display:block;flex:0 1 420px;width:420px;height:42px;overflow:visible;padding:0;border:0;background:transparent}.header-search--live .dgwt-wcas-search-wrapp{position:relative;width:100%;max-width:none;height:42px;margin:0}.header-search--live .dgwt-wcas-sf-wrapp{position:relative!important;box-sizing:border-box;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid #dfe3e6;border-radius:24px;background:#fff;box-shadow:none}.header-search--live .dgwt-wcas-sf-wrapp input[type=search]{box-sizing:border-box;width:100%!important;height:40px!important;margin:0!important;padding:0 58px 0 18px!important;border:0!important;border-radius:24px;background:#fff!important;color:var(--ink);font:inherit}.header-search--live .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{position:absolute!important;top:0!important;right:0!important;left:auto!important;width:48px!important;height:40px!important;margin:0!important;border:0!important;border-radius:0 24px 24px 0;background:var(--accent)!important}.header-search--live .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{background:#e87700!important}.header-search--live .dgwt-wcas-suggestions-wrapp{z-index:1000;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(38,54,74,.14)}.header-search--live>form{display:flex;width:100%;height:42px;border:1px solid #dfe3e6;border-radius:24px;overflow:hidden;background:#fff}.header-search--live>form input[type=search]{min-width:0;flex:1;padding:0 18px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.header-search--live>form input[type=submit],.header-search--live>form button{width:52px;border:0;background:var(--accent);color:#fff;font-size:25px;cursor:pointer}
@media(max-width:800px){.header-search--live{order:3;flex:1 1 100%;width:100%;height:38px;margin:0}.header-search--live .dgwt-wcas-search-wrapp,.header-search--live .dgwt-wcas-sf-wrapp{height:38px!important;min-height:38px!important}.header-search--live .dgwt-wcas-sf-wrapp input[type=search]{height:36px!important}.header-search--live .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{height:36px!important}}
.single-product .product-sku{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.4}.single-product .product-sku span,.single-product .product-meta__label{color:var(--ink);font-weight:700}.single-product .product-meta--custom{display:flex;flex-direction:column;gap:7px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.5}.single-product .product-meta__row{display:flex;flex-wrap:wrap;gap:6px}.single-product .product-meta__value a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.single-product .product-meta__value a:hover{color:var(--blue)}
.woocommerce-checkout #customer_details .col2-set{display:block;width:100%}.woocommerce-checkout #customer_details .col2-set .col-1,.woocommerce-checkout #customer_details .col2-set .col-2{float:none;width:100%;padding:0}
.woocommerce div.product div.images img{display:block;width:auto;height:100%;box-shadow:none;margin-left:auto;margin-right:auto}.single-product .woocommerce-product-gallery__image{background:#fff}.single-product .woocommerce-product-gallery .flex-control-thumbs img{width:74px!important;height:92px!important;margin:0!important}@media(max-width:800px){.single-product .woocommerce-product-gallery .flex-control-thumbs img{width:60px!important;height:76px!important}}
.single-post-page{padding-top:34px;padding-bottom:84px}.single-post__header{max-width:820px;margin:28px auto 26px}.single-post__header h1{margin:8px 0 12px;color:var(--ink);font-size:clamp(30px,4.5vw,54px);line-height:1.08}.single-post__date{color:var(--muted);font-size:14px}.single-post__image{max-width:980px;margin:0 auto 34px}.single-post__image img{display:block;width:100%;height:auto;border-radius:18px}.single-post__content{max-width:820px;margin:0 auto;color:var(--ink);font-size:17px;line-height:1.75}.single-post__content h2,.single-post__content h3{margin:32px 0 14px;color:var(--ink);line-height:1.2}.single-post__content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.single-post__content img{max-width:100%;height:auto;border-radius:12px}@media(max-width:700px){.single-post-page{padding-top:20px;padding-bottom:56px}.single-post__header{margin-top:20px}.single-post__content{font-size:16px}.single-post__image img{border-radius:12px}}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
content: unset;
}
.woocommerce .quantity .qty{
height: 38px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding-left: 10px;
padding-right: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
content: unset;
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}