.mebek-lang-overflow-guard,
html,
body {
max-width: 100%;
overflow-x: hidden;
}
/* Stage F25.1: final checkout/cart polish */
body.mebek-checkout-page form.checkout.wd-checkout-form,
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 32px, 1180px);
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
body.mebek-checkout-page form.checkout.wd-checkout-form > .elementor,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
width: 100%;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
display: flex;
align-items: flex-start;
gap: 42px;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-5d225e4 {
--width: calc(60% - 21px) !important;
flex: 0 0 calc(60% - 21px) !important;
max-width: calc(60% - 21px) !important;
min-width: 0;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-76471a0 {
--width: calc(40% - 21px) !important;
flex: 0 0 calc(40% - 21px) !important;
max-width: calc(40% - 21px) !important;
min-width: 380px;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .wd-billing-details,
body.mebek-checkout-page form.checkout.wd-checkout-form .wd-shipping-details,
body.mebek-checkout-page form.checkout.wd-checkout-form .wd-checkout-order-review,
body.mebek-checkout-page form.checkout.wd-checkout-form .woocommerce-billing-fields,
body.mebek-checkout-page form.checkout.wd-checkout-form .woocommerce-additional-fields,
body.mebek-checkout-page form.checkout.wd-checkout-form .woocommerce-checkout-review-order {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-element-1d33c39 {
padding: 34px 30px !important;
border: 1px solid rgba(219, 228, 239, .95);
border-radius: 22px;
background: #fff !important;
box-shadow: 0 18px 44px rgba(16, 36, 61, .08);
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-element-91face9 > .elementor-widget-container {
padding: 0 !important;
background: transparent !important;
}
body.mebek-checkout-page .woocommerce-billing-fields__field-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 20px;
}
body.mebek-checkout-page .woocommerce-billing-fields__field-wrapper .form-row {
float: none;
width: 100%;
margin: 0;
}
body.mebek-checkout-page .woocommerce-billing-fields__field-wrapper .form-row-wide {
grid-column: 1 / -1;
}
body.mebek-checkout-page .woocommerce-checkout-review-order-table .product-name {
max-width: 230px;
word-break: normal;
overflow-wrap: anywhere;
}
body.mebek-checkout-page #payment .mebek-payment-method-card select,
body.mebek-checkout-page #payment li.wc_payment_method select,
body.mebek-checkout-page #payment [class*="part"] select {
width: 100%;
min-width: 180px;
min-height: 42px;
border-radius: 10px;
}
body.mebek-cart-page .cross-sells:not(:has(.product)):not(:has(.wd-product)),
body.mebek-cart-page .cross-sells:empty {
display: none !important;
}
body.mebek-cart-page .cross-sells:not(:has(.product)):not(:has(.wd-product)) > h2 {
display: none !important;
}
@media (min-width: 1025px) {
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-76471a0 {
position: sticky;
top: 24px;
}
}
/* Stage F26.1: final sale price card-level selectors for Woodmart loops. */
body .wd-product.product-grid-item .product-rating-price {
width: 100%;
margin-top: auto;
padding-top: 10px;
}
body .wd-product.product-grid-item .price {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 4px 9px;
width: 100%;
min-height: 42px;
margin: 8px auto 7px;
color: #0f5ca6 !important;
font-size: 16px;
font-weight: 800;
line-height: 1.25;
text-align: center;
}
body .wd-product.product-grid-item .price del {
display: inline-flex !important;
align-items: baseline;
order: 1;
margin: 0;
color: #8b97a8 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2;
text-decoration-line: line-through !important;
text-decoration-color: #8b97a8 !important;
text-decoration-thickness: 1.4px;
opacity: .78 !important;
white-space: nowrap;
}
body .wd-product.product-grid-item .price del .amount,
body .wd-product.product-grid-item .price del bdi {
color: #8b97a8 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2;
text-decoration-line: line-through !important;
text-decoration-color: #8b97a8 !important;
text-decoration-thickness: 1.4px;
}
body .wd-product.product-grid-item .price ins {
display: inline-flex !important;
align-items: baseline;
order: 2;
margin: 0;
color: #0f5ca6 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.18;
text-decoration: none !important;
white-space: nowrap;
}
body .wd-product.product-grid-item .price ins .amount,
body .wd-product.product-grid-item .price ins bdi {
color: #0f5ca6 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.18;
text-decoration: none !important;
}
body .wd-product.product-grid-item .price > .amount {
color: #0f5ca6 !important;
font-size: 16px !important;
font-weight: 850 !important;
line-height: 1.2;
}
body .wd-product.product-grid-item .wd-product-brands-links {
margin-top: 7px;
color: #66788c;
font-size: 12px;
line-height: 1.35;
}
body .wd-product.product-grid-item .product-label.onsale,
body .wd-product.product-grid-item .product-labels .onsale {
min-width: 42px;
min-height: 28px;
padding: 0 9px;
border-radius: 999px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 12px;
font-weight: 900;
line-height: 28px;
box-shadow: 0 8px 18px rgba(15, 92, 166, .2);
}
@media (max-width: 767px) {
body .wd-product.product-grid-item .price {
gap: 3px 7px;
min-height: 44px;
margin-top: 7px;
}
body .wd-product.product-grid-item .price del,
body .wd-product.product-grid-item .price del .amount,
body .wd-product.product-grid-item .price del bdi {
font-size: 12px !important;
}
body .wd-product.product-grid-item .price ins,
body .wd-product.product-grid-item .price ins .amount,
body .wd-product.product-grid-item .price ins bdi {
font-size: 16px !important;
}
body .wd-product.product-grid-item .product-label.onsale,
body .wd-product.product-grid-item .product-labels .onsale {
min-width: 38px;
min-height: 26px;
font-size: 11px;
line-height: 26px;
}
}
@media (max-width: 1024px) {
body.mebek-checkout-page form.checkout.wd-checkout-form,
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 28px, 760px);
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-5d225e4,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-76471a0 {
--width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
min-width: 0;
}
}
@media (max-width: 767px) {
body.mebek-checkout-page form.checkout.wd-checkout-form,
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 30px, 430px);
}
body.mebek-checkout-page .woocommerce-billing-fields__field-wrapper {
display: block;
}
body.mebek-checkout-page .woocommerce-billing-fields__field-wrapper .form-row {
margin-bottom: 14px;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-element-1d33c39 {
padding: 20px 16px !important;
border-radius: 18px;
}
body.mebek-checkout-page .woocommerce-checkout-review-order-table .product-name {
max-width: 170px;
}
}
/* Stage F25: cart/checkout polish */
body.mebek-cart-page,
body.mebek-checkout-page {
--mebek-commerce-blue: #0f5ca6;
--mebek-commerce-blue-dark: #0a467f;
--mebek-commerce-ink: #10243d;
--mebek-commerce-muted: #607287;
--mebek-commerce-border: #dbe4ef;
--mebek-commerce-soft: #f5f9fd;
overflow-x: clip;
background: #f6f9fc;
}
body.mebek-cart-page .wd-content-layout,
body.mebek-checkout-page .wd-content-layout {
max-width: 1280px;
}
body.mebek-cart-page .woocommerce,
body.mebek-checkout-page .woocommerce {
color: var(--mebek-commerce-ink);
}
body.mebek-cart-page .woocommerce-cart-form,
body.mebek-cart-page .cart-collaterals .cart_totals,
body.mebek-checkout-page #customer_details,
body.mebek-checkout-page .woocommerce-billing-fields,
body.mebek-checkout-page .woocommerce-additional-fields,
body.mebek-checkout-page #order_review,
body.mebek-checkout-page #payment,
body.mebek-checkout-page .woocommerce-checkout-review-order {
border: 1px solid rgba(219, 228, 239, .95);
border-radius: 20px;
background: #fff;
box-shadow: 0 18px 44px rgba(16, 36, 61, .08);
}
body.mebek-cart-page .woocommerce-cart-form {
margin-bottom: 28px;
padding: 20px;
}
body.mebek-cart-page table.shop_table,
body.mebek-checkout-page table.shop_table {
margin: 0;
border: 0;
border-collapse: separate;
border-spacing: 0;
background: transparent;
}
body.mebek-cart-page table.shop_table th,
body.mebek-checkout-page table.shop_table th {
color: var(--mebek-commerce-muted);
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
body.mebek-cart-page table.shop_table td,
body.mebek-checkout-page table.shop_table td {
border-color: #edf2f7;
color: var(--mebek-commerce-ink);
font-size: 15px;
line-height: 1.45;
}
body.mebek-cart-page .woocommerce-cart-form__cart-item img,
body.mebek-cart-page table.cart img {
border-radius: 14px;
background: var(--mebek-commerce-soft);
}
body.mebek-cart-page .woocommerce-cart-form__cart-item .product-name,
body.mebek-cart-page .woocommerce-cart-form__cart-item .product-name a,
body.mebek-checkout-page .woocommerce-checkout-review-order-table .product-name {
color: var(--mebek-commerce-ink);
font-weight: 800;
}
body.mebek-cart-page .quantity input.qty,
body.mebek-checkout-page input[type="text"],
body.mebek-checkout-page input[type="tel"],
body.mebek-checkout-page input[type="email"],
body.mebek-checkout-page input[type="number"],
body.mebek-checkout-page input[type="password"],
body.mebek-checkout-page textarea,
body.mebek-checkout-page select,
body.mebek-cart-page input[type="text"],
body.mebek-cart-page input[type="number"] {
min-height: 48px;
border: 1px solid var(--mebek-commerce-border);
border-radius: 10px;
background: #fbfdff;
color: var(--mebek-commerce-ink);
box-shadow: none;
}
body.mebek-checkout-page textarea {
min-height: 118px;
padding-top: 13px;
}
body.mebek-cart-page input:focus,
body.mebek-checkout-page input:focus,
body.mebek-checkout-page textarea:focus,
body.mebek-checkout-page select:focus {
border-color: var(--mebek-commerce-blue);
background: #fff;
box-shadow: 0 0 0 3px rgba(15, 92, 166, .12);
outline: none;
}
body.mebek-cart-page .mebek-cart-coupon,
body.mebek-cart-page table.cart td.actions .coupon {
display: flex;
align-items: center;
gap: 10px;
width: min(100%, 520px);
padding: 10px;
border: 1px solid #e5edf5;
border-radius: 16px;
background: #f7fbff;
}
body.mebek-cart-page table.cart td.actions {
padding-top: 22px;
}
body.mebek-cart-page table.cart td.actions .coupon input.input-text {
flex: 1 1 220px;
min-width: 0;
margin: 0;
background: #fff;
}
body.mebek-cart-page .button,
body.mebek-cart-page button.button,
body.mebek-cart-page a.button,
body.mebek-cart-page .checkout-button,
body.mebek-checkout-page .button,
body.mebek-checkout-page button.button,
body.mebek-checkout-page a.button,
body.mebek-checkout-page #place_order {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
border: 1px solid var(--mebek-commerce-blue) !important;
border-radius: 11px;
background: var(--mebek-commerce-blue) !important;
color: #fff !important;
font-size: 14px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.1;
text-align: center;
text-transform: none;
box-shadow: 0 12px 24px rgba(15, 92, 166, .18);
}
body.mebek-cart-page .button:hover,
body.mebek-cart-page button.button:hover,
body.mebek-cart-page a.button:hover,
body.mebek-cart-page .checkout-button:hover,
body.mebek-checkout-page .button:hover,
body.mebek-checkout-page button.button:hover,
body.mebek-checkout-page a.button:hover,
body.mebek-checkout-page #place_order:hover {
border-color: var(--mebek-commerce-blue-dark) !important;
background: var(--mebek-commerce-blue-dark) !important;
color: #fff !important;
transform: translateY(-1px);
}
body.mebek-cart-page .cart-collaterals {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
gap: 28px;
align-items: start;
}
body.mebek-cart-page .cart-collaterals .cart_totals {
width: 100%;
padding: 24px;
}
body.mebek-cart-page .cart_totals h2,
body.mebek-cart-page .cross-sells > h2,
body.mebek-checkout-page #order_review_heading,
body.mebek-checkout-page .woocommerce-billing-fields > h3,
body.mebek-checkout-page .woocommerce-additional-fields > h3 {
margin: 0 0 18px;
color: var(--mebek-commerce-ink);
font-size: 22px;
font-weight: 900;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
body.mebek-cart-page .cart_totals .order-total th,
body.mebek-cart-page .cart_totals .order-total td,
body.mebek-checkout-page .woocommerce-checkout-review-order-table .order-total th,
body.mebek-checkout-page .woocommerce-checkout-review-order-table .order-total td {
color: var(--mebek-commerce-blue);
font-size: 18px;
font-weight: 900;
}
body.mebek-cart-page .cart_totals .wc-proceed-to-checkout {
padding: 16px 0 0;
}
body.mebek-cart-page .cart_totals .checkout-button,
body.mebek-checkout-page #place_order {
width: 100%;
min-height: 50px;
}
body.mebek-cart-page .cross-sells {
min-width: 0;
}
body.mebek-cart-page .cross-sells > h2 {
margin-bottom: 16px;
font-size: 21px;
}
body.mebek-cart-page .cross-sells ul.products {
margin-bottom: 0;
}
body.mebek-checkout-page form.checkout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
gap: 42px;
align-items: start;
}
body.mebek-checkout-page #customer_details {
padding: 24px;
}
body.mebek-checkout-page .woocommerce-billing-fields,
body.mebek-checkout-page .woocommerce-additional-fields {
border: 0;
box-shadow: none;
padding: 0;
}
body.mebek-checkout-page .woocommerce-additional-fields {
margin-top: 24px;
padding-top: 22px;
border-top: 1px solid #edf2f7;
}
body.mebek-checkout-page #order_review_heading,
body.mebek-checkout-page #order_review {
grid-column: 2;
}
body.mebek-checkout-page #order_review_heading {
margin-bottom: -24px;
padding: 24px 24px 0;
border: 1px solid rgba(219, 228, 239, .95);
border-bottom: 0;
border-radius: 20px 20px 0 0;
background: #fff;
box-shadow: 0 18px 44px rgba(16, 36, 61, .08);
}
body.mebek-checkout-page #order_review {
padding: 24px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
body.mebek-checkout-page #payment {
margin-top: 20px;
padding: 0;
border: 0;
box-shadow: none;
background: transparent;
}
body.mebek-checkout-page #payment ul.payment_methods {
display: grid;
gap: 12px;
margin: 0 0 18px;
padding: 0;
border: 0;
}
body.mebek-checkout-page #payment li.wc_payment_method,
body.mebek-checkout-page #payment .mebek-payment-method-card,
body.mebek-checkout-page .payment_methods li {
position: relative;
margin: 0;
padding: 14px 15px;
border: 1px solid var(--mebek-commerce-border);
border-radius: 14px;
background: #f9fcff;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.mebek-checkout-page #payment li.wc_payment_method input,
body.mebek-checkout-page #payment .mebek-payment-method-card input {
margin-right: 8px;
}
body.mebek-checkout-page #payment li.wc_payment_method:has(input:checked),
body.mebek-checkout-page #payment .mebek-payment-method-card--active {
border-color: var(--mebek-commerce-blue);
background: #eef7ff;
box-shadow: 0 12px 28px rgba(15, 92, 166, .12);
}
body.mebek-checkout-page #payment li.wc_payment_method label,
body.mebek-checkout-page #payment .mebek-payment-method-card label {
color: var(--mebek-commerce-ink);
font-size: 14px;
font-weight: 800;
line-height: 1.35;
}
body.mebek-checkout-page #payment .payment_box {
margin: 12px 0 0;
padding: 13px 14px;
border-radius: 12px;
background: #fff;
color: var(--mebek-commerce-muted);
font-size: 13px;
line-height: 1.55;
}
body.mebek-checkout-page .woocommerce-NoticeGroup,
body.mebek-checkout-page .woocommerce-notices-wrapper,
body.mebek-cart-page .woocommerce-notices-wrapper {
margin-bottom: 18px;
}
body.mebek-checkout-page .woocommerce-error,
body.mebek-checkout-page .woocommerce-info,
body.mebek-checkout-page .woocommerce-message,
body.mebek-cart-page .woocommerce-error,
body.mebek-cart-page .woocommerce-info,
body.mebek-cart-page .woocommerce-message {
border: 1px solid #dbe4ef;
border-radius: 16px;
background: #fff;
color: var(--mebek-commerce-ink);
box-shadow: 0 12px 28px rgba(16, 36, 61, .07);
}
@media (min-width: 1025px) {
body.mebek-cart-page .cart-collaterals .cart_totals,
body.mebek-checkout-page #order_review {
position: sticky;
top: 24px;
}
}
@media (max-width: 1024px) {
body.mebek-cart-page .cart-collaterals,
body.mebek-checkout-page form.checkout {
grid-template-columns: 1fr;
gap: 24px;
}
body.mebek-checkout-page #order_review_heading,
body.mebek-checkout-page #order_review {
grid-column: auto;
}
body.mebek-checkout-page #order_review_heading {
margin-bottom: -20px;
}
}
@media (max-width: 767px) {
body.mebek-cart-page .woocommerce-cart-form,
body.mebek-cart-page .cart-collaterals .cart_totals,
body.mebek-checkout-page #customer_details,
body.mebek-checkout-page #order_review {
padding: 18px;
border-radius: 18px;
}
body.mebek-checkout-page #order_review_heading {
padding: 20px 18px 0;
border-radius: 18px 18px 0 0;
font-size: 20px;
}
body.mebek-cart-page table.shop_table td,
body.mebek-checkout-page table.shop_table td {
font-size: 14px;
}
body.mebek-cart-page .mebek-cart-coupon,
body.mebek-cart-page table.cart td.actions .coupon {
display: grid;
width: 100%;
padding: 12px;
}
body.mebek-cart-page table.cart td.actions .coupon input.input-text,
body.mebek-cart-page table.cart td.actions .coupon .button {
width: 100%;
}
body.mebek-cart-page .button,
body.mebek-cart-page button.button,
body.mebek-cart-page a.button,
body.mebek-cart-page .checkout-button,
body.mebek-checkout-page .button,
body.mebek-checkout-page button.button,
body.mebek-checkout-page a.button,
body.mebek-checkout-page #place_order {
width: 100%;
min-height: 48px;
white-space: normal;
}
body.mebek-checkout-page #payment li.wc_payment_method,
body.mebek-checkout-page #payment .mebek-payment-method-card,
body.mebek-checkout-page .payment_methods li {
padding: 13px;
}
}
.mebek-order-received-fallback.mebek-thankyou {
width: min(100% - 32px, 1080px) !important;
max-width: 1080px !important;
margin: 42px auto 70px;
padding: 0;
color: #14243a;
}
.mebek-thankyou__success,
.mebek-thankyou__details {
border: 1px solid #e2ebf5;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 44px rgba(15, 44, 77, .075);
}
.mebek-thankyou__success {
position: relative;
display: grid;
justify-items: center;
gap: 12px;
margin-bottom: 24px;
padding: 40px 44px 38px;
text-align: center;
overflow: hidden;
}
.mebek-thankyou__success::before {
position: absolute;
inset: 0 0 auto;
height: 5px;
background: linear-gradient(90deg, #1668b7, #2bb673);
content: "";
}
.mebek-thankyou__icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border-radius: 50%;
background: #eaf7f1;
box-shadow: inset 0 0 0 1px #cbeede;
}
.mebek-thankyou__icon::before {
width: 22px;
height: 12px;
border-bottom: 4px solid #14955f;
border-left: 4px solid #14955f;
transform: rotate(-45deg) translate(1px, -1px);
content: "";
}
.mebek-thankyou__success .woocommerce-thankyou-order-received,
.mebek-thankyou__success h1 {
margin: 0;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #10243d;
font-size: 30px;
font-weight: 750;
line-height: 1.2;
}
.mebek-thankyou__subtitle {
max-width: 640px;
margin: 0;
color: #526173;
font-size: 16px;
line-height: 1.6;
}
.mebek-thankyou__summary.woocommerce-order-overview {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.mebek-thankyou__summary-card,
.mebek-order-received-fallback .mebek-thankyou__summary-card {
min-width: 0;
padding: 18px 18px 19px;
border: 1px solid #e2ebf5;
border-radius: 16px;
background: #f8fbff;
color: #516174;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
text-transform: uppercase;
letter-spacing: .02em;
}
.mebek-thankyou__summary-card span {
display: block;
margin-bottom: 9px;
}
.mebek-thankyou__summary-card strong,
.mebek-order-received-fallback .mebek-thankyou__summary-card strong {
display: block;
margin: 0;
color: #10243d;
font-size: 15px;
font-weight: 750;
line-height: 1.35;
text-transform: none;
letter-spacing: 0;
overflow-wrap: anywhere;
}
.mebek-thankyou__summary-card--total strong {
color: #0f579e;
font-size: 17px;
}
.mebek-thankyou__details {
margin: 0 0 24px;
padding: 30px 32px 32px;
}
.mebek-thankyou__details .woocommerce-order-details__title {
margin: 0 0 20px;
color: #10243d;
font-size: 24px;
font-weight: 750;
line-height: 1.25;
}
.mebek-thankyou__table-scroll {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.mebek-thankyou__details table.shop_table {
width: 100%;
min-width: 560px;
margin: 0;
border: 0;
border-collapse: collapse;
}
.mebek-thankyou__details table.shop_table th,
.mebek-thankyou__details table.shop_table td {
padding: 16px 0;
border: 0;
border-bottom: 1px solid #e7eef6;
color: #25364b;
font-size: 15px;
line-height: 1.45;
vertical-align: top;
}
.mebek-thankyou__details table.shop_table th:last-child,
.mebek-thankyou__details table.shop_table td:last-child {
text-align: right;
}
.mebek-thankyou__details table.shop_table thead th {
color: #516174;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .04em;
}
.mebek-thankyou__details table.shop_table tfoot tr:last-child th,
.mebek-thankyou__details table.shop_table tfoot tr:last-child td {
border-bottom: 0;
}
.mebek-thankyou__details table.shop_table tfoot tr:first-child th,
.mebek-thankyou__details table.shop_table tfoot tr:first-child td {
color: #0f579e;
font-weight: 800;
}
.mebek-thankyou__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
margin: 0 0 18px;
}
.mebek-thankyou__button,
.mebek-thankyou__actions .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 24px;
border-radius: 12px;
font-size: 14px;
font-weight: 750;
text-decoration: none;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.mebek-thankyou__button--primary {
border: 1px solid #1668b7;
background: #1668b7;
background-color: #1668b7 !important;
background-image: none !important;
color: #fff !important;
}
.mebek-thankyou__button--secondary {
border: 1px solid #c9d8ea;
background: #fff;
background-color: #fff !important;
background-image: none !important;
color: #1668b7 !important;
}
.mebek-thankyou__button:hover,
.mebek-thankyou__button:focus {
transform: translateY(-1px);
text-decoration: none;
}
.mebek-thankyou__button--primary:hover,
.mebek-thankyou__button--primary:focus {
border-color: #0f579e;
background: #0f579e;
background-color: #0f579e !important;
color: #fff !important;
}
.mebek-thankyou__button--secondary:hover,
.mebek-thankyou__button--secondary:focus {
border-color: #1668b7;
color: #0f579e !important;
}
.mebek-thankyou__help {
width: min(100%, 760px);
margin: 0 auto;
padding: 15px 18px;
border: 1px solid #dce8f5;
border-radius: 14px;
background: #f8fbff;
color: #526173;
font-size: 14px;
line-height: 1.55;
text-align: center;
}
.mebek-thankyou--invalid .mebek-thankyou__success {
margin-bottom: 0;
}
.mebek-thankyou--invalid .mebek-thankyou__success::before {
background: #d84d4d;
}
.mebek-thankyou--invalid .mebek-thankyou__icon {
background: #fff2f2;
box-shadow: inset 0 0 0 1px #ffd2d2;
}
.mebek-thankyou--invalid .mebek-thankyou__icon::before {
width: 18px;
height: 18px;
border: 0;
border-radius: 50%;
background: #d84d4d;
transform: none;
}
@media (max-width: 1024px) {
.mebek-thankyou__summary.woocommerce-order-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mebek-thankyou__success {
padding: 34px 30px 32px;
}
}
@media (max-width: 640px) {
.mebek-order-received-fallback.mebek-thankyou {
width: min(100% - 24px, 1080px);
margin: 28px auto 74px;
}
.mebek-thankyou__success {
padding: 26px 20px 24px;
border-radius: 18px;
}
.mebek-thankyou__icon {
width: 48px;
height: 48px;
}
.mebek-thankyou__success .woocommerce-thankyou-order-received,
.mebek-thankyou__success h1 {
font-size: 23px;
line-height: 1.25;
}
.mebek-thankyou__subtitle {
font-size: 14px;
}
.mebek-thankyou__summary.woocommerce-order-overview {
grid-template-columns: 1fr;
gap: 10px;
margin-bottom: 18px;
}
.mebek-thankyou__summary-card,
.mebek-order-received-fallback .mebek-thankyou__summary-card {
padding: 15px 16px;
}
.mebek-thankyou__details {
margin-bottom: 18px;
padding: 22px 18px 20px;
border-radius: 18px;
}
.mebek-thankyou__details .woocommerce-order-details__title {
font-size: 21px;
}
.mebek-thankyou__details table.shop_table {
min-width: 500px;
}
.mebek-thankyou__details table.shop_table th,
.mebek-thankyou__details table.shop_table td {
padding: 13px 0;
font-size: 14px;
}
.mebek-thankyou__actions {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.mebek-thankyou__button,
.mebek-thankyou__actions .button {
width: 100%;
min-height: 46px;
}
.mebek-thankyou__help {
font-size: 13px;
text-align: left;
}
}
.mebek-lang-switcher {
display: inline-flex;
align-items: center;
gap: 4px;
height: 30px;
vertical-align: middle;
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
}
.mebek-lang-switcher__item {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 28px;
padding: 0 10px;
border: 1px solid rgba(255, 255, 255, .35);
border-radius: 18px;
background: transparent;
color: #fff;
text-decoration: none;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.mebek-lang-switcher__item:hover,
.mebek-lang-switcher__item:focus,
.mebek-lang-switcher__item--active {
border-color: #fff;
background: #fff;
color: #1668b7;
text-decoration: none;
}
.mebek-lang-switcher__sep {
color: rgba(255, 255, 255, .5);
font-weight: 600;
}
.whb-top-bar .mebek-lang-switcher--topbar {
margin-left: 10px;
}
.whb-top-bar .whb-column:has(.mebek-lang-switcher--topbar) {
gap: 10px;
}
.mebek-lang-switcher-menu-item {
padding: 14px 16px 10px;
border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.mebek-lang-switcher--mobile {
display: flex;
width: 100%;
height: 32px;
gap: 6px;
}
.mebek-lang-switcher--mobile .mebek-lang-switcher__item {
min-width: 38px;
border-color: rgba(22, 104, 183, .24);
background: #fff;
color: #1f2933;
}
.mebek-lang-switcher--mobile .mebek-lang-switcher__item:hover,
.mebek-lang-switcher--mobile .mebek-lang-switcher__item:focus,
.mebek-lang-switcher--mobile .mebek-lang-switcher__item--active {
border-color: #1668b7;
background: #1668b7;
color: #fff;
}
.mebek-lang-switcher--mobile .mebek-lang-switcher__sep {
color: rgba(31, 41, 51, .45);
}
/* Stage F34: sticky main header and language switcher beside cart. */
body.mebek-f34-header-active .whb-top-bar .mebek-lang-switcher--topbar {
display: none !important;
}
.mebek-header-language-switcher {
display: inline-flex;
align-items: center;
margin-left: 8px;
flex: 0 0 auto;
}
.mebek-lang-switcher--header {
height: 28px;
gap: 4px;
font-size: 11px;
font-weight: 800;
line-height: 1;
}
.mebek-lang-switcher--header .mebek-lang-switcher__sep {
display: none;
}
.mebek-lang-switcher--header .mebek-lang-switcher__item {
min-width: 30px;
height: 26px;
padding: 0 9px;
border-color: rgba(15, 92, 166, .24);
background: #fff;
color: #0f5ca6;
box-shadow: 0 6px 14px rgba(15, 92, 166, .06);
}
.mebek-lang-switcher--header .mebek-lang-switcher__item:hover,
.mebek-lang-switcher--header .mebek-lang-switcher__item:focus,
.mebek-lang-switcher--header .mebek-lang-switcher__item--active {
border-color: #0f5ca6;
background: #0f5ca6;
color: #fff;
}
@media (min-width: 1025px) {
body.mebek-f34-header-active .whb-general-header .whb-column {
min-width: 0;
}
body.mebek-f34-header-active .whb-general-header .whb-col-center {
flex: 1 1 auto;
}
body.mebek-f34-header-active .whb-general-header .whb-col-right:has(.mebek-header-language-switcher) {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-width: 292px;
}
body.mebek-f34-header-active .whb-general-header .whb-col-right:has(.mebek-header-language-switcher) .wd-tools-element {
flex: 0 0 auto;
}
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-general-header,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header,
body.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky {
position: fixed !important;
display: block !important;
top: var(--wp-admin--admin-bar--height, 0px);
right: 0;
left: 0;
z-index: 4300;
background: rgba(255, 255, 255, .98) !important;
box-shadow: 0 10px 30px rgba(16, 36, 61, .12);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
transform: translate3d(0, 0, 0) !important;
opacity: 1 !important;
visibility: visible !important;
}
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-general-header,
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header,
body.admin-bar.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky {
top: 32px;
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header .container,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header .whb-flex-row {
min-width: 0;
}
@media (min-width: 1025px) {
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-general-header,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header,
body.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky {
min-height: 96px;
height: auto !important;
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header .container,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header .whb-flex-row,
body.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky .container,
body.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky .whb-flex-row {
min-height: 96px !important;
height: 96px !important;
align-items: center !important;
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-header-bottom.whb-sticky-row,
body.mebek-f34-header-active .mebek-main-header-is-sticky .whb-header-bottom.whb-sticky-row {
display: none !important;
}
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-header,
body.mebek-f34-header-active.mebek-header-is-sticky .main-page-wrapper,
body.mebek-f34-header-active.mebek-header-is-sticky .website-wrapper {
overflow-x: clip;
}
body.mebek-f34-header-active.mebek-header-is-sticky .mobile-nav.wd-side-hidden,
body.mebek-f34-header-active.mebek-header-is-sticky .cart-widget-side.wd-side-hidden {
z-index: 5001;
}
@media (max-width: 1024px) {
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-general-header,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header,
body.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky {
z-index: 4300;
min-height: 112px;
}
body.mebek-f34-header-active .whb-general-header .container,
body.mebek-f34-header-active .whb-general-header .whb-flex-row {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
row-gap: 8px;
}
body.mebek-f34-header-active .whb-general-header .whb-column {
min-width: 0;
}
body.mebek-f34-header-active .whb-general-header .whb-col-left:has(.mobile-nav-icon),
body.mebek-f34-header-active .whb-general-header .whb-col-left:has(.wd-header-menu),
body.mebek-f34-header-active .whb-general-header .whb-col-left:has(.menu-opener) {
display: none !important;
}
body.mebek-f34-header-active .whb-general-header .whb-col-center {
order: 1;
flex: 1 1 auto;
display: flex !important;
align-items: center;
justify-content: flex-start;
}
body.mebek-f34-header-active .whb-general-header .whb-col-right:has(.mebek-header-language-switcher) {
order: 2;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
min-width: 0;
margin-left: auto;
}
body.mebek-f34-header-active .whb-general-header .whb-col-right .wd-tools-element:not(.wd-header-cart),
body.mebek-f34-header-active .whb-general-header .wd-header-wishlist,
body.mebek-f34-header-active .whb-general-header .wd-header-compare,
body.mebek-f34-header-active .whb-general-header .wd-header-my-account,
body.mebek-f34-header-active .whb-general-header .wd-header-account,
body.mebek-f34-header-active .whb-general-header .wishlist-info-widget,
body.mebek-f34-header-active .whb-general-header .compare-info-widget,
body.mebek-f34-header-active .whb-general-header .login-info-widget {
display: none !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-header-language-switcher {
display: inline-flex !important;
align-items: center;
order: 1;
margin-left: 0;
margin-right: 0;
flex: 0 1 auto;
max-width: 100%;
}
body.mebek-f34-header-active .whb-general-header .mebek-lang-switcher--header {
height: 24px;
gap: 2px;
font-size: 10px;
}
body.mebek-f34-header-active .whb-general-header .mebek-lang-switcher--header .mebek-lang-switcher__item {
min-width: 24px;
height: 22px;
padding: 0 5px;
border-radius: 999px;
font-size: 10px;
box-shadow: 0 4px 10px rgba(15, 92, 166, .05);
}
body.mebek-f34-header-active .whb-general-header .wd-header-cart,
body.mebek-f34-header-active .whb-general-header .cart-widget-opener {
order: 2;
flex: 0 0 auto;
}
body.mebek-f34-header-active .whb-general-header .wd-header-cart .wd-tools-text,
body.mebek-f34-header-active .whb-general-header .wd-header-cart .wd-cart-subtotal,
body.mebek-f34-header-active .whb-general-header .wd-header-cart .wd-tools-inner > span:not(.wd-cart-number):not(.wd-tools-icon),
body.mebek-f34-header-active .whb-general-header .wd-header-cart .wd-cart-number + span {
display: none !important;
}
body.mebek-f34-header-active .whb-general-header .wd-logo,
body.mebek-f34-header-active .whb-general-header .site-logo,
body.mebek-f34-header-active .whb-general-header .custom-logo-link {
display: inline-flex !important;
align-items: center;
max-width: 70px;
}
body.mebek-f34-header-active .whb-general-header .wd-logo img,
body.mebek-f34-header-active .whb-general-header .site-logo img,
body.mebek-f34-header-active .whb-general-header .custom-logo-link img {
display: block;
width: auto;
max-width: 58px;
max-height: 42px;
height: auto;
}
body.mebek-f34-header-active .whb-general-header .wd-header-search-form-mobile {
order: 3;
flex: 1 0 100%;
width: 100%;
margin-top: 2px;
}
body.mebek-f34-header-active .whb-general-header.mebek-mobile-header-ready .container,
body.mebek-f34-header-active .whb-general-header.mebek-mobile-header-ready .whb-flex-row {
display: block !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-row-ready {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
row-gap: 8px;
width: 100%;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-source-col {
display: none !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary {
display: grid !important;
grid-template-columns: auto minmax(42px, 58px) 1fr auto;
align-items: center;
column-gap: 6px;
width: 100%;
min-height: 56px;
padding: 0;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .mebek-mobile-header-menu,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .wd-header-mobile-nav,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .wd-header-menu,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .mobile-nav-icon,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .menu-opener {
grid-column: 1;
justify-self: start;
align-self: center;
display: inline-flex !important;
align-items: center;
margin: 0 !important;
min-width: 0;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .mebek-mobile-header-menu__trigger,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .wd-header-mobile-nav > a,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .menu-opener,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .mobile-nav-icon,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .mobile-nav-icon > a {
display: inline-flex !important;
align-items: center;
gap: 6px;
min-height: 40px;
padding: 0 4px 0 0;
color: #10243d !important;
font-size: 12px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .mebek-mobile-header-menu__label {
display: inline-block;
font-size: 12px;
font-weight: 600;
line-height: 1;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .wd-header-mobile-nav .wd-tools-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .wd-logo,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .site-logo,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .custom-logo-link {
grid-column: 2;
justify-self: start;
align-self: center;
margin: 0 !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .mebek-header-language-switcher,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .mebek-lang-switcher--header {
grid-column: 3;
justify-self: center;
align-self: center;
display: inline-flex !important;
margin: 0 !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .wd-header-cart,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary > .cart-widget-opener {
grid-column: 4;
justify-self: end;
align-self: center;
margin: 0 !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .wd-header-cart,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .cart-widget-opener,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .wd-tools-element {
flex: 0 0 auto;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row {
display: none;
width: 100%;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row--active {
display: block !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search-form-mobile,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search-form,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search-form-mobile form,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search-form-mobile .searchform,
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-search-row .wd-header-search-form-mobile input[type="search"] {
width: 100% !important;
max-width: 100% !important;
}
body.mebek-f34-header-active .whb-general-header .whb-col-right .wd-tools-element,
body.mebek-f34-header-active .whb-general-header .whb-col-right .wd-header-cart,
body.mebek-f34-header-active .whb-general-header .whb-col-right .cart-widget-opener {
flex: 0 0 auto;
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .wd-header-search-form-mobile,
body.mebek-f34-header-active.mebek-header-is-sticky .wd-header-search-form-mobile,
body.mebek-f34-header-active .mebek-main-header-is-sticky .wd-header-search-form-mobile,
body.mebek-f34-header-active .mebek-whb-is-sticky .wd-header-search-form-mobile {
position: fixed !important;
top: calc(var(--wp-admin--admin-bar--height, 0px) + 62px);
right: 5px;
left: 5px;
z-index: 4301;
display: block !important;
visibility: visible !important;
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
height: 42px !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .wd-header-search-form-mobile,
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .wd-header-search-form-mobile,
body.admin-bar.mebek-f34-header-active .mebek-main-header-is-sticky .wd-header-search-form-mobile,
body.admin-bar.mebek-f34-header-active .mebek-whb-is-sticky .wd-header-search-form-mobile {
top: 108px;
}
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .wd-header-search-form-mobile form,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .wd-header-search-form-mobile .searchform,
body.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .wd-header-search-form-mobile input[type="search"],
body.mebek-f34-header-active.mebek-header-is-sticky .wd-header-search-form-mobile form,
body.mebek-f34-header-active.mebek-header-is-sticky .wd-header-search-form-mobile .searchform,
body.mebek-f34-header-active.mebek-header-is-sticky .wd-header-search-form-mobile input[type="search"] {
display: block !important;
visibility: visible !important;
width: 100% !important;
max-width: 100% !important;
opacity: 1 !important;
}
}
@media (max-width: 360px) {
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary {
grid-template-columns: auto minmax(38px, 50px) 1fr auto;
column-gap: 4px;
}
body.mebek-f34-header-active .whb-general-header .mebek-mobile-header-primary .mebek-mobile-header-menu__label {
display: none;
}
body.mebek-f34-header-active .whb-general-header .wd-logo img,
body.mebek-f34-header-active .whb-general-header .site-logo img,
body.mebek-f34-header-active .whb-general-header .custom-logo-link img {
max-width: 50px;
max-height: 38px;
}
body.mebek-f34-header-active .whb-general-header .mebek-lang-switcher--header .mebek-lang-switcher__item {
min-width: 22px;
padding: 0 4px;
}
}
@media (max-width: 782px) {
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .whb-main-header .whb-general-header,
body.admin-bar.mebek-f34-header-active.mebek-header-is-sticky .whb-general-header,
body.admin-bar.mebek-f34-header-active .whb-general-header.mebek-header-row-is-sticky {
top: 46px;
}
}
.mebek-ru-catalog-fallback {
display: flex;
justify-content: center;
padding: 38px 16px 44px;
}
.mebek-ru-catalog-fallback__inner {
width: min(100%, 760px);
padding: 28px 30px;
border: 1px solid rgba(22, 104, 183, .18);
border-radius: 8px;
background: #f7fbff;
color: #1f2933;
text-align: center;
}
.mebek-ru-catalog-fallback h2 {
margin: 0 0 12px;
font-size: 24px;
line-height: 1.25;
}
.mebek-ru-catalog-fallback p {
margin: 0 auto 20px;
max-width: 620px;
color: #4b5563;
font-size: 15px;
line-height: 1.6;
}
.mebek-ru-catalog-fallback__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 18px;
border-radius: 4px;
background: #1668b7;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
}
.mebek-ru-catalog-fallback__button:hover,
.mebek-ru-catalog-fallback__button:focus {
background: #0f579e;
color: #fff;
text-decoration: none;
}
.mebek-empty-cart {
display: flex;
justify-content: center;
width: 100%;
padding: 56px 20px 64px;
text-align: center;
}
.mebek-empty-cart__inner {
width: min(100%, 720px);
margin: 0 auto;
}
.mebek-empty-cart__message {
margin: 0 0 22px;
color: #1f2933;
font-size: 22px;
font-weight: 600;
line-height: 1.35;
}
.mebek-empty-cart__action {
margin: 0;
}
.mebek-empty-cart__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 22px;
border-radius: 4px;
background: #1668b7;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
transition: background-color .18s ease, color .18s ease;
}
.mebek-empty-cart__button:hover,
.mebek-empty-cart__button:focus {
background: #0f579e;
color: #fff;
text-decoration: none;
}
body.woocommerce-cart .wc-empty-cart-message ~ .elementor .elementor-widget-wd_button .btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 22px;
border-radius: 4px;
background: #1668b7;
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
box-shadow: none;
transition: background-color .18s ease, color .18s ease;
}
body.woocommerce-cart .wc-empty-cart-message ~ .elementor .elementor-widget-wd_button .btn:hover,
body.woocommerce-cart .wc-empty-cart-message ~ .elementor .elementor-widget-wd_button .btn:focus {
background: #0f579e;
color: #fff;
text-decoration: none;
}
body.mebek-footer-polish-active footer.elementor-location-footer,
body.mebek-footer-polish-active .footer-container,
body.mebek-footer-polish-active .wd-prefooter {
display: none !important;
}
.mebek-footer {
width: 100%;
margin: 0;
background: #fff;
color: #1f2933;
border-top: 1px solid rgba(22, 104, 183, .12);
font-size: 14px;
line-height: 1.55;
}
.mebek-footer__inner {
width: min(100% - 32px, 1180px);
margin: 0 auto;
}
.mebek-footer__strip {
background: #1668b7;
color: #fff;
}
.mebek-footer__strip-inner {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1px;
min-height: 46px;
align-items: center;
}
.mebek-footer__strip-item {
display: flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 8px 14px;
border-left: 1px solid rgba(255, 255, 255, .18);
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
}
.mebek-footer__strip-item:first-child {
border-left: 0;
}
.mebek-footer__main {
padding: 34px 0 30px;
background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}
.mebek-footer__grid {
display: grid;
grid-template-columns: minmax(230px, 1.2fr) minmax(220px, 1.05fr) minmax(170px, .85fr) minmax(170px, .85fr);
gap: 28px;
align-items: start;
}
.mebek-footer__column {
min-width: 0;
}
.mebek-footer__logo {
display: inline-flex;
align-items: center;
max-width: 152px;
margin-bottom: 14px;
text-decoration: none;
}
.mebek-footer__logo img {
display: block;
width: auto;
max-width: 152px;
max-height: 76px;
object-fit: contain;
}
.mebek-footer__logo--text {
color: #1668b7;
font-size: 24px;
font-weight: 800;
line-height: 1;
}
.mebek-footer__brand-title,
.mebek-footer__heading {
margin: 0 0 12px;
color: #14263a;
font-size: 15px;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0;
text-transform: uppercase;
}
.mebek-footer__brand-title {
text-transform: none;
font-size: 18px;
}
.mebek-footer__brand-text {
max-width: 310px;
margin: 0;
color: #5b6675;
font-size: 14px;
line-height: 1.65;
}
.mebek-footer__contacts {
display: grid;
gap: 8px;
margin: 0 0 16px;
color: #5b6675;
font-style: normal;
}
.mebek-footer a {
color: #1f2933;
text-decoration: none;
transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}
.mebek-footer a:hover,
.mebek-footer a:focus {
color: #1668b7;
text-decoration: none;
}
.mebek-footer__socials {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
}
.mebek-footer__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid rgba(22, 104, 183, .18);
border-radius: 50%;
background: #fff;
color: #1668b7 !important;
font-size: 11px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.mebek-footer__social-link:hover,
.mebek-footer__social-link:focus {
border-color: #1668b7;
background: #1668b7;
color: #fff !important;
}
.mebek-social-links__abbr {
display: block;
line-height: 1;
text-transform: uppercase;
}
.mebek-social-links__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1em;
height: 1em;
line-height: 1;
}
.mebek-social-links__icon svg {
display: block;
width: 16px;
height: 16px;
fill: currentColor;
}
.mebek-social-links__icon svg [fill="none"] {
fill: none;
}
.mebek-footer__social-link .mebek-social-links__icon svg {
width: 15px;
height: 15px;
}
.mebek-footer__links {
display: grid;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.mebek-footer__links li {
margin: 0;
padding: 0;
}
.mebek-footer__links a {
display: inline-flex;
align-items: center;
min-height: 24px;
color: #4b5563;
font-size: 14px;
line-height: 1.35;
}
.mebek-footer__bottom {
background: #0f579e;
color: #fff;
}
.mebek-footer__bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
gap: 16px;
font-size: 13px;
font-weight: 600;
}
.mebek-footer__bottom-note {
opacity: .78;
}
body.mebek-contact-polish-active .mebek-contact-map,
body.mebek-contact-polish-active .elementor-element-68d0e93 {
margin-bottom: 0;
background: #f7fbff;
}
body.mebek-contact-polish-active .mebek-contact-map .wd-google-map,
body.mebek-contact-polish-active .elementor-element-68d0e93 .wd-google-map,
body.mebek-contact-polish-active .elementor-element-68d0e93 iframe {
min-height: 400px;
height: 420px !important;
max-height: 450px;
}
body.mebek-contact-polish-active .mebek-contact-section,
body.mebek-contact-polish-active .elementor-element-cb322d0 {
position: relative;
isolation: isolate;
overflow: hidden;
padding: 66px 0;
background-position: center center;
background-size: cover;
}
body.mebek-contact-polish-active .mebek-contact-section::before,
body.mebek-contact-polish-active .elementor-element-cb322d0::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, rgba(6, 32, 62, .86) 0%, rgba(10, 76, 152, .72) 47%, rgba(6, 32, 62, .58) 100%);
pointer-events: none;
}
body.mebek-contact-polish-active .mebek-contact-section > .e-con-inner,
body.mebek-contact-polish-active .elementor-element-cb322d0 > .e-con-inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
gap: 36px;
align-items: center;
width: min(100% - 32px, 1180px);
}
body.mebek-contact-polish-active .mebek-contact-form__legacy {
display: none !important;
}
.mebek-contact-form__intro {
min-width: 0;
}
.mebek-contact-form__intro-content {
max-width: 560px;
color: #fff;
}
.mebek-contact-form__eyebrow {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 16px;
padding: 0 12px;
border: 1px solid rgba(255, 255, 255, .34);
border-radius: 999px;
background: rgba(255, 255, 255, .13);
color: #fff;
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.mebek-contact-form__intro-content h2 {
margin: 0 0 16px;
color: #fff;
font-size: 42px;
font-weight: 800;
line-height: 1.08;
letter-spacing: 0;
}
.mebek-contact-form__intro-content p {
margin: 0;
max-width: 540px;
color: rgba(255, 255, 255, .86);
font-size: 16px;
line-height: 1.7;
}
.mebek-contact-form__contact-list {
display: grid;
gap: 8px;
margin-top: 22px;
color: #fff;
font-size: 14px;
line-height: 1.45;
}
.mebek-contact-form__contact-list a,
.mebek-contact-form__contact-list span {
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
color: #fff;
text-decoration: none;
}
.mebek-contact-form__contact-list a:hover,
.mebek-contact-form__contact-list a:focus {
color: #dcecff;
text-decoration: none;
}
.mebek-contact-form__card {
min-width: 0;
padding: 34px 38px !important;
border: 1px solid rgba(22, 104, 183, .14);
border-radius: 18px;
background: rgba(255, 255, 255, .96);
box-shadow: 0 22px 55px rgba(5, 25, 48, .24);
backdrop-filter: blur(8px);
}
.mebek-contact-form__card-heading {
margin-bottom: 22px;
}
.mebek-contact-form__card-heading h3 {
margin: 0 0 8px;
color: #14263a;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0;
}
.mebek-contact-form__card-heading p {
margin: 0;
color: #5b6675;
font-size: 14px;
line-height: 1.55;
}
.mebek-contact-form .wpcf7-form,
.mebek-contact-form__fields {
display: grid;
gap: 14px;
margin: 0;
}
.mebek-contact-form .wpcf7-form p,
.mebek-contact-form__fields p {
margin: 0;
}
.mebek-contact-form .wpcf7-form label,
.mebek-contact-form__fields label {
display: block;
margin: 0;
color: #263548;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
}
.mebek-contact-form .wpcf7-form label br,
.mebek-contact-form__fields label br {
display: none;
}
.mebek-contact-form .wpcf7-form-control-wrap,
.mebek-contact-form__fields .wpcf7-form-control-wrap {
display: block;
margin-top: 7px;
}
.mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
.mebek-contact-form textarea,
.mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
.mebek-contact-form__fields textarea {
width: 100%;
min-height: 50px;
padding: 12px 14px;
border: 1px solid #d6dee8;
border-radius: 10px;
background: #fff;
color: #14263a;
font-size: 14px;
line-height: 1.45;
box-shadow: none;
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.mebek-contact-form textarea,
.mebek-contact-form__fields textarea {
min-height: 138px;
resize: vertical;
}
.mebek-contact-form input:not([type="submit"]):not([type="hidden"]):focus,
.mebek-contact-form textarea:focus,
.mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):focus,
.mebek-contact-form__fields textarea:focus {
border-color: #1668b7;
background: #fff;
box-shadow: 0 0 0 3px rgba(22, 104, 183, .14);
outline: none;
}
.mebek-contact-form__button,
.mebek-contact-form .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 190px;
min-height: 48px;
padding: 0 24px;
border: 0 !important;
border-radius: 10px;
background: #1668b7 !important;
color: #fff !important;
font-size: 14px;
font-weight: 800;
line-height: 1;
text-transform: none !important;
box-shadow: 0 10px 22px rgba(22, 104, 183, .24);
transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.mebek-contact-polish-active .elementor-element-3c67846 input.wpcf7-submit.mebek-contact-form__button,
body.mebek-contact-polish-active .elementor-element-3c67846 input.wpcf7-submit {
background-color: #1668b7 !important;
color: #fff !important;
text-transform: none !important;
}
.mebek-contact-form__button:hover,
.mebek-contact-form__button:focus,
.mebek-contact-form .wpcf7-submit:hover,
.mebek-contact-form .wpcf7-submit:focus {
background: #0f579e !important;
color: #fff !important;
box-shadow: 0 12px 28px rgba(15, 87, 158, .28);
transform: translateY(-1px);
}
.mebek-contact-form .wpcf7-spinner {
margin: 0 0 0 10px;
vertical-align: middle;
}
.mebek-contact-form .wpcf7-not-valid-tip {
margin-top: 6px;
color: #b42318;
font-size: 12px;
line-height: 1.35;
}
.mebek-contact-form .wpcf7-response-output {
margin: 6px 0 0;
padding: 12px 14px;
border-radius: 10px;
background: #f7fbff;
color: #263548;
font-size: 13px;
line-height: 1.45;
}
body.mebek-home-form-page .mebek-home-form-section,
body.mebek-home-form-page .elementor-element-365699e {
position: relative;
isolation: isolate;
overflow: hidden;
margin-bottom: 0 !important;
padding: 72px 0 76px !important;
background-color: #0d2137 !important;
background-image: url("/wp-content/uploads/2026/04/interer-jpg-3.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
body.mebek-home-form-page .mebek-home-form-section::before,
body.mebek-home-form-page .elementor-element-365699e::before,
body.mebek-home-form-page .elementor .elementor-element.elementor-element-365699e::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
opacity: 1 !important;
background:
linear-gradient(90deg, rgba(5, 18, 35, .9) 0%, rgba(7, 35, 68, .74) 46%, rgba(5, 18, 35, .52) 100%),
linear-gradient(180deg, rgba(5, 18, 35, .2) 0%, rgba(5, 18, 35, .36) 100%) !important;
pointer-events: none;
}
body.mebek-home-form-page .mebek-home-form-section > .e-con-inner,
body.mebek-home-form-page .elementor-element-365699e > .e-con-inner {
position: relative;
z-index: 1;
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
gap: 42px;
align-items: center;
width: min(100% - 32px, 1180px);
margin-right: auto;
margin-left: auto;
}
body.mebek-home-form-page .mebek-home-form-copy,
body.mebek-home-form-page .elementor-element-c03bf82 {
min-width: 0;
max-width: 610px;
}
body.mebek-home-form-page .mebek-home-form-copy .elementor-heading-title,
body.mebek-home-form-page .elementor-element-fed2cdb .elementor-heading-title {
margin: 0;
color: #fff !important;
font-size: 44px !important;
font-weight: 800 !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
text-shadow: 0 2px 18px rgba(0, 0, 0, .42);
text-wrap: balance;
}
body.mebek-home-form-page .mebek-home-form-copy .wd-text-block,
body.mebek-home-form-page .elementor-element-b7a3bf0,
body.mebek-home-form-page .elementor-element-b7a3bf0 .wd-text-block,
body.mebek-home-form-page .elementor-element-b7a3bf0 .elementor-widget-container {
max-width: 570px;
color: rgba(255, 255, 255, .88) !important;
font-size: 16px !important;
font-weight: 500;
line-height: 1.7 !important;
letter-spacing: 0 !important;
text-shadow: 0 2px 14px rgba(0, 0, 0, .34);
}
body.mebek-home-form-page .mebek-home-form-socials,
body.mebek-home-form-page .elementor-element-365699e .elementor-element-b80677f {
display: none !important;
}
body.mebek-home-form-page .mebek-home-form-card,
body.mebek-home-form-page .elementor-element-bb667ee {
width: min(100%, 520px);
min-width: 0;
justify-self: end;
padding: 34px 38px !important;
border: 1px solid rgba(22, 104, 183, .14);
border-radius: 20px;
background: rgba(255, 255, 255, .97) !important;
box-shadow: 0 22px 55px rgba(5, 25, 48, .26);
backdrop-filter: blur(8px);
}
body.mebek-home-form-page .mebek-home-form-card > .e-con-inner,
body.mebek-home-form-page .elementor-element-bb667ee > .e-con-inner {
display: block !important;
width: 100%;
max-width: none;
}
.mebek-home-form__card-heading {
margin: 0 0 22px;
}
.mebek-home-form__card-heading h3 {
margin: 0 0 8px;
color: #14263a;
font-size: 24px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0;
}
.mebek-home-form__card-heading p {
margin: 0;
color: #5b6675;
font-size: 14px;
line-height: 1.55;
}
body.mebek-home-form-page .elementor-element-3460cce,
body.mebek-home-form-page .mebek-home-form {
width: 100%;
}
body.mebek-home-form-page .elementor-element-3460cce input.wpcf7-submit.mebek-home-form__button,
body.mebek-home-form-page .elementor-element-3460cce input.wpcf7-submit {
background-color: #1668b7 !important;
color: #fff !important;
text-transform: none !important;
}
body.mebek-contact-page .main-page-wrapper {
background: #f7f9fc;
}
body.mebek-contact-page .page-title {
margin-bottom: 0;
}
body.mebek-contact-page .mebek-contact-map,
body.mebek-contact-page .elementor-element-68d0e93 {
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 40px 0 0 !important;
--margin-top: 0 !important;
--margin-bottom: 0 !important;
background: #f7f9fc !important;
}
body.mebek-contact-page .mebek-contact-map > .e-con-inner,
body.mebek-contact-page .elementor-element-68d0e93 > .e-con-inner {
display: block !important;
width: min(100% - 32px, 1180px);
max-width: 1180px;
min-height: 0 !important;
height: auto !important;
margin-right: auto;
margin-left: auto;
}
body.mebek-contact-page .mebek-contact-map .elementor-widget-wd_google_map,
body.mebek-contact-page .elementor-element-68d0e93 .elementor-widget-wd_google_map,
body.mebek-contact-page .elementor-element-68d0e93 .elementor-element-5b5f235,
body.mebek-contact-page .elementor-element-68d0e93 .google-map-container,
body.mebek-contact-page .elementor-element-68d0e93 .wd-map-container {
display: none !important;
min-height: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
body.mebek-contact-page .mebek-contact-map__legacy,
body.mebek-contact-page .wd-google-map-wrapper,
body.mebek-contact-page .wd-google-map-content-wrap {
display: none !important;
}
.mebek-contact-map-card {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
min-height: 390px;
overflow: hidden;
border: 1px solid #e1eaf4;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 44px rgba(15, 44, 77, .1);
}
.mebek-contact-map-card__media {
position: relative;
min-width: 0;
min-height: 390px;
background: #eaf2f9;
}
.mebek-contact-map-card__media iframe {
display: block;
width: 100%;
height: 100%;
min-height: 390px;
border: 0;
filter: saturate(.92) contrast(.98);
}
.mebek-contact-map-card__info {
display: flex;
position: relative;
z-index: 1;
flex-direction: column;
justify-content: center;
padding: 34px;
background: linear-gradient(180deg, #fff 0%, #f3f8fe 100%);
}
.mebek-contact-map-card__eyebrow {
display: inline-flex;
align-self: flex-start;
align-items: center;
min-height: 28px;
margin-bottom: 15px;
padding: 0 12px;
border: 1px solid #cfe2f6;
border-radius: 999px;
background: #fff;
color: #1f73be;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.mebek-contact-map-card__info h2 {
margin: 0 0 12px;
color: #10243d;
font-size: 30px;
font-weight: 800;
line-height: 1.16;
letter-spacing: 0;
}
.mebek-contact-map-card__info p {
margin: 0 0 22px;
color: #41546a;
font-size: 15px;
line-height: 1.65;
}
.mebek-contact-route-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 44px;
padding: 0 20px;
border-radius: 10px;
background: #1668b7;
color: #fff !important;
font-size: 14px;
font-weight: 800;
text-decoration: none;
box-shadow: 0 10px 22px rgba(22, 104, 183, .22);
transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mebek-contact-route-btn:hover,
.mebek-contact-route-btn:focus {
background: #0f579e;
color: #fff !important;
text-decoration: none;
box-shadow: 0 12px 28px rgba(15, 87, 158, .28);
transform: translateY(-1px);
}
.mebek-contact-cards {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
gap: 16px;
margin-top: 16px;
}
.mebek-contact-card {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 132px;
padding: 20px 18px;
border: 1px solid #e1eaf4;
border-radius: 18px;
background: #fff;
box-shadow: 0 12px 30px rgba(15, 44, 77, .06);
}
.mebek-contact-card__icon {
display: inline-flex;
position: relative;
width: 34px;
height: 34px;
margin-bottom: 12px;
border: 1px solid #d5e6f7;
border-radius: 12px;
background: #eef7ff;
}
.mebek-contact-card__icon::before {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border-radius: 50%;
background: #1f73be;
box-shadow: 0 0 0 5px rgba(31, 115, 190, .13);
transform: translate(-50%, -50%);
content: "";
}
.mebek-contact-card h3 {
margin: 0 0 7px;
color: #10243d;
font-size: 15px;
font-weight: 800;
line-height: 1.25;
}
.mebek-contact-card p,
.mebek-contact-card a {
margin: 0;
color: #41546a;
font-size: 14px;
line-height: 1.5;
text-decoration: none;
}
.mebek-contact-card a:hover,
.mebek-contact-card a:focus {
color: #1668b7;
text-decoration: none;
}
body.mebek-contact-page .mebek-contact-section,
body.mebek-contact-page .elementor-element-cb322d0 {
padding: 46px 0 54px !important;
background: #f7f9fc !important;
}
body.mebek-contact-page .mebek-contact-section::before,
body.mebek-contact-page .elementor-element-cb322d0::before {
display: none !important;
}
body.mebek-contact-page .mebek-contact-section > .e-con-inner,
body.mebek-contact-page .elementor-element-cb322d0 > .e-con-inner {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
align-items: start;
width: min(100% - 32px, 1180px);
gap: 30px;
min-height: 0 !important;
}
body.mebek-contact-page .mebek-contact-faq,
body.mebek-contact-page .elementor-element-1f0abe4,
body.mebek-contact-page .mebek-contact-form-card,
body.mebek-contact-page .elementor-element-789122a {
min-width: 0;
border: 1px solid #e1eaf4;
border-radius: 20px;
background: #fff;
box-shadow: 0 14px 34px rgba(15, 44, 77, .075);
}
body.mebek-contact-page .mebek-contact-faq,
body.mebek-contact-page .elementor-element-1f0abe4 {
padding: 28px 28px 30px !important;
}
body.mebek-contact-page .mebek-contact-form-card,
body.mebek-contact-page .elementor-element-789122a {
padding: 30px 34px !important;
}
body.mebek-contact-page .mebek-contact-faq .wd-title,
body.mebek-contact-page .mebek-contact-faq .title-wrapper {
margin-bottom: 22px;
text-align: left !important;
}
body.mebek-contact-page .mebek-contact-faq .woodmart-title-container,
body.mebek-contact-page .elementor-element-1f0abe4 .woodmart-title-container {
color: #10243d !important;
font-size: 25px !important;
line-height: 1.22;
letter-spacing: 0;
}
body.mebek-contact-page .mebek-contact-faq .subtitle {
color: #1668b7 !important;
font-size: 12px !important;
font-weight: 800;
text-transform: uppercase;
}
body.mebek-contact-page .mebek-contact-faq .wd-accordion-item {
border-bottom: 1px solid #e5edf6;
}
body.mebek-contact-page .mebek-contact-faq .wd-accordion-title {
color: #10243d;
font-size: 15px;
font-weight: 800;
line-height: 1.4;
}
body.mebek-contact-page .mebek-contact-faq .wd-accordion-content {
color: #41546a;
font-size: 14px;
line-height: 1.65;
}
.mebek-contact-faq-intro {
margin: -4px 0 22px;
padding: 18px 18px 19px;
border: 1px solid #dce9f6;
border-radius: 16px;
background: #f8fbff;
}
.mebek-contact-faq-intro p {
margin: 0 0 13px;
color: #33475f;
font-size: 15px;
font-weight: 650;
line-height: 1.55;
}
.mebek-contact-faq-intro__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 14px;
margin: 0;
padding: 0;
list-style: none;
}
.mebek-contact-faq-intro__list li {
position: relative;
min-width: 0;
padding-left: 18px;
color: #41546a;
font-size: 14px;
line-height: 1.45;
}
.mebek-contact-faq-intro__list li::before {
position: absolute;
top: .72em;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #1668b7;
box-shadow: 0 0 0 4px rgba(22, 104, 183, .1);
transform: translateY(-50%);
content: "";
}
body.mebek-contact-page .mebek-contact-bottom-card,
body.mebek-contact-page .mebek-contact-info-card,
body.mebek-contact-page .elementor-element-a6b3d79 {
width: min(100% - 32px, 1180px);
margin: 0 auto 54px !important;
padding: 24px 28px !important;
border: 1px solid #e1eaf4;
border-radius: 20px;
background: #fff;
box-shadow: 0 14px 34px rgba(15, 44, 77, .065);
}
body.mebek-contact-page .mebek-contact-bottom-card > .e-con-inner,
body.mebek-contact-page .mebek-contact-info-card > .e-con-inner,
body.mebek-contact-page .elementor-element-a6b3d79 > .e-con-inner {
display: grid !important;
grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
gap: 12px 36px;
align-items: start;
width: 100%;
max-width: none;
min-height: 0 !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .elementor-element-eb32b70,
body.mebek-contact-page .mebek-contact-info-card .elementor-element-eb32b70,
body.mebek-contact-page .elementor-element-a6b3d79 .elementor-element-eb32b70,
body.mebek-contact-page .mebek-contact-bottom-card .elementor-element-f184e04,
body.mebek-contact-page .mebek-contact-info-card .elementor-element-f184e04,
body.mebek-contact-page .elementor-element-a6b3d79 .elementor-element-f184e04 {
grid-column: 1;
min-width: 0;
}
body.mebek-contact-page .mebek-contact-bottom-card .elementor-element-ad4500b,
body.mebek-contact-page .mebek-contact-info-card .elementor-element-ad4500b,
body.mebek-contact-page .elementor-element-a6b3d79 .elementor-element-ad4500b {
grid-column: 2;
grid-row: 1;
min-width: 0;
}
body.mebek-contact-page .mebek-contact-bottom-card__legacy {
display: none !important;
}
.mebek-contact-support-panel {
display: grid;
grid-column: 1 / -1;
grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
gap: 20px 38px;
width: 100%;
min-width: 0;
}
.mebek-contact-support-panel__aside {
min-width: 0;
padding: 4px 0;
}
.mebek-contact-support-panel__eyebrow {
display: inline-flex;
align-items: center;
min-height: 26px;
margin-bottom: 12px;
padding: 0 11px;
border: 1px solid #cfe2f6;
border-radius: 999px;
background: #f8fbff;
color: #1668b7;
font-size: 11px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.mebek-contact-support-panel h2,
.mebek-contact-support-panel h3 {
margin: 0;
color: #10243d;
letter-spacing: 0;
}
.mebek-contact-support-panel h2 {
margin-bottom: 11px;
font-size: 25px;
font-weight: 800;
line-height: 1.18;
}
.mebek-contact-support-panel h3 {
margin-bottom: 10px;
font-size: 15px;
font-weight: 800;
line-height: 1.35;
}
.mebek-contact-support-panel p {
margin: 0;
color: #41546a;
font-size: 14px;
line-height: 1.62;
}
.mebek-contact-support-panel__aside p {
margin-bottom: 14px;
color: #33475f;
}
.mebek-contact-support-panel__body {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, .95fr);
gap: 18px 28px;
min-width: 0;
}
.mebek-contact-support-panel__intro,
.mebek-contact-support-panel__form-note,
.mebek-contact-support-panel__thanks {
grid-column: 1 / -1;
}
.mebek-contact-support-panel__intro {
max-width: 780px;
font-weight: 650;
}
.mebek-contact-support-panel__topics,
.mebek-contact-support-panel__contacts,
.mebek-contact-support-panel__schedule {
min-width: 0;
padding: 18px;
border: 1px solid #e1eaf4;
border-radius: 16px;
background: #f8fbff;
}
.mebek-contact-support-panel__topic-list,
.mebek-contact-support-panel__hours {
display: grid;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.mebek-contact-support-panel__topic-list li,
.mebek-contact-support-panel__hours li {
position: relative;
min-width: 0;
padding-left: 18px;
color: #41546a;
font-size: 14px;
line-height: 1.48;
}
.mebek-contact-support-panel__topic-list li::before,
.mebek-contact-support-panel__hours li::before {
position: absolute;
top: .72em;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: #1668b7;
transform: translateY(-50%);
content: "";
}
.mebek-contact-support-panel__contacts dl {
display: grid;
gap: 10px;
margin: 0;
}
.mebek-contact-support-panel__contacts dl > div {
min-width: 0;
}
.mebek-contact-support-panel__contacts dt {
margin: 0 0 2px;
color: #62728a;
font-size: 11px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
.mebek-contact-support-panel__contacts dd {
margin: 0;
color: #23364c;
font-size: 14px;
line-height: 1.45;
overflow-wrap: anywhere;
}
.mebek-contact-support-panel__contacts a {
color: #1668b7;
text-decoration: none;
}
.mebek-contact-support-panel__contacts a:hover,
.mebek-contact-support-panel__contacts a:focus {
color: #0f579e;
text-decoration: none;
}
.mebek-contact-support-panel__form-note {
padding: 13px 16px;
border: 1px solid #d8e8f7;
border-radius: 14px;
background: #fff;
color: #33475f !important;
}
.mebek-contact-support-panel__thanks {
color: #1668b7 !important;
font-weight: 800;
}
.mebek-contact-support__socials {
display: flex !important;
flex-wrap: wrap;
gap: 8px !important;
margin-top: 14px !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .title-wrapper,
body.mebek-contact-page .mebek-contact-info-card .title-wrapper,
body.mebek-contact-page .elementor-element-a6b3d79 .title-wrapper {
margin-bottom: 10px;
text-align: left !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .woodmart-title-container,
body.mebek-contact-page .mebek-contact-info-card .woodmart-title-container,
body.mebek-contact-page .elementor-element-a6b3d79 .woodmart-title-container {
color: #10243d !important;
font-size: 23px !important;
line-height: 1.22;
}
body.mebek-contact-page .mebek-contact-bottom-card .social-icons,
body.mebek-contact-page .mebek-contact-info-card .social-icons,
body.mebek-contact-page .elementor-social-icons-wrapper,
body.mebek-contact-page .elementor-element-a6b3d79 .social-icons {
display: inline-flex !important;
align-items: center;
flex-wrap: wrap;
gap: 8px !important;
margin: 10px 0 0;
}
body.mebek-contact-page .mebek-contact-bottom-card .elementor-icon,
body.mebek-contact-page .mebek-contact-info-card .elementor-icon,
body.mebek-contact-page .elementor-element-a6b3d79 .elementor-icon {
width: 38px;
height: 38px;
}
body.mebek-contact-page .mebek-contact-bottom-card .mebek-contact-social-link,
body.mebek-contact-page .mebek-contact-info-card .mebek-contact-social-link,
body.mebek-contact-page .mebek-contact-social-link,
body.mebek-contact-page .elementor-element-a6b3d79 .mebek-contact-social-link {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 38px !important;
height: 38px !important;
min-width: 38px;
border: 1px solid rgba(22, 104, 183, .18);
border-radius: 50%;
background: #1668b7;
color: #fff !important;
font-size: 11px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.mebek-contact-page .mebek-contact-bottom-card .mebek-contact-social-link .mebek-social-links__icon svg,
body.mebek-contact-page .mebek-contact-info-card .mebek-contact-social-link .mebek-social-links__icon svg,
body.mebek-contact-page .mebek-contact-social-link .mebek-social-links__icon svg,
body.mebek-contact-page .elementor-element-a6b3d79 .mebek-contact-social-link .mebek-social-links__icon svg {
width: 18px !important;
height: 18px !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .mebek-contact-social-link .mebek-social-links__icon,
body.mebek-contact-page .mebek-contact-info-card .mebek-contact-social-link .mebek-social-links__icon,
body.mebek-contact-page .mebek-contact-social-link .mebek-social-links__icon,
body.mebek-contact-page .elementor-element-a6b3d79 .mebek-contact-social-link .mebek-social-links__icon {
width: 18px !important;
height: 18px !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .mebek-contact-social-link:hover,
body.mebek-contact-page .mebek-contact-bottom-card .mebek-contact-social-link:focus,
body.mebek-contact-page .mebek-contact-info-card .mebek-contact-social-link:hover,
body.mebek-contact-page .mebek-contact-info-card .mebek-contact-social-link:focus,
body.mebek-contact-page .elementor-element-a6b3d79 .mebek-contact-social-link:hover,
body.mebek-contact-page .elementor-element-a6b3d79 .mebek-contact-social-link:focus {
border-color: #0f579e;
background: #0f579e;
color: #fff !important;
transform: translateY(-1px);
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block {
color: #41546a;
font-size: 14px;
line-height: 1.58;
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block p,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block p,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block p,
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block ul,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block ul,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block ul {
margin-bottom: 10px;
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block ul,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block ul,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px 22px;
padding-left: 18px;
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block li,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block li,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block li,
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block li p,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block li p,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block li p {
margin-bottom: 0;
}
body.mebek-paydelivery-page .main-page-wrapper {
background: #f7f9fc;
}
body.mebek-paydelivery-page .page-title {
margin-bottom: 0;
}
body.mebek-paydelivery-page .page-title .entry-title,
body.mebek-paydelivery-page .page-title h1 {
text-shadow: 0 2px 16px rgba(13, 38, 68, .2);
}
body.mebek-paydelivery-page #main-content {
padding-top: 58px;
padding-bottom: 70px;
}
body.mebek-paydelivery-page article.entry-content {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
body.mebek-paydelivery-page .mebek-paydelivery-grid {
overflow: visible;
}
body.mebek-paydelivery-page .mebek-paydelivery-grid > .e-con-inner,
body.mebek-paydelivery-page .elementor-element-b6393b3 > .e-con-inner {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
width: min(100%, 1200px);
gap: 32px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card,
body.mebek-paydelivery-page .elementor-element-6559ea9,
body.mebek-paydelivery-page .elementor-element-ea8122b {
--width: 100%;
position: relative;
display: block !important;
justify-self: stretch;
min-width: 0;
width: 100% !important;
max-width: none !important;
padding: 35px 36px 38px !important;
border: 1px solid #e4ebf4;
border-radius: 20px;
background: #fff;
box-shadow: 0 16px 36px rgba(15, 44, 77, .08);
}
body.mebek-paydelivery-page .mebek-paydelivery-card::before {
position: absolute;
inset: 0 auto 0 0;
width: 5px;
border-radius: 20px 0 0 20px;
background: linear-gradient(180deg, #1f73be, #5ba6e8);
content: "";
}
body.mebek-paydelivery-page .mebek-paydelivery-card__title,
body.mebek-paydelivery-page .mebek-paydelivery-card .title-wrapper {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 22px;
text-align: left !important;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__title .liner-continer {
margin: 0;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__title .woodmart-title-container,
body.mebek-paydelivery-page .mebek-paydelivery-card .woodmart-title-container {
color: #10243d;
font-size: 25px !important;
line-height: 1.22;
font-weight: 700;
letter-spacing: 0;
}
body.mebek-paydelivery-page .mebek-paydelivery-icon {
position: relative;
flex: 0 0 auto;
width: 42px;
height: 42px;
border: 1px solid #d7e6f7;
border-radius: 14px;
background: linear-gradient(135deg, #eef7ff, #fff);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}
body.mebek-paydelivery-page .mebek-paydelivery-icon::before,
body.mebek-paydelivery-page .mebek-paydelivery-icon::after {
position: absolute;
content: "";
}
body.mebek-paydelivery-page .mebek-paydelivery-card--delivery .mebek-paydelivery-icon::before {
top: 14px;
left: 9px;
width: 21px;
height: 11px;
border: 2px solid #1f73be;
border-radius: 3px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card--delivery .mebek-paydelivery-icon::after {
right: 7px;
bottom: 10px;
width: 18px;
height: 8px;
border-bottom: 3px solid #1f73be;
border-left: 3px solid #1f73be;
border-radius: 0 0 0 6px;
box-shadow: -16px 0 0 -4px #1f73be;
}
body.mebek-paydelivery-page .mebek-paydelivery-card--warranty .mebek-paydelivery-icon::before {
top: 8px;
left: 12px;
width: 18px;
height: 22px;
border: 2px solid #1f73be;
border-radius: 10px 10px 12px 12px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card--warranty .mebek-paydelivery-icon::after {
top: 17px;
left: 16px;
width: 11px;
height: 7px;
border-bottom: 3px solid #1f73be;
border-left: 3px solid #1f73be;
transform: rotate(-45deg);
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text,
body.mebek-paydelivery-page .mebek-paydelivery-card .wd-text-block {
color: #314155;
font-size: 15px;
line-height: 1.74;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text p,
body.mebek-paydelivery-page .mebek-paydelivery-card .wd-text-block p {
margin-bottom: 16px;
color: #314155;
font-size: 15px;
line-height: 1.74;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text p:first-child {
padding-top: 2px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text br {
line-height: 1.95;
}
body.mebek-paydelivery-page .mebek-paydelivery-note {
margin-top: 20px;
margin-bottom: 20px !important;
padding: 16px 18px 16px 20px;
border-left: 4px solid #1f73be;
border-radius: 14px;
background: #eef6ff;
color: #16304d !important;
font-weight: 600;
}
body.mebek-paydelivery-page .mebek-paydelivery-subheading,
body.mebek-paydelivery-page .mebek-paydelivery-terms {
margin-top: 22px;
margin-bottom: 10px !important;
padding-top: 14px;
border-top: 1px solid #e5edf6;
color: #10243d !important;
font-size: 17px !important;
line-height: 1.45 !important;
font-weight: 700;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text p:last-child,
body.mebek-paydelivery-page .mebek-paydelivery-card .wd-text-block p:last-child {
margin-bottom: 0;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal {
position: relative;
width: min(100%, 1200px);
margin: 28px auto 0;
padding: 26px 30px 28px 34px;
border: 1px solid #dbe7f5;
border-radius: 20px;
background: linear-gradient(180deg, #ffffff, #f5f9ff);
box-shadow: 0 16px 36px rgba(15, 44, 77, .08);
}
body.mebek-paydelivery-page .mebek-paydelivery-legal::before {
position: absolute;
inset: 0 auto 0 0;
width: 5px;
border-radius: 20px 0 0 20px;
background: linear-gradient(180deg, #1f73be, #5ba6e8);
content: "";
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__title-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__badge {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 32px;
height: 32px;
border-radius: 999px;
background: #1f73be;
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 1;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__title {
margin: 0;
color: #10243d;
font-size: 22px;
line-height: 1.25;
font-weight: 700;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__text {
margin: 0;
color: #2d4865;
font-size: 16px;
line-height: 1.7;
font-weight: 500;
}
body.mebek-paydelivery-page .mebek-paydelivery-card .mebek-paydelivery-legal,
body.mebek-paydelivery-page .mebek-paydelivery-legal--inline {
width: 100%;
margin: 20px 0 22px;
padding: 22px 24px 24px 28px;
border-radius: 18px;
box-shadow: 0 12px 28px rgba(15, 44, 77, .08);
}
body.mebek-paydelivery-page .mebek-paydelivery-card .mebek-paydelivery-legal__title,
body.mebek-paydelivery-page .mebek-paydelivery-legal--inline .mebek-paydelivery-legal__title {
font-size: 20px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card .mebek-paydelivery-legal__text,
body.mebek-paydelivery-page .mebek-paydelivery-legal--inline .mebek-paydelivery-legal__text {
font-size: 15px;
line-height: 1.65;
}
.mebek-order-received-fallback {
width: min(100%, 760px);
margin: 44px auto 64px;
padding: 0 16px;
}
.mebek-order-received-fallback .woocommerce-thankyou-order-received {
margin: 0 0 30px;
text-align: center;
font-size: 18px;
line-height: 1.5;
}
.mebek-order-received-fallback .woocommerce-order-overview {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0;
margin: 0 0 36px;
padding: 0;
list-style: none;
}
.mebek-order-received-fallback .woocommerce-order-overview li {
padding: 0 18px;
border-right: 1px solid rgba(0, 0, 0, .12);
color: #5f6b7a;
font-size: 14px;
line-height: 1.45;
}
.mebek-order-received-fallback .woocommerce-order-overview li:last-child {
border-right: 0;
}
.mebek-order-received-fallback .woocommerce-order-overview strong {
display: block;
margin-top: 8px;
color: #111827;
font-size: 15px;
}
body.mebek-about-page .main-page-wrapper {
background: #f7f9fc;
}
body.mebek-about-page .page-title {
margin-bottom: 0;
}
body.mebek-about-page #main-content {
padding-bottom: 76px;
}
body.mebek-about-page article.entry-content {
overflow: visible;
background: transparent;
}
body.mebek-about-page .mebek-about-intro,
body.mebek-about-page .elementor-element-1c90c3f {
--min-height: 0px;
position: relative;
min-height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 48px 0 42px !important;
border-bottom: 1px solid #e3ebf4;
background: linear-gradient(180deg, #fff 0%, #f3f8fd 100%) !important;
overflow: hidden;
}
body.mebek-about-page .mebek-about-intro > .e-con-inner,
body.mebek-about-page .elementor-element-1c90c3f > .e-con-inner {
width: min(100% - 32px, 1180px);
min-height: 0 !important;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.mebek-about-page .mebek-about-intro .title-wrapper,
body.mebek-about-page .elementor-element-1c90c3f .title-wrapper {
max-width: 940px;
margin-right: 0;
margin-left: 0;
}
body.mebek-about-page .mebek-about-intro .subtitle,
body.mebek-about-page .elementor-element-1c90c3f .subtitle {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 14px;
border: 1px solid #cfe2f6;
border-radius: 18px;
background: #fff;
color: #1f73be !important;
font-size: 12px !important;
font-weight: 700;
line-height: 1;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-intro .woodmart-title-container,
body.mebek-about-page .elementor-element-1c90c3f .woodmart-title-container {
color: #10243d;
font-size: 38px !important;
line-height: 1.15;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-grid,
body.mebek-about-page .elementor-element-7c7c544 {
margin-bottom: 0 !important;
padding: 34px 0 54px !important;
background: #f7f9fc;
}
body.mebek-about-page .mebek-about-grid > .e-con-inner,
body.mebek-about-page .elementor-element-7c7c544 > .e-con-inner {
display: block !important;
width: min(100% - 32px, 1180px);
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
body.mebek-about-page .mebek-about-card--main,
body.mebek-about-page .elementor-element-97d6084 {
--width: 100%;
width: 100% !important;
max-width: none !important;
min-width: 0;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.mebek-about-page .mebek-about-card__title,
body.mebek-about-page .elementor-element-98d830b {
max-width: 1040px;
margin: 0 0 22px;
text-align: left;
}
body.mebek-about-page .mebek-about-card__title .subtitle,
body.mebek-about-page .elementor-element-98d830b .subtitle {
color: #1f73be !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
body.mebek-about-page .mebek-about-card__title .woodmart-title-container,
body.mebek-about-page .elementor-element-98d830b .woodmart-title-container {
color: #10243d;
font-size: 36px !important;
line-height: 1.18;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-card__title .title-after_title,
body.mebek-about-page .elementor-element-98d830b .title-after_title {
max-width: 860px;
margin-right: 0;
margin-left: 0;
color: #314155;
font-size: 18px;
line-height: 1.55;
}
body.mebek-about-page .mebek-about-sections,
body.mebek-about-page .elementor-element-66e47ad .wd-text-block {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
width: 100% !important;
max-width: none !important;
margin-top: 0;
color: #314155;
font-size: 16px;
line-height: 1.72;
}
body.mebek-about-page .mebek-about-section {
position: relative;
min-width: 0;
padding: 36px 36px 38px;
border: 1px solid #e6edf5;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 42px rgba(15, 44, 77, .08);
}
body.mebek-about-page .mebek-about-section--intro,
body.mebek-about-page .mebek-about-section--lead {
grid-column: 1 / -1;
}
body.mebek-about-page .mebek-about-highlight {
border-color: #cfe2f6;
background: linear-gradient(180deg, #fff 0%, #f3f8ff 100%);
box-shadow: 0 18px 44px rgba(31, 115, 190, .11);
}
body.mebek-about-page .mebek-about-card__icon {
display: inline-flex;
position: relative;
width: 42px;
height: 42px;
margin-bottom: 18px;
border: 1px solid #d5e6f7;
border-radius: 15px;
background: linear-gradient(135deg, #eef7ff, #fff);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75);
}
body.mebek-about-page .mebek-about-card__icon::before {
position: absolute;
top: 12px;
left: 13px;
width: 15px;
height: 15px;
border-right: 3px solid #1f73be;
border-bottom: 3px solid #1f73be;
border-radius: 1px;
content: "";
transform: rotate(45deg);
}
body.mebek-about-page .mebek-about-section-title,
body.mebek-about-page .mebek-about-section h2 {
margin: 0 0 15px;
color: #10243d;
font-size: 26px !important;
line-height: 1.26;
font-weight: 700;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-section p,
body.mebek-about-page .mebek-about-section li {
color: #314155;
font-size: 16px;
line-height: 1.72;
}
body.mebek-about-page .mebek-about-section p {
margin-bottom: 15px;
}
body.mebek-about-page .mebek-about-section p:last-child,
body.mebek-about-page .mebek-about-section ul:last-child {
margin-bottom: 0;
}
body.mebek-about-page .mebek-about-list,
body.mebek-about-page .mebek-about-section ul {
margin: 16px 0 0;
padding: 0;
list-style: none;
}
body.mebek-about-page .mebek-about-section li {
position: relative;
margin-bottom: 10px;
padding-left: 27px;
}
body.mebek-about-page .mebek-about-section li::before {
position: absolute;
top: .48em;
left: 0;
width: 14px;
height: 14px;
border: 1px solid #b7d6f3;
border-radius: 50%;
background: #eef7ff;
content: "";
}
body.mebek-about-page .mebek-about-section li::after {
position: absolute;
top: calc(.48em + 3px);
left: 5px;
width: 4px;
height: 7px;
border-right: 2px solid #1f73be;
border-bottom: 2px solid #1f73be;
content: "";
transform: rotate(45deg);
}
body.mebek-about-page .mebek-about-social,
body.mebek-about-page .elementor-element-3eef7d8 {
margin-top: 22px;
}
body.mebek-about-page .mebek-about-stats,
body.mebek-about-page .elementor-element-0aaf669 {
position: relative;
margin-top: 0;
padding: 68px 0 72px !important;
overflow: hidden;
background-position: center !important;
background-size: cover !important;
}
body.mebek-about-page .mebek-about-stats::before,
body.mebek-about-page .elementor-element-0aaf669::before {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, rgba(7, 28, 51, .9), rgba(16, 55, 91, .78));
content: "";
}
body.mebek-about-page .mebek-about-stats > .e-con-inner,
body.mebek-about-page .elementor-element-0aaf669 > .e-con-inner {
position: relative;
z-index: 1;
width: min(100% - 32px, 1180px);
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
body.mebek-about-page .mebek-about-stats__title,
body.mebek-about-page .elementor-element-95c7bfa {
max-width: 860px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
text-align: center;
}
body.mebek-about-page .mebek-about-stats__title .subtitle,
body.mebek-about-page .elementor-element-95c7bfa .subtitle {
color: #d8ebff !important;
font-size: 12px !important;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
body.mebek-about-page .mebek-about-stats__title .woodmart-title-container,
body.mebek-about-page .elementor-element-95c7bfa .woodmart-title-container {
color: #fff !important;
font-size: 34px !important;
line-height: 1.18;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-stats__grid > .e-con-inner,
body.mebek-about-page .elementor-element-112f98a > .e-con-inner {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
width: 100%;
max-width: 1040px;
margin-right: auto;
margin-left: auto;
}
body.mebek-about-page .mebek-about-stat,
body.mebek-about-page .elementor-element-112f98a .elementor-widget-wd_counter {
min-width: 0;
padding: 25px 20px 23px !important;
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 18px;
background: rgba(255, 255, 255, .1);
box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
text-align: center;
backdrop-filter: blur(3px);
}
body.mebek-about-page .mebek-about-stat .counter-value,
body.mebek-about-page .mebek-about-stat .wd-counter-number,
body.mebek-about-page .elementor-widget-wd_counter .counter-value,
body.mebek-about-page .elementor-widget-wd_counter .wd-counter-number {
color: #fff !important;
font-size: 38px !important;
line-height: 1.05;
font-weight: 800;
letter-spacing: 0;
}
body.mebek-about-page .mebek-about-stat .counter-label,
body.mebek-about-page .mebek-about-stat .wd-counter-title,
body.mebek-about-page .elementor-widget-wd_counter .counter-label,
body.mebek-about-page .elementor-widget-wd_counter .wd-counter-title {
margin-top: 9px;
color: #d8ebff !important;
font-size: 12px !important;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
@media (max-width: 1024px) {
body.mebek-about-page .mebek-about-grid > .e-con-inner,
body.mebek-about-page .elementor-element-7c7c544 > .e-con-inner,
body.mebek-about-page .mebek-about-stats > .e-con-inner,
body.mebek-about-page .elementor-element-0aaf669 > .e-con-inner {
width: min(100% - 30px, 1180px);
}
body.mebek-about-page .mebek-about-sections,
body.mebek-about-page .elementor-element-66e47ad .wd-text-block {
grid-template-columns: 1fr;
gap: 20px;
}
body.mebek-about-page .mebek-about-stats__grid > .e-con-inner,
body.mebek-about-page .elementor-element-112f98a > .e-con-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 760px;
}
}
@media (max-width: 480px) {
body.mebek-about-page #main-content {
padding-bottom: 58px;
}
body.mebek-about-page .mebek-about-intro,
body.mebek-about-page .elementor-element-1c90c3f {
padding: 36px 0 34px !important;
}
body.mebek-about-page .mebek-about-intro > .e-con-inner,
body.mebek-about-page .elementor-element-1c90c3f > .e-con-inner,
body.mebek-about-page .mebek-about-grid > .e-con-inner,
body.mebek-about-page .elementor-element-7c7c544 > .e-con-inner,
body.mebek-about-page .mebek-about-stats > .e-con-inner,
body.mebek-about-page .elementor-element-0aaf669 > .e-con-inner {
width: min(100% - 28px, 1180px);
}
body.mebek-about-page .mebek-about-intro .woodmart-title-container,
body.mebek-about-page .elementor-element-1c90c3f .woodmart-title-container {
font-size: 28px !important;
line-height: 1.16;
}
body.mebek-about-page .mebek-about-grid,
body.mebek-about-page .elementor-element-7c7c544 {
padding: 36px 0 34px !important;
}
body.mebek-about-page .mebek-about-card__title,
body.mebek-about-page .elementor-element-98d830b {
margin-bottom: 20px;
text-align: left;
}
body.mebek-about-page .mebek-about-card__title .woodmart-title-container,
body.mebek-about-page .elementor-element-98d830b .woodmart-title-container,
body.mebek-about-page .mebek-about-stats__title .woodmart-title-container,
body.mebek-about-page .elementor-element-95c7bfa .woodmart-title-container {
font-size: 25px !important;
line-height: 1.2;
}
body.mebek-about-page .mebek-about-card__title .title-after_title,
body.mebek-about-page .elementor-element-98d830b .title-after_title {
font-size: 15px;
line-height: 1.6;
}
body.mebek-about-page .mebek-about-section {
padding: 22px 18px 24px;
border-radius: 16px;
}
body.mebek-about-page .mebek-about-card__icon {
width: 34px;
height: 34px;
margin-bottom: 13px;
border-radius: 12px;
}
body.mebek-about-page .mebek-about-section-title,
body.mebek-about-page .mebek-about-section h2 {
font-size: 20px !important;
line-height: 1.26;
}
body.mebek-about-page .mebek-about-section p,
body.mebek-about-page .mebek-about-section li {
font-size: 14px;
line-height: 1.66;
}
body.mebek-about-page .mebek-about-stats,
body.mebek-about-page .elementor-element-0aaf669 {
padding: 50px 0 58px !important;
}
body.mebek-about-page .mebek-about-stats__title,
body.mebek-about-page .elementor-element-95c7bfa {
margin-bottom: 24px;
text-align: left;
}
body.mebek-about-page .mebek-about-stats__grid > .e-con-inner,
body.mebek-about-page .elementor-element-112f98a > .e-con-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
body.mebek-about-page .mebek-about-stat,
body.mebek-about-page .elementor-element-112f98a .elementor-widget-wd_counter {
padding: 18px 10px 17px !important;
border-radius: 14px;
}
body.mebek-about-page .mebek-about-stat .counter-value,
body.mebek-about-page .mebek-about-stat .wd-counter-number,
body.mebek-about-page .elementor-widget-wd_counter .counter-value,
body.mebek-about-page .elementor-widget-wd_counter .wd-counter-number {
font-size: 28px !important;
}
body.mebek-about-page .mebek-about-stat .counter-label,
body.mebek-about-page .mebek-about-stat .wd-counter-title,
body.mebek-about-page .elementor-widget-wd_counter .counter-label,
body.mebek-about-page .elementor-widget-wd_counter .wd-counter-title {
font-size: 10px !important;
line-height: 1.3;
}
}
@media (max-width: 1024px) {
.mebek-lang-switcher--topbar {
display: none;
}
.mebek-footer__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px 30px;
}
body.mebek-contact-polish-active .mebek-contact-section > .e-con-inner,
body.mebek-contact-polish-active .elementor-element-cb322d0 > .e-con-inner {
grid-template-columns: 1fr;
gap: 28px;
}
body.mebek-home-form-page .mebek-home-form-section > .e-con-inner,
body.mebek-home-form-page .elementor-element-365699e > .e-con-inner {
grid-template-columns: 1fr;
gap: 30px;
}
body.mebek-home-form-page .mebek-home-form-copy,
body.mebek-home-form-page .elementor-element-c03bf82 {
max-width: 720px;
}
body.mebek-home-form-page .mebek-home-form-copy .elementor-heading-title,
body.mebek-home-form-page .elementor-element-fed2cdb .elementor-heading-title {
font-size: 34px !important;
}
body.mebek-home-form-page .mebek-home-form-card,
body.mebek-home-form-page .elementor-element-bb667ee {
width: min(100%, 620px);
justify-self: start;
}
.mebek-contact-form__intro-content {
max-width: 720px;
}
.mebek-contact-form__intro-content h2 {
font-size: 34px;
}
.mebek-contact-form__card {
width: min(100%, 620px);
}
body.mebek-paydelivery-page .mebek-paydelivery-grid > .e-con-inner,
body.mebek-paydelivery-page .elementor-element-b6393b3 > .e-con-inner {
grid-template-columns: 1fr;
gap: 24px;
}
}
@media (max-width: 480px) {
.wd-toolbar > a,
.wd-toolbar > div a {
min-width: 0;
padding-right: 2px;
padding-left: 2px;
}
.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label {
display: block;
max-width: 100%;
overflow: visible;
font-size: 10px;
line-height: 1.05;
white-space: normal;
text-align: center;
}
.mebek-ru-catalog-fallback {
padding: 28px 12px 34px;
}
.mebek-ru-catalog-fallback__inner {
padding: 22px 18px;
}
.mebek-ru-catalog-fallback h2 {
font-size: 20px;
}
.mebek-empty-cart {
padding: 44px 14px 52px;
}
.mebek-empty-cart__message {
font-size: 20px;
}
.mebek-empty-cart__button {
width: min(100%, 260px);
}
.mebek-order-received-fallback {
margin: 34px auto 54px;
padding: 0 15px;
}
.mebek-order-received-fallback .woocommerce-order-overview {
display: block;
}
.mebek-order-received-fallback .woocommerce-order-overview li {
margin: 0;
padding: 14px 0;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.mebek-footer {
padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px));
}
.mebek-footer__inner {
width: min(100% - 28px, 1180px);
}
.mebek-footer__strip-inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mebek-footer__strip-item {
min-height: 42px;
padding: 8px 10px;
border-top: 1px solid rgba(255, 255, 255, .18);
font-size: 11px;
}
.mebek-footer__strip-item:nth-child(odd) {
border-left: 0;
}
.mebek-footer__strip-item:nth-child(-n+2) {
border-top: 0;
}
.mebek-footer__main {
padding: 28px 0 26px;
}
.mebek-footer__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.mebek-footer__brand-text {
max-width: none;
}
.mebek-footer__bottom-inner {
flex-direction: column;
align-items: flex-start;
justify-content: center;
min-height: 66px;
gap: 2px;
}
body.mebek-contact-polish-active .mebek-contact-map .wd-google-map,
body.mebek-contact-polish-active .elementor-element-68d0e93 .wd-google-map,
body.mebek-contact-polish-active .elementor-element-68d0e93 iframe {
min-height: 260px;
height: 290px !important;
max-height: 320px;
}
body.mebek-contact-polish-active .mebek-contact-section,
body.mebek-contact-polish-active .elementor-element-cb322d0 {
padding: 36px 0 42px;
}
body.mebek-home-form-page .mebek-home-form-section,
body.mebek-home-form-page .elementor-element-365699e {
padding: 42px 0 52px !important;
}
body.mebek-contact-polish-active .mebek-contact-section > .e-con-inner,
body.mebek-contact-polish-active .elementor-element-cb322d0 > .e-con-inner {
width: min(100% - 28px, 1180px);
gap: 22px;
}
body.mebek-home-form-page .mebek-home-form-section > .e-con-inner,
body.mebek-home-form-page .elementor-element-365699e > .e-con-inner {
width: min(100% - 28px, 1180px);
gap: 22px;
}
body.mebek-home-form-page .mebek-home-form-copy .elementor-heading-title,
body.mebek-home-form-page .elementor-element-fed2cdb .elementor-heading-title {
font-size: 28px !important;
line-height: 1.14 !important;
}
body.mebek-home-form-page .mebek-home-form-copy .wd-text-block,
body.mebek-home-form-page .elementor-element-b7a3bf0,
body.mebek-home-form-page .elementor-element-b7a3bf0 .wd-text-block,
body.mebek-home-form-page .elementor-element-b7a3bf0 .elementor-widget-container {
font-size: 14px !important;
line-height: 1.62 !important;
}
body.mebek-home-form-page .mebek-home-form-card,
body.mebek-home-form-page .elementor-element-bb667ee {
width: 100%;
padding: 22px 18px !important;
border-radius: 16px;
}
.mebek-home-form__card-heading h3 {
font-size: 21px;
}
.mebek-contact-form__eyebrow {
min-height: 26px;
font-size: 11px;
}
.mebek-contact-form__intro-content h2 {
font-size: 28px;
line-height: 1.12;
}
.mebek-contact-form__intro-content p {
font-size: 14px;
line-height: 1.62;
}
.mebek-contact-form__contact-list {
font-size: 13px;
}
.mebek-contact-form__card {
width: 100%;
padding: 22px 18px !important;
border-radius: 16px;
}
.mebek-contact-form__card-heading h3 {
font-size: 21px;
}
.mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
.mebek-contact-form textarea,
.mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
.mebek-contact-form__fields textarea {
min-height: 48px;
padding: 12px;
font-size: 14px;
}
.mebek-contact-form textarea,
.mebek-contact-form__fields textarea {
min-height: 124px;
}
.mebek-contact-form__button,
.mebek-contact-form .wpcf7-submit {
width: 100%;
min-width: 0;
}
body.mebek-paydelivery-page #main-content {
padding-top: 34px;
padding-bottom: 58px;
}
body.mebek-paydelivery-page .mebek-paydelivery-grid > .e-con-inner,
body.mebek-paydelivery-page .elementor-element-b6393b3 > .e-con-inner {
width: min(100% - 24px, 1200px);
gap: 22px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card,
body.mebek-paydelivery-page .elementor-element-6559ea9,
body.mebek-paydelivery-page .elementor-element-ea8122b {
padding: 22px 20px 24px !important;
border-radius: 16px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card::before {
width: 4px;
border-radius: 16px 0 0 16px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__title,
body.mebek-paydelivery-page .mebek-paydelivery-card .title-wrapper {
gap: 11px;
margin-bottom: 17px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__title .woodmart-title-container,
body.mebek-paydelivery-page .mebek-paydelivery-card .woodmart-title-container {
font-size: 21px !important;
line-height: 1.22;
}
body.mebek-paydelivery-page .mebek-paydelivery-icon {
width: 36px;
height: 36px;
border-radius: 12px;
}
body.mebek-paydelivery-page .mebek-paydelivery-card__text,
body.mebek-paydelivery-page .mebek-paydelivery-card .wd-text-block,
body.mebek-paydelivery-page .mebek-paydelivery-card__text p,
body.mebek-paydelivery-page .mebek-paydelivery-card .wd-text-block p {
font-size: 14px;
line-height: 1.68;
}
body.mebek-paydelivery-page .mebek-paydelivery-note {
padding: 14px 14px 14px 16px;
border-radius: 12px;
}
body.mebek-paydelivery-page .mebek-paydelivery-subheading,
body.mebek-paydelivery-page .mebek-paydelivery-terms {
font-size: 16px !important;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal {
width: min(100% - 24px, 1200px);
margin-top: 22px;
padding: 20px 18px 22px 22px;
border-radius: 16px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal::before {
width: 4px;
border-radius: 16px 0 0 16px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__title-row {
gap: 10px;
margin-bottom: 10px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__badge {
width: 28px;
height: 28px;
font-size: 15px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__title {
font-size: 19px;
}
body.mebek-paydelivery-page .mebek-paydelivery-legal__text {
font-size: 14px;
line-height: 1.65;
}
}
@media (max-width: 1024px) {
body.mebek-contact-page .mebek-contact-map,
body.mebek-contact-page .elementor-element-68d0e93 {
padding-top: 30px !important;
}
.mebek-contact-map-card {
grid-template-columns: 1fr;
min-height: 0;
border-radius: 20px;
}
.mebek-contact-map-card__media,
.mebek-contact-map-card__media iframe {
min-height: 320px;
}
.mebek-contact-map-card__info {
padding: 28px;
}
.mebek-contact-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mebek-contact-page .mebek-contact-section > .e-con-inner,
body.mebek-contact-page .elementor-element-cb322d0 > .e-con-inner {
grid-template-columns: 1fr;
gap: 26px;
}
body.mebek-contact-page .mebek-contact-bottom-card,
body.mebek-contact-page .mebek-contact-info-card,
body.mebek-contact-page .elementor-element-a6b3d79 {
margin-bottom: 54px !important;
}
body.mebek-contact-page .mebek-contact-bottom-card > .e-con-inner,
body.mebek-contact-page .mebek-contact-info-card > .e-con-inner,
body.mebek-contact-page .elementor-element-a6b3d79 > .e-con-inner {
grid-template-columns: 1fr;
gap: 10px;
}
.mebek-contact-support-panel,
.mebek-contact-support-panel__body {
grid-template-columns: 1fr;
}
.mebek-contact-support-panel {
gap: 18px;
}
body.mebek-contact-page .mebek-contact-bottom-card .elementor-element-ad4500b,
body.mebek-contact-page .mebek-contact-info-card .elementor-element-ad4500b,
body.mebek-contact-page .elementor-element-a6b3d79 .elementor-element-ad4500b {
grid-column: 1;
grid-row: auto;
}
}
@media (max-width: 640px) {
body.mebek-contact-page .mebek-contact-map > .e-con-inner,
body.mebek-contact-page .elementor-element-68d0e93 > .e-con-inner,
body.mebek-contact-page .mebek-contact-section > .e-con-inner,
body.mebek-contact-page .elementor-element-cb322d0 > .e-con-inner,
body.mebek-contact-page .mebek-contact-bottom-card,
body.mebek-contact-page .mebek-contact-info-card,
body.mebek-contact-page .elementor-element-a6b3d79 {
width: min(100% - 28px, 1180px);
}
.mebek-contact-map-card {
border-radius: 18px;
}
.mebek-contact-map-card__media,
.mebek-contact-map-card__media iframe {
min-height: 248px;
height: 248px !important;
}
.mebek-contact-map-card__info {
padding: 20px 18px 22px;
}
.mebek-contact-map-card__info h2 {
font-size: 24px;
line-height: 1.2;
}
.mebek-contact-map-card__info p {
margin-bottom: 18px;
font-size: 14px;
}
.mebek-contact-route-btn {
width: 100%;
}
.mebek-contact-cards {
grid-template-columns: 1fr;
gap: 10px;
margin-top: 12px;
}
.mebek-contact-card {
min-height: 0;
padding: 16px;
border-radius: 16px;
}
body.mebek-contact-page .mebek-contact-section,
body.mebek-contact-page .elementor-element-cb322d0 {
padding: 28px 0 34px !important;
}
body.mebek-contact-page .mebek-contact-faq,
body.mebek-contact-page .elementor-element-1f0abe4,
body.mebek-contact-page .mebek-contact-form-card,
body.mebek-contact-page .elementor-element-789122a {
border-radius: 17px;
}
body.mebek-contact-page .mebek-contact-faq,
body.mebek-contact-page .elementor-element-1f0abe4,
body.mebek-contact-page .mebek-contact-form-card,
body.mebek-contact-page .elementor-element-789122a {
padding: 20px 18px !important;
}
.mebek-contact-faq-intro {
margin-bottom: 18px;
padding: 16px;
border-radius: 14px;
}
.mebek-contact-faq-intro__list {
grid-template-columns: 1fr;
gap: 7px;
}
body.mebek-contact-page .mebek-contact-faq .woodmart-title-container,
body.mebek-contact-page .elementor-element-1f0abe4 .woodmart-title-container,
body.mebek-contact-page .mebek-contact-bottom-card .woodmart-title-container,
body.mebek-contact-page .elementor-element-a6b3d79 .woodmart-title-container {
font-size: 21px !important;
line-height: 1.25;
}
body.mebek-contact-page .mebek-contact-bottom-card,
body.mebek-contact-page .mebek-contact-info-card,
body.mebek-contact-page .elementor-element-a6b3d79 {
margin-bottom: 76px !important;
padding: 20px 18px !important;
border-radius: 17px;
}
.mebek-contact-support-panel {
gap: 16px;
}
.mebek-contact-support-panel h2 {
font-size: 22px;
line-height: 1.2;
}
.mebek-contact-support-panel__topics,
.mebek-contact-support-panel__contacts,
.mebek-contact-support-panel__schedule {
padding: 15px;
border-radius: 14px;
}
.mebek-contact-support-panel__contacts dd,
.mebek-contact-support-panel__topic-list li,
.mebek-contact-support-panel__hours li,
.mebek-contact-support-panel p {
font-size: 13px;
}
.mebek-contact-support__socials {
gap: 7px !important;
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block {
font-size: 13px;
line-height: 1.54;
}
body.mebek-contact-page .mebek-contact-bottom-card .wd-text-block ul,
body.mebek-contact-page .mebek-contact-info-card .wd-text-block ul,
body.mebek-contact-page .elementor-element-a6b3d79 .wd-text-block ul {
grid-template-columns: 1fr;
gap: 3px;
}
}
body.mebek-home-form-page .elementor .elementor-element.elementor-element-365699e.mebek-home-form-section,
body.mebek-home-form-page .elementor .elementor-element.elementor-element-365699e {
background-image: url("/wp-content/uploads/2026/04/interer-jpg-3.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
body.mebek-home-page .main-page-wrapper {
background: #f7f9fc;
}
body.mebek-home-page .mebek-home-catalog,
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-recommendations,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-reviews,
body.mebek-home-page .mebek-home-blog,
body.mebek-home-page .mebek-home-brands {
width: min(100% - 32px, 1320px) !important;
max-width: 1320px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-blog {
overflow: hidden;
border: 1px solid #e1eaf4;
border-radius: 24px;
box-shadow: 0 20px 50px rgba(15, 44, 77, .085);
}
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-recommendations,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-reviews,
body.mebek-home-page .mebek-home-blog {
margin-top: 70px !important;
margin-bottom: 0 !important;
}
body.mebek-home-page .mebek-home-recommendations .woodmart-title-container,
body.mebek-home-page .mebek-home-reviews .elementor-icon-box-title,
body.mebek-home-page .mebek-home-blog .elementor-icon-box-title,
body.mebek-home-page .mebek-home-catalog .woodmart-title-container {
color: #10243d !important;
font-weight: 800 !important;
letter-spacing: 0 !important;
}
body.mebek-home-page .mebek-home-catalog {
margin-top: 54px !important;
}
body.mebek-home-page .mebek-home-hero-title,
body.mebek-home-page .mebek-home-hero-subtitle,
body.mebek-home-page .mebek-home-hero-benefits .wd-nav > li > a {
text-shadow: 0 10px 28px rgba(7, 25, 53, .34);
}
body.mebek-home-page .mebek-home-hero-subtitle {
line-height: 1.18;
}
body.mebek-home-page .mebek-home-hero-benefits .wd-nav > li > a {
backdrop-filter: blur(2px);
transition: background-color .2s ease, transform .2s ease;
}
body.mebek-home-page .mebek-home-hero-social-widget .elementor-widget-container,
body.mebek-home-page .mebek-home-hero-social-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
body.mebek-home-page .mebek-home-hero-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
cursor: pointer;
outline: none;
}
body.mebek-home-page .mebek-home-hero-social-link .elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 58px;
min-height: 58px;
box-shadow: 0 12px 28px rgba(7, 25, 53, .18);
background: rgba(255, 255, 255, .04);
transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.mebek-home-page .mebek-home-hero-social-link:hover .elementor-icon,
body.mebek-home-page .mebek-home-hero-social-link:focus-visible .elementor-icon {
transform: scale(1.06);
background: rgba(255, 255, 255, .12);
border-color: rgba(255, 255, 255, .96);
box-shadow: 0 16px 32px rgba(7, 25, 53, .25);
}
body.mebek-home-page .mebek-home-hero-social-link:focus-visible {
outline: 2px solid rgba(255, 255, 255, .96);
outline-offset: 5px;
}
@media (max-width: 768px) {
body.mebek-home-page .mebek-home-hero-social-link .elementor-icon {
min-width: 54px;
min-height: 54px;
}
body.mebek-home-page .mebek-home-hero-subtitle {
line-height: 1.22;
}
}
/* Stage F41: mobile form readability and autofill polish. */
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
body.mebek-home-form-page .mebek-contact-form textarea,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
body.mebek-home-form-page .mebek-contact-form__fields textarea,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
body.mebek-contact-page .mebek-contact-form textarea,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
body.mebek-contact-page .mebek-contact-form__fields textarea {
color: #0f2742;
caret-color: #0f2742;
}
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"])::placeholder,
body.mebek-home-form-page .mebek-contact-form textarea::placeholder,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"])::placeholder,
body.mebek-home-form-page .mebek-contact-form__fields textarea::placeholder,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"])::placeholder,
body.mebek-contact-page .mebek-contact-form textarea::placeholder,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"])::placeholder,
body.mebek-contact-page .mebek-contact-form__fields textarea::placeholder {
color: #6d7d90;
opacity: 1;
}
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill,
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:hover,
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:focus,
body.mebek-home-form-page .mebek-contact-form textarea:-webkit-autofill,
body.mebek-home-form-page .mebek-contact-form textarea:-webkit-autofill:hover,
body.mebek-home-form-page .mebek-contact-form textarea:-webkit-autofill:focus,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:hover,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:focus,
body.mebek-home-form-page .mebek-contact-form__fields textarea:-webkit-autofill,
body.mebek-home-form-page .mebek-contact-form__fields textarea:-webkit-autofill:hover,
body.mebek-home-form-page .mebek-contact-form__fields textarea:-webkit-autofill:focus,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:hover,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:focus,
body.mebek-contact-page .mebek-contact-form textarea:-webkit-autofill,
body.mebek-contact-page .mebek-contact-form textarea:-webkit-autofill:hover,
body.mebek-contact-page .mebek-contact-form textarea:-webkit-autofill:focus,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:hover,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]):-webkit-autofill:focus,
body.mebek-contact-page .mebek-contact-form__fields textarea:-webkit-autofill,
body.mebek-contact-page .mebek-contact-form__fields textarea:-webkit-autofill:hover,
body.mebek-contact-page .mebek-contact-form__fields textarea:-webkit-autofill:focus {
-webkit-text-fill-color: #0f2742 !important;
color: #0f2742 !important;
caret-color: #0f2742 !important;
border-color: #dbe6f3 !important;
box-shadow: 0 0 0 1000px #f8fbff inset !important;
-webkit-box-shadow: 0 0 0 1000px #f8fbff inset !important;
transition: background-color 9999s ease-in-out 0s;
}
@media (max-width: 640px) {
body.mebek-home-form-page .mebek-home-form-section,
body.mebek-home-form-page .elementor-element-365699e {
padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}
body.mebek-contact-page .mebek-contact-section,
body.mebek-contact-page .elementor-element-cb322d0 {
padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}
body.mebek-home-form-page .mebek-home-form-card,
body.mebek-home-form-page .elementor-element-bb667ee,
body.mebek-contact-page .mebek-contact-form-card,
body.mebek-contact-page .elementor-element-789122a {
padding: 24px 18px 28px !important;
border-radius: 18px;
}
body.mebek-home-form-page .mebek-contact-form .wpcf7-form,
body.mebek-home-form-page .mebek-contact-form__fields,
body.mebek-contact-page .mebek-contact-form .wpcf7-form,
body.mebek-contact-page .mebek-contact-form__fields {
gap: 12px;
}
body.mebek-home-form-page .mebek-contact-form .wpcf7-form-control-wrap,
body.mebek-home-form-page .mebek-contact-form__fields .wpcf7-form-control-wrap,
body.mebek-contact-page .mebek-contact-form .wpcf7-form-control-wrap,
body.mebek-contact-page .mebek-contact-form__fields .wpcf7-form-control-wrap {
margin-top: 6px;
}
body.mebek-home-form-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
body.mebek-home-form-page .mebek-contact-form textarea,
body.mebek-home-form-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
body.mebek-home-form-page .mebek-contact-form__fields textarea,
body.mebek-contact-page .mebek-contact-form input:not([type="submit"]):not([type="hidden"]),
body.mebek-contact-page .mebek-contact-form textarea,
body.mebek-contact-page .mebek-contact-form__fields input:not([type="submit"]):not([type="hidden"]),
body.mebek-contact-page .mebek-contact-form__fields textarea {
padding: 13px 14px;
border-color: #dbe6f3;
border-radius: 12px;
background: #f8fbff;
font-size: 15px;
line-height: 1.4;
}
body.mebek-home-form-page .mebek-contact-form textarea,
body.mebek-home-form-page .mebek-contact-form__fields textarea,
body.mebek-contact-page .mebek-contact-form textarea,
body.mebek-contact-page .mebek-contact-form__fields textarea {
height: 132px !important;
min-height: 132px !important;
max-height: 176px;
resize: vertical;
}
body.mebek-home-form-page .mebek-contact-form__button,
body.mebek-home-form-page .mebek-contact-form .wpcf7-submit,
body.mebek-contact-page .mebek-contact-form__button,
body.mebek-contact-page .mebek-contact-form .wpcf7-submit {
width: 100%;
min-width: 0;
min-height: 50px;
margin-top: 16px;
border-radius: 12px;
}
}
body.mebek-home-page .mebek-home-catalog .category-grid-item,
body.mebek-home-page .mebek-home-catalog .wd-cat,
body.mebek-home-page .mebek-home-catalog .categories-mask {
overflow: hidden;
border-radius: 18px;
box-shadow: 0 12px 30px rgba(15, 44, 77, .075);
transition: transform .18s ease, box-shadow .18s ease;
}
body.mebek-home-page .mebek-home-catalog .category-grid-item:hover,
body.mebek-home-page .mebek-home-catalog .wd-cat:hover {
transform: translateY(-2px);
box-shadow: 0 18px 38px rgba(15, 44, 77, .11);
}
body.mebek-home-page .mebek-home-benefits {
position: relative;
min-height: 430px;
background-color: #e9f6ff !important;
background-position: left center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
body.mebek-home-page .mebek-home-benefits::before {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, .05) 0%, rgba(233, 247, 255, .38) 42%, rgba(222, 241, 255, .94) 100%);
content: "";
}
body.mebek-home-page .mebek-home-benefits > .e-con-inner {
display: grid !important;
position: relative;
z-index: 1;
grid-template-columns: minmax(0, 1.1fr) minmax(360px, 510px);
align-items: center;
width: 100%;
max-width: none;
min-height: 430px;
padding: 0;
}
body.mebek-home-page .mebek-home-benefits__content {
grid-column: 2;
margin: 34px;
padding: 30px;
border: 1px solid rgba(255, 255, 255, .72);
border-radius: 22px;
background: rgba(255, 255, 255, .76);
box-shadow: 0 18px 40px rgba(15, 44, 77, .12);
backdrop-filter: blur(8px);
}
body.mebek-home-page .mebek-home-benefits__content .elementor-icon-box-title {
margin-bottom: 18px;
color: #10243d !important;
font-size: 30px !important;
font-weight: 800 !important;
line-height: 1.16 !important;
letter-spacing: 0 !important;
}
body.mebek-home-page .mebek-home-benefits__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px !important;
}
body.mebek-home-page .mebek-home-benefits__grid .elementor-widget-icon-box {
min-width: 0;
padding: 15px 14px !important;
border: 1px solid #dfeaf5;
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 24px rgba(15, 44, 77, .06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.mebek-home-page .mebek-home-benefits__grid .elementor-widget-icon-box:hover {
border-color: #bed7f2;
box-shadow: 0 16px 34px rgba(15, 44, 77, .1);
transform: translateY(-2px);
}
body.mebek-home-page .mebek-home-benefits__grid .elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 12px;
background: #eef7ff;
color: #1668b7;
}
body.mebek-home-page .mebek-home-benefits__grid .elementor-icon-box-title {
margin: 0;
color: #23364c !important;
font-size: 14px !important;
font-weight: 750 !important;
line-height: 1.35 !important;
}
body.mebek-home-page .mebek-home-recommendations {
padding: 54px 0 56px !important;
border: 1px solid #e6edf5;
border-radius: 24px;
background: #fff !important;
box-shadow: 0 16px 44px rgba(15, 44, 77, .055);
}
body.mebek-home-page .mebek-home-recommendations > .e-con-inner {
width: min(100% - 48px, 1220px);
max-width: 1220px;
}
body.mebek-home-page .mebek-home-recommendations .title-wrapper {
margin-bottom: 22px;
text-align: center !important;
}
body.mebek-home-page .mebek-home-recommendations .woodmart-title-container {
font-size: 28px !important;
line-height: 1.2 !important;
}
body.mebek-home-page .mebek-home-recommendations .wd-nav-tabs,
body.mebek-home-page .mebek-home-recommendations .tabs {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 26px;
}
body.mebek-home-page .mebek-home-recommendations .wd-nav-tabs > li > a,
body.mebek-home-page .mebek-home-recommendations .tabs > li > a {
min-height: 34px;
padding: 8px 15px;
border: 1px solid #d8e6f5;
border-radius: 999px;
background: #f8fbff;
color: #1668b7;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
body.mebek-home-page .mebek-home-recommendations .wd-nav-tabs > li.active > a,
body.mebek-home-page .mebek-home-recommendations .wd-nav-tabs > li.wd-active > a,
body.mebek-home-page .mebek-home-recommendations .tabs > li.active > a {
border-color: #1668b7;
background: #1668b7;
color: #fff;
}
body.mebek-home-page .mebek-home-recommendations .product-grid-item {
padding: 0 12px 26px;
}
body.mebek-home-page .mebek-home-recommendations .product-wrapper {
height: 100%;
overflow: hidden;
border: 1px solid #e6edf5;
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 26px rgba(15, 44, 77, .055);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.mebek-home-page .mebek-home-recommendations .product-wrapper:hover {
border-color: #cfe0f1;
box-shadow: 0 18px 38px rgba(15, 44, 77, .105);
transform: translateY(-2px);
}
body.mebek-home-page .mebek-home-recommendations .product-element-top {
overflow: hidden;
background: #f4f8fc;
}
body.mebek-home-page .mebek-home-recommendations .product-element-top img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
body.mebek-home-page .mebek-home-recommendations .product-information {
padding: 15px 16px 18px;
}
body.mebek-home-page .mebek-home-stats {
position: relative;
padding: 56px 58px !important;
border-color: rgba(255, 255, 255, .18);
background: linear-gradient(135deg, #07559f 0%, #1668b7 52%, #0c76c9 100%) !important;
color: #fff;
}
body.mebek-home-page .mebek-home-stats::before {
position: absolute;
inset: 0;
background: radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .18), transparent 34%);
content: "";
pointer-events: none;
}
body.mebek-home-page .mebek-home-stats > .e-con-inner,
body.mebek-home-page .mebek-home-stats__inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
body.mebek-home-page .mebek-home-stats__inner {
display: block !important;
}
body.mebek-home-page .mebek-home-stats .elementor-widget-text-editor {
max-width: 520px;
color: rgba(255, 255, 255, .86);
font-size: 15px;
line-height: 1.65;
}
body.mebek-home-page .mebek-home-stats .elementor-element-d2a9411 {
display: grid !important;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr);
align-items: center;
gap: 38px;
width: 100% !important;
max-width: none !important;
}
body.mebek-home-page .mebek-home-stats .elementor-element-a7a7dc2,
body.mebek-home-page .mebek-home-stats__grid {
width: 100% !important;
max-width: none !important;
min-width: 0;
}
body.mebek-home-page .mebek-home-stats__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
body.mebek-home-page .mebek-home-stats__grid > .elementor-element {
width: auto !important;
max-width: none !important;
min-width: 0;
padding: 22px 18px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 18px;
background: rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
backdrop-filter: blur(4px);
}
body.mebek-home-page .mebek-home-stats .elementor-heading-title {
color: #fff !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
body.mebek-home-page .mebek-home-stats__decor {
position: absolute !important;
right: -30px;
bottom: -48px;
width: 260px;
min-height: 210px;
opacity: .13;
pointer-events: none;
}
body.mebek-home-page .mebek-home-payment {
background: linear-gradient(135deg, #effaf4 0%, #e8f5ff 100%) !important;
}
body.mebek-home-page .mebek-home-payment > .e-con-inner {
display: grid !important;
grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
align-items: stretch;
width: 100%;
max-width: none;
min-height: 420px;
}
body.mebek-home-page .mebek-home-payment__content {
align-self: center;
margin: 42px;
padding: 32px !important;
border: 1px solid #e1eaf4;
border-radius: 22px;
background: rgba(255, 255, 255, .9) !important;
box-shadow: 0 16px 38px rgba(15, 44, 77, .08);
}
body.mebek-home-page .mebek-home-payment__content .elementor-icon-box-title {
color: #10243d !important;
font-size: 28px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.mebek-home-page .mebek-home-payment__content .elementor-widget-icon-box:not(:first-child) {
padding: 14px 16px;
border: 1px solid #e4edf6;
border-radius: 14px;
background: #f8fbff;
}
body.mebek-home-page .mebek-home-payment__content .elementor-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 12px;
background: #1668b7;
color: #fff;
font-size: 12px;
font-weight: 800;
}
body.mebek-home-page .mebek-home-payment__content .elementor-icon-box-description {
color: #41546a;
font-size: 14px;
line-height: 1.58;
}
body.mebek-home-page .mebek-home-payment__media {
min-height: 420px;
background-color: #dfeff9 !important;
background-image: linear-gradient(90deg, rgba(8, 46, 82, .1), rgba(8, 46, 82, .03)), url("/wp-content/uploads/2026/04/interer-jpg-3.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
body.mebek-home-page .mebek-home-reviews {
padding: 64px 0 8px !important;
background: #f7f9fc !important;
}
body.mebek-home-page .mebek-home-reviews > .e-con-inner,
body.mebek-home-page .mebek-home-reviews__inner {
width: min(100% - 48px, 1180px);
max-width: 1180px;
margin: 0 auto;
}
body.mebek-home-page .mebek-home-reviews .elementor-icon-box-title {
margin-bottom: 30px;
text-align: center;
font-size: 28px !important;
line-height: 1.2 !important;
}
body.mebek-home-page .mebek-home-reviews__grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
body.mebek-home-page .mebek-home-reviews .elementor-widget-testimonial {
min-width: 0;
height: 100%;
padding: 28px 26px !important;
border: 1px solid #e2ebf5;
border-radius: 22px;
background: #fff;
box-shadow: 0 14px 34px rgba(15, 44, 77, .07);
}
body.mebek-home-page .mebek-home-reviews .elementor-testimonial-wrapper {
position: relative;
}
body.mebek-home-page .mebek-home-reviews .elementor-testimonial-wrapper::before {
display: block;
width: 36px;
height: 36px;
margin-bottom: 14px;
border-radius: 50%;
background: #eef7ff;
color: #1668b7;
font-size: 30px;
font-weight: 800;
line-height: 42px;
text-align: center;
content: "“";
}
body.mebek-home-page .mebek-home-reviews .elementor-testimonial-content {
color: #33475f;
font-size: 15px;
line-height: 1.68;
}
body.mebek-home-page .mebek-home-reviews .elementor-testimonial-meta {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #e8eff7;
}
body.mebek-home-page .mebek-home-blog {
padding: 56px 52px !important;
background: linear-gradient(135deg, #edf9f2 0%, #edf7ff 100%) !important;
}
body.mebek-home-page .mebek-home-blog .elementor-icon-box-title,
body.mebek-home-page .mebek-home-blog .woodmart-title-container {
text-align: center;
font-size: 28px !important;
line-height: 1.2 !important;
}
body.mebek-home-page .mebek-home-blog .title-wrapper {
margin-bottom: 28px;
}
body.mebek-home-page .mebek-home-blog__layout > .e-con-inner {
display: grid !important;
grid-template-columns: minmax(280px, .95fr) minmax(0, 1.05fr);
gap: 28px;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
body.mebek-home-page .mebek-home-blog__media {
min-height: 520px;
overflow: hidden;
border: 1px solid #e1eaf4;
border-radius: 22px;
background-color: #dcecf7 !important;
background-image: linear-gradient(180deg, rgba(8, 46, 82, .04), rgba(8, 46, 82, .2)), url("/wp-content/uploads/2021/08/wd-blog-9.jpg") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
box-shadow: 0 14px 34px rgba(15, 44, 77, .075);
}
body.mebek-home-page .mebek-home-blog__posts .wd-blog,
body.mebek-home-page .mebek-home-blog__posts .wd-blog-holder,
body.mebek-home-page .mebek-home-blog__posts .wd-blog-content {
display: grid;
gap: 16px;
}
body.mebek-home-page .mebek-home-blog .blog-post-loop,
body.mebek-home-page .mebek-home-blog article.post,
body.mebek-home-page .mebek-home-blog .post-single-page {
overflow: hidden;
border: 1px solid #e1eaf4;
border-radius: 18px;
background: #fff;
box-shadow: 0 12px 30px rgba(15, 44, 77, .065);
}
body.mebek-home-page .mebek-home-blog .article-body-container,
body.mebek-home-page .mebek-home-blog .post-content {
padding: 20px 22px !important;
}
body.mebek-home-page .mebek-home-blog .meta-post-categories a,
body.mebek-home-page .mebek-home-blog .wd-post-cat a,
body.mebek-home-page .mebek-home-blog .post-date {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 10px;
border-radius: 999px;
background: #eef7ff;
color: #1668b7 !important;
font-size: 10px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
body.mebek-home-page .mebek-home-blog .entry-title,
body.mebek-home-page .mebek-home-blog .post-title {
color: #10243d;
font-size: 17px;
font-weight: 800;
line-height: 1.35;
}
body.mebek-home-page .mebek-home-blog .read-more-section a,
body.mebek-home-page .mebek-home-blog .btn-read-more {
color: #1668b7 !important;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
body.mebek-home-page .mebek-home-blog .wd-post-meta,
body.mebek-home-page .mebek-home-blog .wd-post-author,
body.mebek-home-page .mebek-home-blog a.author {
display: none !important;
}
body.mebek-home-page .mebek-home-brands {
margin-top: 48px !important;
margin-bottom: 64px !important;
padding: 18px 0 !important;
border-top: 1px solid #e6edf5;
border-bottom: 1px solid #e6edf5;
background: rgba(255, 255, 255, .72);
}
@media (max-width: 1024px) {
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-recommendations,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-reviews,
body.mebek-home-page .mebek-home-blog {
margin-top: 56px !important;
border-radius: 20px;
}
body.mebek-home-page .mebek-home-benefits > .e-con-inner,
body.mebek-home-page .mebek-home-payment > .e-con-inner,
body.mebek-home-page .mebek-home-stats__inner,
body.mebek-home-page .mebek-home-blog__layout > .e-con-inner {
grid-template-columns: 1fr;
}
body.mebek-home-page .mebek-home-stats .elementor-element-d2a9411 {
grid-template-columns: 1fr;
}
body.mebek-home-page .mebek-home-blog.elementor-hidden-mobile,
body.mebek-home-page .mebek-home-blog.elementor-hidden-tablet {
display: flex !important;
}
body.mebek-home-page .mebek-home-blog .elementor-hidden-tablet {
display: flex !important;
}
body.mebek-home-page .mebek-home-benefits__content {
grid-column: 1;
max-width: 560px;
margin: 30px;
}
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-blog {
padding: 44px 34px !important;
}
body.mebek-home-page .mebek-home-stats__grid,
body.mebek-home-page .mebek-home-reviews__grid {
grid-template-columns: 1fr;
}
body.mebek-home-page .mebek-home-payment__content {
margin: 32px;
}
body.mebek-home-page .mebek-home-payment__media {
min-height: 320px;
}
body.mebek-home-page .mebek-home-blog__media {
min-height: 360px;
}
}
@media (max-width: 640px) {
body.mebek-home-page .mebek-home-catalog,
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-recommendations,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-reviews,
body.mebek-home-page .mebek-home-blog,
body.mebek-home-page .mebek-home-brands {
width: min(100% - 28px, 1320px) !important;
}
body.mebek-home-page .mebek-home-benefits,
body.mebek-home-page .mebek-home-recommendations,
body.mebek-home-page .mebek-home-stats,
body.mebek-home-page .mebek-home-payment,
body.mebek-home-page .mebek-home-reviews,
body.mebek-home-page .mebek-home-blog {
margin-top: 46px !important;
border-radius: 18px;
}
body.mebek-home-page .mebek-home-benefits {
background-position: 34% center !important;
}
body.mebek-home-page .mebek-home-benefits::before {
background: linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(229, 245, 255, .94) 48%, rgba(229, 245, 255, .98) 100%);
}
body.mebek-home-page .mebek-home-benefits > .e-con-inner {
min-height: 0;
padding: 180px 0 0;
}
body.mebek-home-page .mebek-home-benefits__content {
margin: 14px;
padding: 20px;
border-radius: 17px;
}
body.mebek-home-page .mebek-home-benefits__content .elementor-icon-box-title,
body.mebek-home-page .mebek-home-recommendations .woodmart-title-container,
body.mebek-home-page .mebek-home-payment__content .elementor-icon-box-title,
body.mebek-home-page .mebek-home-reviews .elementor-icon-box-title,
body.mebek-home-page .mebek-home-blog .elementor-icon-box-title,
body.mebek-home-page .mebek-home-blog .woodmart-title-container {
font-size: 23px !important;
line-height: 1.22 !important;
}
body.mebek-home-page .mebek-home-benefits__grid {
grid-template-columns: 1fr;
gap: 10px !important;
}
body.mebek-home-page .mebek-home-recommendations {
padding: 36px 0 28px !important;
}
body.mebek-home-page .mebek-home-recommendations > .e-con-inner,
body.mebek-home-page .mebek-home-reviews > .e-con-inner,
body.mebek-home-page .mebek-home-reviews__inner {
width: min(100% - 28px, 1220px);
}
body.mebek-home-page .mebek-home-recommendations .wd-nav-tabs,
body.mebek-home-page .mebek-home-recommendations .tabs {
justify-content: flex-start;
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 2px;
}
body.mebek-home-page .mebek-home-recommendations .product-grid-item {
padding-right: 7px;
padding-left: 7px;
}
body.mebek-home-page .mebek-home-stats {
padding: 32px 20px !important;
}
body.mebek-home-page .mebek-home-stats__grid {
gap: 10px;
}
body.mebek-home-page .mebek-home-stats__grid > .elementor-element {
padding: 18px 16px;
border-radius: 15px;
}
body.mebek-home-page .mebek-home-stats__decor {
right: -90px;
bottom: -70px;
opacity: .08;
}
body.mebek-home-page .mebek-home-payment__content {
margin: 16px;
padding: 20px !important;
border-radius: 17px;
}
body.mebek-home-page .mebek-home-payment__media {
min-height: 230px;
}
body.mebek-home-page .mebek-home-reviews {
padding: 40px 0 0 !important;
}
body.mebek-home-page .mebek-home-reviews .elementor-widget-testimonial {
padding: 22px 20px !important;
border-radius: 18px;
}
body.mebek-home-page .mebek-home-blog.elementor-hidden-mobile {
display: flex !important;
}
body.mebek-home-page .mebek-home-blog {
padding: 34px 16px !important;
}
body.mebek-home-page .mebek-home-blog__media {
min-height: 220px;
border-radius: 17px;
}
body.mebek-home-page .mebek-home-blog .article-body-container,
body.mebek-home-page .mebek-home-blog .post-content {
padding: 17px !important;
}
body.mebek-home-page .mebek-home-brands {
margin-top: 40px !important;
margin-bottom: 50px !important;
}
}
/* Stage F21: blog archive and single article polish. */
body.mebek-blog-page,
body.mebek-single-post {
background: #f4f8fc;
}
body.mebek-blog-page .main-page-wrapper,
body.mebek-single-post .main-page-wrapper {
background:
linear-gradient(180deg, rgba(245, 249, 253, 0) 0, #f4f8fc 260px),
#f4f8fc;
}
body.mebek-blog-page .wd-page-title,
body.mebek-single-post .wd-page-title {
margin-bottom: 0;
}
body.mebek-blog-page #main-content {
max-width: none;
padding: 0;
}
body.mebek-blog-page .wd-content-area.site-content {
width: min(100% - 32px, 1320px);
margin: 0 auto;
padding: 52px 0 66px !important;
}
body.mebek-blog-page .wd-blog-holder {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
align-items: stretch;
}
body.mebek-blog-page .blog-post-loop {
width: auto !important;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
border: 1px solid #dfeaf4;
border-radius: 22px;
background: #fff;
box-shadow: 0 18px 46px rgba(14, 47, 83, .08);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.mebek-blog-page .blog-post-loop:hover {
transform: translateY(-3px);
border-color: #bdd5ec;
box-shadow: 0 24px 54px rgba(14, 47, 83, .12);
}
body.mebek-blog-page .blog-post-loop .wd-post-inner {
display: flex !important;
flex-direction: column !important;
height: 100%;
min-height: 100%;
padding: 0 !important;
}
body.mebek-blog-page .blog-post-loop .wd-post-thumb {
position: relative;
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
max-width: 100% !important;
min-height: 215px;
margin: 0 !important;
overflow: hidden;
border-radius: 0;
background:
linear-gradient(135deg, rgba(17, 102, 179, .12), rgba(255, 255, 255, .92)),
linear-gradient(135deg, #e9f4ff, #ffffff);
}
body.mebek-blog-page .blog-post-loop .wd-post-img {
display: block;
width: 100%;
height: 100%;
min-height: 215px;
}
body.mebek-blog-page .blog-post-loop .wd-post-img img {
display: block;
width: 100% !important;
height: 100% !important;
min-height: 215px;
object-fit: cover;
object-position: center;
transition: transform .24s ease;
}
body.mebek-blog-page .blog-post-loop:hover .wd-post-img img {
transform: scale(1.025);
}
body.mebek-blog-page .mebek-blog-card--text-only .wd-post-img {
min-height: 0;
}
body.mebek-blog-page .mebek-blog-card--text-only .wd-post-thumb::before {
position: absolute;
inset: 26px;
display: flex;
align-items: flex-end;
color: rgba(16, 54, 91, .16);
font-size: 42px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
content: "Mebek";
}
body.mebek-blog-page .blog-post-loop .wd-post-date {
top: 18px;
left: 18px;
border-radius: 14px;
background: #fff;
box-shadow: 0 10px 24px rgba(12, 47, 82, .14);
color: #0c5ca8;
}
body.mebek-blog-page .blog-post-loop .wd-post-cat {
right: 18px;
bottom: 18px;
left: auto;
max-width: calc(100% - 36px);
}
body.mebek-blog-page .blog-post-loop .wd-post-cat a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 12px;
border-radius: 999px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 11px;
font-weight: 800;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
}
body.mebek-blog-page .blog-post-loop .wd-post-cat:has(a[href*="/uncategorized/"]),
body.mebek-home-page .mebek-home-blog .wd-post-cat:has(a[href*="/uncategorized/"]) {
display: none !important;
}
body.mebek-blog-page .blog-post-loop .article-body-container,
body.mebek-blog-page .blog-post-loop .wd-post-content,
body.mebek-blog-page .blog-post-loop .post-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100% !important;
max-width: 100% !important;
padding: 25px 24px 24px !important;
transform: none !important;
}
body.mebek-blog-page .blog-post-loop .wd-post-meta {
display: none !important;
}
body.mebek-blog-page .blog-post-loop .entry-title,
body.mebek-blog-page .blog-post-loop .post-title {
margin: 0 0 13px;
color: #10243d;
font-size: 20px;
font-weight: 800;
line-height: 1.28;
}
body.mebek-blog-page .blog-post-loop .entry-title a,
body.mebek-blog-page .blog-post-loop .post-title a {
color: inherit;
}
body.mebek-blog-page .blog-post-loop .entry-content,
body.mebek-blog-page .blog-post-loop .post-content,
body.mebek-blog-page .blog-post-loop .wd-post-content,
body.mebek-blog-page .blog-post-loop .article-body-container {
color: #465b70;
font-size: 15px;
line-height: 1.68;
}
body.mebek-blog-page .blog-post-loop .read-more-section {
margin-top: auto;
padding-top: 18px;
}
body.mebek-blog-page .blog-post-loop .read-more-section a.btn,
body.mebek-blog-page .blog-post-loop a.btn.btn-accent {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
max-width: 100%;
padding: 0 18px;
border: 1px solid #0f5ca6 !important;
border-radius: 999px;
background: #0f5ca6 !important;
box-shadow: 0 10px 22px rgba(15, 92, 166, .18);
color: #fff !important;
font-size: 12px;
font-weight: 800;
line-height: 1.1;
text-transform: uppercase;
white-space: normal;
}
body.mebek-blog-page .blog-post-loop .read-more-section a.btn:hover,
body.mebek-blog-page .blog-post-loop a.btn.btn-accent:hover {
border-color: #084f94 !important;
background: #084f94 !important;
box-shadow: 0 13px 26px rgba(15, 92, 166, .24);
color: #fff !important;
}
body.mebek-blog-page .wd-post-author,
body.mebek-single-post .wd-single-post-author,
body.mebek-single-post .wd-post-author,
body.mebek-single-post .wd-single-post-author-bio,
body.mebek-single-post .wd-author-bio,
body.mebek-single-post .wd-single-post-reply {
display: none !important;
}
body.mebek-single-post #main-content {
max-width: none;
padding: 0;
}
body.mebek-single-post article.post {
width: min(100% - 32px, 1320px);
margin: 0 auto;
padding: 50px 0 70px;
}
body.mebek-single-post .elementor-element-4f2b77d > .e-con-inner {
gap: 30px !important;
align-items: flex-start;
}
body.mebek-single-post .wd-col-content-md-sm {
overflow: hidden;
padding: 28px !important;
border: 1px solid #dfeaf4;
border-radius: 24px;
background: #fff;
box-shadow: 0 18px 48px rgba(14, 47, 83, .08);
}
body.mebek-single-post .wd-single-post-cat {
margin-bottom: 12px !important;
text-align: left !important;
}
body.mebek-single-post .wd-single-post-cat a {
display: inline-flex;
align-items: center;
min-height: 28px;
padding: 0 12px;
border-radius: 999px;
background: #eaf5ff !important;
color: #0f5ca6 !important;
font-size: 11px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
body.mebek-single-post .wd-single-post-title {
max-width: 900px;
margin-right: auto;
margin-left: auto;
text-align: left !important;
}
body.mebek-single-post .wd-single-post-title .entry-title,
body.mebek-single-post .wd-single-post-title h1 {
margin-bottom: 13px;
color: #10243d;
font-size: 34px;
font-weight: 800;
line-height: 1.18;
}
body.mebek-single-post .wd-single-post-date {
max-width: 900px;
margin-right: auto;
margin-left: auto;
color: #6f7f8f;
font-size: 13px;
font-weight: 600;
text-align: left !important;
}
body.mebek-single-post .wd-single-post-thumb {
max-width: 980px;
margin: 22px auto 30px !important;
overflow: hidden;
border-radius: 22px;
box-shadow: 0 18px 42px rgba(14, 47, 83, .12);
}
body.mebek-single-post .wd-single-post-thumb img,
body.mebek-single-post .wp-post-image {
display: block;
width: 100% !important;
height: auto !important;
border-radius: 22px;
}
body.mebek-single-post .mebek-post-content {
max-width: 900px;
margin: 0 auto;
}
body.mebek-single-post .mebek-post-content .elementor-widget-container {
color: #2e4052;
font-size: 17px;
line-height: 1.82;
}
body.mebek-single-post .mebek-post-content p {
margin: 0 0 18px;
}
body.mebek-single-post .mebek-post-content__subhead {
margin-top: 30px !important;
color: #10243d;
font-size: 20px;
font-weight: 800;
line-height: 1.34;
}
body.mebek-single-post .mebek-post-content__divider {
display: flex;
align-items: center;
gap: 14px;
margin: 28px 0 24px !important;
color: transparent;
font-size: 0;
}
body.mebek-single-post .mebek-post-content__divider::before {
display: block;
width: 82px;
height: 3px;
border-radius: 999px;
background: #0f5ca6;
content: "";
}
body.mebek-single-post .wd-single-post-nav,
body.mebek-single-post .wd-single-post-tags-list,
body.mebek-single-post .elementor-widget-wd_social_buttons {
max-width: 900px;
margin-right: auto;
margin-left: auto;
}
body.mebek-single-post .wd-single-post-nav {
margin-top: 34px !important;
padding-top: 22px;
border-top: 1px solid #e4edf5;
}
body.mebek-single-post .wd-social-icons a {
border-radius: 999px;
box-shadow: 0 8px 18px rgba(14, 47, 83, .1);
}
body.mebek-single-post .mebek-post-sidebar {
align-self: flex-start;
}
body.mebek-single-post .mebek-post-sidebar .wd-widget,
body.mebek-single-post .mebek-post-sidebar .widget {
padding: 22px 20px;
border: 1px solid #dfeaf4;
border-radius: 18px;
background: #fff;
box-shadow: 0 14px 36px rgba(14, 47, 83, .07);
}
body.mebek-single-post .mebek-post-sidebar .widget-title {
margin-bottom: 14px;
color: #10243d;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
}
body.mebek-single-post .mebek-post-sidebar select,
body.mebek-single-post .mebek-post-comments input,
body.mebek-single-post .mebek-post-comments textarea {
width: 100%;
border: 1px solid #d5e3ef;
border-radius: 14px;
background: #fff;
box-shadow: none;
color: #10243d;
}
body.mebek-single-post .mebek-post-comments {
max-width: 900px;
margin: 34px auto 0;
padding: 28px;
border: 1px solid #dfeaf4;
border-radius: 22px;
background: #f8fbfe;
}
body.mebek-single-post .mebek-post-comments .comment-reply-title {
color: #10243d;
font-size: 24px;
font-weight: 800;
}
body.mebek-single-post .mebek-post-comments label {
color: #30485f;
font-weight: 700;
}
body.mebek-single-post .mebek-post-comments .form-submit .submit {
min-height: 42px;
padding: 0 20px;
border-radius: 999px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
@media (max-width: 1024px) {
body.mebek-blog-page .wd-blog-holder {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.mebek-single-post article.post {
padding-top: 42px;
}
body.mebek-single-post .elementor-element-4f2b77d > .e-con-inner {
display: grid !important;
grid-template-columns: 1fr;
}
body.mebek-single-post .wd-col-content-md-sm,
body.mebek-single-post .wd-col-offcanvas-md-sm,
body.mebek-single-post .wd-col-offcanvas-sm {
width: 100% !important;
max-width: 100% !important;
}
}
@media (max-width: 640px) {
body.mebek-blog-page .wd-content-area.site-content,
body.mebek-single-post article.post {
width: min(100% - 28px, 1320px);
}
body.mebek-blog-page .wd-content-area.site-content {
padding: 34px 0 52px !important;
}
body.mebek-blog-page .wd-blog-holder {
grid-template-columns: 1fr;
gap: 18px;
}
body.mebek-blog-page .blog-post-loop {
border-radius: 18px;
}
body.mebek-blog-page .blog-post-loop .wd-post-thumb,
body.mebek-blog-page .blog-post-loop .wd-post-img,
body.mebek-blog-page .blog-post-loop .wd-post-img img {
min-height: 185px;
}
body.mebek-blog-page .blog-post-loop .article-body-container,
body.mebek-blog-page .blog-post-loop .post-content {
padding: 20px 18px 19px !important;
}
body.mebek-blog-page .blog-post-loop .entry-title,
body.mebek-blog-page .blog-post-loop .post-title {
font-size: 18px;
}
body.mebek-blog-page .blog-post-loop .read-more-section a.btn,
body.mebek-blog-page .blog-post-loop a.btn.btn-accent {
width: 100%;
}
body.mebek-single-post article.post {
padding: 34px 0 54px;
}
body.mebek-single-post .wd-col-content-md-sm {
padding: 20px !important;
border-radius: 19px;
}
body.mebek-single-post .wd-single-post-title .entry-title,
body.mebek-single-post .wd-single-post-title h1 {
font-size: 25px;
line-height: 1.22;
}
body.mebek-single-post .wd-single-post-thumb {
margin-top: 18px !important;
border-radius: 18px;
}
body.mebek-single-post .wd-single-post-thumb img,
body.mebek-single-post .wp-post-image {
border-radius: 18px;
}
body.mebek-single-post .mebek-post-content .elementor-widget-container {
font-size: 16px;
line-height: 1.76;
}
body.mebek-single-post .mebek-post-content__subhead {
font-size: 18px;
}
body.mebek-single-post .mebek-post-comments {
padding: 22px 18px;
border-radius: 18px;
}
}
/* Stage F23 catalog archive polish. Scoped to Woo archive/local RU fallback only. */
body.mebek-catalog-page {
background: #f5f8fb;
color: #14243a;
}
body.mebek-catalog-page .wd-page-title {
position: relative;
display: flex;
align-items: center;
min-height: 250px;
overflow: hidden;
background: #0f5ca6;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .18);
}
body.mebek-catalog-page .wd-page-title .wd-page-title-bg {
position: absolute;
inset: 0;
}
body.mebek-catalog-page .wd-page-title .wd-page-title-bg img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
filter: saturate(1.04) contrast(1.02);
}
body.mebek-catalog-page .wd-page-title .wd-page-title-bg::after {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(8, 31, 56, .46), rgba(8, 31, 56, .25) 44%, rgba(8, 31, 56, .44));
content: "";
}
body.mebek-catalog-page .wd-page-title .container {
position: relative;
z-index: 2;
display: grid;
justify-items: center;
gap: 14px;
width: min(100% - 32px, 1320px);
}
body.mebek-catalog-page .wd-page-title .entry-title,
body.mebek-catalog-page .wd-page-title h1 {
margin: 0;
color: #fff;
font-size: 54px;
font-weight: 800;
line-height: 1.05;
text-align: center;
text-shadow: 0 12px 32px rgba(0, 0, 0, .3);
}
body.mebek-catalog-page .wd-btn-show-cat {
display: none;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
max-width: min(100%, 1040px);
margin: 0 auto;
padding: 0;
border: 0;
color: #fff;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat li {
list-style: none;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat a,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .cat-item-none {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding: 0 14px;
border: 1px solid rgba(255, 255, 255, .48);
border-radius: 999px;
background: rgba(255, 255, 255, .14);
backdrop-filter: blur(4px);
color: #fff !important;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .current-cat > a,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat a:hover,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat a:focus {
border-color: #fff;
background: #fff;
color: #0f5ca6 !important;
}
/* Stage F32: keep Woodmart catalog category dropdowns visible inside the hero. */
@media (min-width: 768px) {
body.mebek-catalog-page .wd-page-title {
overflow: visible;
z-index: 15;
}
body.mebek-catalog-page .wd-page-title .wd-page-title-bg {
overflow: hidden;
pointer-events: none;
}
body.mebek-catalog-page .wd-page-title .container,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li {
overflow: visible !important;
}
body.mebek-catalog-page .wd-page-title .container {
z-index: 24;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat {
position: relative;
z-index: 30;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li {
position: relative;
z-index: 1;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:hover,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:focus-within {
z-index: 90;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:has(> .wd-dropdown-menu) > a::after {
width: 0;
height: 0;
margin-left: 7px;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 5px solid currentColor;
content: "";
opacity: .78;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu.wd-dropdown,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .sub-sub-menu.wd-dropdown {
min-width: 220px;
max-width: min(340px, calc(100vw - 32px));
max-height: min(340px, calc(100vh - 160px));
padding: 10px !important;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 16px;
background: rgba(15, 23, 42, .96) !important;
box-shadow: 0 20px 46px rgba(2, 8, 23, .3);
backdrop-filter: blur(12px);
overflow-x: hidden !important;
overflow-y: auto !important;
z-index: 999 !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li > .wd-dropdown-menu.wd-dropdown {
top: calc(100% + 10px) !important;
right: auto !important;
left: 50% !important;
transform: translateX(-50%) translateY(0) !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:first-child > .wd-dropdown-menu.wd-dropdown,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:nth-child(2) > .wd-dropdown-menu.wd-dropdown {
right: auto !important;
left: 0 !important;
transform: translateX(0) translateY(0) !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:nth-last-child(-n+3) > .wd-dropdown-menu.wd-dropdown {
right: 0 !important;
left: auto !important;
transform: translateX(0) translateY(0) !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:hover > .wd-dropdown-menu,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:focus-within > .wd-dropdown-menu,
body.mebek-catalog-page .wd-page-title .wd-sub-menu > li:hover > .wd-dropdown-menu,
body.mebek-catalog-page .wd-page-title .wd-sub-menu > li:focus-within > .wd-dropdown-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu::before {
position: absolute;
top: -7px;
left: 34px;
width: 14px;
height: 14px;
border-top: 1px solid rgba(255, 255, 255, .16);
border-left: 1px solid rgba(255, 255, 255, .16);
background: rgba(15, 23, 42, .96);
content: "";
transform: rotate(45deg);
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu .container,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu .wd-entry-content {
width: 100%;
max-width: none;
margin: 0;
padding: 0 !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-sub-menu {
display: grid;
gap: 4px;
margin: 0;
padding: 0;
overflow: visible;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-sub-menu li {
position: relative;
margin: 0;
list-style: none;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-sub-menu a {
display: flex;
justify-content: flex-start;
width: 100%;
min-height: 36px;
padding: 9px 11px;
border: 0;
border-radius: 9px;
background: transparent;
backdrop-filter: none;
color: #f8fbff !important;
font-size: 13px;
font-weight: 700;
line-height: 1.28;
text-align: left;
text-transform: none;
white-space: normal;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-sub-menu a:hover,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-sub-menu a:focus {
background: #0f5ca6;
color: #fff !important;
}
body.mebek-catalog-page .wd-page-title .wd-sub-menu li:has(> .wd-dropdown-menu) > a::after {
margin-left: auto;
color: currentColor;
content: ">";
font-weight: 900;
opacity: .82;
}
body.mebek-catalog-page .wd-page-title .wd-sub-menu .wd-dropdown-menu.wd-dropdown {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: none !important;
width: 100%;
min-width: 0;
max-width: none;
max-height: 220px;
margin: 4px 0 2px;
padding: 4px !important;
border-color: rgba(255, 255, 255, .1);
border-radius: 12px;
background: rgba(8, 18, 36, .74) !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
transform: none !important;
}
body.mebek-catalog-page .wd-page-title .wd-sub-menu > li:nth-last-child(-n+2) > .wd-dropdown-menu.wd-dropdown {
top: auto !important;
bottom: -8px !important;
}
body.mebek-catalog-page .wd-page-title .wd-sub-menu > li:hover > .wd-dropdown-menu.wd-dropdown,
body.mebek-catalog-page .wd-page-title .wd-sub-menu > li:focus-within > .wd-dropdown-menu.wd-dropdown {
display: grid !important;
}
body.mebek-catalog-page .wd-page-title .wd-sub-menu .wd-dropdown-menu.wd-dropdown::before {
display: none;
}
body.mebek-catalog-page .wd-page-title .wd-dropdown-menu::-webkit-scrollbar,
body.mebek-catalog-page .wd-page-title .sub-sub-menu::-webkit-scrollbar {
width: 7px;
}
body.mebek-catalog-page .wd-page-title .wd-dropdown-menu::-webkit-scrollbar-thumb,
body.mebek-catalog-page .wd-page-title .sub-sub-menu::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(255, 255, 255, .32);
}
}
/* Stage FTP-F36: keep catalog hero category submenus open while crossing from chip to dropdown. */
@media (min-width: 1025px) {
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:has(> .wd-dropdown-menu) {
position: relative;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:has(> .wd-dropdown-menu)::after {
position: absolute;
z-index: 2;
top: calc(100% - 1px);
right: -12px;
left: -12px;
height: 18px;
background: transparent;
content: "";
pointer-events: auto;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li > .wd-dropdown-menu.wd-dropdown {
top: calc(100% + 6px) !important;
pointer-events: auto !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:hover > .wd-dropdown-menu,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li:focus-within > .wd-dropdown-menu {
z-index: 5 !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu::before {
top: -6px;
}
}
body.mebek-catalog-page .wd-content-layout.container {
max-width: 1430px;
}
body.mebek-catalog-page .wd-col-content-md-sm > .elementor-element.e-con:first-child,
body.mebek-catalog-page .shop-loop-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
padding: 16px 18px;
border: 1px solid #e2ebf5;
border-radius: 20px;
background: #fff;
box-shadow: 0 14px 36px rgba(14, 47, 83, .075);
}
body.mebek-catalog-page .wd-col-content-md-sm > .elementor-element.e-con:first-child > .e-con-inner,
body.mebek-catalog-page .shop-loop-head .wd-shop-tools {
align-items: center;
gap: 14px;
}
body.mebek-catalog-page .woocommerce-breadcrumb,
body.mebek-catalog-page .wd-breadcrumbs,
body.mebek-catalog-page .breadcrumbs {
color: #6d7d8f;
font-size: 13px;
font-weight: 600;
}
body.mebek-catalog-page .woocommerce-breadcrumb a,
body.mebek-catalog-page .wd-breadcrumbs a,
body.mebek-catalog-page .breadcrumbs a {
color: #516174;
}
body.mebek-catalog-page .woocommerce-result-count,
body.mebek-catalog-page .wd-products-per-page,
body.mebek-catalog-page .wd-products-shop-view {
color: #516174;
font-size: 13px;
font-weight: 700;
}
body.mebek-catalog-page .wd-products-per-page a,
body.mebek-catalog-page .wd-products-shop-view a {
border-radius: 999px;
color: #718296;
}
body.mebek-catalog-page .wd-products-per-page a:hover,
body.mebek-catalog-page .wd-products-shop-view a:hover,
body.mebek-catalog-page .wd-products-per-page a.current-variation {
color: #0f5ca6;
}
body.mebek-catalog-page .woocommerce-ordering {
min-width: 240px;
}
body.mebek-catalog-page .woocommerce-ordering select {
width: 100%;
min-height: 40px;
padding: 0 40px 0 14px;
border: 1px solid #d8e5f0;
border-radius: 999px;
background-color: #f8fbff;
box-shadow: none;
color: #10243d;
font-size: 13px;
font-weight: 700;
}
body.mebek-catalog-page .wd-col-offcanvas-md-sm,
body.mebek-catalog-page .wd-col-offcanvas-sm {
box-sizing: border-box;
}
@media (min-width: 1025px) {
body.mebek-catalog-page .wd-col-offcanvas-md-sm,
body.mebek-catalog-page .wd-col-offcanvas-sm {
position: sticky !important;
top: 22px;
align-self: flex-start !important;
height: auto !important;
padding: 22px 22px 24px !important;
border: 1px solid #e2ebf5;
border-radius: 22px;
background: #fff;
box-shadow: 0 16px 42px rgba(14, 47, 83, .08);
}
body.mebek-catalog-page .wd-col-offcanvas-md-sm::before,
body.mebek-catalog-page .wd-col-offcanvas-sm::before {
display: none !important;
content: none !important;
}
body.mebek-catalog-page .elementor-widget-wd_sidebar .elementor-widget-container::before {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 18px;
padding-bottom: 14px;
border-bottom: 1px solid #e6edf5;
color: #10243d;
font-size: 16px;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
content: "Фільтри";
}
body.mebek-catalog-page--ru .elementor-widget-wd_sidebar .elementor-widget-container::before {
content: "Фильтры";
}
}
body.single-product {
overflow-x: clip;
}
body.single-product .main-page-wrapper,
body.single-product .site-content,
body.single-product .product,
body.single-product .summary-inner,
body.single-product .elementor-widget-wd_single_product_add_to_cart,
body.single-product .mebek-parts-payment {
box-sizing: border-box;
max-width: 100%;
}
body.single-product .wd-carousel,
body.single-product .wd-carousel-wrap,
body.single-product .wd-carousel-inner,
body.single-product .wd-products,
body.single-product .products {
max-width: 100%;
overflow-x: clip;
}
body.single-product .cart-widget-side.wd-side-hidden:not(.wd-opened) {
right: 0 !important;
left: auto !important;
max-width: min(340px, 100vw);
overflow-x: clip;
transform: translate3d(100%, 0, 0) !important;
}
body.mebek-catalog-page .wd-widget,
body.mebek-catalog-page .widget {
margin-bottom: 20px;
color: #42566d;
}
body.mebek-catalog-page .wd-widget:not(:last-child),
body.mebek-catalog-page .widget:not(:last-child) {
padding-bottom: 18px;
border-bottom: 1px solid #edf2f7;
}
body.mebek-catalog-page .wd-widget .widget-title,
body.mebek-catalog-page .widget .widget-title,
body.mebek-catalog-page .wd-widget h5,
body.mebek-catalog-page .widget h5 {
margin: 0 0 14px;
color: #10243d;
font-size: 13px;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
}
body.mebek-catalog-page .widget_price_filter .price_slider_wrapper {
padding-top: 4px;
}
body.mebek-catalog-page .widget_price_filter .ui-slider {
height: 4px;
border-radius: 999px;
background: #dbe7f2;
}
body.mebek-catalog-page .widget_price_filter .ui-slider-range {
border-radius: 999px;
background: #0f5ca6;
}
body.mebek-catalog-page .widget_price_filter .ui-slider-handle {
top: -7px;
width: 18px;
height: 18px;
border: 3px solid #fff;
border-radius: 50%;
background: #0f5ca6;
box-shadow: 0 4px 12px rgba(15, 92, 166, .28);
}
body.mebek-catalog-page .price_slider_amount {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 10px 14px;
margin-top: 18px;
color: #516174;
font-size: 13px;
font-weight: 600;
}
body.mebek-catalog-page .price_slider_amount .button {
min-height: 38px;
padding: 0 16px;
border: 0;
border-radius: 999px;
background: #0f5ca6 !important;
box-shadow: 0 8px 18px rgba(15, 92, 166, .18);
color: #fff !important;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
}
body.mebek-catalog-page .price_slider_amount .button:hover {
background: #084f94 !important;
box-shadow: 0 12px 22px rgba(15, 92, 166, .24);
}
body.mebek-catalog-page .wd-widget-stock-status li,
body.mebek-catalog-page .woocommerce-widget-layered-nav-list li,
body.mebek-catalog-page .woodmart-woocommerce-layered-nav li {
margin-bottom: 10px;
color: #465b70;
font-size: 14px;
line-height: 1.4;
}
body.mebek-catalog-page .wd-widget-stock-status input[type="checkbox"],
body.mebek-catalog-page .woocommerce-widget-layered-nav-list input[type="checkbox"],
body.mebek-catalog-page .woodmart-woocommerce-layered-nav input[type="checkbox"] {
width: 16px;
height: 16px;
border-color: #cbd9e6;
border-radius: 4px;
accent-color: #0f5ca6;
}
body.mebek-catalog-page .wd-products,
body.mebek-catalog-page ul.products {
gap: 22px 18px;
}
body.mebek-catalog-page .wd-product.product-grid-item,
body.mebek-catalog-page ul.products li.product {
box-sizing: border-box;
overflow: hidden;
padding: 0 0 18px !important;
border: 1px solid #e2ebf5;
border-radius: 20px;
background: #fff;
box-shadow: 0 12px 30px rgba(14, 47, 83, .065);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.mebek-catalog-page .wd-product.product-grid-item:hover,
body.mebek-catalog-page ul.products li.product:hover {
border-color: rgba(15, 92, 166, .28);
box-shadow: 0 18px 42px rgba(14, 47, 83, .12);
transform: translateY(-3px);
}
body.mebek-catalog-page .wd-product .wd-product-wrapper,
body.mebek-catalog-page .wd-product .product-wrapper {
display: flex;
flex-direction: column;
height: 100%;
background: transparent;
}
body.mebek-catalog-page .wd-product .wd-product-card-bg {
display: none;
}
body.mebek-catalog-page .wd-product .product-element-top {
aspect-ratio: 1 / 1;
margin: 0;
overflow: hidden;
border-radius: 20px 20px 0 0;
background: #f4f7fb;
}
body.mebek-catalog-page .wd-product .product-element-top img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
transition: transform .24s ease;
}
body.mebek-catalog-page .wd-product:hover .product-element-top img {
transform: scale(1.025);
}
body.mebek-catalog-page .wd-product img.woocommerce-placeholder {
padding: 58px;
background: linear-gradient(135deg, #f5f9fd, #eef4fa);
object-fit: contain !important;
opacity: .72;
transform: none !important;
}
body.mebek-catalog-page .wd-product .product-element-bottom,
body.mebek-catalog-page .wd-product .product-information {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: center;
padding: 15px 16px 0;
text-align: center;
}
body.mebek-catalog-page .wd-product .wd-entities-title {
min-height: 42px;
margin: 0 0 8px;
font-size: 15px;
font-weight: 800;
line-height: 1.4;
}
body.mebek-catalog-page .wd-product .wd-entities-title a {
color: #10243d;
}
body.mebek-catalog-page .wd-product .wd-entities-title a:hover {
color: #0f5ca6;
}
body.mebek-catalog-page .wd-product .wd-product-cats,
body.mebek-catalog-page .wd-product .wd-product-cats a {
color: #7a8a9a;
font-size: 12px;
font-weight: 600;
line-height: 1.35;
}
body.mebek-catalog-page .wd-product .product-rating-price {
margin-top: auto;
padding-top: 9px;
}
body.mebek-catalog-page .wd-product .price,
body.mebek-catalog-page .wd-product .price .amount {
color: #0f5ca6 !important;
font-size: 15px;
font-weight: 800;
line-height: 1.25;
}
body.mebek-catalog-page .wd-product .wd-action-btn > a {
border-radius: 999px;
background: rgba(255, 255, 255, .92);
box-shadow: 0 8px 18px rgba(14, 47, 83, .12);
}
body.mebek-catalog-page .wd-product .wd-action-btn > a:hover {
background: #0f5ca6;
color: #fff;
}
/* Stage F35: restore Woodmart/WooCommerce product-card add-to-cart hover button. */
@media (hover: hover) and (pointer: fine) {
body.mebek-catalog-page .wd-product.product-grid-item,
body.mebek-catalog-page ul.products li.product {
overflow: visible !important;
}
body.mebek-catalog-page .wd-product.product-grid-item:hover,
body.mebek-catalog-page ul.products li.product:hover,
body.mebek-home-page .mebek-home-recommendations .wd-product.product-grid-item:hover {
position: relative;
z-index: 35;
}
body.mebek-catalog-page .wd-product .wd-product-wrapper,
body.mebek-catalog-page .wd-product .product-wrapper,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-product-wrapper,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-wrapper {
overflow: visible !important;
}
body.mebek-catalog-page .wd-product .wd-product-card-bg {
display: block;
border: 1px solid #e2ebf5;
border-radius: 20px;
background: #fff;
box-shadow: 0 16px 38px rgba(14, 47, 83, .11);
pointer-events: none;
}
body.mebek-catalog-page .wd-product .wd-add-btn,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-add-btn {
position: relative;
z-index: 40;
margin-top: 12px;
text-align: center;
}
body.mebek-catalog-page .wd-product .wd-add-btn > a,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-add-btn > a {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 154px;
min-height: 42px;
padding: 0 20px;
border: 0;
border-radius: 12px;
background: #0f5ca6 !important;
box-shadow: 0 12px 24px rgba(15, 92, 166, .2);
color: #fff !important;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-align: center;
text-decoration: none !important;
text-transform: none;
white-space: nowrap;
transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.mebek-catalog-page .wd-product .wd-add-btn > a:hover,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-add-btn > a:hover {
background: #0b477f !important;
box-shadow: 0 14px 28px rgba(11, 71, 127, .24);
transform: translateY(-1px);
}
}
body.mebek-catalog-page .woocommerce-pagination,
body.mebek-catalog-page .wd-pagination {
margin: 34px 0 10px;
text-align: center;
}
body.mebek-catalog-page .woocommerce-pagination .page-numbers,
body.mebek-catalog-page .wd-pagination .page-numbers,
body.mebek-catalog-page .page-numbers > li > a,
body.mebek-catalog-page .page-numbers > li > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 38px;
margin: 0 3px;
border: 1px solid #dce8f3;
border-radius: 999px;
background: #fff;
color: #43576e;
font-size: 13px;
font-weight: 800;
text-decoration: none;
}
body.mebek-catalog-page .woocommerce-pagination .page-numbers.current,
body.mebek-catalog-page .wd-pagination .page-numbers.current,
body.mebek-catalog-page .page-numbers > li > span.current,
body.mebek-catalog-page .woocommerce-pagination .page-numbers:hover,
body.mebek-catalog-page .wd-pagination .page-numbers:hover {
border-color: #0f5ca6;
background: #0f5ca6;
color: #fff;
}
body.mebek-catalog-page .woocommerce-no-products-found,
body.mebek-catalog-page .no-products-footer,
body.mebek-catalog-page .mebek-ru-catalog-fallback {
margin: 0;
}
body.mebek-catalog-page .woocommerce-no-products-found .woocommerce-info,
body.mebek-catalog-page .no-products-footer,
body.mebek-catalog-page .mebek-ru-catalog-fallback__inner {
border: 1px solid #e2ebf5;
border-radius: 22px;
background: #fff;
box-shadow: 0 16px 42px rgba(14, 47, 83, .08);
}
body.mebek-catalog-page .woocommerce-no-products-found .woocommerce-info {
position: relative;
margin: 0 0 18px !important;
padding: 23px 24px 23px 58px !important;
color: #24435f;
font-size: 15px;
font-weight: 700;
line-height: 1.55;
}
body.mebek-catalog-page .woocommerce-no-products-found .woocommerce-info::before {
position: absolute;
top: 24px;
left: 24px;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #eaf5ff;
color: #0f5ca6;
font-size: 14px;
font-weight: 800;
content: "!";
}
body.mebek-catalog-page .no-products-footer {
padding: 18px;
}
body.mebek-catalog-page .no-products-footer .searchform {
margin: 0;
}
body.mebek-catalog-page .no-products-footer input[type="text"],
body.mebek-catalog-page .no-products-footer input[type="search"] {
min-height: 46px;
border: 1px solid #d8e5f0;
border-radius: 999px;
background: #f8fbff;
}
body.mebek-catalog-page .wd-off-canvas-btn a {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 0 16px;
border: 1px solid #d8e5f0;
border-radius: 999px;
background: #fff;
box-shadow: 0 8px 20px rgba(14, 47, 83, .07);
color: #10243d;
font-size: 13px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
body.mebek-catalog-page .wd-off-canvas-btn a:hover {
border-color: #0f5ca6;
background: #0f5ca6;
color: #fff;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback {
padding: 44px 16px 58px;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback__inner {
width: min(100%, 820px);
padding: 34px 36px;
border-radius: 24px;
background: linear-gradient(180deg, #fff, #f8fbff);
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback h2 {
color: #10243d;
font-size: 28px;
font-weight: 800;
line-height: 1.22;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback p {
color: #516174;
font-size: 16px;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback__button {
min-height: 44px;
padding: 0 22px;
border-radius: 999px;
box-shadow: 0 10px 22px rgba(15, 92, 166, .18);
}
@media (max-width: 1024px) {
body.mebek-catalog-page .wd-page-title {
min-height: 210px;
}
body.mebek-catalog-page .wd-page-title .entry-title,
body.mebek-catalog-page .wd-page-title h1 {
font-size: 40px;
}
body.mebek-catalog-page .wd-col-content-md-sm > .elementor-element.e-con:first-child,
body.mebek-catalog-page .shop-loop-head {
flex-wrap: wrap;
align-items: stretch;
padding: 14px;
}
body.mebek-catalog-page .wd-col-content-md-sm > .elementor-element.e-con:first-child > .e-con-inner,
body.mebek-catalog-page .shop-loop-head .wd-shop-tools {
flex-wrap: wrap;
width: 100%;
}
body.mebek-catalog-page .woocommerce-ordering {
min-width: 220px;
}
}
@media (max-width: 768px) {
body.mebek-catalog-page .wd-page-title {
min-height: 176px;
}
body.mebek-catalog-page .wd-page-title .container {
width: min(100% - 28px, 1320px);
gap: 10px;
}
body.mebek-catalog-page .wd-page-title .entry-title,
body.mebek-catalog-page .wd-page-title h1 {
font-size: 34px;
line-height: 1.12;
}
body.mebek-catalog-page .wd-btn-show-cat {
display: block;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat {
flex-wrap: nowrap;
justify-content: flex-start;
width: calc(100vw - 58px) !important;
max-width: calc(100vw - 58px) !important;
min-width: 0 !important;
max-height: 56px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 2px 4px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat > li {
flex: 0 0 auto;
max-width: min(74vw, 220px);
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat a,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .cat-item-none {
max-width: 100%;
min-height: 28px;
overflow: hidden;
padding: 0 12px;
font-size: 11px;
text-overflow: ellipsis;
white-space: nowrap !important;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat::-webkit-scrollbar {
display: none;
}
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .wd-dropdown-menu,
body.mebek-catalog-page .wd-page-title .wd-nav-product-cat .sub-sub-menu {
display: none !important;
}
body.mebek-catalog-page .wd-content-layout.container {
width: min(100% - 28px, 1430px);
}
body.mebek-catalog-page .wd-col-content-md-sm > .elementor-element.e-con:first-child,
body.mebek-catalog-page .shop-loop-head {
gap: 12px;
margin-bottom: 16px;
border-radius: 18px;
}
body.mebek-catalog-page .woocommerce-ordering,
body.mebek-catalog-page .woocommerce-ordering select {
width: 100%;
min-width: 0;
}
body.mebek-catalog-page .wd-products,
body.mebek-catalog-page ul.products {
gap: 16px 12px;
}
body.mebek-catalog-page .wd-product.product-grid-item,
body.mebek-catalog-page ul.products li.product {
border-radius: 18px;
}
body.mebek-catalog-page .wd-product .product-element-top {
border-radius: 18px 18px 0 0;
}
body.mebek-catalog-page .wd-product img.woocommerce-placeholder {
padding: 34px;
}
body.mebek-catalog-page .wd-product .product-element-bottom,
body.mebek-catalog-page .wd-product .product-information {
padding: 12px 10px 0;
}
body.mebek-catalog-page .wd-product .wd-entities-title {
min-height: 38px;
font-size: 13px;
line-height: 1.38;
}
body.mebek-catalog-page .wd-product .wd-product-cats,
body.mebek-catalog-page .wd-product .wd-product-cats a {
font-size: 11px;
}
body.mebek-catalog-page .wd-product .price,
body.mebek-catalog-page .wd-product .price .amount {
font-size: 14px;
}
body.mebek-catalog-page .woocommerce-no-products-found .woocommerce-info {
padding: 20px 20px 20px 52px !important;
border-radius: 18px;
}
body.mebek-catalog-page .woocommerce-no-products-found .woocommerce-info::before {
top: 21px;
left: 20px;
}
body.mebek-catalog-page .no-products-footer {
padding: 14px;
border-radius: 18px;
}
body.mebek-catalog-page .wd-off-canvas-btn a {
width: auto;
min-height: 38px;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback__inner {
padding: 28px 22px;
border-radius: 20px;
}
body.mebek-catalog-static-fallback .mebek-ru-catalog-fallback h2 {
font-size: 23px;
}
}
/* Stage F25.1 tail overrides: keep these after all prior stage rules. */
body.mebek-checkout-page form.checkout.wd-checkout-form {
display: block !important;
width: min(100% - 32px, 1180px) !important;
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form > .elementor,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
width: 100% !important;
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
display: flex !important;
align-items: flex-start !important;
gap: 42px !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-5d225e4 {
--width: calc(60% - 21px) !important;
flex: 0 0 calc(60% - 21px) !important;
width: calc(60% - 21px) !important;
max-width: calc(60% - 21px) !important;
min-width: 0 !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-76471a0 {
--width: calc(40% - 21px) !important;
flex: 0 0 calc(40% - 21px) !important;
width: calc(40% - 21px) !important;
max-width: calc(40% - 21px) !important;
min-width: 380px !important;
}
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 32px, 1180px) !important;
max-width: 1180px !important;
margin-right: auto !important;
margin-left: auto !important;
}
@media (max-width: 1024px) {
body.mebek-checkout-page form.checkout.wd-checkout-form,
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 28px, 760px) !important;
max-width: 760px !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-ecbe7f6 > .e-con-inner {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 24px !important;
}
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-5d225e4,
body.mebek-checkout-page form.checkout.wd-checkout-form .elementor-47828 .elementor-element-76471a0 {
--width: 100% !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}
@media (max-width: 767px) {
body.mebek-checkout-page form.checkout.wd-checkout-form,
body.mebek-checkout-page .woocommerce-form-coupon-toggle,
body.mebek-checkout-page .woocommerce-notices-wrapper {
width: min(100% - 30px, 430px) !important;
max-width: 430px !important;
}
}
/* Stage F26: sale price readability in product cards only. */
body.mebek-catalog-page .wd-product .product-element-bottom,
body.mebek-catalog-page .wd-product .product-information,
body.mebek-catalog-page ul.products li.product .product-element-bottom,
body.mebek-catalog-page ul.products li.product .product-information,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-element-bottom,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-information,
body.single-product .related-products .wd-product .product-element-bottom,
body.single-product .related-products .wd-product .product-information,
body.single-product .upsells .wd-product .product-element-bottom,
body.single-product .upsells .wd-product .product-information,
body.mebek-cart-page .cross-sells .wd-product .product-element-bottom,
body.mebek-cart-page .cross-sells .wd-product .product-information,
body.woocommerce ul.products li.product .product-element-bottom,
body.woocommerce ul.products li.product .product-information {
gap: 0;
}
body.mebek-catalog-page .wd-product .wd-entities-title,
body.mebek-catalog-page ul.products li.product .wd-entities-title,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-entities-title,
body.single-product .related-products .wd-product .wd-entities-title,
body.single-product .upsells .wd-product .wd-entities-title,
body.mebek-cart-page .cross-sells .wd-product .wd-entities-title,
body.woocommerce ul.products li.product .wd-entities-title {
min-height: 44px;
margin-bottom: 7px;
line-height: 1.38;
}
body.mebek-catalog-page .wd-product .wd-product-cats,
body.mebek-catalog-page ul.products li.product .wd-product-cats,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-product-cats,
body.single-product .related-products .wd-product .wd-product-cats,
body.single-product .upsells .wd-product .wd-product-cats,
body.mebek-cart-page .cross-sells .wd-product .wd-product-cats,
body.woocommerce ul.products li.product .wd-product-cats {
margin-bottom: 4px;
line-height: 1.35;
}
body.mebek-catalog-page .wd-product .product-rating-price,
body.mebek-catalog-page ul.products li.product .product-rating-price,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-rating-price,
body.single-product .related-products .wd-product .product-rating-price,
body.single-product .upsells .wd-product .product-rating-price,
body.mebek-cart-page .cross-sells .wd-product .product-rating-price,
body.woocommerce ul.products li.product .product-rating-price {
width: 100%;
margin-top: auto;
padding-top: 10px;
}
body.mebek-catalog-page .wd-product .price,
body.mebek-catalog-page ul.products li.product .price,
body.mebek-home-page .mebek-home-recommendations .wd-product .price,
body.single-product .related-products .wd-product .price,
body.single-product .upsells .wd-product .price,
body.mebek-cart-page .cross-sells .wd-product .price,
body.woocommerce ul.products li.product .price {
display: flex !important;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
gap: 4px 9px;
width: 100%;
min-height: 42px;
margin: 8px auto 7px;
color: #0f5ca6 !important;
font-size: 16px;
font-weight: 800;
line-height: 1.25;
text-align: center;
}
body.mebek-catalog-page .wd-product .price del,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del,
body.single-product .related-products .wd-product .price del,
body.single-product .upsells .wd-product .price del,
body.mebek-cart-page .cross-sells .wd-product .price del,
body.woocommerce ul.products li.product .price del {
display: inline-flex !important;
align-items: baseline;
order: 1;
margin: 0;
color: #8b97a8 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2;
text-decoration-line: line-through !important;
text-decoration-color: #8b97a8 !important;
text-decoration-thickness: 1.4px;
opacity: .78 !important;
white-space: nowrap;
}
body.mebek-catalog-page .wd-product .price del .amount,
body.mebek-catalog-page .wd-product .price del bdi,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del .amount,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del bdi,
body.single-product .related-products .wd-product .price del .amount,
body.single-product .related-products .wd-product .price del bdi,
body.single-product .upsells .wd-product .price del .amount,
body.single-product .upsells .wd-product .price del bdi,
body.mebek-cart-page .cross-sells .wd-product .price del .amount,
body.mebek-cart-page .cross-sells .wd-product .price del bdi,
body.woocommerce ul.products li.product .price del .amount,
body.woocommerce ul.products li.product .price del bdi {
color: #8b97a8 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.2;
}
body.mebek-catalog-page .wd-product .price ins,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins,
body.single-product .related-products .wd-product .price ins,
body.single-product .upsells .wd-product .price ins,
body.mebek-cart-page .cross-sells .wd-product .price ins,
body.woocommerce ul.products li.product .price ins {
display: inline-flex !important;
align-items: baseline;
order: 2;
margin: 0;
color: #0f5ca6 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.18;
text-decoration: none !important;
white-space: nowrap;
}
body.mebek-catalog-page .wd-product .price ins .amount,
body.mebek-catalog-page .wd-product .price ins bdi,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins .amount,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins bdi,
body.single-product .related-products .wd-product .price ins .amount,
body.single-product .related-products .wd-product .price ins bdi,
body.single-product .upsells .wd-product .price ins .amount,
body.single-product .upsells .wd-product .price ins bdi,
body.mebek-cart-page .cross-sells .wd-product .price ins .amount,
body.mebek-cart-page .cross-sells .wd-product .price ins bdi,
body.woocommerce ul.products li.product .price ins .amount,
body.woocommerce ul.products li.product .price ins bdi {
color: #0f5ca6 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.18;
text-decoration: none !important;
}
body.mebek-catalog-page .wd-product .price > .amount,
body.mebek-home-page .mebek-home-recommendations .wd-product .price > .amount,
body.single-product .related-products .wd-product .price > .amount,
body.single-product .upsells .wd-product .price > .amount,
body.mebek-cart-page .cross-sells .wd-product .price > .amount,
body.woocommerce ul.products li.product .price > .amount {
color: #0f5ca6 !important;
font-size: 16px !important;
font-weight: 850 !important;
line-height: 1.2;
}
body.mebek-catalog-page .wd-product .wd-product-brands-links,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-product-brands-links,
body.single-product .related-products .wd-product .wd-product-brands-links,
body.single-product .upsells .wd-product .wd-product-brands-links,
body.mebek-cart-page .cross-sells .wd-product .wd-product-brands-links,
body.woocommerce ul.products li.product .wd-product-brands-links {
margin-top: 7px;
color: #66788c;
font-size: 12px;
line-height: 1.35;
}
body.mebek-catalog-page .wd-product .product-label.onsale,
body.mebek-catalog-page .wd-product .product-labels .onsale,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-label.onsale,
body.single-product .related-products .wd-product .product-label.onsale,
body.single-product .upsells .wd-product .product-label.onsale,
body.mebek-cart-page .cross-sells .wd-product .product-label.onsale,
body.woocommerce ul.products li.product .product-label.onsale,
body.woocommerce ul.products li.product .onsale {
min-width: 42px;
min-height: 28px;
padding: 0 9px;
border-radius: 999px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 12px;
font-weight: 900;
line-height: 28px;
box-shadow: 0 8px 18px rgba(15, 92, 166, .2);
}
@media (max-width: 767px) {
body.mebek-catalog-page .wd-product .price,
body.mebek-home-page .mebek-home-recommendations .wd-product .price,
body.single-product .related-products .wd-product .price,
body.single-product .upsells .wd-product .price,
body.mebek-cart-page .cross-sells .wd-product .price,
body.woocommerce ul.products li.product .price {
gap: 3px 7px;
min-height: 44px;
margin-top: 7px;
}
body.mebek-catalog-page .wd-product .price del,
body.mebek-catalog-page .wd-product .price del .amount,
body.mebek-catalog-page .wd-product .price del bdi,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del .amount,
body.mebek-home-page .mebek-home-recommendations .wd-product .price del bdi,
body.single-product .related-products .wd-product .price del,
body.single-product .related-products .wd-product .price del .amount,
body.single-product .related-products .wd-product .price del bdi,
body.single-product .upsells .wd-product .price del,
body.single-product .upsells .wd-product .price del .amount,
body.single-product .upsells .wd-product .price del bdi,
body.mebek-cart-page .cross-sells .wd-product .price del,
body.mebek-cart-page .cross-sells .wd-product .price del .amount,
body.mebek-cart-page .cross-sells .wd-product .price del bdi,
body.woocommerce ul.products li.product .price del,
body.woocommerce ul.products li.product .price del .amount,
body.woocommerce ul.products li.product .price del bdi {
font-size: 12px !important;
}
body.mebek-catalog-page .wd-product .price ins,
body.mebek-catalog-page .wd-product .price ins .amount,
body.mebek-catalog-page .wd-product .price ins bdi,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins .amount,
body.mebek-home-page .mebek-home-recommendations .wd-product .price ins bdi,
body.single-product .related-products .wd-product .price ins,
body.single-product .related-products .wd-product .price ins .amount,
body.single-product .related-products .wd-product .price ins bdi,
body.single-product .upsells .wd-product .price ins,
body.single-product .upsells .wd-product .price ins .amount,
body.single-product .upsells .wd-product .price ins bdi,
body.mebek-cart-page .cross-sells .wd-product .price ins,
body.mebek-cart-page .cross-sells .wd-product .price ins .amount,
body.mebek-cart-page .cross-sells .wd-product .price ins bdi,
body.woocommerce ul.products li.product .price ins,
body.woocommerce ul.products li.product .price ins .amount,
body.woocommerce ul.products li.product .price ins bdi {
font-size: 16px !important;
}
body.mebek-catalog-page .wd-product .product-label.onsale,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-label.onsale,
body.single-product .related-products .wd-product .product-label.onsale,
body.single-product .upsells .wd-product .product-label.onsale,
body.mebek-cart-page .cross-sells .wd-product .product-label.onsale,
body.woocommerce ul.products li.product .product-label.onsale,
body.woocommerce ul.products li.product .onsale {
min-width: 38px;
min-height: 26px;
font-size: 11px;
line-height: 26px;
}
}
/* Stage F28: WooCommerce product page visual polish. */
body.single-product .single-product-page {
color: #1f2a37;
}
body.single-product .single-product-page .elementor-element-ed9b031 > .e-con-inner {
gap: clamp(30px, 4vw, 56px);
align-items: flex-start;
}
body.single-product .wd-single-gallery .woocommerce-product-gallery {
width: 100%;
padding: 10px;
border: 1px solid #e4edf7;
border-radius: 8px;
background: #f8fbff;
box-shadow: 0 14px 34px rgba(15, 92, 166, .08);
}
body.single-product .wd-single-gallery .wd-gallery-images,
body.single-product .wd-single-gallery .woocommerce-product-gallery__wrapper,
body.single-product .wd-single-gallery .woocommerce-product-gallery__image {
border-radius: 6px;
background: #fff;
}
body.single-product .wd-single-gallery .woocommerce-product-gallery__image a {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 6px;
background: #fff;
}
body.single-product .wd-single-gallery .woocommerce-product-gallery__image img {
width: 100%;
max-height: min(700px, calc(100vh - 230px));
object-fit: contain;
border-radius: 6px;
}
body.single-product .wd-single-gallery .wd-nav-arrows .wd-btn-arrow,
body.single-product .wd-single-gallery .wd-carousel-btn {
border: 1px solid #dbeafe;
background: rgba(255, 255, 255, .92);
color: #0f5ca6;
box-shadow: 0 8px 20px rgba(15, 92, 166, .12);
}
body.single-product .wd-single-gallery .flex-control-thumbs,
body.single-product .wd-single-gallery .wd-gallery-thumb,
body.single-product .wd-single-gallery .wd-carousel-thumbs {
gap: 8px;
margin-top: 10px;
}
body.single-product .wd-single-gallery .flex-control-thumbs li,
body.single-product .wd-single-gallery .wd-gallery-thumb .wd-carousel-item,
body.single-product .wd-single-gallery .wd-carousel-thumbs .wd-carousel-item {
overflow: hidden;
border: 1px solid #dce8f5;
border-radius: 8px;
background: #fff;
}
body.single-product .wd-single-gallery .flex-control-thumbs .flex-active,
body.single-product .wd-single-gallery .wd-gallery-thumb .wd-active,
body.single-product .wd-single-gallery .wd-carousel-thumbs .wd-active {
border-color: #0f5ca6;
box-shadow: 0 0 0 2px rgba(15, 92, 166, .14);
}
body.single-product .wd-single-title .product_title,
body.single-product h1.product_title {
max-width: 760px;
margin: 6px 0 14px;
color: #142033;
font-size: clamp(30px, 2.35vw, 38px);
font-weight: 800;
line-height: 1.16;
letter-spacing: 0;
}
body.single-product .wd-single-price .price,
body.single-product .summary .price,
body.single-product p.price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 12px;
margin: 0 0 22px;
color: #0f5ca6 !important;
font-size: clamp(23px, 2vw, 28px);
font-weight: 850;
line-height: 1.2;
}
body.single-product .wd-single-price .price del,
body.single-product .summary .price del,
body.single-product p.price del {
color: #8795a8 !important;
font-size: 16px !important;
font-weight: 650 !important;
text-decoration-thickness: 1.5px;
opacity: .78 !important;
}
body.single-product .wd-single-price .price ins,
body.single-product .summary .price ins,
body.single-product p.price ins {
color: #0f5ca6 !important;
font-size: clamp(24px, 2.1vw, 30px) !important;
font-weight: 900 !important;
text-decoration: none !important;
}
body.single-product .wd-single-add-cart form.cart {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
margin: 0 0 16px;
}
body.single-product .wd-single-add-cart .quantity {
height: 46px;
min-width: 82px;
border: 1px solid #d7e3ef;
border-radius: 8px;
background: #fff;
}
body.single-product .wd-single-add-cart .quantity input[type="button"],
body.single-product .wd-single-add-cart .quantity .qty {
height: 44px;
border: 0;
color: #344256;
font-weight: 700;
}
body.single-product .wd-single-add-cart .single_add_to_cart_button,
body.single-product .wd-single-add-cart .wd-buy-now-btn {
min-height: 46px;
padding: 0 24px;
border-radius: 8px;
font-size: 13px;
font-weight: 800;
line-height: 46px;
letter-spacing: 0;
text-transform: uppercase;
box-shadow: 0 9px 18px rgba(15, 92, 166, .16);
}
body.single-product .wd-single-add-cart .single_add_to_cart_button {
background: #0f5ca6 !important;
color: #fff !important;
}
body.single-product .wd-single-add-cart .wd-buy-now-btn {
background: #174f86 !important;
color: #fff !important;
}
body.single-product .wd-single-add-cart .single_add_to_cart_button:hover,
body.single-product .wd-single-add-cart .wd-buy-now-btn:hover {
background: #0b477f !important;
box-shadow: 0 11px 22px rgba(11, 71, 127, .22);
transform: translateY(-1px);
}
body.single-product .variations_form,
body.single-product .variations_form .variations {
width: 100%;
margin-bottom: 14px;
}
body.single-product .variations_form .variations tr {
display: grid;
grid-template-columns: minmax(88px, auto) 1fr;
gap: 8px 14px;
align-items: center;
margin-bottom: 12px;
}
body.single-product .variations_form .variations th,
body.single-product .variations_form .variations td {
display: block;
padding: 0;
border: 0;
background: transparent;
}
body.single-product .variations_form .label label {
color: #253246;
font-size: 13px;
font-weight: 800;
}
body.single-product .variations_form select {
min-height: 44px;
border: 1px solid #d7e3ef;
border-radius: 8px;
background-color: #fff;
color: #203044;
font-weight: 650;
}
body.single-product .variations_form .wd-swatch,
body.single-product .variations_form .variable-item {
border-radius: 8px;
box-shadow: 0 0 0 1px #dbe7f2;
}
body.single-product .mebek-parts-payment {
margin: 14px 0 18px;
padding: 18px;
border: 1px solid #dbeafe;
border-radius: 16px;
background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
box-shadow: 0 14px 34px rgba(15, 92, 166, .12);
}
body.single-product .mebek-parts-payment__content {
display: grid;
grid-template-columns: auto 1fr;
gap: 13px;
align-items: start;
}
body.single-product .mebek-parts-payment__badge {
min-width: 58px;
height: 32px;
border-radius: 999px;
background: #050b1b;
color: #fff;
font-size: 12px;
font-weight: 900;
line-height: 32px;
text-align: center;
}
body.single-product .mebek-parts-payment__title {
margin-bottom: 4px;
color: #0d2340;
font-size: 16px;
font-weight: 850;
line-height: 1.25;
}
body.single-product .mebek-parts-payment__text,
body.single-product .mebek-parts-payment__note {
color: #40546f;
font-size: 13px;
line-height: 1.45;
}
body.single-product .mebek-parts-payment__form {
margin-top: 14px;
}
body.single-product .mebek-parts-payment__button {
width: 100%;
min-height: 48px;
border-radius: 10px;
background: #1567bb;
color: #fff;
font-size: 13px;
font-weight: 850;
letter-spacing: 0;
box-shadow: 0 10px 20px rgba(21, 103, 187, .22);
}
body.single-product .mebek-parts-payment__button:hover,
body.single-product .mebek-parts-payment__button:focus-visible {
background: #0b559e;
box-shadow: 0 12px 24px rgba(11, 85, 158, .28);
}
body.single-product .wd-single-action-btn {
margin: 0;
}
body.single-product .elementor-element-e239a69 {
gap: 18px;
margin: 8px 0 14px;
padding: 16px 0 13px;
border-top: 1px solid #e7eef6;
border-bottom: 1px solid #e7eef6;
}
body.single-product .wd-single-action-btn a {
display: inline-flex;
align-items: center;
gap: 7px;
color: #304158;
font-size: 14px;
font-weight: 750;
}
body.single-product .product_meta {
display: grid;
gap: 11px;
padding: 0;
color: #56677c;
font-size: 14px;
line-height: 1.45;
}
body.single-product .product_meta > span {
display: grid;
grid-template-columns: 118px minmax(0, 1fr);
gap: 10px;
align-items: start;
}
body.single-product .product_meta .meta-label {
color: #253246;
font-weight: 850;
}
body.single-product .product_meta a,
body.single-product .product_meta .sku {
color: #66788c;
}
body.single-product .social-share {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 10px;
}
body.single-product .social-share .wd-label {
margin-right: auto;
color: #253246;
font-weight: 850;
}
body.single-product .social-share .wd-social-icon {
width: 28px;
height: 28px;
border: 1px solid #dbe7f2;
border-radius: 50%;
background: #fff;
color: #52667d;
}
body.single-product .elementor-element-9af3f08 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 18px;
}
body.single-product .elementor-element-9af3f08 .elementor-widget-wd_list,
body.single-product .elementor-element-9af3f08 .elementor-widget-container,
body.single-product .elementor-element-9af3f08 .wd-list {
width: 100%;
}
body.single-product .elementor-element-9af3f08 .wd-list {
display: grid;
gap: 10px;
margin: 0;
}
body.single-product .elementor-element-9af3f08 .wd-list li {
display: grid;
grid-template-columns: 22px 1fr;
gap: 9px;
align-items: start;
min-height: 54px;
padding: 11px 12px;
border: 1px solid #e1ebf5;
border-radius: 8px;
background: #f9fcff;
color: #44566d;
font-size: 13px;
font-weight: 650;
line-height: 1.35;
}
body.single-product .elementor-element-9af3f08 .wd-list .wd-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #e8f3ff;
}
body.single-product .elementor-element-9af3f08 .wd-list .wd-icon img {
width: 12px;
height: 12px;
filter: hue-rotate(172deg) saturate(160%);
}
body.single-product .elementor-element-89d58db {
overflow: hidden;
margin-top: 34px;
border-radius: 8px;
box-shadow: 0 18px 36px rgba(15, 92, 166, .12);
}
body.single-product .elementor-element-89d58db .woodmart-title-container {
font-size: clamp(28px, 3vw, 42px);
line-height: 1.14;
letter-spacing: 0;
}
body.single-product .elementor-element-89d58db .btn {
min-height: 42px;
border-radius: 8px;
font-weight: 850;
}
body.single-product .wd-single-tabs .woocommerce-tabs {
margin-top: 30px;
padding: 22px 24px 26px;
border: 1px solid #e2ebf4;
border-radius: 8px;
background: #fff;
box-shadow: 0 12px 28px rgba(15, 92, 166, .06);
}
body.single-product .wd-single-tabs .wd-nav-tabs-wrapper {
margin-bottom: 16px;
border-bottom: 1px solid #e3edf7;
}
body.single-product .wd-single-tabs .wd-nav-tabs {
gap: 22px;
}
body.single-product .wd-single-tabs .wd-nav-link {
padding: 0 0 13px;
color: #52647a;
font-size: 14px;
font-weight: 800;
letter-spacing: 0;
}
body.single-product .wd-single-tabs .active .wd-nav-link,
body.single-product .wd-single-tabs .wd-active .wd-nav-link {
color: #0f5ca6;
}
body.single-product .wd-single-tabs .wd-nav-link::after {
height: 3px;
border-radius: 999px;
background: #0f5ca6;
}
body.single-product .woocommerce-Tabs-panel {
color: #344256;
font-size: 15px;
line-height: 1.72;
}
body.single-product .shop_attributes {
overflow: hidden;
border: 1px solid #e3edf7;
border-radius: 8px;
}
body.single-product .shop_attributes tr {
border-bottom: 1px solid #edf3f9;
}
body.single-product .shop_attributes tr:last-child {
border-bottom: 0;
}
body.single-product .shop_attributes th,
body.single-product .shop_attributes td {
padding: 13px 16px;
border: 0;
background: #fff;
color: #344256;
font-size: 14px;
line-height: 1.5;
}
body.single-product .shop_attributes th {
width: 30%;
background: #f8fbff;
color: #21324a;
font-weight: 850;
}
body.single-product .related-products,
body.single-product .related.products,
body.single-product .upsells.products {
margin-top: 34px;
}
body.single-product .related-products > h3,
body.single-product .related.products > h2,
body.single-product .upsells.products > h2 {
margin-bottom: 24px;
color: #142033;
font-size: clamp(22px, 2.2vw, 30px);
font-weight: 850;
line-height: 1.2;
}
body.single-product .related-products .wd-product,
body.single-product .related.products .wd-product,
body.single-product .upsells.products .wd-product {
height: 100%;
padding-bottom: 12px;
border: 1px solid #e5edf6;
border-radius: 8px;
background: #fff;
box-shadow: 0 10px 24px rgba(15, 92, 166, .06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.single-product .related-products .wd-product:hover,
body.single-product .related.products .wd-product:hover,
body.single-product .upsells.products .wd-product:hover {
border-color: #c8def3;
box-shadow: 0 16px 30px rgba(15, 92, 166, .12);
transform: translateY(-2px);
}
body.single-product .wd-sticky-btn,
body.single-product .wd-sticky-add-to-cart {
border-top: 1px solid #dfe9f4;
background: rgba(255, 255, 255, .96);
box-shadow: 0 -12px 28px rgba(15, 38, 76, .11);
backdrop-filter: blur(10px);
}
body.single-product .wd-sticky-btn .container,
body.single-product .wd-sticky-add-to-cart .container {
min-height: 72px;
gap: 14px;
}
body.single-product .wd-sticky-btn img,
body.single-product .wd-sticky-add-to-cart img {
overflow: hidden;
border-radius: 8px;
}
body.single-product .wd-sticky-btn .wd-entities-title,
body.single-product .wd-sticky-add-to-cart .wd-entities-title {
max-width: 420px;
color: #1e2d42;
font-weight: 750;
line-height: 1.25;
}
body.single-product .wd-sticky-btn .price,
body.single-product .wd-sticky-add-to-cart .price {
color: #0f5ca6 !important;
font-weight: 850;
}
body.single-product .wd-sticky-btn .single_add_to_cart_button,
body.single-product .wd-sticky-btn .wd-buy-now-btn,
body.single-product .wd-sticky-add-to-cart .single_add_to_cart_button,
body.single-product .wd-sticky-add-to-cart .wd-buy-now-btn {
min-height: 44px;
border-radius: 8px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 12px;
font-weight: 850;
letter-spacing: 0;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery {
background: #f7fafe;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .wd-gallery-images,
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__wrapper,
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image,
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image a,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .wd-gallery-images,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__wrapper,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image a {
display: flex;
align-items: center;
justify-content: center;
min-height: 360px;
max-height: 520px;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery::before,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery::before {
content: "Фото товару готується";
position: absolute;
inset: 10px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #c9d9ea;
border-radius: 8px;
background: #f7fbff;
color: #7a8da3;
font-size: 15px;
font-weight: 750;
text-align: center;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery {
position: relative;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery img.woocommerce-placeholder,
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image img,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery img.woocommerce-placeholder,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery .woocommerce-product-gallery__image img {
width: auto !important;
max-width: min(420px, 62%) !important;
max-height: 360px !important;
object-fit: contain;
opacity: .72;
}
body.single-product .single-product-page:not(.has-post-thumbnail) .wd-single-gallery img.woocommerce-placeholder,
body.single-product .product-type-simple:not(.has-post-thumbnail) .wd-single-gallery img.woocommerce-placeholder {
visibility: hidden;
}
@media (min-width: 1025px) {
body.single-product .single-product-page .wd-single-title,
body.single-product .single-product-page .wd-single-price,
body.single-product .single-product-page .wd-single-add-cart,
body.single-product .single-product-page .wd-single-action-btn,
body.single-product .single-product-page .wd-single-meta,
body.single-product .single-product-page .elementor-widget-wd_social_buttons,
body.single-product .single-product-page .elementor-widget-wd_list {
max-width: 520px;
}
body.single-product .wd-single-gallery .woocommerce-product-gallery {
position: sticky;
top: 18px;
}
}
@media (max-width: 1024px) {
body.single-product .single-product-page .elementor-element-ed9b031 > .e-con-inner {
gap: 26px;
}
body.single-product .wd-single-title .product_title,
body.single-product h1.product_title {
font-size: 29px;
}
body.single-product .elementor-element-9af3f08 {
grid-template-columns: 1fr;
}
body.single-product .wd-single-tabs .woocommerce-tabs {
padding: 18px;
}
}
@media (max-width: 767px) {
body.single-product .wd-single-gallery .woocommerce-product-gallery {
padding: 8px;
border-radius: 8px;
box-shadow: 0 10px 24px rgba(15, 92, 166, .08);
}
body.single-product .wd-single-gallery .woocommerce-product-gallery__image img {
max-height: 350px;
}
body.single-product .wd-single-title .product_title,
body.single-product h1.product_title {
margin-top: 12px;
font-size: 23px;
line-height: 1.22;
}
body.single-product .wd-single-price .price,
body.single-product .summary .price,
body.single-product p.price {
margin-bottom: 18px;
font-size: 22px;
}
body.single-product .wd-single-add-cart form.cart {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
body.single-product .wd-single-add-cart .quantity {
width: 80px;
}
body.single-product .wd-single-add-cart .single_add_to_cart_button,
body.single-product .wd-single-add-cart .wd-buy-now-btn {
width: 100%;
min-height: 48px;
line-height: 48px;
}
body.single-product .mebek-parts-payment {
margin-bottom: 18px;
padding: 15px;
}
body.single-product .mebek-parts-payment__content {
grid-template-columns: 1fr;
gap: 10px;
}
body.single-product .mebek-parts-payment__badge {
width: 58px;
}
body.single-product .product_meta > span {
grid-template-columns: 1fr;
gap: 3px;
}
body.single-product .elementor-element-9af3f08 .wd-list li {
min-height: 50px;
}
body.single-product .wd-single-tabs .woocommerce-tabs {
margin-top: 22px;
padding: 15px;
}
body.single-product .wd-single-tabs .wd-nav-tabs {
display: flex;
flex-wrap: nowrap;
gap: 18px;
overflow-x: auto;
padding-bottom: 2px;
}
body.single-product .wd-single-tabs .wd-nav-link {
white-space: nowrap;
}
body.single-product .shop_attributes,
body.single-product .shop_attributes tbody,
body.single-product .shop_attributes tr,
body.single-product .shop_attributes th,
body.single-product .shop_attributes td {
display: block;
width: 100%;
}
body.single-product .shop_attributes th {
padding-bottom: 4px;
}
body.single-product .shop_attributes td {
padding-top: 4px;
}
body.single-product .wd-sticky-btn,
body.single-product .wd-sticky-add-to-cart {
bottom: 56px;
}
body.single-product .wd-sticky-btn .container,
body.single-product .wd-sticky-add-to-cart .container {
min-height: 64px;
}
}
@media (max-width: 430px) {
body.single-product .wd-single-gallery .woocommerce-product-gallery__image img {
max-height: 330px;
}
body.single-product .wd-single-title .product_title,
body.single-product h1.product_title {
font-size: 22px;
}
body.single-product .elementor-element-e239a69 {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
}
/* Stage F29: mobile mini cart / side cart drawer fix */
.cart-widget-side.wd-side-hidden {
--wd-side-hidden-w: min(92vw, 420px) !important;
z-index: 5000;
width: min(92vw, 420px) !important;
max-width: min(92vw, 420px) !important;
background: #f6f9fc;
box-shadow: -20px 0 46px rgba(16, 36, 61, .22);
overflow-x: clip;
}
.cart-widget-side.wd-side-hidden.wd-opened {
transform: translate3d(0, 0, 0) !important;
}
.wd-close-side.wd-close-side-opened {
z-index: 4999;
background: rgba(9, 23, 42, .52);
backdrop-filter: blur(2px);
}
.cart-widget-side .wd-heading {
position: sticky;
top: 0;
z-index: 4;
min-height: 68px;
padding: 18px 18px 16px;
border-bottom: 1px solid #dfe8f3;
background: rgba(255, 255, 255, .97);
box-shadow: 0 8px 22px rgba(16, 36, 61, .06);
backdrop-filter: blur(10px);
}
.cart-widget-side .wd-heading .title,
.cart-widget-side .wd-heading-title,
.cart-widget-side .widget-title,
.cart-widget-side .widgettitle {
color: #10243d;
font-size: 20px;
font-weight: 900;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
}
.cart-widget-side .close-side-widget,
.cart-widget-side .wd-heading .wd-action-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
border-radius: 999px;
color: #10243d;
font-size: 13px;
font-weight: 800;
line-height: 1;
}
.cart-widget-side .widget_shopping_cart,
.cart-widget-side .widget_shopping_cart_content {
min-height: 0;
background: transparent;
}
.cart-widget-side .shopping-cart-widget-body {
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.cart-widget-side .shopping-cart-widget-body .wd-scroll-content {
position: relative;
inset: auto;
display: block;
max-height: none;
padding: 14px 14px 4px;
}
.cart-widget-side .woocommerce-mini-cart {
display: grid;
gap: 12px;
margin: 0;
padding: 0;
}
.cart-widget-side .elementor-menu-cart__products {
display: grid !important;
gap: 12px;
margin: 0;
padding: 14px 14px 4px;
}
.cart-widget-side .elementor-menu-cart__product,
.cart-widget-side .woocommerce-mini-cart > li,
.cart-widget-side .product_list_widget > li,
.cart-widget-side .cart_list > li,
.cart-widget-side .woocommerce-mini-cart .mini_cart_item,
.cart-widget-side .woocommerce-mini-cart .woocommerce-mini-cart-item,
.cart-widget-side .mebek-mini-cart__item {
display: grid !important;
grid-template-columns: 82px minmax(0, 1fr) 28px;
gap: 10px 12px;
align-items: start;
width: 100%;
min-height: 106px;
margin: 0 !important;
padding: 12px !important;
border: 1px solid #dbe7f2;
border-radius: 16px;
background: #fff;
box-shadow: 0 12px 26px rgba(16, 36, 61, .08);
}
.cart-widget-side .elementor-menu-cart__product {
position: relative;
}
.cart-widget-side .elementor-menu-cart__product:hover,
.cart-widget-side .woocommerce-mini-cart > li:hover,
.cart-widget-side .product_list_widget > li:hover,
.cart-widget-side .cart_list > li:hover,
.cart-widget-side .woocommerce-mini-cart .mini_cart_item:hover {
background: #fff;
border-color: #c9dced;
}
.cart-widget-side .woocommerce-mini-cart .cart-item-link,
.cart-widget-side .product_list_widget .cart-item-link,
.cart-widget-side .cart_list .cart-item-link {
display: none !important;
}
.cart-widget-side .elementor-menu-cart__product-image,
.cart-widget-side .cart-item-image {
position: relative;
grid-column: 1;
grid-row: 1 / span 2;
width: 82px;
height: 82px;
margin: 0 !important;
overflow: hidden;
border: 1px solid #e3edf7;
border-radius: 13px;
background: #f5f9fd;
}
.cart-widget-side .elementor-menu-cart__product-image a,
.cart-widget-side .elementor-menu-cart__product-image img,
.cart-widget-side .cart-item-image img,
.cart-widget-side .woocommerce-mini-cart img,
.cart-widget-side .product_list_widget img,
.cart-widget-side .cart_list img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
object-fit: cover;
border-radius: 12px;
}
.cart-widget-side .elementor-menu-cart__product-name,
.cart-widget-side .elementor-menu-cart__product-price,
.cart-widget-side .cart-info {
grid-column: 2;
min-width: 0;
padding: 0 !important;
color: #40536a;
}
.cart-widget-side .elementor-menu-cart__product-name {
grid-row: 1;
align-self: start;
}
.cart-widget-side .elementor-menu-cart__product-price {
grid-row: 2;
align-self: start;
margin-top: 2px;
}
.cart-widget-side .cart-info {
grid-row: 1 / span 2;
}
.cart-widget-side .elementor-menu-cart__product-name,
.cart-widget-side .elementor-menu-cart__product-name a,
.cart-widget-side .cart-info .wd-entities-title,
.cart-widget-side .woocommerce-mini-cart .wd-entities-title,
.cart-widget-side .product_list_widget .wd-entities-title,
.cart-widget-side .cart_list .wd-entities-title {
display: block;
margin: 0 0 7px;
color: #10243d;
font-size: 14px;
font-weight: 850;
line-height: 1.35;
letter-spacing: 0;
overflow-wrap: anywhere;
}
.cart-widget-side .elementor-menu-cart__product-price .quantity,
.cart-widget-side .cart-info span.quantity,
.cart-widget-side .woocommerce-mini-cart .quantity,
.cart-widget-side .product_list_widget .quantity,
.cart-widget-side .cart_list .quantity {
display: block;
margin-top: 4px;
color: #617287;
font-size: 13px;
font-weight: 650;
line-height: 1.35;
}
.cart-widget-side .elementor-menu-cart__product-price .amount,
.cart-widget-side .elementor-menu-cart__product-price bdi,
.cart-widget-side .cart-info span.quantity .amount,
.cart-widget-side .woocommerce-mini-cart .quantity .amount,
.cart-widget-side .product_list_widget .quantity .amount,
.cart-widget-side .cart_list .quantity .amount,
.cart-widget-side .cart-info span.quantity bdi,
.cart-widget-side .woocommerce-mini-cart .quantity bdi,
.cart-widget-side .product_list_widget .quantity bdi,
.cart-widget-side .cart_list .quantity bdi {
color: #0f5ca6;
font-weight: 900;
}
.cart-widget-side .elementor-menu-cart__product-remove {
grid-column: 3;
grid-row: 1;
justify-self: end;
width: 28px !important;
height: 28px !important;
margin: 0;
}
.cart-widget-side .elementor-menu-cart__product-remove .elementor_remove_from_cart_button {
display: none !important;
}
.cart-widget-side .elementor-menu-cart__product-remove .remove_from_cart_button {
position: relative !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 28px !important;
height: 28px !important;
border: 1px solid #d7e4f1;
border-radius: 999px;
background: #f7fbff;
color: #6a7d92 !important;
font-size: 0;
line-height: 1;
box-shadow: none;
}
.cart-widget-side .elementor-menu-cart__product-remove .remove_from_cart_button::after {
content: "×";
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.cart-widget-side .elementor-menu-cart__product-remove .remove_from_cart_button:hover,
.cart-widget-side .elementor-menu-cart__product-remove .remove_from_cart_button:focus-visible {
border-color: #0f5ca6;
background: #eef7ff;
color: #0f5ca6 !important;
}
.cart-widget-side .woocommerce-mini-cart .remove,
.cart-widget-side .product_list_widget .remove,
.cart-widget-side .cart_list .remove {
position: relative !important;
top: auto !important;
inset: auto !important;
grid-column: 3;
grid-row: 1;
justify-self: end;
width: 28px;
height: 28px;
border: 1px solid #d7e4f1;
border-radius: 999px;
background: #f7fbff;
color: #6a7d92 !important;
line-height: 26px;
box-shadow: none;
}
.cart-widget-side .woocommerce-mini-cart .remove:hover,
.cart-widget-side .woocommerce-mini-cart .remove:focus-visible,
.cart-widget-side .product_list_widget .remove:hover,
.cart-widget-side .product_list_widget .remove:focus-visible,
.cart-widget-side .cart_list .remove:hover,
.cart-widget-side .cart_list .remove:focus-visible {
border-color: #0f5ca6;
background: #eef7ff;
color: #0f5ca6 !important;
}
.cart-widget-side .shopping-cart-widget-footer {
position: sticky;
bottom: 0;
z-index: 3;
padding: 12px 14px 18px;
border-top: 1px solid #dfe8f3;
background: rgba(255, 255, 255, .98);
box-shadow: 0 -12px 26px rgba(16, 36, 61, .08);
backdrop-filter: blur(10px);
}
.cart-widget-side .shopping-cart-widget-footer > * {
padding-inline: 0 !important;
}
.cart-widget-side .woocommerce-mini-cart__total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 12px;
padding: 13px 14px;
border: 1px solid #dce8f4;
border-radius: 14px;
background: #f4f9fe;
color: #10243d;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
}
.cart-widget-side .elementor-menu-cart__subtotal {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 10px 14px 12px;
padding: 13px 14px;
border: 1px solid #dce8f4;
border-radius: 14px;
background: #f4f9fe;
color: #10243d;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
}
.cart-widget-side .woocommerce-mini-cart__total strong {
color: #10243d;
font-size: 13px;
font-weight: 850;
}
.cart-widget-side .elementor-menu-cart__subtotal strong,
.cart-widget-side .elementor-menu-cart__subtotal .amount,
.cart-widget-side .woocommerce-mini-cart__total .amount,
.cart-widget-side .woocommerce-mini-cart__total bdi {
color: #0f5ca6 !important;
font-size: 15px;
font-weight: 950;
text-align: right;
}
.cart-widget-side .elementor-menu-cart__footer-buttons,
.cart-widget-side .woocommerce-mini-cart__buttons {
display: grid;
gap: 11px;
margin: 0;
padding: 0 14px 18px;
}
.cart-widget-side .elementor-menu-cart__footer-buttons a,
.cart-widget-side .woocommerce-mini-cart__buttons > *,
.cart-widget-side .shopping-cart-widget-footer .buttons a,
.cart-widget-side p.buttons a,
.cart-widget-side a.button:not(.remove),
.cart-widget-side .mebek-mini-cart__button {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
margin: 0 !important;
padding: 0 16px;
border-radius: 12px;
font-size: 14px;
font-weight: 850;
line-height: 1.15;
letter-spacing: 0;
text-align: center;
text-transform: none;
}
.cart-widget-side .elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.cart-widget-side .woocommerce-mini-cart__buttons a:not(.checkout),
.cart-widget-side .shopping-cart-widget-footer .buttons a:not(.checkout),
.cart-widget-side p.buttons a:not(.checkout),
.cart-widget-side .mebek-mini-cart__button--secondary {
border: 1px solid #bad6ee !important;
background: #eef7ff !important;
color: #0f5ca6 !important;
box-shadow: none !important;
}
.cart-widget-side .elementor-menu-cart__footer-buttons .elementor-button--checkout,
.cart-widget-side .woocommerce-mini-cart__buttons .checkout,
.cart-widget-side .shopping-cart-widget-footer .buttons .checkout,
.cart-widget-side p.buttons .checkout,
.cart-widget-side .mebek-mini-cart__button--primary {
border: 1px solid #0f5ca6 !important;
background: #0f5ca6 !important;
color: #fff !important;
box-shadow: 0 12px 22px rgba(15, 92, 166, .22) !important;
}
.cart-widget-side .elementor-menu-cart__footer-buttons a:hover,
.cart-widget-side .elementor-menu-cart__footer-buttons a:focus-visible,
.cart-widget-side .woocommerce-mini-cart__buttons a:hover,
.cart-widget-side .woocommerce-mini-cart__buttons a:focus-visible,
.cart-widget-side .shopping-cart-widget-footer .buttons a:hover,
.cart-widget-side .shopping-cart-widget-footer .buttons a:focus-visible,
.cart-widget-side p.buttons a:hover,
.cart-widget-side p.buttons a:focus-visible {
transform: translateY(-1px);
}
.cart-widget-side .mebek-mini-cart__empty-state {
display: grid;
justify-items: center;
gap: 14px;
margin: 16px 14px !important;
padding: 28px 18px;
border: 1px solid #dbe7f2;
border-radius: 18px;
background: #fff;
color: #10243d;
text-align: center;
box-shadow: 0 14px 30px rgba(16, 36, 61, .08);
}
.cart-widget-side .wd-empty-mini-cart {
display: grid;
justify-items: center;
gap: 14px;
margin: 16px 14px !important;
padding: 28px 18px;
border: 1px solid #dbe7f2;
border-radius: 18px;
background: #fff;
color: #10243d;
text-align: center;
box-shadow: 0 14px 30px rgba(16, 36, 61, .08);
}
.cart-widget-side .wd-empty-mini-cart::before {
margin: 0;
color: rgba(15, 92, 166, .12);
font-size: 58px;
line-height: 1;
}
.cart-widget-side .woocommerce-mini-cart__empty-message,
.cart-widget-side .wd-empty-mini-cart .empty,
.cart-widget-side .wd-empty-mini-cart p {
margin: 0;
color: #10243d;
font-size: 16px;
font-weight: 850;
line-height: 1.4;
}
.cart-widget-side .wd-empty-mini-cart .btn,
.cart-widget-side .wd-empty-mini-cart a,
.cart-widget-side .mebek-mini-cart__empty-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 46px;
padding: 0 16px;
border: 1px solid #0f5ca6 !important;
border-radius: 12px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 14px;
font-weight: 850;
line-height: 1.15;
text-transform: none;
box-shadow: 0 12px 22px rgba(15, 92, 166, .22);
}
body.single-product .website-wrapper,
body.single-product .main-page-wrapper,
body.single-product .site-content,
body.single-product .wd-content-layout {
overflow-x: clip;
}
@media (max-width: 1024px) {
body.single-product {
padding-bottom: 148px;
}
body.single-product .wd-sticky-btn,
body.single-product .wd-sticky-add-to-cart {
bottom: 0 !important;
z-index: 4200;
transform: translate3d(0, -76px, 0) !important;
}
body.single-product .wd-sticky-btn .container,
body.single-product .wd-sticky-add-to-cart .container {
min-height: 62px;
}
}
@media (max-width: 767px) {
.cart-widget-side.wd-side-hidden {
--wd-side-hidden-w: min(92vw, 420px) !important;
width: min(92vw, 420px) !important;
max-width: min(92vw, 420px) !important;
}
.cart-widget-side .wd-heading {
min-height: 68px;
padding: 17px 16px 15px;
}
.cart-widget-side .shopping-cart-widget-body .wd-scroll-content {
padding: 12px 12px 4px;
}
.cart-widget-side .elementor-menu-cart__product,
.cart-widget-side .woocommerce-mini-cart > li,
.cart-widget-side .product_list_widget > li,
.cart-widget-side .cart_list > li,
.cart-widget-side .woocommerce-mini-cart .mini_cart_item,
.cart-widget-side .woocommerce-mini-cart .woocommerce-mini-cart-item,
.cart-widget-side .mebek-mini-cart__item {
grid-template-columns: 78px minmax(0, 1fr) 28px;
min-height: 102px;
padding: 11px !important;
border-radius: 15px;
}
.cart-widget-side .elementor-menu-cart__product-image,
.cart-widget-side .cart-item-image {
width: 78px;
height: 78px;
}
.cart-widget-side .elementor-menu-cart__product-name,
.cart-widget-side .elementor-menu-cart__product-name a,
.cart-widget-side .cart-info .wd-entities-title,
.cart-widget-side .woocommerce-mini-cart .wd-entities-title {
font-size: 13.5px;
}
.cart-widget-side .shopping-cart-widget-footer {
padding: 11px 12px 16px;
}
.cart-widget-side .woocommerce-mini-cart__buttons > *,
.cart-widget-side .mebek-mini-cart__button,
.cart-widget-side .wd-empty-mini-cart .btn,
.cart-widget-side .wd-empty-mini-cart a {
min-height: 46px;
font-size: 13.5px;
}
}
@media (max-width: 390px) {
.cart-widget-side .elementor-menu-cart__product,
.cart-widget-side .woocommerce-mini-cart > li,
.cart-widget-side .product_list_widget > li,
.cart-widget-side .cart_list > li,
.cart-widget-side .woocommerce-mini-cart .mini_cart_item,
.cart-widget-side .woocommerce-mini-cart .woocommerce-mini-cart-item,
.cart-widget-side .mebek-mini-cart__item {
grid-template-columns: 72px minmax(0, 1fr) 28px;
gap: 9px;
}
.cart-widget-side .elementor-menu-cart__product-image,
.cart-widget-side .cart-item-image {
width: 72px;
height: 72px;
}
}
/* Stage F31 - WooCommerce My Account page */
body.woocommerce-account.mebek-account-page {
background: #f5f8fb;
overflow-x: clip;
}
body.woocommerce-account.mebek-account-page .main-page-wrapper,
body.woocommerce-account.mebek-account-page .site-content,
body.woocommerce-account.mebek-account-page .wd-content-layout {
overflow-x: clip;
}
body.woocommerce-account.mebek-account-page .woocommerce {
max-width: 1180px;
margin-inline: auto;
padding: 10px 0 38px;
}
body.woocommerce-account.mebek-account-page:not(.logged-in) .woocommerce {
max-width: 620px;
}
body.woocommerce-account.mebek-account-page .woocommerce:has(.woocommerce-MyAccount-navigation) {
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 24px;
align-items: start;
}
body.woocommerce-account.mebek-account-page .wd-my-account-wrapper {
display: grid !important;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 24px;
align-items: start;
max-width: 1180px;
margin-inline: auto;
}
body.woocommerce-account.mebek-account-page .wd-my-account-sidebar {
float: none !important;
width: auto !important;
max-width: none !important;
padding-inline-end: 0 !important;
border-inline-end: 0 !important;
}
body.woocommerce-account.mebek-account-page .wd-my-account-content {
float: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
}
body.woocommerce-account.mebek-account-page .wd-el-my-acc-nav,
body.woocommerce-account.mebek-account-page .wd-el-my-acc-content {
--container-widget-width: 100% !important;
--container-widget-flex-grow: 1 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
align-self: stretch !important;
}
body.woocommerce-account.mebek-account-page .wd-el-my-acc-nav {
grid-column: 1;
}
body.woocommerce-account.mebek-account-page .wd-el-my-acc-content {
grid-column: 2;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content,
body.woocommerce-account.mebek-account-page form.login,
body.woocommerce-account.mebek-account-page form.register,
body.woocommerce-account.mebek-account-page .woocommerce-ResetPassword,
body.woocommerce-account.mebek-account-page .woocommerce-notices-wrapper + .woocommerce-form,
body.woocommerce-account.mebek-account-page .u-column1,
body.woocommerce-account.mebek-account-page .u-column2 {
border: 1px solid #dce8f4;
border-radius: 18px;
background: #fff;
box-shadow: 0 16px 38px rgba(16, 36, 61, .08);
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation {
position: sticky;
top: 88px;
padding: 14px;
float: none !important;
width: auto !important;
max-width: none !important;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content {
float: none !important;
width: auto !important;
max-width: none !important;
}
body.woocommerce-account.mebek-account-page .woocommerce > h2,
body.woocommerce-account.mebek-account-page .woocommerce > h3,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-title,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation > h2,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation > h3,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation .title,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation .wd-title,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation .wd-heading-title {
display: none !important;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation ul {
display: grid;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation li {
margin: 0;
padding: 0;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods {
display: none !important;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation a {
display: flex;
align-items: center;
min-height: 44px;
padding: 11px 13px;
border: 1px solid transparent;
border-radius: 12px;
background: #f4f9fe;
color: #10243d;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
text-decoration: none;
transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation a:hover,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation a:focus-visible {
border-color: #bad6ee;
background: #eef7ff;
color: #0f5ca6;
transform: translateY(-1px);
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation .is-active a {
border-color: #0f5ca6;
background: #0f5ca6;
color: #fff;
box-shadow: 0 12px 24px rgba(15, 92, 166, .22);
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content {
min-width: 0;
padding: 24px;
color: #10243d;
}
body.woocommerce-account.mebek-account-page--overview .woocommerce-MyAccount-content > p {
display: none;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview {
display: grid;
gap: 18px;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__intro {
padding: 22px;
border: 1px solid #dce8f4;
border-radius: 16px;
background: linear-gradient(135deg, #f7fbff 0%, #eef6fd 100%);
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__intro h2 {
margin: 0 0 8px;
color: #10243d;
font-size: 24px;
font-weight: 900;
line-height: 1.18;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__intro p {
max-width: 620px;
margin: 0;
color: #4d6075;
font-size: 15px;
line-height: 1.55;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
body.woocommerce-account.mebek-account-page .mebek-account-card {
display: grid;
gap: 12px;
min-height: 118px;
padding: 18px;
border: 1px solid #dce8f4;
border-radius: 16px;
background: #fff;
color: #10243d;
font-size: 15px;
font-weight: 850;
line-height: 1.25;
text-decoration: none;
box-shadow: 0 12px 26px rgba(16, 36, 61, .06);
transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.woocommerce-account.mebek-account-page .mebek-account-card:hover,
body.woocommerce-account.mebek-account-page .mebek-account-card:focus-visible {
border-color: #0f5ca6;
transform: translateY(-2px);
box-shadow: 0 16px 30px rgba(15, 92, 166, .14);
}
body.woocommerce-account.mebek-account-page .mebek-account-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 999px;
background: #eaf4fd;
color: #0f5ca6;
font-size: 12px;
font-weight: 900;
}
body.woocommerce-account.mebek-account-page form.login,
body.woocommerce-account.mebek-account-page form.register,
body.woocommerce-account.mebek-account-page .woocommerce-ResetPassword {
padding: 24px !important;
}
body.woocommerce-account.mebek-account-page .woocommerce-form-row,
body.woocommerce-account.mebek-account-page .form-row {
margin-bottom: 14px;
}
body.woocommerce-account.mebek-account-page label {
color: #10243d;
font-size: 13px;
font-weight: 800;
}
body.woocommerce-account.mebek-account-page input.input-text,
body.woocommerce-account.mebek-account-page input[type="text"],
body.woocommerce-account.mebek-account-page input[type="email"],
body.woocommerce-account.mebek-account-page input[type="password"],
body.woocommerce-account.mebek-account-page input[type="tel"],
body.woocommerce-account.mebek-account-page select,
body.woocommerce-account.mebek-account-page textarea {
width: 100%;
min-height: 48px;
border: 1px solid #cfddea;
border-radius: 11px;
background: #fff;
color: #10243d;
font-size: 15px;
line-height: 1.35;
box-shadow: none;
}
body.woocommerce-account.mebek-account-page input.input-text:focus,
body.woocommerce-account.mebek-account-page input[type="text"]:focus,
body.woocommerce-account.mebek-account-page input[type="email"]:focus,
body.woocommerce-account.mebek-account-page input[type="password"]:focus,
body.woocommerce-account.mebek-account-page input[type="tel"]:focus,
body.woocommerce-account.mebek-account-page select:focus,
body.woocommerce-account.mebek-account-page textarea:focus {
border-color: #0f5ca6;
box-shadow: 0 0 0 3px rgba(15, 92, 166, .12);
outline: 0;
}
body.woocommerce-account.mebek-account-page button.button,
body.woocommerce-account.mebek-account-page a.button,
body.woocommerce-account.mebek-account-page .woocommerce-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 18px;
border: 1px solid #0f5ca6 !important;
border-radius: 12px;
background: #0f5ca6 !important;
color: #fff !important;
font-size: 14px;
font-weight: 850;
line-height: 1.15;
text-transform: none;
box-shadow: 0 12px 22px rgba(15, 92, 166, .2);
}
body.woocommerce-account.mebek-account-page button.button:hover,
body.woocommerce-account.mebek-account-page a.button:hover,
body.woocommerce-account.mebek-account-page .woocommerce-button:hover {
transform: translateY(-1px);
}
body.woocommerce-account.mebek-account-page .woocommerce-info,
body.woocommerce-account.mebek-account-page .woocommerce-message,
body.woocommerce-account.mebek-account-page .woocommerce-error,
body.woocommerce-account.mebek-account-page .mebek-account-empty-message {
border: 1px solid #dce8f4;
border-radius: 14px;
background: #f4f9fe;
color: #10243d;
font-size: 15px;
line-height: 1.45;
}
body.woocommerce-account.mebek-account-page table.shop_table {
overflow: hidden;
border: 1px solid #dce8f4;
border-radius: 14px;
background: #fff;
}
body.woocommerce-account.mebek-account-page table.shop_table th,
body.woocommerce-account.mebek-account-page table.shop_table td {
padding: 14px;
border-color: #edf3f8;
color: #10243d;
font-size: 14px;
}
body.woocommerce-account.mebek-account-page .woocommerce-Address {
padding: 18px;
border: 1px solid #dce8f4;
border-radius: 16px;
background: #fff;
box-shadow: 0 12px 26px rgba(16, 36, 61, .06);
}
body.woocommerce-account.mebek-account-page .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
body.woocommerce-account.mebek-account-page .woocommerce-Address-title h3,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content h2,
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content h3 {
color: #10243d;
font-weight: 900;
letter-spacing: 0;
}
@media (max-width: 1024px) {
body.woocommerce-account.mebek-account-page {
padding-bottom: 86px;
}
body.woocommerce-account.mebek-account-page .woocommerce:has(.woocommerce-MyAccount-navigation) {
grid-template-columns: 1fr;
gap: 14px;
}
body.woocommerce-account.mebek-account-page .wd-my-account-wrapper {
grid-template-columns: 1fr;
gap: 14px;
}
body.woocommerce-account.mebek-account-page .wd-el-my-acc-nav,
body.woocommerce-account.mebek-account-page .wd-el-my-acc-content {
grid-column: 1;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation {
position: static;
padding: 12px;
overflow-x: auto;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 8px;
min-width: max-content;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation a {
white-space: nowrap;
}
}
@media (max-width: 767px) {
body.woocommerce-account.mebek-account-page .woocommerce {
padding: 0 0 28px;
}
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-content,
body.woocommerce-account.mebek-account-page form.login,
body.woocommerce-account.mebek-account-page form.register,
body.woocommerce-account.mebek-account-page .woocommerce-ResetPassword {
padding: 18px !important;
border-radius: 16px;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__grid {
grid-template-columns: 1fr;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__intro {
padding: 18px;
}
body.woocommerce-account.mebek-account-page .mebek-account-overview__intro h2 {
font-size: 21px;
}
body.woocommerce-account.mebek-account-page table.shop_table,
body.woocommerce-account.mebek-account-page table.shop_table tbody,
body.woocommerce-account.mebek-account-page table.shop_table tr,
body.woocommerce-account.mebek-account-page table.shop_table td {
display: block;
width: 100%;
}
body.woocommerce-account.mebek-account-page table.shop_table thead {
display: none;
}
body.woocommerce-account.mebek-account-page table.shop_table tr {
border-bottom: 1px solid #edf3f8;
}
}
@media (max-width: 390px) {
body.woocommerce-account.mebek-account-page .woocommerce-MyAccount-navigation a {
min-height: 42px;
padding: 10px 12px;
font-size: 13px;
}
body.woocommerce-account.mebek-account-page button.button,
body.woocommerce-account.mebek-account-page a.button,
body.woocommerce-account.mebek-account-page .woocommerce-button {
width: 100%;
}
}
/* Stage EN-Lite: static English pages only. */
body:has(.mebek-en-page) .site-content,
body:has(.mebek-en-page) .main-page-wrapper {
background: #f5f8fb;
}
.mebek-en-page {
width: min(1120px, calc(100% - 32px));
margin: 0 auto 48px;
color: #14243a;
}
.mebek-en-page h1,
.mebek-en-page h2,
.mebek-en-page h3 {
color: #0f2742;
letter-spacing: 0;
}
.mebek-en-page h1 {
margin: 0 0 16px;
font-size: 34px;
line-height: 1.15;
}
.mebek-en-page h2 {
margin: 0 0 12px;
font-size: 22px;
line-height: 1.25;
}
.mebek-en-page p {
font-size: 15px;
line-height: 1.65;
}
.mebek-en-hero {
margin: 28px 0 22px;
padding: clamp(28px, 5vw, 58px);
border-radius: 22px;
background: linear-gradient(135deg, #0f2742 0%, #1668b7 100%);
color: #fff;
box-shadow: 0 22px 54px rgba(15, 39, 66, .18);
}
.mebek-en-hero h1,
.mebek-en-hero p {
color: #fff;
}
.mebek-en-eyebrow {
margin: 0 0 10px;
text-transform: uppercase;
font-size: 12px !important;
font-weight: 700;
letter-spacing: 0;
opacity: .82;
}
.mebek-en-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin: 22px 0;
}
.mebek-en-grid > section,
.mebek-en-grid > article,
.mebek-en-consultation,
.mebek-en-catalog-fallback,
.mebek-en-page > section {
padding: 22px;
border: 1px solid rgba(22, 104, 183, .12);
border-radius: 18px;
background: #fff;
box-shadow: 0 14px 34px rgba(15, 39, 66, .08);
}
.mebek-en-page ul {
margin: 0;
padding-left: 20px;
}
.mebek-en-page li {
margin: 6px 0;
}
.mebek-en-button,
.mebek-en-page .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px;
border-radius: 12px;
background: #1668b7;
color: #fff !important;
font-weight: 700;
text-decoration: none;
}
.mebek-en-button--ghost {
margin-left: 8px;
border: 1px solid rgba(255, 255, 255, .55);
background: transparent;
}
.mebek-en-note {
padding: 12px 14px;
border-radius: 12px;
background: #eaf4ff;
color: #23405f;
}
.mebek-en-catalog-hidden-taxonomy {
display: none !important;
}
.mebek-en-contacts .wpcf7 {
margin-top: 16px;
}
@media (max-width: 767px) {
.mebek-en-page {
width: min(100% - 24px, 560px);
margin-bottom: 34px;
}
.mebek-en-page h1 {
font-size: 28px;
}
.mebek-en-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.mebek-en-hero,
.mebek-en-grid > section,
.mebek-en-grid > article,
.mebek-en-consultation,
.mebek-en-catalog-fallback,
.mebek-en-page > section {
padding: 18px;
border-radius: 16px;
}
.mebek-en-button--ghost {
margin: 8px 0 0;
}
}
/* Stage F33: keep Woodmart mobile menu above side overlay without changing cart drawer behavior. */
@media (max-width: 1024px) {
body .mobile-nav.wd-side-hidden,
body .mobile-nav.wd-side-hidden-nav,
body .wd-side-hidden-nav.mobile-nav {
z-index: 5001 !important;
filter: none !important;
-webkit-filter: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
pointer-events: auto !important;
}
body .mobile-nav.wd-side-hidden.wd-opened,
body .mobile-nav.wd-side-hidden-nav.wd-opened,
body .wd-side-hidden-nav.mobile-nav.wd-opened {
visibility: visible !important;
opacity: 1 !important;
transform: translate3d(0, 0, 0) !important;
}
body .mobile-nav.wd-side-hidden.wd-opened *,
body .mobile-nav.wd-side-hidden-nav.wd-opened *,
body .wd-side-hidden-nav.mobile-nav.wd-opened * {
pointer-events: auto;
}
body .mobile-nav.wd-side-hidden :is(a, button, input, select, textarea, .wd-nav-opener, .mobile-tab-title, .close-side-widget, .wd-action-btn),
body .mobile-nav.wd-side-hidden-nav :is(a, button, input, select, textarea, .wd-nav-opener, .mobile-tab-title, .close-side-widget, .wd-action-btn) {
pointer-events: auto !important;
}
body:has(.mobile-nav.wd-side-hidden.wd-opened) .wd-close-side.wd-close-side-opened,
body:has(.mobile-nav.wd-side-hidden-nav.wd-opened) .wd-close-side.wd-close-side-opened {
z-index: 4999 !important;
pointer-events: auto !important;
}
}
/* Stage FTP-F37: compact product cards without hiding real hover actions. */
body.mebek-catalog-page .wd-product .product-element-bottom,
body.mebek-catalog-page .wd-product .product-information,
body.mebek-catalog-page .product-grid-item .product-element-bottom,
body.mebek-catalog-page .product-grid-item .product-information,
body.mebek-catalog-page ul.products li.product .product-element-bottom,
body.mebek-catalog-page ul.products li.product .product-information,
body.woocommerce-shop .product-grid-item .product-element-bottom,
body.woocommerce-shop .product-grid-item .product-information,
body.post-type-archive-product .product-grid-item .product-element-bottom,
body.post-type-archive-product .product-grid-item .product-information,
body.tax-product_cat .product-grid-item .product-element-bottom,
body.tax-product_cat .product-grid-item .product-information,
body.tax-product_tag .product-grid-item .product-element-bottom,
body.tax-product_tag .product-grid-item .product-information,
body.woocommerce ul.products li.product .product-element-bottom,
body.woocommerce ul.products li.product .product-information,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-element-bottom,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-information,
body.single-product .related-products .wd-product .product-element-bottom,
body.single-product .related-products .wd-product .product-information,
body.single-product .upsells .wd-product .product-element-bottom,
body.single-product .upsells .wd-product .product-information,
body.mebek-cart-page .cross-sells .wd-product .product-element-bottom,
body.mebek-cart-page .cross-sells .wd-product .product-information {
flex: 0 0 auto;
padding: 11px 14px 0;
}
body.mebek-catalog-page .wd-product .wd-entities-title,
body.mebek-catalog-page .product-grid-item .wd-entities-title,
body.mebek-catalog-page ul.products li.product .wd-entities-title,
body.woocommerce-shop .product-grid-item .wd-entities-title,
body.post-type-archive-product .product-grid-item .wd-entities-title,
body.tax-product_cat .product-grid-item .wd-entities-title,
body.tax-product_tag .product-grid-item .wd-entities-title,
body.woocommerce ul.products li.product .wd-entities-title,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-entities-title,
body.single-product .related-products .wd-product .wd-entities-title,
body.single-product .upsells .wd-product .wd-entities-title,
body.mebek-cart-page .cross-sells .wd-product .wd-entities-title {
min-height: 38px;
margin-bottom: 4px;
line-height: 1.32;
}
body.mebek-catalog-page .wd-product .wd-product-cats,
body.mebek-catalog-page .product-grid-item .wd-product-cats,
body.mebek-catalog-page ul.products li.product .wd-product-cats,
body.woocommerce-shop .product-grid-item .wd-product-cats,
body.post-type-archive-product .product-grid-item .wd-product-cats,
body.tax-product_cat .product-grid-item .wd-product-cats,
body.tax-product_tag .product-grid-item .wd-product-cats,
body.woocommerce ul.products li.product .wd-product-cats,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-product-cats,
body.single-product .related-products .wd-product .wd-product-cats,
body.single-product .upsells .wd-product .wd-product-cats,
body.mebek-cart-page .cross-sells .wd-product .wd-product-cats {
margin-bottom: 2px;
}
body.mebek-catalog-page .wd-product .product-rating-price,
body.mebek-catalog-page .product-grid-item .product-rating-price,
body.mebek-catalog-page ul.products li.product .product-rating-price,
body.woocommerce-shop .product-grid-item .product-rating-price,
body.post-type-archive-product .product-grid-item .product-rating-price,
body.tax-product_cat .product-grid-item .product-rating-price,
body.tax-product_tag .product-grid-item .product-rating-price,
body.woocommerce ul.products li.product .product-rating-price,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-rating-price,
body.single-product .related-products .wd-product .product-rating-price,
body.single-product .upsells .wd-product .product-rating-price,
body.mebek-cart-page .cross-sells .wd-product .product-rating-price {
margin-top: 0;
padding-top: 4px;
}
body.mebek-catalog-page .wd-product .price,
body.mebek-catalog-page .product-grid-item .price,
body.mebek-catalog-page ul.products li.product .price,
body.woocommerce-shop .product-grid-item .price,
body.post-type-archive-product .product-grid-item .price,
body.tax-product_cat .product-grid-item .price,
body.tax-product_tag .product-grid-item .price,
body.woocommerce ul.products li.product .price,
body.mebek-home-page .mebek-home-recommendations .wd-product .price,
body.single-product .related-products .wd-product .price,
body.single-product .upsells .wd-product .price,
body.mebek-cart-page .cross-sells .wd-product .price {
min-height: 32px;
margin: 4px auto 3px;
line-height: 1.25;
}
body.mebek-catalog-page .wd-product .hover-content:empty,
body.mebek-catalog-page .wd-product .wd-more-desc:empty,
body.mebek-catalog-page .wd-product .wd-product-footer:empty,
body.mebek-catalog-page .wd-product .wd-bottom-actions:empty,
body.mebek-catalog-page .product-grid-item .hover-content:empty,
body.mebek-catalog-page .product-grid-item .wd-more-desc:empty,
body.mebek-catalog-page .product-grid-item .wd-product-footer:empty,
body.mebek-catalog-page .product-grid-item .wd-bottom-actions:empty,
body.mebek-catalog-page ul.products li.product .hover-content:empty,
body.mebek-catalog-page ul.products li.product .wd-more-desc:empty,
body.mebek-catalog-page ul.products li.product .wd-product-footer:empty,
body.mebek-catalog-page ul.products li.product .wd-bottom-actions:empty,
body.woocommerce-shop .product-grid-item .hover-content:empty,
body.woocommerce-shop .product-grid-item .wd-more-desc:empty,
body.woocommerce-shop .product-grid-item .wd-product-footer:empty,
body.woocommerce-shop .product-grid-item .wd-bottom-actions:empty,
body.post-type-archive-product .product-grid-item .hover-content:empty,
body.post-type-archive-product .product-grid-item .wd-more-desc:empty,
body.post-type-archive-product .product-grid-item .wd-product-footer:empty,
body.post-type-archive-product .product-grid-item .wd-bottom-actions:empty,
body.tax-product_cat .product-grid-item .hover-content:empty,
body.tax-product_cat .product-grid-item .wd-more-desc:empty,
body.tax-product_cat .product-grid-item .wd-product-footer:empty,
body.tax-product_cat .product-grid-item .wd-bottom-actions:empty,
body.tax-product_tag .product-grid-item .hover-content:empty,
body.tax-product_tag .product-grid-item .wd-more-desc:empty,
body.tax-product_tag .product-grid-item .wd-product-footer:empty,
body.tax-product_tag .product-grid-item .wd-bottom-actions:empty,
body.woocommerce ul.products li.product .hover-content:empty,
body.woocommerce ul.products li.product .wd-more-desc:empty,
body.woocommerce ul.products li.product .wd-product-footer:empty,
body.woocommerce ul.products li.product .wd-bottom-actions:empty,
body.mebek-home-page .mebek-home-recommendations .wd-product .hover-content:empty,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-more-desc:empty,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-product-footer:empty,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-bottom-actions:empty {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
@media (hover: hover) and (pointer: fine) {
body.mebek-catalog-page .wd-product .wd-add-btn,
body.mebek-catalog-page .product-grid-item .wd-add-btn,
body.mebek-catalog-page ul.products li.product .wd-add-btn,
body.woocommerce-shop .product-grid-item .wd-add-btn,
body.post-type-archive-product .product-grid-item .wd-add-btn,
body.tax-product_cat .product-grid-item .wd-add-btn,
body.tax-product_tag .product-grid-item .wd-add-btn,
body.woocommerce ul.products li.product .wd-add-btn,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-add-btn {
margin-top: 8px;
}
}
@media (max-width: 767px) {
body.mebek-catalog-page .wd-product .product-element-bottom,
body.mebek-catalog-page .wd-product .product-information,
body.mebek-catalog-page .product-grid-item .product-element-bottom,
body.mebek-catalog-page .product-grid-item .product-information,
body.mebek-catalog-page ul.products li.product .product-element-bottom,
body.mebek-catalog-page ul.products li.product .product-information,
body.woocommerce-shop .product-grid-item .product-element-bottom,
body.woocommerce-shop .product-grid-item .product-information,
body.post-type-archive-product .product-grid-item .product-element-bottom,
body.post-type-archive-product .product-grid-item .product-information,
body.tax-product_cat .product-grid-item .product-element-bottom,
body.tax-product_cat .product-grid-item .product-information,
body.tax-product_tag .product-grid-item .product-element-bottom,
body.tax-product_tag .product-grid-item .product-information,
body.woocommerce ul.products li.product .product-element-bottom,
body.woocommerce ul.products li.product .product-information,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-element-bottom,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-information,
body.single-product .related-products .wd-product .product-element-bottom,
body.single-product .related-products .wd-product .product-information,
body.mebek-cart-page .cross-sells .wd-product .product-element-bottom,
body.mebek-cart-page .cross-sells .wd-product .product-information {
padding: 9px 9px 0;
}
body.mebek-catalog-page .wd-product .wd-entities-title,
body.mebek-catalog-page .product-grid-item .wd-entities-title,
body.mebek-catalog-page ul.products li.product .wd-entities-title,
body.woocommerce-shop .product-grid-item .wd-entities-title,
body.post-type-archive-product .product-grid-item .wd-entities-title,
body.tax-product_cat .product-grid-item .wd-entities-title,
body.tax-product_tag .product-grid-item .wd-entities-title,
body.woocommerce ul.products li.product .wd-entities-title,
body.mebek-home-page .mebek-home-recommendations .wd-product .wd-entities-title,
body.single-product .related-products .wd-product .wd-entities-title,
body.mebek-cart-page .cross-sells .wd-product .wd-entities-title {
min-height: 34px;
margin-bottom: 3px;
font-size: 13px;
line-height: 1.3;
}
body.mebek-catalog-page .wd-product .product-rating-price,
body.mebek-catalog-page .product-grid-item .product-rating-price,
body.mebek-catalog-page ul.products li.product .product-rating-price,
body.woocommerce-shop .product-grid-item .product-rating-price,
body.post-type-archive-product .product-grid-item .product-rating-price,
body.tax-product_cat .product-grid-item .product-rating-price,
body.tax-product_tag .product-grid-item .product-rating-price,
body.woocommerce ul.products li.product .product-rating-price,
body.mebek-home-page .mebek-home-recommendations .wd-product .product-rating-price,
body.single-product .related-products .wd-product .product-rating-price,
body.mebek-cart-page .cross-sells .wd-product .product-rating-price {
padding-top: 3px;
}
body.mebek-catalog-page .wd-product .price,
body.mebek-catalog-page .product-grid-item .price,
body.mebek-catalog-page ul.products li.product .price,
body.woocommerce-shop .product-grid-item .price,
body.post-type-archive-product .product-grid-item .price,
body.tax-product_cat .product-grid-item .price,
body.tax-product_tag .product-grid-item .price,
body.woocommerce ul.products li.product .price,
body.mebek-home-page .mebek-home-recommendations .wd-product .price,
body.single-product .related-products .wd-product .price,
body.mebek-cart-page .cross-sells .wd-product .price {
min-height: 32px;
margin-top: 3px;
}
body.mebek-catalog-page .wd-product .wd-add-btn,
body.mebek-catalog-page .product-grid-item .wd-add-btn,
body.mebek-catalog-page ul.products li.product .wd-add-btn,
body.woocommerce-shop .product-grid-item .wd-add-btn,
body.post-type-archive-product .product-grid-item .wd-add-btn,
body.tax-product_cat .product-grid-item .wd-add-btn,
body.tax-product_tag .product-grid-item .wd-add-btn,
body.woocommerce ul.products li.product .wd-add-btn {
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
body.mebek-catalog-page .wd-product .wd-add-btn > a,
body.mebek-catalog-page .product-grid-item .wd-add-btn > a,
body.mebek-catalog-page ul.products li.product .wd-add-btn > a,
body.woocommerce-shop .product-grid-item .wd-add-btn > a,
body.post-type-archive-product .product-grid-item .wd-add-btn > a,
body.tax-product_cat .product-grid-item .wd-add-btn > a,
body.tax-product_tag .product-grid-item .wd-add-btn > a,
body.woocommerce ul.products li.product .wd-add-btn > a,
body.mebek-catalog-page .product-grid-item .add-to-cart-loop,
body.tax-product_cat .product-grid-item .add-to-cart-loop,
body.woocommerce ul.products li.product .add-to-cart-loop {
width: 100%;
max-width: 100%;
min-width: 0 !important;
padding-right: 8px;
padding-left: 8px;
white-space: normal;
}
body.mebek-catalog-page .product-grid-item .wd-action-text,
body.tax-product_cat .product-grid-item .wd-action-text,
body.woocommerce ul.products li.product .wd-action-text {
min-width: 0;
max-width: 100%;
overflow-wrap: anywhere;
}
}
/* Stage FTP-F38: product category child navigation block. */
body.tax-product_cat .mebek-subcategory-block {
box-sizing: border-box;
width: 100%;
max-width: 100%;
clear: both;
margin: 0 0 20px;
padding: 20px 22px;
border: 1px solid #dbeafe;
border-radius: 20px;
background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
box-shadow: 0 16px 34px rgba(14, 47, 83, .08);
color: #10243d;
}
body.tax-product_cat .mebek-subcategory-block__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
body.tax-product_cat .mebek-subcategory-block__title {
margin: 0;
color: #10243d;
font-size: 18px;
font-weight: 800;
line-height: 1.25;
letter-spacing: 0;
}
body.tax-product_cat .mebek-subcategory-block__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
max-width: 100%;
}
body.tax-product_cat .mebek-subcategory-block__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 44px;
max-width: 100%;
padding: 8px 15px;
border: 1px solid rgba(15, 92, 166, .2);
border-radius: 999px;
background: #fff;
color: #10243d;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(14, 47, 83, .06);
transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.tax-product_cat .mebek-subcategory-block__link:hover,
body.tax-product_cat .mebek-subcategory-block__link:focus-visible {
border-color: #0f5ca6;
background: #0f5ca6;
color: #fff;
box-shadow: 0 12px 24px rgba(15, 92, 166, .24);
transform: translateY(-1px);
}
body.tax-product_cat .mebek-subcategory-block__thumb {
display: inline-flex;
flex: 0 0 30px;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
background: #eef7ff;
}
body.tax-product_cat .mebek-subcategory-block__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.tax-product_cat .mebek-subcategory-block__name {
min-width: 0;
overflow-wrap: anywhere;
}
@media (max-width: 768px) {
body.tax-product_cat .wd-page-title,
body.tax-product_cat .wd-page-title .container {
overflow-x: hidden !important;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat {
display: flex !important;
align-items: center !important;
width: calc(100vw - 28px) !important;
max-width: calc(100vw - 28px) !important;
min-height: 44px;
max-height: 56px !important;
min-width: 0 !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 2px 2px 8px !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
gap: 7px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
contain: layout paint;
clip-path: none;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat > li {
flex: 0 0 auto;
max-width: min(74vw, 220px);
scroll-snap-align: start;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat > li > a {
display: inline-flex !important;
align-items: center;
max-width: 100%;
min-height: 32px;
padding-right: 12px !important;
padding-left: 12px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat > li > a::after,
body.tax-product_cat .wd-page-title .wd-nav-product-cat .wd-sub-menu li:has(> .wd-dropdown-menu) > a::after {
display: none !important;
content: none !important;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat .wd-dropdown-menu,
body.tax-product_cat .wd-page-title .wd-nav-product-cat .sub-sub-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.tax-product_cat .wd-page-title .wd-nav-product-cat::-webkit-scrollbar {
display: none;
}
body.tax-product_cat .mebek-subcategory-block {
margin: 0 0 16px;
padding: 14px;
border-radius: 18px;
box-shadow: 0 12px 26px rgba(14, 47, 83, .08);
}
body.tax-product_cat .mebek-subcategory-block__header {
margin-bottom: 12px;
}
body.tax-product_cat .mebek-subcategory-block__title {
font-size: 16px;
}
body.tax-product_cat .mebek-subcategory-block__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
overflow: visible;
}
body.tax-product_cat .mebek-subcategory-block__link {
width: 100%;
min-height: 44px;
padding: 8px 9px;
border-radius: 14px;
font-size: 12px;
white-space: normal;
box-shadow: none;
transform: none;
}
body.tax-product_cat .mebek-subcategory-block__link:hover,
body.tax-product_cat .mebek-subcategory-block__link:focus-visible {
transform: none;
}
body.tax-product_cat .mebek-subcategory-block__thumb {
flex-basis: 26px;
width: 26px;
height: 26px;
}
}
/* Stage FTP-F50.1: readable mobile subcategory chips. */
@media (max-width: 768px) {
body.tax-product_cat .mebek-subcategory-block {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 16px !important;
padding: 15px !important;
overflow: hidden !important;
border: 1px solid #dbeafe !important;
border-radius: 20px !important;
background: #f8fbff !important;
box-shadow: 0 12px 26px rgba(14, 47, 83, .08) !important;
}
body.tax-product_cat .mebek-subcategory-block__header {
display: block !important;
margin: 0 0 14px !important;
padding: 0 !important;
}
body.tax-product_cat .mebek-subcategory-block__title {
display: block !important;
margin: 0 !important;
color: #0f2742 !important;
font-size: 21px !important;
font-weight: 800 !important;
line-height: 1.22 !important;
letter-spacing: 0 !important;
}
body.tax-product_cat .mebek-subcategory-block__list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 9px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
list-style: none !important;
}
body.tax-product_cat .mebek-subcategory-block__list > br {
display: none !important;
}
body.tax-product_cat .mebek-subcategory-block__item,
body.tax-product_cat .mebek-subcategory-block__link {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 44px !important;
max-width: 100% !important;
margin: 0 !important;
padding: 9px 10px !important;
border: 1px solid #dbeafe !important;
border-radius: 14px !important;
background: #fff !important;
color: #0f2742 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
text-align: center !important;
text-decoration: none !important;
white-space: normal !important;
box-shadow: none !important;
transform: none !important;
transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
body.tax-product_cat .mebek-subcategory-block__item:hover,
body.tax-product_cat .mebek-subcategory-block__item:focus-visible,
body.tax-product_cat .mebek-subcategory-block__link:hover,
body.tax-product_cat .mebek-subcategory-block__link:focus-visible {
border-color: #0f5ca6 !important;
background: #0f5ca6 !important;
color: #fff !important;
text-decoration: none !important;
transform: none !important;
}
body.tax-product_cat .mebek-subcategory-block__thumb {
display: none !important;
}
body.tax-product_cat .mebek-subcategory-block__name {
display: block !important;
min-width: 0 !important;
max-width: 100% !important;
color: inherit !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
white-space: normal !important;
}
}
@media (max-width: 359px) {
body.tax-product_cat .mebek-subcategory-block__list {
grid-template-columns: 1fr !important;
}
}
/* Stage FTP-F45: show a clean, non-clipped attributes preview in catalog hover cards. */
@media (hover: hover) and (pointer: fine) {
body.mebek-catalog-page .product-grid-item .wd-product-card-hover,
body.mebek-catalog-page ul.products li.product .wd-product-card-hover,
body.woocommerce-shop .product-grid-item .wd-product-card-hover,
body.post-type-archive-product .product-grid-item .wd-product-card-hover,
body.tax-product_cat .product-grid-item .wd-product-card-hover,
body.tax-product_tag .product-grid-item .wd-product-card-hover,
body.single-product .related-products .product-grid-item .wd-product-card-hover,
body.single-product .upsells .product-grid-item .wd-product-card-hover {
display: flex;
flex-direction: column;
height: auto !important;
min-height: 0;
gap: 8px;
overflow: visible !important;
}
body.mebek-catalog-page .product-grid-item .wd-more-desc,
body.mebek-catalog-page ul.products li.product .wd-more-desc,
body.woocommerce-shop .product-grid-item .wd-more-desc,
body.post-type-archive-product .product-grid-item .wd-more-desc,
body.tax-product_cat .product-grid-item .wd-more-desc,
body.tax-product_tag .product-grid-item .wd-more-desc,
body.single-product .related-products .product-grid-item .wd-more-desc,
body.single-product .upsells .product-grid-item .wd-more-desc {
max-height: none !important;
margin-bottom: 0;
overflow: visible !important;
}
body.mebek-catalog-page .product-grid-item .wd-more-desc-inner,
body.mebek-catalog-page ul.products li.product .wd-more-desc-inner,
body.woocommerce-shop .product-grid-item .wd-more-desc-inner,
body.post-type-archive-product .product-grid-item .wd-more-desc-inner,
body.tax-product_cat .product-grid-item .wd-more-desc-inner,
body.tax-product_tag .product-grid-item .wd-more-desc-inner,
body.single-product .related-products .product-grid-item .wd-more-desc-inner,
body.single-product .upsells .product-grid-item .wd-more-desc-inner {
max-height: none !important;
overflow: visible !important;
}
body.mebek-catalog-page .product-grid-item .shop_attributes,
body.mebek-catalog-page ul.products li.product .shop_attributes,
body.woocommerce-shop .product-grid-item .shop_attributes,
body.post-type-archive-product .product-grid-item .shop_attributes,
body.tax-product_cat .product-grid-item .shop_attributes,
body.tax-product_tag .product-grid-item .shop_attributes,
body.single-product .related-products .product-grid-item .shop_attributes,
body.single-product .upsells .product-grid-item .shop_attributes {
width: 100%;
margin: 0;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
font-size: 12px;
line-height: 1.35;
}
body.mebek-catalog-page .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.mebek-catalog-page ul.products li.product .shop_attributes tr:nth-child(n + 4),
body.woocommerce-shop .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.post-type-archive-product .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.tax-product_cat .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.tax-product_tag .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.single-product .related-products .product-grid-item .shop_attributes tr:nth-child(n + 4),
body.single-product .upsells .product-grid-item .shop_attributes tr:nth-child(n + 4) {
display: none !important;
}
body.mebek-catalog-page .product-grid-item .shop_attributes th,
body.mebek-catalog-page .product-grid-item .shop_attributes td,
body.mebek-catalog-page ul.products li.product .shop_attributes th,
body.mebek-catalog-page ul.products li.product .shop_attributes td,
body.woocommerce-shop .product-grid-item .shop_attributes th,
body.woocommerce-shop .product-grid-item .shop_attributes td,
body.post-type-archive-product .product-grid-item .shop_attributes th,
body.post-type-archive-product .product-grid-item .shop_attributes td,
body.tax-product_cat .product-grid-item .shop_attributes th,
body.tax-product_cat .product-grid-item .shop_attributes td,
body.tax-product_tag .product-grid-item .shop_attributes th,
body.tax-product_tag .product-grid-item .shop_attributes td,
body.single-product .related-products .product-grid-item .shop_attributes th,
body.single-product .related-products .product-grid-item .shop_attributes td,
body.single-product .upsells .product-grid-item .shop_attributes th,
body.single-product .upsells .product-grid-item .shop_attributes td {
padding: 6px 0;
vertical-align: top;
border-bottom: 1px dashed rgba(15, 92, 166, .14);
overflow-wrap: anywhere;
}
body.mebek-catalog-page .product-grid-item .shop_attributes tr:last-child th,
body.mebek-catalog-page .product-grid-item .shop_attributes tr:last-child td,
body.mebek-catalog-page ul.products li.product .shop_attributes tr:last-child th,
body.mebek-catalog-page ul.products li.product .shop_attributes tr:last-child td,
body.woocommerce-shop .product-grid-item .shop_attributes tr:last-child th,
body.woocommerce-shop .product-grid-item .shop_attributes tr:last-child td,
body.post-type-archive-product .product-grid-item .shop_attributes tr:last-child th,
body.post-type-archive-product .product-grid-item .shop_attributes tr:last-child td,
body.tax-product_cat .product-grid-item .shop_attributes tr:last-child th,
body.tax-product_cat .product-grid-item .shop_attributes tr:last-child td,
body.tax-product_tag .product-grid-item .shop_attributes tr:last-child th,
body.tax-product_tag .product-grid-item .shop_attributes tr:last-child td,
body.single-product .related-products .product-grid-item .shop_attributes tr:last-child th,
body.single-product .related-products .product-grid-item .shop_attributes tr:last-child td,
body.single-product .upsells .product-grid-item .shop_attributes tr:last-child th,
body.single-product .upsells .product-grid-item .shop_attributes tr:last-child td {
border-bottom: 0;
}
body.mebek-catalog-page .product-grid-item .shop_attributes th,
body.mebek-catalog-page ul.products li.product .shop_attributes th,
body.woocommerce-shop .product-grid-item .shop_attributes th,
body.post-type-archive-product .product-grid-item .shop_attributes th,
body.tax-product_cat .product-grid-item .shop_attributes th,
body.tax-product_tag .product-grid-item .shop_attributes th,
body.single-product .related-products .product-grid-item .shop_attributes th,
body.single-product .upsells .product-grid-item .shop_attributes th {
width: 42%;
padding-right: 10px;
color: #10243d;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
text-transform: none;
}
body.mebek-catalog-page .product-grid-item .shop_attributes td,
body.mebek-catalog-page ul.products li.product .shop_attributes td,
body.woocommerce-shop .product-grid-item .shop_attributes td,
body.post-type-archive-product .product-grid-item .shop_attributes td,
body.tax-product_cat .product-grid-item .shop_attributes td,
body.tax-product_tag .product-grid-item .shop_attributes td,
body.single-product .related-products .product-grid-item .shop_attributes td,
body.single-product .upsells .product-grid-item .shop_attributes td {
color: #56667a;
font-size: 12px;
font-weight: 500;
}
body.mebek-catalog-page .product-grid-item .wd-more-desc-btn,
body.mebek-catalog-page ul.products li.product .wd-more-desc-btn,
body.woocommerce-shop .product-grid-item .wd-more-desc-btn,
body.post-type-archive-product .product-grid-item .wd-more-desc-btn,
body.tax-product_cat .product-grid-item .wd-more-desc-btn,
body.tax-product_tag .product-grid-item .wd-more-desc-btn,
body.single-product .related-products .product-grid-item .wd-more-desc-btn,
body.single-product .upsells .product-grid-item .wd-more-desc-btn {
display: none !important;
}
body.mebek-catalog-page .product-grid-item .wd-bottom-actions,
body.mebek-catalog-page ul.products li.product .wd-bottom-actions,
body.woocommerce-shop .product-grid-item .wd-bottom-actions,
body.post-type-archive-product .product-grid-item .wd-bottom-actions,
body.tax-product_cat .product-grid-item .wd-bottom-actions,
body.tax-product_tag .product-grid-item .wd-bottom-actions,
body.single-product .related-products .product-grid-item .wd-bottom-actions,
body.single-product .upsells .product-grid-item .wd-bottom-actions {
margin-top: 0;
}
}