/* ========================================================= MALARE — MAIN CSS BUILD Итоговый CSS-файл дочерней темы. Собран для assets/css/dist/main.css из актуальных src-файлов Malare. Важно: - В файл не включены HTML-теги . - Старый WPCode CSS пока не отключаем до проверки. - Постоянные правки дальше лучше вносить в assets/css/src/, а main.css пересобирать после изменений. ========================================================= */ /* ========================================================= GLOBAL CSS - MALARE / WOODMART Оптимизировано: база, шапка, главная, футер, cookie, popup формы, quick view. ========================================================= */ /* ===== VARIABLES ===== */ :root { --malare-blue: #244494; --malare-blue-2: #3057B8; --malare-blue-3: #335FBB; --malare-dark: #222427; --malare-black: #111111; --malare-muted: #6A7078; --malare-light: #F5F6F8; --malare-line: #D7DCE5; --malare-line-2: #E6E9EF; --malare-error: #ff2b2b; --malare-footer-bg: #000000; --malare-footer-text: #D1D5DD; --malare-footer-muted: #A1A6B1; --malare-gradient: linear-gradient(to right, #244494 0%, #335FBB 50%, #244494 100%); --malare-gradient-static: linear-gradient(90deg, #244494 0%, #3057B8 50%, #335FBB 100%); --malare-shadow-header: 0 5px 20px rgba(12, 19, 26, 0.05); --malare-shadow-card: 0 10px 40px rgba(41, 55, 68, 0.1); --malare-shadow-popup: 0 30px 80px rgba(12, 19, 26, 0.18); --malare-shadow-soft: 0 8px 24px rgba(41, 55, 68, 0.06); --malare-radius-sm: 8px; --malare-radius-md: 10px; --malare-radius-lg: 15px; --malare-radius-popup: 24px; --malare-container: 1440px; --malare-cookie-container: 1460px; } /* ===== BASE ===== */ html { overflow-x: visible !important; } body { overflow-x: hidden !important; } ::-moz-selection { background-color: var(--malare-blue) !important; color: #fff !important; } ::selection { background-color: var(--malare-blue) !important; color: #fff !important; } *::-webkit-scrollbar { width: 8px !important; } *::-webkit-scrollbar-track { border-radius: 20px !important; background-color: #fff !important; } *::-webkit-scrollbar-thumb { border-radius: 20px !important; background-color: var(--malare-blue) !important; } @media (min-width: 1200px) { .wpb-content--blank .wpb-content-wrapper { max-width: var(--malare-container) !important; } } /* ===== COMMON BUTTONS ===== */ div#n2-ss-3 .n2-style-67298173858de9bfdc70172b968c2cdf-heading, #news_prod_cards_title button, #digits_cards button, #articles_cards button, .whb-header .wd-button-wrapper .btn.btn-style-default.btn-shape-semi-round.btn-size-extra-large, .wd-cookies-popup .cookies-accept-btn, #popmake-21794 .ff-btn-submit, .wd-popup-quick-view-wrap .single_add_to_cart_button, .wd-popup-quick-view-wrap .button.alt, .wd-popup-quick-view-wrap button[type="submit"], .wd-popup-quick-view-wrap .popup-quick-view a.btn.view-details-btn, .wd-popup-quick-view-wrap .popup-quick-view .view-details-btn { color: #fff !important; border: none !important; background-color: var(--malare-blue) !important; background-image: var(--malare-gradient) !important; background-size: 200% 100% !important; background-position: 0 0 !important; box-shadow: none !important; text-transform: none !important; text-decoration: none !important; transition: all .2s ease-in-out !important; } div#n2-ss-3 .n2-style-67298173858de9bfdc70172b968c2cdf-heading, #news_prod_cards_title button, #digits_cards button, #articles_cards button { background-image: var(--malare-gradient-static) !important; border-radius: var(--malare-radius-sm) !important; } .whb-header .wd-button-wrapper .btn.btn-style-default.btn-shape-semi-round.btn-size-extra-large { border-radius: var(--malare-radius-md) !important; } .wd-cookies-popup .cookies-accept-btn, #popmake-21794 .ff-btn-submit, .wd-popup-quick-view-wrap .single_add_to_cart_button, .wd-popup-quick-view-wrap .button.alt, .wd-popup-quick-view-wrap button[type="submit"] { border-radius: var(--malare-radius-md) !important; } .whb-header .wd-button-wrapper .btn.btn-style-default.btn-shape-semi-round.btn-size-extra-large:hover, .wd-cookies-popup .cookies-accept-btn:hover, #popmake-21794 .ff-btn-submit:hover, .wd-popup-quick-view-wrap .single_add_to_cart_button:hover, .wd-popup-quick-view-wrap .button.alt:hover, .wd-popup-quick-view-wrap button[type="submit"]:hover, .wd-popup-quick-view-wrap .popup-quick-view a.btn.view-details-btn:hover, .wd-popup-quick-view-wrap .popup-quick-view .view-details-btn:hover { color: #fff !important; background-color: var(--malare-blue-3) !important; background-position: 100% 0 !important; border: none !important; text-decoration: none !important; } /* ===== HEADER ===== */ /* Header text transform — убираем uppercase в шапке */ header * { text-transform: none !important; } /* Main header — лёгкая тень */ header .whb-main-header { box-shadow: var(--malare-shadow-header); padding-bottom: 10px; } /* Page title — убираем uppercase у заголовков */ .wd-woo-page-title .entry-title, .wd-woo-page-title .entry-title.title, .entry-title.title { text-transform: none !important; } /* ===== HEADER SOCIAL ICONS ===== */ /* Custom social icons — выравнивание кастомных соцсетей */ .custom-social-icons { display: flex; align-items: center; justify-content: center; } /* MAX icon — цвет */ header a[aria-label="MAX"] { color: #4852dc !important; } /* VK icon — цвет */ header a[aria-label="VK"] i { color: #07f; } /* Telegram icon — цвет */ header a[aria-label="Telegram"] i { color: #2aabee; } /* WhatsApp icon — цвет */ header a[aria-label="Whatsapp"] i { color: #25d366; } /* OK icon — цвет */ header a[aria-label="OK"] i { color: #f4731c; } /* Social icons hover — затемнение */ header a[aria-label="MAX"]:hover, header a[aria-label="VK"]:hover, header a[aria-label="Telegram"]:hover, header a[aria-label="Whatsapp"]:hover, header a[aria-label="OK"]:hover { filter: brightness(.9); transition: filter 0.2s ease; } /* WoodMart social icons — наследование цвета */ header .wd-social-icons a { color: inherit; } /* Header social icon size — размер иконок */ header .wd-social-icons .wd-icon::before { font-size: 20px; } /* ===== HEADER TOP BAR ===== */ /* Header top secondary nav — размер ссылок верхнего меню */ .whb-top-bar .wd-nav-secondary > li > a { font-size: 14px !important; font-weight: 500 !important; } /* Header link button — сброс border */ header .btn.btn-style-link.btn-shape-rectangle { border: 0; } /* Header city/menu items — размер текста */ header .city-selector *, header .menu-item.menu-item-type-post_type.menu-simple-dropdown * { font-size: 15px; } /* ===== HEADER NAVIGATION ===== */ /* Header dropdown arrow — стрелка меню */ header .wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a::after { padding-left: 6px; font-size: clamp(10px, 50%, 18px); color: #242424; } /* Header separated nav — убираем разделители */ header .wd-nav.wd-style-separated > li:not(:last-child)::after, header .wd-nav.wd-style-bg > li > a::after { display: none; } /* Header bottom main nav — основные пункты нижнего меню */ .whb-header-bottom .wd-nav > li > a { font-size: 16px !important; font-weight: 800 !important; } /* Header bottom submenu — подпункты меню */ .whb-header-bottom .wd-nav li li a { font-size: 12px !important; font-weight: 500 !important; } /* Header bottom nav hover — hover всех уровней */ .whb-header-bottom .wd-nav li a:hover { color: var(--malare-blue) !important; } /* Header bottom all text — общий размер нижней шапки */ header .whb-header-bottom * { font-size: 16px !important; } /* Header bottom custom offset — корректировка блока */ header .whb-header-bottom .whb-yi7lb39q2eq227suh2b8 { margin-top: -6px; } /* ===== HEADER CATALOG BUTTON ===== */ /* Header catalog button — кнопка каталога */ header .cust_h_all_cat_button > a { gap: 6px; padding: 18px 24px; background: var(--malare-gradient-static); border-radius: var(--malare-radius-md) !important; font-size: 16px; } /* ===== HEADER SEARCH ===== */ /* Header search input — поле поиска */ header input[type="text"] { height: 58px; border-radius: var(--malare-radius-md) !important; } /* ===== HEADER TOOLS ===== */ /* Header tools design — вертикальное расположение */ header .wd-tools-element:is([class*="wd-design-6"], [class*="wd-design-7"]) a { flex-direction: column; } /* Header tools text — подписи иконок */ header .wd-tools-text { font-size: 14px !important; font-weight: 500 !important; } /* ===== HEADER ACCOUNT DROPDOWN ===== */ /* Account dropdown — выравнивание текста */ .wd-dropdown-my-account, .wd-dropdown-my-account .wd-sub-menu, .wd-dropdown-my-account .wd-sub-menu li, .wd-dropdown-my-account .wd-sub-menu li a, .wd-dropdown-my-account .wd-sub-menu li a span { text-align: left !important; } /* Account dropdown links — выравнивание ссылок */ .wd-dropdown-my-account .wd-sub-menu li a { justify-content: flex-start !important; align-items: center !important; width: 100% !important; } /* ===== HEADER TABLET ===== */ @media (max-width: 1366px) { /* Header social/tablet — скрываем лишние элементы */ header .wd-social-icons .wd-icon::before, header .whb-top-bar .wd-button-wrapper.text-center { display: none; } } /* ===== CATALOG / PRODUCT CARDS ===== */ .wd-loop-prod-thumb :is(.wd-product-img-link, .wd-product-img-hover) :is(picture, img) { width: 100%; height: 284px; object-fit: cover; } /* ===== HOME PAGE ===== */ .n2-ss-slider-2.n2-ow, .hero-right_img_1 img, .hero-right_img_2 img { border-radius: var(--malare-radius-md) !important; } .hero-right_img_1, .hero-right_img_2 { height: 230px !important; } .hero-right_img_1 figure, .hero-right_img_1 figure .vc_single_image-wrapper, .hero-right_img_1 figure img, .hero-right_img_2 figure, .hero-right_img_2 figure .vc_single_image-wrapper, .hero-right_img_2 figure img { height: 100% !important; } .hero-right_img_1 img, .hero-right_img_2 img { object-fit: cover !important; object-position: left top !important; } .button_icon_cust i { transform: rotate(315deg) translateY(-4px) translateX(5px) !important; } /* Button icon custom 2 — outline-кнопка "Смотреть все" */ .button_icon_cust_2 button, .button_icon_cust_2 a, .button_icon_cust_2 .btn, .button_icon_cust_2 .vc_btn3 { min-height: 36px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; color: var(--malare-blue) !important; background: #ffffff !important; background-image: none !important; border: 1px solid var(--malare-blue) !important; border-radius: 6px !important; box-shadow: none !important; font-size: 14px !important; line-height: 1 !important; font-weight: 600 !important; text-transform: none !important; text-decoration: none !important; transition: color .2s ease, background-color .2s ease, border-color .2s ease !important; } /* Иконка справа — без увеличения */ .button_icon_cust_2 i { margin: 0 !important; color: inherit !important; font-size: 14px !important; line-height: 1 !important; transform: none !important; } /* Hover */ .button_icon_cust_2 button:hover, .button_icon_cust_2 a:hover, .button_icon_cust_2 .btn:hover, .button_icon_cust_2 .vc_btn3:hover { color: #ffffff !important; background: var(--malare-blue) !important; background-image: none !important; border-color: var(--malare-blue) !important; box-shadow: none !important; } #adv_cards_title, #popular_prod_cards_title, #news_prod_cards_title, #testimonials_cards_title { display: flex !important; align-items: flex-end !important; } #adv_cards .vc-hoverbox-block.vc-hoverbox-front { flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; border-radius: var(--malare-radius-lg) !important; background-position: right top !important; } .adv_cards_item .vc-hoverbox { min-height: 420px !important; } #digits_cards .wpb_single_image, #testimonials_cards .testimonials_cards_item .wpb_single_image { box-shadow: var(--malare-shadow-card) !important; } .testimonials_cards_badge { width: 250px !important; justify-self: right !important; } .testimonials_cards_wrap, .more_cards_wrap, .partners_cards_wrap { flex-wrap: nowrap !important; } .testimonials_cards_wrap, .more_cards_wrap { gap: 20px; } .partners_cards_wrap { gap: 10px; } #articles_cards, #partners_cards, #footer_cust { justify-content: center !important; } #articles_cards > div, #partners_cards > div, #footer_cust > div { max-width: var(--malare-container) !important; } @media (min-width: 992px) { .adv_cards_item .vc-hoverbox { min-height: 320px !important; } } /* ===== AUTHOR PAGES ===== */ body.author .wd-page-title, body.author .page-title { display: none !important; } .malare-author-card { display: grid; grid-template-columns: 260px 1fr; gap: 56px; align-items: start; background: #fff; padding: 54px; border-radius: 28px; margin-bottom: 60px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); } .malare-author-photo { position: sticky; top: 40px; } .malare-author-photo img { width: 240px; height: 240px; border-radius: 24px; object-fit: cover; display: block; } .malare-author-info { max-width: 920px; } .malare-author-info h1 { font-size: 52px; line-height: 1.1; margin: 0 0 24px; color: #000; font-weight: 500; } .malare-author-short-bio { font-size: 20px; line-height: 1.6; color: #222; margin-bottom: 34px; } .malare-author-short-bio p { margin: 0; } .malare-author-bio { font-size: 18px; line-height: 1.85; color: #333; } .malare-author-bio p { margin: 0 0 22px; } .malare-author-bio strong { font-weight: 800; color: #000; } .malare-author-bio h2, .malare-author-bio h3 { margin: 36px 0 14px; font-size: 24px; line-height: 1.3; font-weight: 700; color: #000; } .malare-author-bio ul, .malare-author-bio ol { margin: 0 0 26px 0; padding-left: 24px; } .malare-author-bio li { margin-bottom: 8px; line-height: 1.7; } .malare-author-posts { margin-top: 20px; } .malare-author-posts h2 { font-size: 36px; line-height: 1.2; margin-bottom: 28px; color: #000; } .malare-author-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .malare-author-post { background: #fff; padding: 28px; border-radius: 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); } .malare-author-post h3 { font-size: 22px; line-height: 1.35; margin: 0 0 14px; } .malare-author-post h3 a { color: #000; text-decoration: none; } .malare-author-post h3 a:hover { color: var(--malare-blue); text-decoration: underline; } .malare-author-post-excerpt { font-size: 16px; line-height: 1.7; color: #555; } @media (max-width: 1024px) { .malare-author-card { grid-template-columns: 220px 1fr; gap: 36px; padding: 40px; } .malare-author-photo img { width: 220px; height: 220px; } .malare-author-info h1 { font-size: 42px; } .malare-author-posts-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .malare-author-card { grid-template-columns: 1fr; gap: 28px; padding: 28px 22px; border-radius: 22px; } .malare-author-photo { position: relative; top: auto; text-align: center; } .malare-author-photo img { width: 180px; height: 180px; margin: 0 auto; } .malare-author-info h1 { font-size: 34px; text-align: center; } .malare-author-short-bio { font-size: 17px; text-align: center; margin-bottom: 28px; } .malare-author-bio { font-size: 16px; line-height: 1.75; } .malare-author-bio h2, .malare-author-bio h3 { font-size: 21px; } .malare-author-posts-grid { grid-template-columns: 1fr; } } /* ===== FOOTER ===== */ #footer_cust { background: var(--malare-footer-bg) !important; padding-top: 20px !important; padding-bottom: 0 !important; } #footer_cust .vc_separator { margin-bottom: 20px !important; padding: 0 !important; } #footer_wrap_1 { display: flex !important; flex-wrap: nowrap !important; padding: 40px 0 !important; } #footer_wrap_1 button { min-height: auto !important; } #footer_wrap_2 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; margin-bottom: 20px !important; color: var(--malare-footer-muted) !important; font-size: 16px !important; line-height: 20px !important; } #footer_wrap_2 img { width: 180px !important; } .footer_wrap_1_1 .wpb_wrapper, .footer_wrap_1_2 .wpb_wrapper, .footer_wrap_1_3 .wpb_wrapper, .footer_wrap_1_4 .wpb_wrapper, .footer_wrap_1_5 .wpb_wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; } .footer_wrap_1_1_img_1 { width: 240px !important; } .footer_wrap_1_1_img_2 { width: 180px !important; } .footer_wrap_1_1_img_2 img { border-radius: 5px !important; } .footer_wrap_1_2 .lvca-heading *, .footer_wrap_1_3 .lvca-heading *, .footer_wrap_1_4 .lvca-heading *, .footer_wrap_1_5 .lvca-heading * { margin-bottom: 24px !important; color: #fff !important; font-size: 20px !important; line-height: 24px !important; } .footer_wrap_1_2 .vc_do_btn, .footer_wrap_1_3 .vc_do_btn, .footer_wrap_1_4 .vc_do_btn, .footer_wrap_1_5 .vc_do_btn { margin-bottom: 10px !important; } .footer_wrap_1_2 button, .footer_wrap_1_3 button, .footer_wrap_1_4 button, .footer_wrap_1_5 button { padding: 0 !important; margin: 0 !important; font-size: 18px !important; line-height: 22px !important; font-weight: 300 !important; } .footer_wrap_1_2 button, .footer_wrap_1_3 button, .footer_wrap_1_4 button { color: var(--malare-footer-text) !important; } .footer_wrap_1_5, .footer_wrap_2_3 { width: 380px !important; } .footer_wrap_1_5 *, .footer_wrap_1_5 button { color: #fff !important; } .footer_wrap_1_5 i { left: 0 !important; } .footer_wrap_1_5 button { padding-left: 26px !important; } .footer_wrap_1_5_phone button { font-size: 20px !important; font-weight: 600 !important; } .footer_wrap_2_1 > div, .footer_wrap_2_2 > div, .footer_wrap_2_3 > div, .footer_wrap_2_1 .wpb_text_column, .footer_wrap_2_2 .wpb_text_column, .footer_wrap_2_3 .wpb_single_image { padding: 0 !important; margin: 0 !important; } .footer_wrap_2_1 .wpb_text_column { width: 530px !important; } .footer_wrap_2_3 { width: 240px !important; } @media (max-width: 1024px) { #footer_wrap_1 { flex-wrap: wrap !important; gap: 40px 0; padding-left: 20px !important; padding-right: 20px !important; } #footer_wrap_2 { padding-left: 20px !important; padding-right: 20px !important; } .footer_wrap_1_1, .footer_wrap_1_2, .footer_wrap_1_3, .footer_wrap_1_4, .footer_wrap_1_5 { width: 48%; } } @media (max-width: 768px) { #footer_cust { padding: 0 !important; } #footer_wrap_1 { flex-direction: column; flex-wrap: wrap !important; gap: 30px 0; padding: 0 10px !important; } #footer_wrap_2 { flex-direction: column !important; flex-wrap: wrap !important; align-items: flex-start !important; align-content: flex-start !important; justify-content: center !important; padding-left: 10px !important; padding-right: 10px !important; } .footer_wrap_1_1, .footer_wrap_1_2, .footer_wrap_1_3, .footer_wrap_1_4, .footer_wrap_1_5 { width: 100%; } .footer_wrap_2_1 .wpb_text_column { width: auto !important; } #footer_wrap_2 p, #footer_wrap_2 .wpb_single_image.vc_align_center { text-align: left !important; font-size: 14px !important; } } /* ===== COOKIE POPUP ===== */ .wd-cookies-popup { left: 0 !important; right: 0 !important; width: 100% !important; padding: 0 15px !important; box-sizing: border-box !important; } .wd-cookies-popup .wd-cookies-inner { width: 100% !important; max-width: var(--malare-cookie-container) !important; margin: 0 auto !important; padding: 20px 0 !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 15px !important; } .wd-cookies-popup .cookies-info-text { width: 100% !important; max-width: var(--malare-cookie-container) !important; margin: 0 auto !important; text-align: center !important; font-size: 16px !important; line-height: 22px !important; color: var(--malare-dark) !important; } .wd-cookies-popup .cookies-buttons { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .wd-cookies-popup .cookies-accept-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: auto !important; padding: 14px 20px !important; font-size: 14px !important; line-height: 1 !important; border-radius: var(--malare-radius-sm) !important; } /* ===== POPUP FORM #14461 ===== */ #pum-21794 { background: rgba(12, 19, 26, 0.18) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; padding: 15px !important; box-sizing: border-box !important; } #popmake-21794 { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: 100% !important; max-width: 560px !important; min-width: 0 !important; height: auto !important; max-height: calc(100vh - 30px) !important; margin: 0 !important; padding: 46px 46px 48px !important; background: #fff !important; border: none !important; border-radius: 30px !important; box-shadow: var(--malare-shadow-popup) !important; overflow-y: auto !important; box-sizing: border-box !important; font-size: 18px !important; } #popmake-21794 .pum-content, #popmake-21794 .fluentform, #popmake-21794 form, #popmake-21794 fieldset { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; font-size: 18px !important; } /* Заголовок через CSS отключен: в HTML его нет */ #popmake-21794 .pum-content::before { display: none !important; content: none !important; } #popmake-21794 .ff-el-group { margin: 0 0 24px !important; } #popmake-21794 .ff-el-input--label { margin: 0 0 10px !important; } #popmake-21794 .ff-el-input--label label { margin: 0 !important; padding: 0 !important; color: var(--malare-dark) !important; font-size: 18px !important; line-height: 24px !important; font-weight: 500 !important; text-transform: none !important; } #popmake-21794 .ff-el-is-required label::after, #popmake-21794 .ff-el-input--label .ff-el-is-required::after { color: var(--malare-error) !important; } #popmake-21794 input[type="text"], #popmake-21794 input[type="tel"], #popmake-21794 input[type="email"], #popmake-21794 input[type="password"], #popmake-21794 .ff-el-form-control { width: 100% !important; height: 74px !important; padding: 0 30px !important; background: #fff !important; border: 1px solid var(--malare-line) !important; border-radius: var(--malare-radius-md) !important; box-shadow: none !important; outline: none !important; color: var(--malare-dark) !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 400 !important; transition: border-color .2s ease, box-shadow .2s ease !important; } #popmake-21794 input::placeholder { color: #7B828A !important; opacity: 1 !important; } #popmake-21794 input:focus, #popmake-21794 .ff-el-form-control:focus { border-color: var(--malare-blue-3) !important; box-shadow: 0 0 0 3px rgba(51, 95, 187, 0.12) !important; } #popmake-21794 .iti { width: 100% !important; display: block !important; } #popmake-21794 .iti input[type="tel"] { padding-left: 90px !important; } #popmake-21794 .iti__country-container, #popmake-21794 .iti__selected-country { height: 74px !important; } #popmake-21794 .iti__selected-country { padding: 0 18px !important; background: var(--malare-light) !important; border: none !important; border-radius: var(--malare-radius-md) 0 0 var(--malare-radius-md) !important; } #popmake-21794 .iti__selected-country-primary { gap: 8px !important; } #popmake-21794 .ff-el-form-check { margin: 2px 0 28px !important; } #popmake-21794 .ff-el-form-check-label { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer !important; } #popmake-21794 .ff_tc_checkbox { flex: 0 0 auto !important; margin-top: 3px !important; } #popmake-21794 input[type="checkbox"] { width: 22px !important; height: 22px !important; margin: 0 !important; accent-color: var(--malare-blue-3) !important; cursor: pointer !important; } #popmake-21794 .ff_t_c, #popmake-21794 .ff_t_c p, #popmake-21794 .ff_t_c em, #popmake-21794 .ff_t_c a { display: inline !important; margin: 0 !important; color: var(--malare-muted) !important; font-size: 15px !important; line-height: 20px !important; font-style: normal !important; font-weight: 400 !important; } #popmake-21794 .ff_t_c a { color: var(--malare-blue-3) !important; text-decoration: underline !important; white-space: nowrap !important; } #popmake-21794 .ff_submit_btn_wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } #popmake-21794 .ff-btn-submit { width: 100% !important; min-height: 72px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 20px 30px !important; font-size: 16px !important; line-height: 1 !important; font-weight: 600 !important; cursor: pointer !important; } #popmake-21794 .pum-close, #popmake-21794 .popmake-close { position: absolute !important; top: 22px !important; right: 22px !important; width: 32px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } #popmake-21794 .pum-close::before, #popmake-21794 .pum-close::after, #popmake-21794 .popmake-close::before, #popmake-21794 .popmake-close::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 30px !important; height: 2px !important; background: var(--malare-muted) !important; border-radius: 2px !important; transform-origin: center !important; } #popmake-21794 .pum-close::before, #popmake-21794 .popmake-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } #popmake-21794 .pum-close::after, #popmake-21794 .popmake-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } #popmake-21794 .ff-el-is-error input, #popmake-21794 .ff-el-is-error .ff-el-form-control { border-color: var(--malare-error) !important; } #popmake-21794 .error, #popmake-21794 .ff-el-error { margin-top: 6px !important; color: var(--malare-error) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 600 !important; } @media (max-width: 1024px) { #popmake-21794 { max-width: 560px !important; padding: 42px 36px !important; border-radius: 26px !important; } } @media (max-width: 768px) { #pum-21794 { padding: 15px !important; } #popmake-21794 { max-width: calc(100vw - 30px) !important; padding: 36px 22px 34px !important; border-radius: 22px !important; } #popmake-21794 .ff-el-group { margin-bottom: 20px !important; } #popmake-21794 .ff-el-input--label label { font-size: 18px !important; line-height: 24px !important; } #popmake-21794 input[type="text"], #popmake-21794 input[type="tel"], #popmake-21794 input[type="email"], #popmake-21794 input[type="password"], #popmake-21794 .ff-el-form-control { height: 62px !important; padding: 0 20px !important; font-size: 18px !important; } #popmake-21794 .iti__country-container, #popmake-21794 .iti__selected-country { height: 62px !important; } #popmake-21794 .iti input[type="tel"] { padding-left: 101px !important; } #popmake-21794 .ff_t_c, #popmake-21794 .ff_t_c p, #popmake-21794 .ff_t_c em, #popmake-21794 .ff_t_c a { font-size: 14px !important; line-height: 20px !important; } #popmake-21794 .ff-btn-submit { min-height: 62px !important; padding: 18px 20px !important; font-size: 16px !important; } #popmake-21794 .pum-close, #popmake-21794 .popmake-close { top: 18px !important; right: 18px !important; } } /* ===== QUICK VIEW POPUP ===== */ .wd-popup-quick-view-wrap { background: rgba(12, 19, 26, 0.22) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; } .wd-popup-quick-view-wrap .mfp-content { width: calc(100% - 30px) !important; max-width: 1280px !important; height: 80vh !important; max-height: 80vh !important; margin: 0 auto !important; } .wd-popup-quick-view-wrap .wd-popup-wrap, .wd-popup-quick-view-wrap .popup-quick-view { width: 100% !important; height: 100% !important; max-height: 80vh !important; background: #fff !important; border-radius: var(--malare-radius-popup) !important; box-shadow: var(--malare-shadow-popup) !important; overflow: hidden !important; } .wd-popup-quick-view-wrap .popup-quick-view { padding: 0 !important; } .wd-popup-quick-view-wrap .product-quick-view { height: 100% !important; } .wd-popup-quick-view-wrap .product-image-summary { display: grid !important; grid-template-columns: minmax(420px, 42%) minmax(0, 1fr) !important; gap: 0 !important; align-items: stretch !important; height: 100% !important; max-height: 80vh !important; overflow: hidden !important; } .wd-popup-quick-view-wrap .product-images { height: 100% !important; max-height: 80vh !important; padding: 30px !important; box-sizing: border-box !important; background: var(--malare-light) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: stretch !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery, .wd-popup-quick-view-wrap .wd-carousel-container, .wd-popup-quick-view-wrap .wd-carousel-inner, .wd-popup-quick-view-wrap .woocommerce-product-gallery__wrapper { width: 100% !important; flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image, .wd-popup-quick-view-wrap .wd-carousel-item { height: 100% !important; min-height: 0 !important; background: #fff !important; border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 10px 35px rgba(41, 55, 68, 0.08) !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image img, .wd-popup-quick-view-wrap .wd-carousel-item img { display: block !important; width: 100% !important; height: 100% !important; max-height: calc(80vh - 118px) !important; padding: 20px !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: #fff !important; border-radius: 18px !important; } .wd-popup-quick-view-wrap .popup-quick-view a.btn.view-details-btn, .wd-popup-quick-view-wrap .popup-quick-view .view-details-btn { flex: 0 0 auto !important; width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 18px 24px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 0 0 18px 18px !important; font-size: 16px !important; line-height: 1 !important; font-weight: 600 !important; cursor: pointer !important; } .wd-popup-quick-view-wrap .summary, .wd-popup-quick-view-wrap .entry-summary, .wd-popup-quick-view-wrap .summary-inner { height: 100% !important; max-height: 80vh !important; padding: 40px 44px !important; box-sizing: border-box !important; overflow-y: auto !important; overflow-x: hidden !important; } .wd-popup-quick-view-wrap .summary::-webkit-scrollbar, .wd-popup-quick-view-wrap .entry-summary::-webkit-scrollbar, .wd-popup-quick-view-wrap .summary-inner::-webkit-scrollbar, .wd-popup-quick-view-wrap .wd-scroll-content::-webkit-scrollbar { width: 8px !important; } .wd-popup-quick-view-wrap .summary::-webkit-scrollbar-track, .wd-popup-quick-view-wrap .entry-summary::-webkit-scrollbar-track, .wd-popup-quick-view-wrap .summary-inner::-webkit-scrollbar-track, .wd-popup-quick-view-wrap .wd-scroll-content::-webkit-scrollbar-track { background: var(--malare-light) !important; border-radius: 20px !important; } .wd-popup-quick-view-wrap .summary::-webkit-scrollbar-thumb, .wd-popup-quick-view-wrap .entry-summary::-webkit-scrollbar-thumb, .wd-popup-quick-view-wrap .summary-inner::-webkit-scrollbar-thumb, .wd-popup-quick-view-wrap .wd-scroll-content::-webkit-scrollbar-thumb { background: var(--malare-blue) !important; border-radius: 20px !important; } /* Quick view: text */ .wd-popup-quick-view-wrap .product_title, .wd-popup-quick-view-wrap .product-title { margin: 0 0 14px !important; color: var(--malare-black) !important; font-size: 28px !important; line-height: 34px !important; font-weight: 700 !important; text-transform: none !important; } .wd-popup-quick-view-wrap .product_title.entry-title.wd-entities-title { margin-top: 30px !important; } .wd-popup-quick-view-wrap .woocommerce-product-rating, .wd-popup-quick-view-wrap .star-rating { margin-bottom: 14px !important; } .wd-popup-quick-view-wrap .star-rating, .wd-popup-quick-view-wrap .star-rating span::before, .wd-popup-quick-view-wrap .star-rating::before { color: #F29900 !important; } .wd-popup-quick-view-wrap .price { margin: 0 0 22px !important; color: var(--malare-black) !important; font-size: 30px !important; line-height: 36px !important; font-weight: 700 !important; } .wd-popup-quick-view-wrap .price .amount, .wd-popup-quick-view-wrap .price bdi { color: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } .wd-popup-quick-view-wrap .price del, .wd-popup-quick-view-wrap .price del .amount { color: #8A9099 !important; font-size: 18px !important; font-weight: 400 !important; } .wd-popup-quick-view-wrap .woocommerce-product-details__short-description, .wd-popup-quick-view-wrap .woocommerce-product-details__short-description p { margin: 0 0 22px !important; color: #5F6670 !important; font-size: 16px !important; line-height: 24px !important; } .wd-popup-quick-view-wrap .product_meta, .wd-popup-quick-view-wrap .product_meta span, .wd-popup-quick-view-wrap .product_meta a { color: var(--malare-muted) !important; font-size: 14px !important; line-height: 20px !important; } .wd-popup-quick-view-wrap .product_meta a { color: var(--malare-blue-3) !important; } /* Quick view: variations / selects */ .wd-popup-quick-view-wrap table.variations { width: 100% !important; margin: 0 0 20px !important; border: 0 !important; border-spacing: 0 12px !important; border-collapse: separate !important; } .wd-popup-quick-view-wrap table.variations tr, .wd-popup-quick-view-wrap table.variations th, .wd-popup-quick-view-wrap table.variations td { display: block !important; width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; } .wd-popup-quick-view-wrap table.variations tr { padding-bottom: 10px !important; } .wd-popup-quick-view-wrap table.variations .label label { display: block !important; margin: 0 0 8px !important; color: var(--malare-dark) !important; font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important; } .wd-popup-quick-view-wrap table.variations select, .wd-popup-quick-view-wrap select { width: 100% !important; height: 52px !important; padding: 0 16px !important; color: var(--malare-dark) !important; background-color: #fff !important; border: 1px solid var(--malare-line) !important; border-radius: var(--malare-radius-md) !important; box-shadow: none !important; outline: none !important; font-size: 15px !important; line-height: 1 !important; } .wd-popup-quick-view-wrap table.variations select:focus, .wd-popup-quick-view-wrap select:focus { border-color: var(--malare-blue-3) !important; box-shadow: 0 0 0 3px rgba(51, 95, 187, 0.12) !important; } .wd-popup-quick-view-wrap .reset_variations { color: var(--malare-blue-3) !important; font-size: 14px !important; text-decoration: underline !important; } /* Quick view: quantity / cart */ .wd-popup-quick-view-wrap form.cart { margin-top: 20px !important; } .wd-popup-quick-view-wrap .quantity { height: 52px !important; background: #fff !important; border: 1px solid var(--malare-line) !important; border-radius: var(--malare-radius-md) !important; overflow: hidden !important; } .wd-popup-quick-view-wrap .quantity input[type="number"], .wd-popup-quick-view-wrap .quantity .input-text { height: 50px !important; border: 0 !important; box-shadow: none !important; color: var(--malare-dark) !important; font-size: 16px !important; font-weight: 600 !important; } .wd-popup-quick-view-wrap .quantity .minus, .wd-popup-quick-view-wrap .quantity .plus { color: var(--malare-dark) !important; background: #fff !important; border: 0 !important; } .wd-popup-quick-view-wrap .single_variation_wrap, .wd-popup-quick-view-wrap .woocommerce-variation-add-to-cart { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 12px !important; } .wd-popup-quick-view-wrap .single_add_to_cart_button, .wd-popup-quick-view-wrap .button.alt, .wd-popup-quick-view-wrap button[type="submit"] { min-height: 52px !important; padding: 16px 24px !important; font-size: 16px !important; line-height: 1 !important; font-weight: 600 !important; } /* Quick view: action buttons */ .wd-popup-quick-view-wrap .wd-action-btn > a, .wd-popup-quick-view-wrap .wd-wishlist-btn > a, .wd-popup-quick-view-wrap .wd-compare-btn > a { color: var(--malare-dark) !important; background: var(--malare-light) !important; border: 1px solid var(--malare-line-2) !important; border-radius: var(--malare-radius-md) !important; } .wd-popup-quick-view-wrap .wd-action-btn > a:hover, .wd-popup-quick-view-wrap .wd-wishlist-btn > a:hover, .wd-popup-quick-view-wrap .wd-compare-btn > a:hover { color: #fff !important; background: var(--malare-dark) !important; border-color: var(--malare-dark) !important; } /* Quick view: close button */ .wd-popup-quick-view-wrap .wd-popup-close { position: absolute !important; top: 24px !important; right: 24px !important; z-index: 50 !important; width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .wd-popup-quick-view-wrap .wd-popup-close > a { position: relative !important; display: block !important; width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; transform: none !important; transition: opacity .2s ease-in-out !important; } .wd-popup-quick-view-wrap .wd-popup-close > a:hover { background: transparent !important; box-shadow: none !important; opacity: .75 !important; } .wd-popup-quick-view-wrap .wd-popup-close .wd-action-icon, .wd-popup-quick-view-wrap .wd-popup-close .wd-action-text { display: none !important; } .wd-popup-quick-view-wrap .wd-popup-close > a::before, .wd-popup-quick-view-wrap .wd-popup-close > a::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 30px !important; height: 2px !important; background: var(--malare-muted) !important; border-radius: 2px !important; transform-origin: center !important; } .wd-popup-quick-view-wrap .wd-popup-close > a::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .wd-popup-quick-view-wrap .wd-popup-close > a::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* Quick view: Frequently Bought Together */ .wd-popup-quick-view-wrap .woobt-wrap { margin: 26px 0 0 !important; padding: 18px !important; background: var(--malare-light) !important; border: 1px solid var(--malare-line-2) !important; border-radius: 16px !important; } .wd-popup-quick-view-wrap .woobt-products { display: flex !important; flex-direction: column !important; gap: 12px !important; } .wd-popup-quick-view-wrap .woobt-product { display: grid !important; grid-template-columns: 24px minmax(0, 1fr) !important; gap: 14px !important; align-items: flex-start !important; margin: 0 !important; padding: 16px !important; background: #fff !important; border: 1px solid #E1E5EC !important; border-radius: 14px !important; box-shadow: var(--malare-shadow-soft) !important; transition: border-color .2s ease, box-shadow .2s ease !important; } .wd-popup-quick-view-wrap .woobt-product:hover { border-color: rgba(51, 95, 187, 0.35) !important; box-shadow: 0 12px 30px rgba(41, 55, 68, 0.09) !important; } .wd-popup-quick-view-wrap .woobt-choose { position: relative !important; width: 24px !important; height: 24px !important; margin: 2px 0 0 !important; padding: 0 !important; } .wd-popup-quick-view-wrap .woobt-choose label, .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox, .wd-popup-quick-view-wrap .woobt-choose .checkmark { position: absolute !important; inset: 0 !important; width: 24px !important; height: 24px !important; margin: 0 !important; } .wd-popup-quick-view-wrap .woobt-choose label { z-index: 2 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; cursor: pointer !important; } .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox { z-index: 3 !important; opacity: 0 !important; cursor: pointer !important; } .wd-popup-quick-view-wrap .woobt-choose .checkmark { z-index: 1 !important; display: block; background: #fff !important; border: 1px solid #C9D0DC !important; border-radius: 6px !important; box-shadow: none !important; transition: all .2s ease-in-out !important; } .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox:checked + .checkmark, .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox:checked ~ .checkmark { background: var(--malare-blue-3) !important; border-color: var(--malare-blue-3) !important; } .wd-popup-quick-view-wrap .woobt-choose .checkmark::after { content: "" !important; position: absolute !important; left: 8px !important; top: 4px !important; width: 7px !important; height: 12px !important; border: solid #fff !important; border-width: 0 2px 2px 0 !important; opacity: 0 !important; transform: rotate(45deg) !important; } .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox:checked + .checkmark::after, .wd-popup-quick-view-wrap .woobt-choose .woobt-checkbox:checked ~ .checkmark::after { opacity: 1 !important; } .wd-popup-quick-view-wrap .woobt-title { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px 14px !important; align-items: start !important; overflow: hidden !important; } .wd-popup-quick-view-wrap .woobt-title-inner { min-width: 0 !important; max-width: 100% !important; color: var(--malare-dark) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 500 !important; overflow: hidden !important; text-overflow: ellipsis !important; } .wd-popup-quick-view-wrap .woobt-title-inner a { color: var(--malare-dark) !important; text-decoration: none !important; transition: color .2s ease !important; } .wd-popup-quick-view-wrap .woobt-title-inner a:hover { color: var(--malare-blue-3) !important; } .wd-popup-quick-view-wrap .woobt-qty-num, .wd-popup-quick-view-wrap .woobt-qty { color: var(--malare-muted) !important; font-size: 14px !important; font-weight: 400 !important; } .wd-popup-quick-view-wrap .woobt-price { width: auto !important; max-width: 100% !important; flex: none !important; color: var(--malare-blue-3) !important; font-size: 16px !important; line-height: 22px !important; font-weight: 700 !important; text-align: right !important; white-space: nowrap !important; } .wd-popup-quick-view-wrap .woobt-price .amount, .wd-popup-quick-view-wrap .woobt-price bdi { color: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } .wd-popup-quick-view-wrap .woobt_variations_form { width: 100% !important; margin: 12px 0 0 !important; } .wd-popup-quick-view-wrap .woobt_variations_form .variations { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .wd-popup-quick-view-wrap .woobt_variations_form .variation, .wd-popup-quick-view-wrap .woobt_variations_form .value, .wd-popup-quick-view-wrap .woobt_variations_form select { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } .wd-popup-quick-view-wrap .woobt_variations_form .variation { padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; } .wd-popup-quick-view-wrap .woobt_variations_form .label { margin: 0 0 6px !important; } .wd-popup-quick-view-wrap .woobt_variations_form .label label { margin: 0 !important; color: var(--malare-muted) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 500 !important; } .wd-popup-quick-view-wrap .woobt_variations_form select { height: 52px !important; padding: 0 42px 0 16px !important; font-size: 15px !important; font-weight: 400 !important; } .wd-popup-quick-view-wrap .woobt_variations_form .reset { margin-top: 8px !important; } .wd-popup-quick-view-wrap .woobt_variations_form .reset_variations { color: var(--malare-blue-3) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 500 !important; text-decoration: underline !important; opacity: 1 !important; visibility: visible !important; } .wd-popup-quick-view-wrap .woobt-availability:empty { display: none !important; } /* ===== QUICK VIEW: TABLET ===== */ @media (max-width: 1024px) { .wd-popup-quick-view-wrap .mfp-content { width: calc(100% - 30px) !important; max-width: 760px !important; height: 80vh !important; max-height: 80vh !important; } .wd-popup-quick-view-wrap .wd-popup-wrap, .wd-popup-quick-view-wrap .popup-quick-view { height: 80vh !important; max-height: 80vh !important; overflow-y: auto !important; overflow-x: hidden !important; } .wd-popup-quick-view-wrap .product-image-summary { display: flex !important; flex-direction: column !important; height: auto !important; max-height: none !important; overflow: visible !important; } .wd-popup-quick-view-wrap .product-images { height: auto !important; max-height: none !important; padding: 30px 30px 0 !important; overflow: visible !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image img, .wd-popup-quick-view-wrap .wd-carousel-item img { height: 420px !important; max-height: 46vh !important; } .wd-popup-quick-view-wrap .summary, .wd-popup-quick-view-wrap .entry-summary, .wd-popup-quick-view-wrap .summary-inner { height: auto !important; max-height: none !important; padding: 34px 36px 40px !important; overflow: visible !important; } .wd-popup-quick-view-wrap .quick-view-horizontal .summary-inner { position: relative !important; } .wd-popup-quick-view-wrap .popup-quick-view .wd-scroll-content { padding: 0 !important; } .wd-popup-quick-view-wrap .product_title, .wd-popup-quick-view-wrap .product-title { font-size: 24px !important; line-height: 30px !important; } .wd-popup-quick-view-wrap .woobt-title, .wd-popup-quick-view-wrap .woobt-price, .wd-popup-quick-view-wrap .woobt-title-inner { text-align: left !important; } .wd-popup-quick-view-wrap .woobt-title-inner { width: 100% !important; } .wd-popup-quick-view-wrap .woobt_variations_form .variations { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ===== QUICK VIEW: MOBILE ===== */ @media (max-width: 768px) { .wd-popup-quick-view-wrap .mfp-content { width: calc(100% - 30px) !important; max-width: none !important; height: 80vh !important; max-height: 80vh !important; } .wd-popup-quick-view-wrap .wd-popup-wrap, .wd-popup-quick-view-wrap .popup-quick-view { height: 80vh !important; max-height: 80vh !important; border-radius: 22px !important; overflow-y: auto !important; overflow-x: hidden !important; } .wd-popup-quick-view-wrap .product-image-summary { display: flex !important; flex-direction: column !important; height: auto !important; max-height: none !important; overflow: visible !important; } .wd-popup-quick-view-wrap .product-images { height: auto !important; max-height: none !important; padding: 28px 28px 0 !important; overflow: visible !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image { border-radius: 14px !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image img, .wd-popup-quick-view-wrap .wd-carousel-item img { height: 300px !important; max-height: 38vh !important; padding: 12px !important; } .wd-popup-quick-view-wrap .popup-quick-view a.btn.view-details-btn, .wd-popup-quick-view-wrap .popup-quick-view .view-details-btn { min-height: 58px !important; border-radius: 0 0 18px 18px !important; font-size: 15px !important; } .wd-popup-quick-view-wrap .summary, .wd-popup-quick-view-wrap .entry-summary, .wd-popup-quick-view-wrap .summary-inner { height: auto !important; max-height: none !important; padding: 32px 28px 40px !important; overflow: visible !important; } .wd-popup-quick-view-wrap .product_title, .wd-popup-quick-view-wrap .product-title { font-size: 26px !important; line-height: 32px !important; } .wd-popup-quick-view-wrap .price { font-size: 26px !important; line-height: 32px !important; } .wd-popup-quick-view-wrap .single_variation_wrap, .wd-popup-quick-view-wrap .woocommerce-variation-add-to-cart { flex-direction: column !important; align-items: stretch !important; } .wd-popup-quick-view-wrap .quantity, .wd-popup-quick-view-wrap .single_add_to_cart_button, .wd-popup-quick-view-wrap .button.alt, .wd-popup-quick-view-wrap button[type="submit"] { width: 100% !important; } .wd-popup-quick-view-wrap .wd-popup-close { top: 18px !important; right: 18px !important; width: 30px !important; height: 30px !important; } .wd-popup-quick-view-wrap .wd-popup-close > a { width: 30px !important; height: 30px !important; } .wd-popup-quick-view-wrap .wd-popup-close > a::before, .wd-popup-quick-view-wrap .wd-popup-close > a::after { width: 26px !important; } .wd-popup-quick-view-wrap .woobt-wrap { padding: 14px !important; border-radius: 14px !important; } .wd-popup-quick-view-wrap .woobt-product { grid-template-columns: 1fr !important; gap: 12px !important; padding: 16px !important; } .wd-popup-quick-view-wrap .woobt-choose { display: none !important; } .wd-popup-quick-view-wrap .woobt-title { grid-template-columns: 1fr !important; gap: 8px !important; text-align: left !important; } .wd-popup-quick-view-wrap .woobt-title-inner { min-width: 0 !important; width: 100% !important; font-size: 15px !important; line-height: 21px !important; text-align: left !important; } .wd-popup-quick-view-wrap .woobt-price { width: 100% !important; margin-left: 0 !important; font-size: 15px !important; text-align: left !important; white-space: normal !important; } .wd-popup-quick-view-wrap .woobt_variations_form { grid-column: auto !important; } .wd-popup-quick-view-wrap .woobt_variations_form .variations { grid-template-columns: 1fr !important; gap: 10px !important; } .wd-popup-quick-view-wrap .woobt_variations_form select { height: 50px !important; font-size: 14px !important; } } /* ===== QUICK VIEW: VERY SMALL MOBILE ===== */ @media (max-width: 480px) { .wd-popup-quick-view-wrap .mfp-content { width: calc(100% - 20px) !important; height: 80vh !important; max-height: 80vh !important; } .wd-popup-quick-view-wrap .product-images { padding: 24px 24px 0 !important; } .wd-popup-quick-view-wrap .woocommerce-product-gallery__image img, .wd-popup-quick-view-wrap .wd-carousel-item img { height: 260px !important; max-height: 34vh !important; } .wd-popup-quick-view-wrap .summary, .wd-popup-quick-view-wrap .entry-summary, .wd-popup-quick-view-wrap .summary-inner { padding: 30px 24px 38px !important; } .wd-popup-quick-view-wrap .product_title, .wd-popup-quick-view-wrap .product-title { font-size: 24px !important; line-height: 30px !important; } } /* ===== SIDE CART POPUP / MINI CART ===== */ .cart-widget-side { width: 520px !important; max-width: calc(100vw - 30px) !important; background: #ffffff !important; border-radius: 24px 0 0 24px !important; overflow: hidden !important; } .cart-widget-side.wd-opened { display: flex !important; flex-direction: column !important; } .cart-widget-side .wd-heading { flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; padding: 28px 30px !important; border-bottom: 1px solid #E6E9EF !important; background: #ffffff !important; } .cart-widget-side .wd-heading .title { margin: 0 !important; color: #111111 !important; font-size: 30px !important; line-height: 36px !important; font-weight: 700 !important; text-transform: none !important; } .cart-widget-side .close-side-widget { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; } .cart-widget-side .close-side-widget > a { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: #222427 !important; text-decoration: none !important; } .cart-widget-side .close-side-widget .wd-action-icon { position: relative !important; width: 28px !important; height: 28px !important; display: block !important; flex: 0 0 28px !important; } .cart-widget-side .close-side-widget .wd-action-icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .cart-widget-side .close-side-widget .wd-action-text { color: #222427 !important; font-size: 20px !important; line-height: 24px !important; font-weight: 600 !important; text-transform: none !important; } .cart-widget-side .close-side-widget > a:hover { opacity: .7 !important; } .cart-widget-side .widget_shopping_cart, .cart-widget-side .widget_shopping_cart_content { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; } .cart-widget-side .shopping-cart-widget-body { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; padding: 0 !important; background: #ffffff !important; } .cart-widget-side .wd-scroll-content { padding: 22px 30px !important; } .cart-widget-side .cart_list { display: flex !important; flex-direction: column !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; } .cart-widget-side .mini_cart_item { position: relative !important; display: grid !important; grid-template-columns: 100px minmax(0, 1fr) 0px !important; gap: 16px !important; align-items: flex-start !important; min-height: 120px !important; padding: 18px 46px 18px 18px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #E6E9EF !important; border-radius: 16px !important; box-shadow: 0 8px 28px rgba(41, 55, 68, 0.06) !important; transition: border-color .2s ease, box-shadow .2s ease !important; } .cart-widget-side .mini_cart_item:hover { border-color: rgba(51, 95, 187, 0.35) !important; box-shadow: 0 12px 34px rgba(41, 55, 68, 0.09) !important; } .cart-widget-side .mini_cart_item .cart-item-link { z-index: 1 !important; } .cart-widget-side .cart-item-image { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100px !important; height: 100px !important; margin: 0 !important; padding: 10px !important; background: #F5F6F8 !important; border-radius: 14px !important; overflow: hidden !important; } .cart-widget-side .cart-item-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; border-radius: 10px !important; background: transparent !important; } .cart-widget-side .cart-info { position: relative !important; z-index: 2 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; } .cart-widget-side .wd-entities-title { margin: 0 0 12px !important; color: #222427 !important; font-size: 20px !important; line-height: 26px !important; font-weight: 700 !important; text-transform: none !important; } .cart-widget-side .variation { display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 0 12px !important; padding: 0 !important; border: none !important; } .cart-widget-side .variation li { display: flex !important; align-items: baseline !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; border: none !important; color: #6A7078 !important; font-size: 16px !important; line-height: 21px !important; } .cart-widget-side .item-variation-name { color: #222427 !important; font-weight: 600 !important; } .cart-widget-side .item-variation-value, .cart-widget-side .item-variation-value p { margin: 0 !important; padding: 0 !important; color: #6A7078 !important; font-size: inherit !important; line-height: inherit !important; font-weight: 400 !important; } .cart-widget-side .quantity { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important; color: #A1A6B1 !important; font-size: 17px !important; line-height: 22px !important; font-weight: 500 !important; } .cart-widget-side .quantity .amount, .cart-widget-side .quantity bdi { color: #244494 !important; font-size: 18px !important; line-height: 22px !important; font-weight: 700 !important; } .cart-widget-side .remove_from_cart_button { position: absolute !important; top: 18px !important; right: 18px !important; z-index: 5 !important; width: 26px !important; height: 26px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; text-decoration: none !important; opacity: 1 !important; } .cart-widget-side .remove_from_cart_button::before, .cart-widget-side .remove_from_cart_button::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 18px !important; height: 2px !important; background: #6A7078 !important; border-radius: 2px !important; transform-origin: center !important; transition: background .2s ease !important; } .cart-widget-side .remove_from_cart_button::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .cart-widget-side .remove_from_cart_button::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } .cart-widget-side .remove_from_cart_button:hover::before, .cart-widget-side .remove_from_cart_button:hover::after { background: #ff2b2b !important; } .cart-widget-side .shopping-cart-widget-footer { flex: 0 0 auto !important; padding: 24px 30px 30px !important; background: #ffffff !important; border-top: 1px solid #E6E9EF !important; box-shadow: 0 -10px 30px rgba(41, 55, 68, 0.04) !important; } .cart-widget-side .woocommerce-mini-cart__total { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin: 0 0 22px !important; padding: 0 0 22px !important; border-bottom: 1px solid #E6E9EF !important; color: #222427 !important; } .cart-widget-side .woocommerce-mini-cart__total strong { color: #222427 !important; font-size: 28px !important; line-height: 34px !important; font-weight: 700 !important; text-transform: none !important; } .cart-widget-side .woocommerce-mini-cart__total .amount, .cart-widget-side .woocommerce-mini-cart__total bdi { color: #244494 !important; font-size: 28px !important; line-height: 34px !important; font-weight: 700 !important; } .cart-widget-side .wd-free-progress-bar { margin: 0 0 22px !important; padding: 0 !important; background: transparent !important; border: none !important; } .cart-widget-side .wd-free-progress-bar .progress-msg { margin: 0 0 12px !important; } .cart-widget-side .wd-free-progress-bar .progress-msg p { margin: 0 !important; color: #6A7078 !important; font-size: 18px !important; line-height: 24px !important; font-weight: 400 !important; } .cart-widget-side .wd-free-progress-bar .progress-bar { background-color: var(--wd-primary-color); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-size: 15px 15px; height: var(--wd-progress-height, 7px); border-radius: var(--wd-brd-radius); } .cart-widget-side .woocommerce-mini-cart__buttons { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } .cart-widget-side .woocommerce-mini-cart__buttons a { width: 100% !important; min-height: 58px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 18px 24px !important; border-radius: 14px !important; font-size: 16px !important; line-height: 1 !important; font-weight: 600 !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; transition: all .2s ease-in-out !important; } .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart { color: #222427 !important; background: #F5F6F8 !important; border: 1px solid #F5F6F8 !important; box-shadow: none !important; } .cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover { color: #ffffff !important; background: #222427 !important; border-color: #222427 !important; } .cart-widget-side .woocommerce-mini-cart__buttons .checkout { color: #ffffff !important; border: none !important; background-color: #244494 !important; background-image: linear-gradient(to right, #244494 0%, #335FBB 50%, #244494 100%) !important; background-size: 200% 100% !important; background-position: 0 0 !important; box-shadow: none !important; } .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover { color: #ffffff !important; background-color: #335FBB !important; background-position: 100% 0 !important; border: none !important; } /* Scroll */ .cart-widget-side .wd-scroll-content::-webkit-scrollbar { width: 8px !important; } .cart-widget-side .wd-scroll-content::-webkit-scrollbar-track { background: #F5F6F8 !important; border-radius: 20px !important; } .cart-widget-side .wd-scroll-content::-webkit-scrollbar-thumb { background: #244494 !important; border-radius: 20px !important; } /* Empty cart */ .cart-widget-side .woocommerce-mini-cart__empty-message { margin: 0 !important; padding: 34px 24px !important; background: #F5F6F8 !important; border-radius: 16px !important; color: #6A7078 !important; font-size: 18px !important; line-height: 26px !important; text-align: center !important; } /* Tablet */ @media (max-width: 1024px) { .cart-widget-side { width: 500px !important; border-radius: 22px 0 0 22px !important; } .cart-widget-side .wd-heading { padding: 24px 24px !important; } .cart-widget-side .wd-scroll-content { padding: 20px 24px !important; } .cart-widget-side .shopping-cart-widget-footer { padding: 22px 24px 26px !important; } .cart-widget-side .wd-heading .title { font-size: 28px !important; line-height: 34px !important; } .wd-product.product .price { font-size: 16px !important; } } /* Mobile */ @media (max-width: 768px) { .cart-widget-side { width: 100% !important; max-width: 100% !important; border-radius: 22px 22px 0 0 !important; } .cart-widget-side .wd-heading { padding: 22px 18px !important; } .cart-widget-side .wd-heading .title { font-size: 26px !important; line-height: 32px !important; } .cart-widget-side .close-side-widget .wd-action-text { font-size: 0 !important; display: none !important; } .cart-widget-side .wd-scroll-content { padding: 18px !important; } .cart-widget-side .mini_cart_item { grid-template-columns: 86px minmax(0, 1fr) !important; gap: 14px !important; padding: 16px 42px 16px 14px !important; border-radius: 14px !important; } .cart-widget-side .cart-item-image { width: 86px !important; height: 86px !important; padding: 8px !important; border-radius: 12px !important; } .cart-widget-side .wd-entities-title { font-size: 17px !important; line-height: 23px !important; } .cart-widget-side .variation li { font-size: 14px !important; line-height: 19px !important; } .cart-widget-side .quantity { font-size: 15px !important; line-height: 20px !important; } .cart-widget-side .quantity .amount, .cart-widget-side .quantity bdi { font-size: 16px !important; line-height: 20px !important; } .cart-widget-side .shopping-cart-widget-footer { padding: 20px 18px 22px !important; } .cart-widget-side .woocommerce-mini-cart__total strong, .cart-widget-side .woocommerce-mini-cart__total .amount, .cart-widget-side .woocommerce-mini-cart__total bdi { font-size: 24px !important; line-height: 30px !important; } .cart-widget-side .wd-free-progress-bar .progress-msg p { font-size: 16px !important; line-height: 22px !important; } .cart-widget-side .woocommerce-mini-cart__buttons a { min-height: 56px !important; border-radius: 12px !important; font-size: 15px !important; } } .cart-widget-side .close-side-widget > a, .cart-widget-side .close-side-widget .wd-action-icon { color: #222427 !important; } .cart-widget-side .close-side-widget .wd-action-icon::before, .cart-widget-side .close-side-widget .wd-action-icon::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 26px !important; height: 2px !important; background: #222427 !important; border: none !important; box-shadow: none !important; opacity: 1 !important; animation: none !important; } .cart-widget-side .close-side-widget .wd-action-icon::before { transform: translate(-50%, -50%) rotate(45deg) !important; } .cart-widget-side .close-side-widget .wd-action-icon::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ===== MOBILE HORIZONTAL IMAGE SCROLL ===== */ @media (max-width: 768px) { .adv_img_1, #digits_cards { width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 8px !important; } #digits_cards .vc_figure, .adv_img_1 .vc_figure, #digits_cards .vc_single_image-wrapper, .adv_img_1 .vc_single_image-wrapper { display: block !important; width: max-content !important; max-width: none !important; padding-bottom: 10px; } .adv_img_1 img.vc_single_image-img, #digits_cards img.vc_single_image-img { width: 1100px !important; max-width: none !important; height: auto !important; display: block !important; } #digits_cards::-webkit-scrollbar, .adv_img_1::-webkit-scrollbar { height: 6px !important; } #digits_cards::-webkit-scrollbar-track, .adv_img_1::-webkit-scrollbar-track { background: #E6E9EF !important; border-radius: 20px !important; } #digits_cards::-webkit-scrollbar-thumb, .adv_img_1::-webkit-scrollbar-thumb { background: #244494 !important; border-radius: 20px !important; } } /* ===== MOBILE: ADV CARDS 1.5 ITEMS ===== */ @media (max-width: 768px) { .adv_cards_item .wd-carousel { --wd-col-sm: 1.5 !important; --wd-gap-sm: 10px !important; overflow: visible !important; } .adv_cards_item .wd-carousel-inner { overflow: hidden !important; } .adv_cards_item .wd-carousel-wrap { gap: 10px !important; } .adv_cards_item .wd-carousel-item { width: calc((100% - 10px) / 1.5) !important; flex: 0 0 calc((100% - 10px) / 1.5) !important; max-width: calc((100% - 10px) / 1.5) !important; } .adv_cards_item .wd-nav-arrows { display: none !important; } } /* ===== MOBILE: ADV ROW SWIPE SLIDER ===== */ @media (max-width: 768px) { .mobile-adv-slider-row { display: block !important; width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; padding-bottom: 10px !important; } .mobile-adv-slider-row > .wpb_column { float: none !important; display: inline-block !important; width: 78% !important; min-width: 78% !important; max-width: 78% !important; margin-right: 12px !important; vertical-align: top !important; scroll-snap-align: start !important; } .mobile-adv-slider-row > .wpb_column:last-child { margin-right: 0 !important; } .mobile-adv-slider-row::before, .mobile-adv-slider-row::after { display: none !important; content: none !important; } .mobile-adv-slider-row { white-space: nowrap !important; } .mobile-adv-slider-row > .wpb_column, .mobile-adv-slider-row > .wpb_column > .vc_column-inner, .mobile-adv-slider-row > .wpb_column > .vc_column-inner > .wpb_wrapper { white-space: normal !important; } .mobile-adv-slider-row img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; } .mobile-adv-slider-row { scrollbar-width: none !important; /* Firefox */ -ms-overflow-style: none !important; /* старые Edge/IE */ } .mobile-adv-slider-row::-webkit-scrollbar { display: none !important; /* Chrome, Safari, Android */ width: 0 !important; height: 0 !important; } } /* ========================================================= POPUP: СКИДКИ ОТ СУММЫ ЗАКАЗА Scope: #popmake-245227 ========================================================= */ #popmake-245227 { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 30px) !important; max-width: 860px !important; min-width: 0 !important; max-height: calc(100vh - 30px) !important; padding: 52px 56px 48px !important; margin: 0 !important; background: #ffffff !important; border-radius: 30px !important; box-shadow: 0 30px 80px rgba(12, 19, 26, 0.18) !important; overflow-y: auto !important; box-sizing: border-box !important; font-family: "Montserrat", sans-serif !important; } #popmake-245227 .pum-content, #popmake-245227 .wpb_wrapper, #popmake-245227 .wpb_text_column, #popmake-245227 .wpb_text_column .wpb_wrapper { margin: 0 !important; padding: 0 !important; } #popmake-245227 .pum-content > p, #popmake-245227 .wpb_wrapper > p:empty { display: none !important; } #popmake-245227 .pum-content p { color: #222427 !important; font-size: 18px !important; line-height: 1.45 !important; font-weight: 500 !important; text-align: center !important; text-transform: uppercase !important; } #popmake-245227 .discount-table-desktop { width: 100% !important; margin: 28px 0 !important; border-collapse: collapse !important; border: none !important; } #popmake-245227 .discount-table-desktop th, #popmake-245227 .discount-table-desktop td { padding: 18px 12px !important; color: #222427 !important; font-size: 16px !important; line-height: 1.25 !important; border-color: #d7dce5 !important; } #popmake-245227 .discount-table-desktop th { font-weight: 600 !important; background: #f5f6f8 !important; } #popmake-245227 .discount-table-desktop td { font-weight: 500 !important; } #popmake-245227 .discount-table-desktop td[style*="color: #ff2a00"] { color: #ff2a00 !important; font-size: 22px !important; font-weight: 700 !important; } #popmake-245227 .pum-close, #popmake-245227 .popmake-close { position: absolute !important; top: 22px !important; right: 22px !important; width: 34px !important; height: 34px !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } #popmake-245227 .pum-close::before, #popmake-245227 .pum-close::after, #popmake-245227 .popmake-close::before, #popmake-245227 .popmake-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 30px !important; height: 2px !important; background: #68717d !important; border-radius: 2px !important; } #popmake-245227 .pum-close::before, #popmake-245227 .popmake-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } #popmake-245227 .pum-close::after, #popmake-245227 .popmake-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================================= АДАПТИВ ========================================================= */ @media (max-width: 768px) { #popmake-245227 { width: calc(100vw - 24px) !important; max-width: none !important; padding: 42px 22px 34px !important; border-radius: 24px !important; } #popmake-245227 .pum-content p { font-size: 15px !important; line-height: 1.35 !important; } #popmake-245227 .pum-content div[style*="display: flex"] { padding: 11px 4px !important; border-color: #d7dce5 !important; } #popmake-245227 .pum-content div[style*="display: flex"] span:first-child { color: #222427 !important; font-size: 15px !important; font-weight: 600 !important; } #popmake-245227 .pum-content div[style*="display: flex"] span:last-child { color: #ff2a00 !important; font-size: 18px !important; font-weight: 700 !important; } #popmake-245227 .pum-close, #popmake-245227 .popmake-close { top: 16px !important; right: 16px !important; } } @media (max-width: 420px) { #popmake-245227 { padding: 38px 18px 30px !important; border-radius: 22px !important; } #popmake-245227 .pum-content p { font-size: 14px !important; } #popmake-245227 .pum-content div[style*="display: flex"] span:first-child { font-size: 14px !important; } #popmake-245227 .pum-content div[style*="display: flex"] span:last-child { font-size: 17px !important; } } /* ========================================================= POPUPS: НАШЛИ ДЕШЕВЛЕ / ПРОБНИКИ / ОПТОВЫЙ ПРАЙС Scope: #popmake-226487, #popmake-21784, #popmake-21696 ========================================================= */ #popmake-226487, #popmake-21784, #popmake-21696 { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 30px) !important; max-width: 700px !important; min-width: 0 !important; max-height: calc(100vh - 30px) !important; margin: 0 !important; padding: 48px 46px 44px !important; background: #ffffff !important; border: none !important; border-radius: 30px !important; box-shadow: 0 30px 80px rgba(12, 19, 26, 0.18) !important; overflow-y: auto !important; box-sizing: border-box !important; font-family: "Montserrat", sans-serif !important; } /* Широкое окно "Нашли дешевле" */ #popmake-226487 { max-width: 760px !important; } /* ========================================================= ОБЩАЯ СТРУКТУРА ========================================================= */ #popmake-226487 .pum-content, #popmake-21784 .pum-content, #popmake-21696 .pum-content, #popmake-226487 .wpb_wrapper, #popmake-21784 .wpb_wrapper, #popmake-21696 .wpb_wrapper, #popmake-226487 .wpb_text_column, #popmake-21784 .wpb_text_column, #popmake-21696 .wpb_text_column, #popmake-226487 .fluentform, #popmake-21784 .fluentform, #popmake-21696 .fluentform, #popmake-226487 form, #popmake-21784 form, #popmake-21696 form, #popmake-226487 fieldset, #popmake-21784 fieldset, #popmake-21696 fieldset { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #popmake-226487 .pum-content > p, #popmake-21784 .pum-content > p, #popmake-21696 .pum-content > p, #popmake-226487 h2:empty, #popmake-21784 h2:empty, #popmake-21696 h2:empty { display: none !important; } /* ========================================================= ТЕКСТ В ОКНЕ "НАШЛИ ДЕШЕВЛЕ" ========================================================= */ #popmake-226487 h2 { margin: 0 0 20px !important; color: #222427 !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: center !important; text-transform: uppercase !important; } #popmake-226487 .wpb_text_column p { margin: 0 0 30px !important; color: #222427 !important; font-size: 18px !important; line-height: 1.45 !important; font-weight: 500 !important; text-align: center !important; text-transform: uppercase !important; } #popmake-226487 .wpb_text_column span { font-size: inherit !important; line-height: inherit !important; } #popmake-226487 .wpb_text_column span[style*="color: #ff2a00"] { color: #ff2a00 !important; font-weight: 700 !important; } /* ========================================================= FLUENT FORMS ========================================================= */ #popmake-226487 .ff-el-group, #popmake-21784 .ff-el-group, #popmake-21696 .ff-el-group { margin: 0 0 22px !important; } #popmake-226487 .ff-el-input--label, #popmake-21784 .ff-el-input--label, #popmake-21696 .ff-el-input--label { margin: 0 0 9px !important; } #popmake-226487 .ff-el-input--label label, #popmake-21784 .ff-el-input--label label, #popmake-21696 .ff-el-input--label label { margin: 0 !important; padding: 0 !important; color: #222427 !important; font-size: 16px !important; line-height: 22px !important; font-weight: 600 !important; text-transform: uppercase !important; } #popmake-226487 .ff-el-is-required label::after, #popmake-21784 .ff-el-is-required label::after, #popmake-21696 .ff-el-is-required label::after { color: #ff2b2b !important; } #popmake-226487 input[type="text"], #popmake-226487 input[type="tel"], #popmake-226487 input[type="email"], #popmake-226487 textarea, #popmake-226487 .ff-el-form-control, #popmake-21784 input[type="text"], #popmake-21784 input[type="tel"], #popmake-21784 input[type="email"], #popmake-21784 textarea, #popmake-21784 .ff-el-form-control, #popmake-21696 input[type="text"], #popmake-21696 input[type="tel"], #popmake-21696 input[type="email"], #popmake-21696 textarea, #popmake-21696 .ff-el-form-control { width: 100% !important; height: 64px !important; padding: 0 24px !important; background: #ffffff !important; border: 1px solid #d7dce5 !important; border-radius: 12px !important; box-shadow: none !important; outline: none !important; color: #222427 !important; font-size: 17px !important; line-height: 1.2 !important; font-weight: 400 !important; transition: border-color .2s ease, box-shadow .2s ease !important; } #popmake-226487 textarea, #popmake-21784 textarea, #popmake-21696 textarea { min-height: 120px !important; padding-top: 18px !important; padding-bottom: 18px !important; resize: vertical !important; } #popmake-226487 input:focus, #popmake-226487 textarea:focus, #popmake-226487 .ff-el-form-control:focus, #popmake-21784 input:focus, #popmake-21784 textarea:focus, #popmake-21784 .ff-el-form-control:focus, #popmake-21696 input:focus, #popmake-21696 textarea:focus, #popmake-21696 .ff-el-form-control:focus { border-color: #335FBB !important; box-shadow: 0 0 0 3px rgba(51, 95, 187, 0.12) !important; } #popmake-226487 input::placeholder, #popmake-21784 input::placeholder, #popmake-21696 input::placeholder, #popmake-226487 textarea::placeholder, #popmake-21784 textarea::placeholder, #popmake-21696 textarea::placeholder { color: #7b828a !important; opacity: 1 !important; } /* ========================================================= КОЛОНКИ ФОРМ ========================================================= */ #popmake-226487 .ff-t-container, #popmake-21784 .ff-t-container, #popmake-21696 .ff-t-container { display: flex !important; gap: 18px !important; margin: 0 !important; } #popmake-226487 .ff-t-cell, #popmake-21784 .ff-t-cell, #popmake-21696 .ff-t-cell { width: 100% !important; padding: 0 !important; } /* ========================================================= ТЕЛЕФОН С ФЛАГОМ ========================================================= */ #popmake-226487 .iti, #popmake-21784 .iti, #popmake-21696 .iti { display: block !important; width: 100% !important; } #popmake-226487 .iti input[type="tel"], #popmake-21784 .iti input[type="tel"], #popmake-21696 .iti input[type="tel"] { padding-left: 96px !important; } #popmake-226487 .iti__flag-container, #popmake-21784 .iti__flag-container, #popmake-21696 .iti__flag-container { height: 64px !important; } #popmake-226487 .iti__selected-flag, #popmake-21784 .iti__selected-flag, #popmake-21696 .iti__selected-flag { height: 64px !important; padding: 0 18px !important; background: #f5f6f8 !important; border-radius: 12px 0 0 12px !important; } #popmake-226487 .iti__country-list, #popmake-21784 .iti__country-list, #popmake-21696 .iti__country-list { z-index: 999999 !important; border-radius: 12px !important; box-shadow: 0 16px 40px rgba(12, 19, 26, 0.16) !important; } /* ========================================================= CHECKBOX / СОГЛАСИЕ ========================================================= */ #popmake-226487 .ff-el-form-check, #popmake-21784 .ff-el-form-check, #popmake-21696 .ff-el-form-check { margin: 0 0 24px !important; } #popmake-226487 .ff-el-form-check-label, #popmake-21784 .ff-el-form-check-label, #popmake-21696 .ff-el-form-check-label { display: flex !important; align-items: flex-start !important; gap: 10px !important; cursor: pointer !important; } #popmake-226487 input[type="checkbox"], #popmake-21784 input[type="checkbox"], #popmake-21696 input[type="checkbox"] { width: 20px !important; height: 20px !important; margin: 2px 0 0 !important; accent-color: #335FBB !important; cursor: pointer !important; } #popmake-226487 .ff_t_c, #popmake-226487 .ff_t_c p, #popmake-226487 .ff_t_c em, #popmake-226487 .ff_t_c a, #popmake-21784 .ff_t_c, #popmake-21784 .ff_t_c p, #popmake-21784 .ff_t_c em, #popmake-21784 .ff_t_c a, #popmake-21696 .ff_t_c, #popmake-21696 .ff_t_c p, #popmake-21696 .ff_t_c em, #popmake-21696 .ff_t_c a { display: inline !important; margin: 0 !important; color: #68717d !important; font-size: 14px !important; line-height: 20px !important; font-style: normal !important; font-weight: 400 !important; } #popmake-226487 .ff_t_c a, #popmake-21784 .ff_t_c a, #popmake-21696 .ff_t_c a { color: #335FBB !important; text-decoration: underline !important; } /* ========================================================= КНОПКИ ========================================================= */ #popmake-226487 .ff_submit_btn_wrapper, #popmake-21784 .ff_submit_btn_wrapper, #popmake-21696 .ff_submit_btn_wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } #popmake-226487 .ff-btn-submit, #popmake-21784 .ff-btn-submit, #popmake-21696 .ff-btn-submit, #popmake-226487 button[type="submit"], #popmake-21784 button[type="submit"], #popmake-21696 button[type="submit"] { width: 100% !important; min-height: 64px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 18px 26px !important; color: #ffffff !important; background-color: #244494 !important; background-image: linear-gradient(to right, #244494 0%, #335FBB 50%, #244494 100%) !important; background-size: 200% 100% !important; background-position: 0 0 !important; border: none !important; border-radius: 12px !important; box-shadow: none !important; font-size: 16px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: none !important; text-decoration: none !important; cursor: pointer !important; transition: all .2s ease-in-out !important; } #popmake-226487 .ff-btn-submit:hover, #popmake-21784 .ff-btn-submit:hover, #popmake-21696 .ff-btn-submit:hover, #popmake-226487 button[type="submit"]:hover, #popmake-21784 button[type="submit"]:hover, #popmake-21696 button[type="submit"]:hover { color: #ffffff !important; background-position: 100% 0 !important; transform: translateY(-1px) !important; box-shadow: 0 14px 30px rgba(36, 68, 148, 0.30) !important; } /* ========================================================= ОШИБКИ / АНТИСПАМ ========================================================= */ #popmake-226487 .ff-el-is-error input, #popmake-226487 .ff-el-is-error textarea, #popmake-226487 .ff-el-is-error .ff-el-form-control, #popmake-21784 .ff-el-is-error input, #popmake-21784 .ff-el-is-error textarea, #popmake-21784 .ff-el-is-error .ff-el-form-control, #popmake-21696 .ff-el-is-error input, #popmake-21696 .ff-el-is-error textarea, #popmake-21696 .ff-el-is-error .ff-el-form-control { border-color: #ff2b2b !important; } #popmake-226487 .ff-el-error, #popmake-21784 .ff-el-error, #popmake-21696 .ff-el-error { margin-top: 6px !important; color: #ff2b2b !important; font-size: 13px !important; line-height: 18px !important; font-weight: 600 !important; } #popmake-226487 .altEmail_container, #popmake-226487 .wpa_hidden_field, #popmake-226487 .wpa-test-msg, #popmake-21784 .altEmail_container, #popmake-21784 .wpa_hidden_field, #popmake-21784 .wpa-test-msg, #popmake-21696 .altEmail_container, #popmake-21696 .wpa_hidden_field, #popmake-21696 .wpa-test-msg { display: none !important; } /* ========================================================= КНОПКА ЗАКРЫТИЯ ========================================================= */ #popmake-226487 .pum-close, #popmake-226487 .popmake-close, #popmake-21784 .pum-close, #popmake-21784 .popmake-close, #popmake-21696 .pum-close, #popmake-21696 .popmake-close { position: absolute !important; top: 22px !important; right: 22px !important; width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; color: transparent !important; font-size: 0 !important; cursor: pointer !important; } #popmake-226487 .pum-close::before, #popmake-226487 .pum-close::after, #popmake-226487 .popmake-close::before, #popmake-226487 .popmake-close::after, #popmake-21784 .pum-close::before, #popmake-21784 .pum-close::after, #popmake-21784 .popmake-close::before, #popmake-21784 .popmake-close::after, #popmake-21696 .pum-close::before, #popmake-21696 .pum-close::after, #popmake-21696 .popmake-close::before, #popmake-21696 .popmake-close::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 30px !important; height: 2px !important; background: #68717d !important; border-radius: 2px !important; } #popmake-226487 .pum-close::before, #popmake-226487 .popmake-close::before, #popmake-21784 .pum-close::before, #popmake-21784 .popmake-close::before, #popmake-21696 .pum-close::before, #popmake-21696 .popmake-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } #popmake-226487 .pum-close::after, #popmake-226487 .popmake-close::after, #popmake-21784 .pum-close::after, #popmake-21784 .popmake-close::after, #popmake-21696 .pum-close::after, #popmake-21696 .popmake-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================================= АДАПТИВ ========================================================= */ @media (max-width: 768px) { #popmake-226487, #popmake-21784, #popmake-21696 { width: calc(100vw - 24px) !important; max-width: none !important; padding: 40px 22px 34px !important; border-radius: 24px !important; } #popmake-226487 h2 { font-size: 20px !important; line-height: 1.25 !important; margin-bottom: 16px !important; } #popmake-226487 .wpb_text_column p { margin-bottom: 24px !important; font-size: 15px !important; line-height: 1.4 !important; } #popmake-226487 .ff-t-container, #popmake-21784 .ff-t-container, #popmake-21696 .ff-t-container { display: block !important; } #popmake-226487 .ff-el-group, #popmake-21784 .ff-el-group, #popmake-21696 .ff-el-group { margin-bottom: 18px !important; } #popmake-226487 .ff-el-input--label label, #popmake-21784 .ff-el-input--label label, #popmake-21696 .ff-el-input--label label { font-size: 15px !important; line-height: 20px !important; } #popmake-226487 input[type="text"], #popmake-226487 input[type="tel"], #popmake-226487 input[type="email"], #popmake-226487 textarea, #popmake-226487 .ff-el-form-control, #popmake-21784 input[type="text"], #popmake-21784 input[type="tel"], #popmake-21784 input[type="email"], #popmake-21784 textarea, #popmake-21784 .ff-el-form-control, #popmake-21696 input[type="text"], #popmake-21696 input[type="tel"], #popmake-21696 input[type="email"], #popmake-21696 textarea, #popmake-21696 .ff-el-form-control { height: 60px !important; padding-left: 18px !important; padding-right: 18px !important; font-size: 16px !important; } #popmake-226487 .iti input[type="tel"], #popmake-21784 .iti input[type="tel"], #popmake-21696 .iti input[type="tel"] { padding-left: 96px !important; } #popmake-226487 .iti__flag-container, #popmake-21784 .iti__flag-container, #popmake-21696 .iti__flag-container, #popmake-226487 .iti__selected-flag, #popmake-21784 .iti__selected-flag, #popmake-21696 .iti__selected-flag { height: 60px !important; } #popmake-226487 .ff-btn-submit, #popmake-21784 .ff-btn-submit, #popmake-21696 .ff-btn-submit, #popmake-226487 button[type="submit"], #popmake-21784 button[type="submit"], #popmake-21696 button[type="submit"] { min-height: 60px !important; font-size: 16px !important; } #popmake-226487 .pum-close, #popmake-226487 .popmake-close, #popmake-21784 .pum-close, #popmake-21784 .popmake-close, #popmake-21696 .pum-close, #popmake-21696 .popmake-close { top: 16px !important; right: 16px !important; } } @media (max-width: 420px) { #popmake-226487, #popmake-21784, #popmake-21696 { padding: 38px 18px 30px !important; border-radius: 22px !important; } #popmake-226487 h2 { font-size: 18px !important; } #popmake-226487 .wpb_text_column p { font-size: 14px !important; } #popmake-226487 input[type="text"], #popmake-226487 input[type="tel"], #popmake-226487 input[type="email"], #popmake-226487 textarea, #popmake-226487 .ff-el-form-control, #popmake-21784 input[type="text"], #popmake-21784 input[type="tel"], #popmake-21784 input[type="email"], #popmake-21784 textarea, #popmake-21784 .ff-el-form-control, #popmake-21696 input[type="text"], #popmake-21696 input[type="tel"], #popmake-21696 input[type="email"], #popmake-21696 textarea, #popmake-21696 .ff-el-form-control { height: 58px !important; font-size: 15px !important; } #popmake-226487 .iti__flag-container, #popmake-21784 .iti__flag-container, #popmake-21696 .iti__flag-container, #popmake-226487 .iti__selected-flag, #popmake-21784 .iti__selected-flag, #popmake-21696 .iti__selected-flag { height: 58px !important; } } /* ========================================================= 1. ОСНОВА POPUP / OVERLAY ========================================================= */ #pum-207180 { background: rgba(12, 19, 26, 0.24) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; padding: 15px !important; box-sizing: border-box !important; } #popmake-207180 { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: calc(100vw - 30px) !important; max-width: 1120px !important; min-width: 0 !important; height: auto !important; max-height: calc(100dvh - 30px) !important; margin: 0 !important; padding: 34px !important; background: var(--malare-bg) !important; border: 1px solid rgba(255, 255, 255, 0.65) !important; border-radius: 32px !important; box-shadow: var(--malare-shadow-popup) !important; overflow-y: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; } #popmake-207180 .pum-content, #popmake-207180 .popmake-content { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } #popmake-207180 .pum-content > p:empty, #popmake-207180 .popmake-content > p:empty { display: none !important; } /* ========================================================= 2. СЕТКА БЛОКОВ ========================================================= */ #popmake-207180 .pum-content > .vc_row, #popmake-207180 .popmake-content > .vc_row { display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.65fr) !important; gap: 24px !important; align-items: stretch !important; margin: 0 0 24px !important; padding: 0 !important; } #popmake-207180 .pum-content > .vc_row:nth-of-type(2), #popmake-207180 .popmake-content > .vc_row:nth-of-type(2) { grid-template-columns: minmax(260px, 0.65fr) minmax(0, 1.45fr) !important; margin-bottom: 0 !important; } #popmake-207180 .vc_row::before, #popmake-207180 .vc_row::after { display: none !important; content: none !important; } #popmake-207180 .vc_column_container, #popmake-207180 .wpb_column { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; } #popmake-207180 .vc_column-inner { height: 100% !important; padding: 0 !important; } #popmake-207180 .wpb_wrapper { height: 100% !important; } /* ========================================================= 3. ТЕКСТОВЫЕ КАРТОЧКИ ========================================================= */ #popmake-207180 .wpb_text_column { height: 100% !important; margin: 0 !important; padding: 0 !important; } #popmake-207180 .wpb_text_column > .wpb_wrapper { height: auto !important; padding: 0 !important; } #popmake-207180 .vc_col-sm-8 .wpb_wrapper, #popmake-207180 .vc_col-sm-8:not(.vc_hidden-xs) .wpb_wrapper { display: flex !important; flex-direction: column !important; } #popmake-207180 .title-wrapper, #popmake-207180 .wpb_text_column { background: #ffffff !important; border: 1px solid var(--malare-border) !important; box-shadow: var(--malare-shadow-soft) !important; } #popmake-207180 .title-wrapper { margin: 0 !important; padding: 26px 30px 18px !important; border-radius: var(--malare-radius-lg) var(--malare-radius-lg) 0 0 !important; border-bottom: 0 !important; } #popmake-207180 .wpb_text_column { padding: 0 30px 30px !important; border-radius: 0 0 var(--malare-radius-lg) var(--malare-radius-lg) !important; border-top: 0 !important; } #popmake-207180 .liner-continer { margin: 0 !important; padding: 0 !important; } #popmake-207180 .woodmart-title-container, #popmake-207180 h2.woodmart-title-container { position: relative !important; margin: 0 !important; padding: 0 0 0 18px !important; color: var(--malare-text) !important; font-size: 30px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.02em !important; text-transform: none !important; } #popmake-207180 .woodmart-title-container::before, #popmake-207180 h2.woodmart-title-container::before { content: "" !important; position: absolute !important; left: 0 !important; top: 4px !important; width: 5px !important; height: calc(100% - 8px) !important; min-height: 28px !important; background: linear-gradient(180deg, var(--malare-blue), var(--malare-blue-2)) !important; border-radius: 999px !important; } #popmake-207180 .wpb_text_column p { margin: 0 0 18px !important; color: var(--malare-muted) !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 500 !important; } #popmake-207180 .wpb_text_column p strong { color: var(--malare-text) !important; font-weight: 800 !important; } #popmake-207180 .wpb_text_column h4 { margin: 22px 0 12px !important; color: var(--malare-blue) !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 800 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; } #popmake-207180 .wpb_text_column ul { display: grid !important; gap: 10px !important; margin: 0 0 18px !important; padding: 0 !important; list-style: none !important; } #popmake-207180 .wpb_text_column ul:last-child { margin-bottom: 0 !important; } #popmake-207180 .wpb_text_column li { position: relative !important; margin: 0 !important; padding: 13px 16px 13px 46px !important; color: var(--malare-text) !important; font-size: 16px !important; line-height: 1.45 !important; font-weight: 500 !important; background: #f7f9ff !important; border: 1px solid #e4eaf7 !important; border-radius: 14px !important; } #popmake-207180 .wpb_text_column li::before { content: "" !important; position: absolute !important; left: 16px !important; top: 15px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: linear-gradient(135deg, var(--malare-blue), var(--malare-blue-2)) !important; box-shadow: 0 6px 14px rgba(36, 68, 148, 0.22) !important; } #popmake-207180 .wpb_text_column li::after { content: "" !important; position: absolute !important; left: 22px !important; top: 20px !important; width: 6px !important; height: 9px !important; border: solid #ffffff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } /* ========================================================= 4. ИЗОБРАЖЕНИЯ ========================================================= */ #popmake-207180 .wd-image { height: 100% !important; margin: 0 !important; padding: 18px !important; background: #ffffff !important; border: 1px solid var(--malare-border) !important; border-radius: var(--malare-radius-lg) !important; box-shadow: var(--malare-shadow-soft) !important; box-sizing: border-box !important; overflow: hidden !important; } #popmake-207180 .wd-image img { display: block !important; width: 100% !important; height: 100% !important; min-height: 300px !important; object-fit: cover !important; object-position: center !important; border-radius: 18px !important; transition: transform .25s ease, filter .25s ease !important; } #popmake-207180 .wd-image:hover img { transform: scale(1.025) !important; filter: saturate(1.04) contrast(1.02) !important; } /* ========================================================= 5. КНОПКА ЗАКРЫТИЯ ========================================================= */ #popmake-207180 .pum-close, #popmake-207180 .popmake-close { position: absolute !important; top: 22px !important; right: 22px !important; z-index: 20 !important; width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; border: 1px solid var(--malare-border) !important; border-radius: 50% !important; box-shadow: 0 10px 26px rgba(25, 39, 69, 0.12) !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; cursor: pointer !important; transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important; } #popmake-207180 .pum-close:hover, #popmake-207180 .popmake-close:hover { transform: translateY(-1px) !important; background: #f7f9ff !important; box-shadow: 0 14px 30px rgba(36, 68, 148, 0.18) !important; } #popmake-207180 .pum-close::before, #popmake-207180 .pum-close::after, #popmake-207180 .popmake-close::before, #popmake-207180 .popmake-close::after { content: "" !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 18px !important; height: 2px !important; background: var(--malare-muted) !important; border-radius: 2px !important; transform-origin: center !important; } #popmake-207180 .pum-close::before, #popmake-207180 .popmake-close::before { transform: translate(-50%, -50%) rotate(45deg) !important; } #popmake-207180 .pum-close::after, #popmake-207180 .popmake-close::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } /* ========================================================= 6. SCROLLBAR ВНУТРИ POPUP ========================================================= */ #popmake-207180::-webkit-scrollbar { width: 8px !important; } #popmake-207180::-webkit-scrollbar-track { background: transparent !important; } #popmake-207180::-webkit-scrollbar-thumb { background: var(--malare-blue) !important; border-radius: 999px !important; } /* ========================================================= АДАПТИВ ========================================================= */ @media (max-width: 1024px) { #popmake-207180 { max-width: 860px !important; padding: 28px !important; border-radius: 28px !important; } #popmake-207180 .pum-content > .vc_row, #popmake-207180 .popmake-content > .vc_row, #popmake-207180 .pum-content > .vc_row:nth-of-type(2), #popmake-207180 .popmake-content > .vc_row:nth-of-type(2) { grid-template-columns: 1fr !important; gap: 20px !important; } #popmake-207180 .pum-content > .vc_row:nth-of-type(2) .wpb_column:first-child, #popmake-207180 .popmake-content > .vc_row:nth-of-type(2) .wpb_column:first-child { order: 2 !important; } #popmake-207180 .pum-content > .vc_row:nth-of-type(2) .wpb_column:last-child, #popmake-207180 .popmake-content > .vc_row:nth-of-type(2) .wpb_column:last-child { order: 1 !important; } #popmake-207180 .wd-image img { min-height: 260px !important; max-height: 320px !important; } #popmake-207180 .woodmart-title-container, #popmake-207180 h2.woodmart-title-container { font-size: 26px !important; } } @media (max-width: 767px) { #pum-207180 { padding: 10px !important; } #popmake-207180 { width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; padding: 22px 18px !important; border-radius: 24px !important; } #popmake-207180 .pum-content > .vc_row, #popmake-207180 .popmake-content > .vc_row, #popmake-207180 .pum-content > .vc_row:nth-of-type(2), #popmake-207180 .popmake-content > .vc_row:nth-of-type(2) { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; margin-bottom: 18px !important; } #popmake-207180 .vc_hidden-xs { display: none !important; } #popmake-207180 .title-wrapper { padding: 22px 22px 14px !important; border-radius: 20px 20px 0 0 !important; } #popmake-207180 .wpb_text_column { padding: 0 22px 24px !important; border-radius: 0 0 20px 20px !important; } #popmake-207180 .woodmart-title-container, #popmake-207180 h2.woodmart-title-container { font-size: 23px !important; line-height: 1.18 !important; padding-left: 15px !important; } #popmake-207180 .wpb_text_column p { font-size: 16px !important; line-height: 1.5 !important; margin-bottom: 16px !important; } #popmake-207180 .wpb_text_column h4 { margin-top: 20px !important; font-size: 15px !important; line-height: 1.3 !important; } #popmake-207180 .wpb_text_column li { padding: 12px 14px 12px 42px !important; font-size: 15px !important; line-height: 1.42 !important; border-radius: 13px !important; } #popmake-207180 .wpb_text_column li::before { left: 14px !important; top: 14px !important; } #popmake-207180 .wpb_text_column li::after { left: 20px !important; top: 19px !important; } #popmake-207180 .pum-close, #popmake-207180 .popmake-close { top: 14px !important; right: 14px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; } } @media (max-width: 420px) { #popmake-207180 { padding: 18px 14px !important; border-radius: 22px !important; } #popmake-207180 .title-wrapper { padding: 20px 18px 12px !important; } #popmake-207180 .wpb_text_column { padding: 0 18px 22px !important; } #popmake-207180 .woodmart-title-container, #popmake-207180 h2.woodmart-title-container { font-size: 21px !important; } #popmake-207180 .wpb_text_column p { font-size: 15px !important; } #popmake-207180 .wpb_text_column li { font-size: 14px !important; } #popmake-207180 .pum-close, #popmake-207180 .popmake-close { top: 12px !important; right: 12px !important; } }