/* * Dealify final override layer. * Loaded after dealify-ui.css so production polish is not beaten by older * accumulated ReHub override blocks. */ html body.dealify-theme #main_header.dealify-main-header { background: #ffffff !important; border-bottom: 1px solid #e7eaf6 !important; box-shadow: 0 10px 30px rgba(7, 17, 58, 0.06) !important; left: 0 !important; overflow: visible !important; position: sticky !important; right: 0 !important; top: 0 !important; z-index: 100000 !important; } html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 32px !important; } html body.dealify-theme #main_header.dealify-main-header .header_wrap, html body.dealify-theme #main_header.dealify-main-header .dealify-nav-wrap { background: #ffffff !important; overflow: visible !important; position: relative !important; z-index: 100001 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav { display: grid !important; gap: clamp(14px, 1.5vw, 26px) !important; grid-template-columns: 180px minmax(520px, max-content) minmax(420px, 1fr) !important; max-width: 1280px !important; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% - 48px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { padding-left: 24px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu { justify-content: flex-start !important; min-width: 0 !important; overflow: visible !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: clamp(14px, 1.2vw, 24px) !important; min-width: max-content !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li > a { font-size: clamp(14px, 0.95vw, 16px) !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { align-items: center !important; display: flex !important; gap: 18px !important; justify-content: flex-end !important; min-width: 0 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { flex: 1 1 auto !important; max-width: none !important; min-width: 300px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form { width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[type="text"], html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[type="search"], html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[name="s"] { padding-left: 30px !important; padding-right: 72px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher { align-items: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; display: inline-flex !important; flex: 0 0 auto !important; height: 48px !important; min-width: 92px !important; padding: 0 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper { align-items: center !important; display: inline-flex !important; height: 48px !important; justify-content: center !important; min-width: 92px !important; position: relative !important; width: 92px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper #gt_float_wrapper { inset: auto !important; position: relative !important; right: auto !important; top: auto !important; z-index: 10095 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_float_switcher { background: #ffffff !important; border: 1px solid #dedcff !important; border-radius: 999px !important; box-shadow: none !important; color: #07113a !important; font-family: inherit !important; font-size: 16px !important; font-weight: 900 !important; min-width: 92px !important; overflow: visible !important; position: relative !important; z-index: 100020 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-selected, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-current-lang { align-items: center !important; background: #ffffff !important; color: #07113a !important; display: flex !important; gap: 6px !important; height: 48px !important; justify-content: center !important; padding: 0 12px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-current-lang img, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options img { border-radius: 2px !important; height: 17px !important; object-fit: cover !important; width: 24px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-lang-code { color: #07113a !important; font-size: 13px !important; font-weight: 950 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options { background: #ffffff !important; border: 1px solid #dedcff !important; border-radius: 12px !important; box-shadow: 0 18px 44px rgba(7, 17, 58, 0.16) !important; left: 0 !important; margin-top: 8px !important; overflow: hidden !important; position: absolute !important; top: 48px !important; min-width: 148px !important; width: max-content !important; z-index: 100030 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a { align-items: center !important; background: #ffffff !important; color: #07113a !important; display: flex !important; font-size: 14px !important; font-weight: 800 !important; gap: 10px !important; min-height: 40px !important; padding: 8px 12px !important; text-decoration: none !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_float_switcher-arrow { transform: scale(0.8) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a:hover, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a.gt-current { background: #eef1ff !important; color: #342bff !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav-cats > .dealify-nav-cats__panel, html body.dealify-theme #main_header.dealify-main-header .dealify-nav-cats.is-open > .dealify-nav-cats__panel { z-index: 100010 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav-cats__columns, html body.dealify-theme #main_header.dealify-main-header .dealify-nav-cats__column { z-index: 100011 !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero { border-bottom: 0 !important; padding: 24px 20px 10px !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero h1 { font-size: clamp(42px, 5vw, 66px) !important; line-height: 1.02 !important; margin: 0 0 14px !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero p { font-size: 20px !important; margin: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-section { padding-top: 12px !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-controls { margin-bottom: 12px !important; padding: 12px 14px !important; } html body.dealify-theme.dealify-deals-page .dealify-price-filter-tabs--listing { margin-bottom: 12px !important; } html body.dealify-theme.dealify-deals-page .dealify-listing-bar { margin-bottom: 14px !important; padding: 10px 14px !important; } html body.dealify-theme.dealify-deals-page .dealify-product-grid { margin-top: 0 !important; } html body.dealify-theme.dealify-homepage .dealify-hero, html body.dealify-theme.dealify-homepage .dealify-hero--home { display: block !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; padding: clamp(70px, 7vw, 104px) 0 clamp(54px, 7vw, 92px) !important; } html body.dealify-theme.dealify-homepage .dealify-hero__inner, html body.dealify-theme.dealify-homepage .dealify-hero__content, html body.dealify-theme.dealify-homepage .dealify-hero__copy { display: flex !important; flex-direction: column !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } html body.dealify-theme.dealify-homepage .dealify-hero__inner { align-items: center !important; justify-content: center !important; } html body.dealify-theme.dealify-homepage .dealify-hero__content { align-items: center !important; margin: 0 auto !important; max-width: 1040px !important; position: relative !important; z-index: 2 !important; } html body.dealify-theme.dealify-homepage .dealify-hero h1 { font-size: clamp(48px, 5.6vw, 92px) !important; line-height: 1.06 !important; margin: 0 auto 26px !important; max-width: 1040px !important; overflow: visible !important; text-wrap: balance !important; } html body.dealify-theme.dealify-homepage .dealify-hero p { margin-bottom: 34px !important; max-width: 850px !important; } html body.dealify-theme.dealify-homepage .dealify-search-panel, html body.dealify-theme.dealify-homepage .dealify-trust-strip, html body.dealify-theme.dealify-homepage .dealify-quick-links { height: auto !important; max-height: none !important; overflow: visible !important; } @media (max-width: 1320px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { gap: 18px !important; grid-template-columns: 150px minmax(450px, max-content) minmax( 340px, 1fr ) !important; width: calc(100% - 32px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { min-width: 260px !important; } } @media (max-width: 1120px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { grid-template-columns: 130px minmax(360px, max-content) minmax( 260px, 1fr ) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper { min-width: 74px !important; width: 74px !important; } } @media (max-width: 1024px) { html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 32px !important; } html body.dealify-theme #main_header.dealify-main-header, html body.dealify-theme #main_header.dealify-main-header .header_wrap, html body.dealify-theme #main_header.dealify-main-header .dealify-nav-wrap { background: #ffffff !important; height: 56px !important; min-height: 56px !important; overflow: visible !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav { align-items: center !important; display: flex !important; gap: 0 !important; grid-template-columns: none !important; height: 56px !important; justify-content: space-between !important; max-width: none !important; padding: 0 12px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { display: none !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav #dl-menu { align-items: center !important; display: flex !important; height: 56px !important; justify-content: space-between !important; margin: 0 !important; overflow: visible !important; padding: 0 !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__logo { color: #07113a !important; display: inline-flex !important; flex: 0 0 auto !important; font-size: 18px !important; font-weight: 950 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; } html body.dealify-theme #main_header.dealify-main-header #mobile-menu-icons { align-items: center !important; display: flex !important; gap: 7px !important; justify-content: flex-end !important; margin: 0 !important; min-width: 0 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__icon, html body.dealify-theme #main_header.dealify-main-header #dl-trigger { align-items: center !important; background: #ffffff !important; border: 1px solid #e2e5f5 !important; border-radius: 999px !important; color: #342bff !important; display: inline-flex !important; flex: 0 0 34px !important; height: 34px !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; width: 34px !important; } html body.dealify-theme #main_header.dealify-main-header #dl-trigger svg { height: 19px !important; width: 19px !important; } html body.dealify-theme #main_header.dealify-main-header #dl-trigger svg line { stroke: #342bff !important; stroke-width: 3px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher { display: none !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher { align-items: center !important; display: inline-flex !important; flex: 0 0 auto !important; height: 34px !important; min-width: 64px !important; position: relative !important; z-index: 100020 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gtranslate_wrapper { align-items: center !important; display: inline-flex !important; height: 34px !important; justify-content: center !important; min-width: 64px !important; position: relative !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_float_switcher { background: #ffffff !important; border: 1px solid #e2e5f5 !important; border-radius: 999px !important; box-shadow: none !important; min-width: 64px !important; overflow: visible !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-selected, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-current-lang { align-items: center !important; display: flex !important; gap: 5px !important; height: 34px !important; justify-content: center !important; padding: 0 8px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher img { border-radius: 2px !important; height: 15px !important; object-fit: cover !important; width: 22px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-lang-code { color: #07113a !important; font-size: 12px !important; font-weight: 950 !important; text-transform: uppercase !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_options { background: #ffffff !important; border: 1px solid #dedcff !important; border-radius: 10px !important; box-shadow: 0 16px 36px rgba(7, 17, 58, 0.18) !important; min-width: 132px !important; position: absolute !important; right: 0 !important; top: 40px !important; z-index: 100030 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_options a { align-items: center !important; color: #07113a !important; display: flex !important; font-size: 13px !important; font-weight: 800 !important; gap: 8px !important; min-height: 36px !important; padding: 7px 10px !important; text-decoration: none !important; } } @media (max-width: 760px) { html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 46px !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero { padding: 18px 16px 8px !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero h1 { font-size: clamp(34px, 12vw, 48px) !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero p { font-size: 16px !important; } } @media (max-width: 380px) { html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gtranslate_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_float_switcher { min-width: 44px !important; width: 44px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-lang-code, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_float_switcher-arrow { display: none !important; } } /* * v4.2.6 translated navbar + fluid hero correction. * These rules intentionally sit last so translated labels and GTranslate * markup cannot fall back to older fixed-width ReHub/child overrides. */ html body.dealify-theme #main_header.dealify-main-header { overflow: visible !important; position: sticky !important; top: 0 !important; z-index: 100000 !important; } html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 32px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav { align-items: center !important; display: grid !important; gap: clamp(16px, 1.55vw, 28px) !important; grid-template-columns: 190px minmax(500px, max-content) minmax(520px, 1fr) !important; height: 70px !important; margin-left: auto !important; margin-right: auto !important; max-width: 1600px !important; min-height: 70px !important; overflow: visible !important; padding: 0 !important; width: calc(100% - 96px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { align-items: center !important; color: #07113a !important; display: inline-flex !important; font-size: 32px !important; font-weight: 950 !important; height: 70px !important; line-height: 1 !important; margin: 0 !important; min-width: 0 !important; padding: 0 !important; text-decoration: none !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu { align-items: center !important; display: flex !important; gap: clamp(18px, 1.5vw, 28px) !important; height: 70px !important; justify-content: flex-start !important; min-width: 0 !important; overflow: visible !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { align-items: center !important; display: flex !important; flex: 0 0 auto !important; gap: clamp(16px, 1.35vw, 26px) !important; height: 70px !important; justify-content: flex-start !important; margin: 0 !important; min-width: 0 !important; padding: 0 !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li > a { align-items: center !important; display: inline-flex !important; flex: 0 0 auto !important; height: 70px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li > a { color: #07113a !important; font-size: clamp(14px, 0.95vw, 17px) !important; font-weight: 900 !important; text-decoration: none !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { align-items: center !important; display: flex !important; gap: clamp(12px, 1vw, 18px) !important; height: 70px !important; justify-content: flex-end !important; min-width: 0 !important; overflow: visible !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { flex: 1 1 460px !important; max-width: none !important; min-width: 360px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form { height: 46px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[type="text"], html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[type="search"], html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form input[name="s"] { border-radius: 999px 0 0 999px !important; font-size: 15px !important; height: 46px !important; line-height: 46px !important; padding: 0 70px 0 28px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form button, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search form.search-form .btnsearch { border-radius: 0 999px 999px 0 !important; height: 46px !important; min-height: 46px !important; width: 58px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper #gt_float_wrapper { align-items: center !important; display: inline-flex !important; flex: 0 0 auto !important; height: 40px !important; justify-content: center !important; min-width: 76px !important; overflow: visible !important; padding: 0 !important; position: relative !important; width: 76px !important; z-index: 100020 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_float_switcher { background: #ffffff !important; border: 1px solid #e2e5f5 !important; border-radius: 999px !important; box-shadow: none !important; color: #07113a !important; font-family: inherit !important; height: 40px !important; min-width: 76px !important; overflow: visible !important; position: relative !important; width: 76px !important; z-index: 100020 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-selected, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-current-lang { align-items: center !important; background: transparent !important; color: #07113a !important; display: flex !important; gap: 5px !important; height: 40px !important; justify-content: center !important; line-height: 1 !important; padding: 0 8px !important; width: 76px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-current-lang img, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options img { border-radius: 2px !important; height: 15px !important; object-fit: cover !important; width: 22px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-lang-code { color: #07113a !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: uppercase !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_float_switcher-arrow { margin-left: 0 !important; transform: scale(0.72) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options { background: #ffffff !important; border: 1px solid #dedcff !important; border-radius: 12px !important; box-shadow: 0 18px 44px rgba(7, 17, 58, 0.16) !important; left: auto !important; margin-top: 8px !important; min-width: 142px !important; overflow: hidden !important; position: absolute !important; right: 0 !important; top: 40px !important; width: max-content !important; z-index: 100030 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a { align-items: center !important; background: #ffffff !important; color: #07113a !important; display: flex !important; font-size: 13px !important; font-weight: 800 !important; gap: 8px !important; min-height: 36px !important; padding: 7px 10px !important; text-decoration: none !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a:hover, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_options a.gt-current { background: #eef1ff !important; color: #342bff !important; } html body.dealify-theme.dealify-homepage .dealify-hero, html body.dealify-theme.dealify-homepage .dealify-hero.dealify-hero--home, html body.dealify-theme .dealify-hero.dealify-hero--home { display: block !important; height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; padding: clamp(58px, 6.5vw, 94px) 0 clamp(48px, 6vw, 82px) !important; } html body.dealify-theme.dealify-homepage .dealify-hero__inner, html body.dealify-theme.dealify-homepage .dealify-hero__content, html body.dealify-theme.dealify-homepage .dealify-hero__copy, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__inner, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__content, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__copy { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__inner { align-items: center !important; display: flex !important; justify-content: center !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__content { align-items: center !important; display: flex !important; flex-direction: column !important; margin: 0 auto !important; max-width: 1080px !important; text-align: center !important; width: min(1080px, calc(100vw - 32px)) !important; } html body.dealify-theme .dealify-hero.dealify-hero--home h1 { font-size: clamp(46px, 5.2vw, 88px) !important; line-height: 1.06 !important; margin: 0 auto 26px !important; max-width: 1080px !important; overflow: visible !important; text-wrap: balance !important; } html body.dealify-theme .dealify-hero.dealify-hero--home p { font-size: clamp(18px, 1.5vw, 24px) !important; line-height: 1.45 !important; margin: 0 auto 34px !important; max-width: 880px !important; overflow: visible !important; text-wrap: balance !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-search-panel, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-search, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-trust-strip, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-quick-links { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } @media (max-width: 1320px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { gap: 14px !important; grid-template-columns: 150px minmax(420px, max-content) minmax( 330px, 1fr ) !important; width: calc(100% - 44px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: 14px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li > a { font-size: 14px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { min-width: 260px !important; } } @media (max-width: 1120px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { gap: 10px !important; grid-template-columns: 126px minmax(340px, max-content) minmax( 220px, 1fr ) !important; width: calc(100% - 28px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { font-size: 28px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { min-width: 220px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { gap: 8px !important; } } @media (max-width: 1024px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { display: flex !important; height: 56px !important; min-height: 56px !important; padding: 0 12px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { display: none !important; } } @media (max-width: 760px) { html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 46px !important; } html body.dealify-theme.dealify-homepage .dealify-hero, html body.dealify-theme.dealify-homepage .dealify-hero.dealify-hero--home, html body.dealify-theme .dealify-hero.dealify-hero--home { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; padding: 32px 0 30px !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__content { max-width: none !important; padding: 0 12px !important; width: 100% !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-eyebrow { font-size: 9px !important; line-height: 1.25 !important; margin-bottom: 8px !important; max-width: 92vw !important; } html body.dealify-theme .dealify-hero.dealify-hero--home h1 { font-size: clamp(34px, 11vw, 48px) !important; line-height: 1.03 !important; margin: 0 auto 16px !important; max-width: 94vw !important; overflow-wrap: normal !important; word-break: normal !important; } html body.dealify-theme .dealify-hero.dealify-hero--home p { font-size: 15px !important; line-height: 1.48 !important; margin: 0 auto 20px !important; max-width: 92vw !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-search-panel { max-width: none !important; width: min(92vw, 440px) !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-trust-strip { align-items: center !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: center !important; margin-top: 16px !important; max-width: 92vw !important; } } /* * v4.2.7 wishlist page polish. * ReHub renders wishlist items as table-like rows; keep the behavior and * restyle those rows into Dealify cards. */ html body.dealify-theme.dealify-wishlist-page { background: #f5f7ff !important; } html body.dealify-theme.dealify-wishlist-page .dealify-page { background: linear-gradient( 180deg, #ffffff 0%, #f6f7ff 38%, #ffffff 100% ) !important; } html body.dealify-theme.dealify-wishlist-page .dealify-page-hero--compact { background: radial-gradient( circle at 20% 10%, rgba(255, 100, 55, 0.14), transparent 28% ), linear-gradient(135deg, #342bff 0%, #20158e 100%) !important; border-bottom: 0 !important; color: #ffffff !important; padding: 50px 20px 42px !important; } html body.dealify-theme.dealify-wishlist-page .dealify-page-hero--compact .dealify-eyebrow { color: #22e58f !important; } html body.dealify-theme.dealify-wishlist-page .dealify-page-hero--compact h1 { color: #ffffff !important; font-size: clamp(42px, 5vw, 68px) !important; letter-spacing: 0 !important; line-height: 1.02 !important; margin: 0 !important; } html body.dealify-theme.dealify-wishlist-page .dealify-section { padding: 42px 20px 70px !important; } html body.dealify-theme.dealify-wishlist-page .dealify-static-page, html body.dealify-theme.dealify-wishlist-page .dealify-panel, html body.dealify-theme.dealify-wishlist-page .dealify-content { background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 auto !important; max-width: 1180px !important; padding: 0 !important; } html body.dealify-theme.dealify-wishlist-page .dealify-content { color: #07113a !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.6 !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts { border-collapse: separate !important; border-spacing: 0 14px !important; display: grid !important; gap: 14px !important; margin: 0 !important; width: 100% !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rowdisplay { align-items: center !important; background: #ffffff !important; border: 1px solid #dde3f7 !important; border-radius: 14px !important; box-shadow: 0 18px 44px rgba(7, 17, 58, 0.08) !important; display: grid !important; gap: 18px !important; grid-template-columns: 48px 112px minmax(0, 1fr) 210px !important; margin: 0 !important; overflow: hidden !important; padding: 14px !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; width: 100% !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rowdisplay:hover { border-color: #c9d1ff !important; box-shadow: 0 24px 54px rgba(7, 17, 58, 0.12) !important; transform: translateY(-2px) !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay { background: transparent !important; border: 0 !important; display: block !important; padding: 0 !important; text-align: left !important; vertical-align: middle !important; width: auto !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay:first-child { align-items: center !important; display: flex !important; justify-content: center !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .cell_wishlist, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .heartplus, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .alreadywish { align-items: center !important; background: #ffffff !important; border: 1px solid #dfe3ff !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(52, 43, 255, 0.12) !important; color: #342bff !important; cursor: pointer !important; display: inline-flex !important; height: 38px !important; justify-content: center !important; line-height: 38px !important; margin: 0 !important; min-width: 38px !important; padding: 0 !important; text-align: center !important; width: 38px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .heartplus:before, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .alreadywish:before { color: #342bff !important; font-size: 14px !important; line-height: 1 !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts img { background: #f6f6f6 !important; border-radius: 10px !important; display: block !important; height: 96px !important; max-height: 96px !important; max-width: 112px !important; object-fit: contain !important; padding: 10px !important; width: 112px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts a { color: #07113a !important; font-weight: 900 !important; text-decoration: none !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts a:hover { color: #342bff !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .wishcomparebtn { margin-top: 10px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .wishcomparebtn a, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .wpsm-button { align-items: center !important; background: #f0f1ff !important; border: 1px solid #dedcff !important; border-radius: 999px !important; color: #342bff !important; display: inline-flex !important; font-size: 12px !important; font-weight: 900 !important; min-height: 34px !important; padding: 0 14px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .priced_block, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rh_button_wrapper { margin: 0 !important; text-align: right !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .btn_offer_block, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .re_track_btn, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .woo_loop_btn, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts a.re_track_btn { align-items: center !important; background: #ff6437 !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 12px 26px rgba(255, 100, 55, 0.2) !important; color: #ffffff !important; display: inline-flex !important; font-size: 14px !important; font-weight: 950 !important; justify-content: center !important; min-height: 42px !important; padding: 0 18px !important; text-decoration: none !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rh_price_wrapper, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .price, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .amount { color: #ff6437 !important; font-size: 18px !important; font-weight: 950 !important; } html body.dealify-theme.dealify-wishlist-page .post_share { background: #ffffff !important; border: 1px solid #dde3f7 !important; border-radius: 14px !important; box-shadow: 0 18px 44px rgba(7, 17, 58, 0.08) !important; margin-top: 20px !important; padding: 16px !important; } @media (max-width: 760px) { html body.dealify-theme.dealify-wishlist-page .dealify-page-hero--compact { padding: 30px 16px 26px !important; } html body.dealify-theme.dealify-wishlist-page .dealify-page-hero--compact h1 { font-size: clamp(34px, 12vw, 48px) !important; } html body.dealify-theme.dealify-wishlist-page .dealify-section { padding: 24px 14px 46px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rowdisplay { align-items: stretch !important; gap: 12px !important; grid-template-columns: 40px minmax(0, 1fr) !important; padding: 12px !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay:nth-child(2) { grid-column: 1 / -1 !important; grid-row: 1 !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay:first-child { grid-column: 1 !important; grid-row: 2 !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .celldisplay:nth-child(4) { grid-column: 1 / -1 !important; grid-row: 3 !important; text-align: left !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts img { height: 180px !important; max-height: 180px !important; max-width: 100% !important; width: 100% !important; } html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .priced_block, html body.dealify-theme.dealify-wishlist-page .re-favorites-posts .rh_button_wrapper { text-align: left !important; } } /* * v4.2.8 compact desktop navbar + tighter deal filters. */ @media (min-width: 1025px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { display: grid !important; gap: 20px !important; grid-template-columns: max-content max-content minmax(430px, 560px) !important; justify-content: center !important; max-width: 1360px !important; width: calc(100% - 96px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { min-width: 0 !important; padding: 0 !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu { gap: 18px !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: 18px !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { gap: 12px !important; justify-content: flex-start !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { flex: 0 1 500px !important; max-width: 500px !important; min-width: 430px !important; width: 500px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper #gt_float_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt_float_switcher { min-width: 74px !important; width: 74px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-selected, html body.dealify-theme #main_header.dealify-main-header .dealify-language-switcher .gtranslate_wrapper .gt-current-lang { width: 74px !important; } } @media (min-width: 1025px) and (max-width: 1320px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { gap: 14px !important; grid-template-columns: max-content max-content minmax(330px, 420px) !important; max-width: 1180px !important; width: calc(100% - 48px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: 12px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { max-width: 420px !important; min-width: 330px !important; width: 420px !important; } } html body.dealify-theme.dealify-deals-page .dealify-page-hero { padding: 18px 20px 4px !important; } html body.dealify-theme.dealify-deals-page .dealify-page-hero h1 { margin-bottom: 10px !important; } html body.dealify-theme.dealify-deals-page .dealify-section { padding-top: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-controls { margin-bottom: 10px !important; padding: 10px 12px !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-controls__row { align-items: center !important; gap: 10px !important; grid-template-columns: minmax(260px, 1.45fr) minmax(180px, 0.8fr) minmax( 170px, 0.72fr ) minmax(190px, 0.82fr) auto auto !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-field { gap: 0 !important; margin: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-field > span { display: none !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-field input, html body.dealify-theme.dealify-deals-page .dealify-deals-field select { height: 44px !important; min-height: 44px !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-submit, html body.dealify-theme.dealify-deals-page .dealify-deals-reset { height: 44px !important; min-height: 44px !important; } html body.dealify-theme.dealify-deals-page .dealify-price-filter-tabs--listing { margin-bottom: 10px !important; } html body.dealify-theme.dealify-deals-page .dealify-listing-bar { margin-bottom: 12px !important; } @media (max-width: 760px) { html body.dealify-theme.dealify-deals-page .dealify-page-hero { padding: 16px 16px 4px !important; } html body.dealify-theme.dealify-deals-page .dealify-deals-controls__row { display: grid !important; gap: 8px !important; grid-template-columns: 1fr !important; } } /* * v4.2.9 consistent content-width navbar + compact listing results. */ @media (min-width: 1025px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { align-items: center !important; display: grid !important; gap: 24px !important; grid-template-columns: max-content minmax(0, 1fr) max-content !important; justify-content: stretch !important; margin-left: auto !important; margin-right: auto !important; max-width: 1516px !important; min-height: 70px !important; padding: 0 !important; width: calc(100% - 384px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { justify-self: start !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu { gap: 18px !important; justify-content: flex-start !important; justify-self: start !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: 18px !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__tools { gap: 12px !important; justify-content: flex-end !important; justify-self: end !important; width: auto !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { flex: 0 0 auto !important; max-width: none !important; min-width: 0 !important; width: clamp(420px, 30vw, 540px) !important; } } @media (min-width: 1025px) and (max-width: 1600px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { max-width: 1200px !important; width: calc(100% - 96px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { width: clamp(360px, 28vw, 460px) !important; } } @media (min-width: 1025px) and (max-width: 1240px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { gap: 14px !important; width: calc(100% - 40px) !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__logo { font-size: 26px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu, html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul { gap: 10px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__menu .top_menu > ul > li > a { font-size: 13px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav__search { width: clamp(260px, 24vw, 340px) !important; } } html body.dealify-theme.dealify-deals-page .dealify-price-filter-tabs--listing { align-items: center !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 14px !important; } html body.dealify-theme.dealify-deals-page .dealify-price-filter-count { align-items: center !important; background: #ffffff !important; border: 1px solid #dde3f7 !important; border-radius: 999px !important; color: #07113a !important; display: inline-flex !important; font-size: 14px !important; font-weight: 950 !important; height: 38px !important; justify-content: center !important; line-height: 1 !important; margin-left: auto !important; min-height: 38px !important; padding: 0 18px !important; white-space: nowrap !important; } html body.dealify-theme.dealify-deals-page .dealify-listing-bar { display: none !important; } html body.dealify-theme.dealify-deals-page .dealify-product-grid { margin-top: 0 !important; } @media (max-width: 760px) { html body.dealify-theme.dealify-deals-page .dealify-price-filter-tabs--listing { gap: 7px !important; } html body.dealify-theme.dealify-deals-page .dealify-price-filter-count { margin-left: 0 !important; width: 100% !important; } } /* * v4.3.0 hero image cleanup, mobile filter drawer, price history restore. */ html body.dealify-theme .dealify-hero.dealify-hero--home { background-image: linear-gradient( 180deg, rgba(55, 43, 238, 0.66) 0%, rgba(38, 28, 174, 0.78) 100% ), url("../images/dealify-hero-bg.png") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; isolation: isolate !important; overflow: hidden !important; } html body.dealify-theme .dealify-hero.dealify-hero--home::before, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__visual { background: none !important; display: none !important; } html body.dealify-theme .dealify-hero.dealify-hero--home::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0.16) 1px, transparent 1px), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px) !important; background-size: 72px 72px !important; content: "" !important; inset: 0 !important; opacity: 0.1 !important; pointer-events: none !important; position: absolute !important; z-index: 0 !important; } html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__inner, html body.dealify-theme .dealify-hero.dealify-hero--home .dealify-hero__content { position: relative !important; z-index: 2 !important; } html body.dealify-theme .dealify-filter-toggle, html body.dealify-theme .dealify-filter-panel__header { display: none !important; } html.dealify-filter-lock, html.dealify-filter-lock body { overflow: hidden !important; } @media (max-width: 760px) { html body.dealify-theme.dealify-deals-page .dealify-filter-toggle { align-items: center !important; background: #07113a !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 14px 30px rgba(7, 17, 58, 0.18) !important; color: #ffffff !important; display: inline-flex !important; font-size: 14px !important; font-weight: 950 !important; gap: 8px !important; height: 42px !important; justify-content: center !important; margin: 8px 0 12px !important; padding: 0 18px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel { background: #ffffff !important; border-radius: 22px 22px 0 0 !important; bottom: 0 !important; box-shadow: 0 -22px 60px rgba(7, 17, 58, 0.24) !important; display: block !important; left: 0 !important; max-height: 86vh !important; opacity: 0 !important; overflow: auto !important; padding: 16px !important; pointer-events: none !important; position: fixed !important; right: 0 !important; transform: translateY(105%) !important; transition: opacity 0.22s ease, transform 0.22s ease !important; z-index: 100200 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel.is-open { opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel__header { align-items: center !important; border-bottom: 1px solid #eef1ff !important; display: flex !important; justify-content: space-between !important; margin: -2px 0 14px !important; padding: 0 0 12px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel__header strong { color: #07113a !important; font-size: 18px !important; font-weight: 950 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-close { align-items: center !important; background: #f3f4ff !important; border: 1px solid #dde3f7 !important; border-radius: 999px !important; color: #342bff !important; display: inline-flex !important; height: 36px !important; justify-content: center !important; padding: 0 !important; width: 36px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-controls { box-shadow: none !important; margin: 0 0 12px !important; padding: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-field input, html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-field select { height: 46px !important; min-height: 46px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-submit, html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-reset { width: 100% !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-tabs--listing { display: grid !important; grid-template-columns: 1fr 1fr !important; margin-bottom: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-tab, html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-count { width: 100% !important; } html body.dealify-theme.dealify-deals-page .dealify-product-grid { margin-top: 6px !important; } } html body.dealify-theme.single-product .dealify-price-history-panel { overflow: visible !important; } html body.dealify-theme.single-product .dealify-price-history { color: #07113a !important; overflow-x: auto !important; } html body.dealify-theme.single-product .dealify-price-history table, html body.dealify-theme.single-product .dealify-price-history .ce-price-hist { background: #ffffff !important; border: 1px solid #dde3f7 !important; border-collapse: separate !important; border-radius: 14px !important; box-shadow: none !important; margin: 0 !important; overflow: hidden !important; width: 100% !important; } html body.dealify-theme.single-product .dealify-price-history th { background: #f5f7ff !important; color: #07113a !important; font-size: 15px !important; font-weight: 950 !important; padding: 14px 16px !important; } html body.dealify-theme.single-product .dealify-price-history td { border-color: #eef1ff !important; color: #07113a !important; padding: 16px !important; vertical-align: top !important; } html body.dealify-theme.single-product .dealify-price-history .rh-table-price-graph { min-height: 230px !important; } /* * v4.3.3 final filter drawer + product price tracker corrections. */ html body .dealify-filter-toggle, html body .dealify-filter-panel__header { display: none !important; visibility: hidden !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: block !important; margin: 0 !important; opacity: 1 !important; overflow: visible !important; padding: 0 !important; pointer-events: auto !important; position: static !important; transform: none !important; transition: none !important; visibility: visible !important; z-index: auto !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-controls { margin-bottom: 10px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-tabs--listing { margin-bottom: 10px !important; } html body.dealify-theme.single-product .dealify-single-cats { display: none !important; visibility: hidden !important; } html body.dealify-theme.single-product .dealify-single-breadcrumb .woocommerce-breadcrumb a:not(:first-child) { background: #eef1ff !important; border: 1px solid #dfe3ff !important; border-radius: 999px !important; color: #342bff !important; display: inline-flex !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; margin: 0 3px !important; padding: 4px 8px !important; text-decoration: none !important; text-transform: uppercase !important; } html body.dealify-theme.single-product .dealify-single-breadcrumb .woocommerce-breadcrumb a:first-child { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #64708a !important; display: inline !important; font-size: 10px !important; font-weight: 700 !important; margin: 0 !important; padding: 0 !important; text-transform: none !important; } html body.dealify-theme.single-product .dealify-price-history-panel { display: block !important; } html body.dealify-theme.single-product .dealify-price-history .dealify-muted { background: #f6f7ff !important; border: 1px solid #dde3f7 !important; border-radius: 12px !important; color: #51607a !important; font-size: 14px !important; line-height: 1.7 !important; margin: 0 !important; padding: 16px 18px !important; } @media (min-width: 761px) { html body .dealify-filter-toggle, html body .dealify-filter-panel__header { display: none !important; visibility: hidden !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel { bottom: auto !important; left: auto !important; max-height: none !important; right: auto !important; top: auto !important; width: auto !important; } } @media (max-width: 760px) { html body.dealify-theme.dealify-deals-page .dealify-filter-toggle { align-items: center !important; background: #07113a !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 14px 30px rgba(7, 17, 58, 0.2) !important; color: #ffffff !important; display: inline-flex !important; font-size: 14px !important; font-weight: 950 !important; gap: 8px !important; height: 42px !important; justify-content: center !important; line-height: 1 !important; margin: 6px 0 12px !important; padding: 0 18px !important; visibility: visible !important; width: auto !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel { background: #ffffff !important; border: 1px solid #dde3f7 !important; border-radius: 22px 22px 0 0 !important; bottom: 0 !important; box-shadow: 0 -22px 60px rgba(7, 17, 58, 0.28) !important; display: block !important; left: 0 !important; max-height: 86vh !important; opacity: 0 !important; overflow: auto !important; padding: 16px !important; pointer-events: none !important; position: fixed !important; right: 0 !important; top: auto !important; transform: translateY(105%) !important; transition: opacity 0.22s ease, transform 0.22s ease !important; visibility: hidden !important; z-index: 100200 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel.is-open { opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; visibility: visible !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel__header { align-items: center !important; border-bottom: 1px solid #eef1ff !important; display: flex !important; justify-content: space-between !important; margin: -2px 0 14px !important; padding: 0 0 12px !important; visibility: visible !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel__header strong { color: #07113a !important; font-size: 18px !important; font-weight: 950 !important; line-height: 1.2 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-close { align-items: center !important; background: #f3f4ff !important; border: 1px solid #dde3f7 !important; border-radius: 999px !important; color: #342bff !important; display: inline-flex !important; height: 36px !important; justify-content: center !important; padding: 0 !important; width: 36px !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-controls { border: 0 !important; box-shadow: none !important; margin: 0 0 12px !important; padding: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-controls__row { display: grid !important; gap: 10px !important; grid-template-columns: 1fr !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-submit, html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-deals-reset { width: 100% !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-tabs--listing { display: grid !important; gap: 8px !important; grid-template-columns: 1fr 1fr !important; margin: 0 !important; } html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-tab, html body.dealify-theme.dealify-deals-page .dealify-filter-panel .dealify-price-filter-count { margin-left: 0 !important; width: 100% !important; } } /* * v4.3.4 product card surface + mobile navigation polish. */ html body.dealify-theme .dealify-card__media { background: #ffffff !important; height: 216px !important; padding: 18px !important; } html body.dealify-theme .dealify-card__media img, html body.dealify-theme .dealify-card__media .dealify-card__image { background: transparent !important; height: 100% !important; max-height: 100% !important; max-width: 100% !important; object-fit: contain !important; width: 100% !important; } @media (max-width: 1024px) { html body.dealify-theme #main_header.dealify-main-header { background: #ffffff !important; border-bottom: 1px solid #dde3f7 !important; box-shadow: 0 10px 24px rgba(7, 17, 58, 0.08) !important; min-height: 58px !important; position: sticky !important; top: 0 !important; z-index: 100050 !important; } html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 32px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-nav { height: 58px !important; padding: 0 14px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav #dl-menu { align-items: center !important; display: flex !important; height: 58px !important; justify-content: space-between !important; margin: 0 !important; overflow: visible !important; padding: 0 !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__logo, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__logo span { color: #07113a !important; display: inline-flex !important; font-size: 20px !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; white-space: nowrap !important; } html body.dealify-theme #main_header.dealify-main-header #mobile-menu-icons { align-items: center !important; display: flex !important; flex: 0 1 auto !important; gap: 7px !important; justify-content: flex-end !important; margin: 0 !important; min-width: 0 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__icon, html body.dealify-theme #main_header.dealify-main-header #dl-trigger { align-items: center !important; background: #ffffff !important; border: 1px solid #dfe3ff !important; border-radius: 999px !important; box-shadow: 0 8px 18px rgba(52, 43, 255, 0.08) !important; color: #342bff !important; display: inline-flex !important; flex: 0 0 36px !important; height: 36px !important; justify-content: center !important; margin: 0 !important; min-height: 36px !important; padding: 0 !important; width: 36px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__icon i, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__icon .rhicon { color: #342bff !important; font-size: 15px !important; line-height: 1 !important; } html body.dealify-theme #main_header.dealify-main-header #dl-trigger svg { height: 18px !important; width: 18px !important; } html body.dealify-theme #main_header.dealify-main-header #dl-trigger svg line { stroke: #342bff !important; stroke-width: 3px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher { align-items: center !important; display: inline-flex !important; flex: 0 0 auto !important; height: 36px !important; max-width: 74px !important; min-width: 0 !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gtranslate_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_float_switcher { background: #ffffff !important; border: 1px solid #dfe3ff !important; border-radius: 999px !important; box-shadow: 0 8px 18px rgba(52, 43, 255, 0.08) !important; height: 36px !important; max-width: 74px !important; min-height: 36px !important; overflow: visible !important; width: 74px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-selected, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-current-lang { align-items: center !important; display: flex !important; gap: 4px !important; height: 34px !important; justify-content: center !important; padding: 0 8px !important; width: 100% !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher img { border-radius: 2px !important; height: 14px !important; width: 20px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt-lang-code { color: #07113a !important; font-size: 12px !important; font-weight: 950 !important; text-transform: uppercase !important; } html body.dealify-theme #slide-menu-mobile { display: block !important; position: relative !important; z-index: 100300 !important; } html body.dealify-theme #slide-menu-mobile ul.off-canvas { background: #ffffff !important; border-left: 1px solid #dde3f7 !important; box-shadow: -24px 0 70px rgba(7, 17, 58, 0.22) !important; left: auto !important; max-width: min(88vw, 360px) !important; padding: 12px !important; right: 0 !important; transform: translate3d(104%, 0, 1px) !important; width: min(88vw, 360px) !important; z-index: 100301 !important; } html body.dealify-theme #slide-menu-mobile ul.off-canvas.off-canvas-active { transform: translate3d(0, 0, 1px) !important; } html body.dealify-theme #slide-menu-mobile ul ul.sub-menu { background: #ffffff !important; left: auto !important; padding: 12px !important; right: 0 !important; transform: translate3d(104%, 0, 1px) !important; } html body.dealify-theme #slide-menu-mobile ul ul.sub-menu.sub-menu-active { transform: translate3d(0, 0, 1px) !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span { align-items: center !important; background: #f5f6ff !important; border: 1px solid #dde3f7 !important; border-radius: 14px !important; color: #07113a !important; display: flex !important; font-size: 14px !important; font-weight: 950 !important; justify-content: space-between !important; line-height: 1.2 !important; margin: 0 0 10px !important; padding: 14px 16px !important; } html body.dealify-theme #slide-menu-mobile ul li.back-mb span { background: #f5f6ff !important; border: 1px solid #dde3f7 !important; border-radius: 14px !important; color: #342bff !important; display: block !important; font-size: 14px !important; font-weight: 950 !important; margin: 47px 0 10px !important; padding: 14px 16px !important; } html body.dealify-theme #slide-menu-mobile ul li.menu-item { border: 0 !important; margin: 0 0 6px !important; overflow: visible !important; } html body.dealify-theme #slide-menu-mobile ul li.menu-item > a { align-items: center !important; background: #ffffff !important; border: 1px solid transparent !important; border-radius: 14px !important; color: #07113a !important; display: flex !important; float: left !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.25 !important; min-height: 46px !important; padding: 12px 14px !important; text-align: left !important; text-decoration: none !important; width: calc(100% - 48px) !important; } html body.dealify-theme #slide-menu-mobile ul li.menu-item > a:hover { background: #f5f6ff !important; border-color: #dde3f7 !important; color: #342bff !important; } html body.dealify-theme #slide-menu-mobile ul span.submenu-toggle { align-items: center !important; color: #342bff !important; display: inline-flex !important; float: right !important; height: 46px !important; justify-content: center !important; line-height: 1 !important; width: 42px !important; } html body.dealify-theme #slide-menu-mobile ul span.submenu-toggle .rhicon { color: #342bff !important; font-size: 14px !important; line-height: 1 !important; } html body.dealify-theme #slide-menu-mobile .dealify-mobile-cats-menu > a { background: #eef1ff !important; border-color: #dde3f7 !important; color: #342bff !important; } } @media (max-width: 600px) { html body.admin-bar.dealify-theme #main_header.dealify-main-header { top: 46px !important; } } @media (max-width: 420px) { html body.dealify-theme #main_header.dealify-main-header .dealify-nav { padding: 0 10px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__logo, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__logo span { font-size: 18px !important; } html body.dealify-theme #main_header.dealify-main-header #mobile-menu-icons { gap: 5px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-nav__icon, html body.dealify-theme #main_header.dealify-main-header #dl-trigger { flex-basis: 32px !important; height: 32px !important; min-height: 32px !important; width: 32px !important; } html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gtranslate_wrapper, html body.dealify-theme #main_header.dealify-main-header .dealify-mobile-language-switcher .gt_float_switcher { height: 32px !important; max-width: 66px !important; min-height: 32px !important; width: 66px !important; } } /* * v4.3.5 mobile performance pass. */ html body.dealify-theme .dealify-hero.dealify-hero--home { background-image: linear-gradient( 180deg, rgba(55, 43, 238, 0.66) 0%, rgba(38, 28, 174, 0.78) 100% ), url("../images/dealify-hero-bg.webp") !important; } @media (max-width: 760px) { html body.dealify-theme .dealify-hero.dealify-hero--home { background-image: linear-gradient( 180deg, rgba(55, 43, 238, 0.66) 0%, rgba(38, 28, 174, 0.78) 100% ), url("../images/dealify-hero-bg-mobile.webp") !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu { min-height: 48px !important; position: relative !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span { align-items: center !important; background: #ffffff !important; border: 1px solid #dde3f7 !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(7, 17, 58, 0.1) !important; color: transparent !important; display: inline-flex !important; font-size: 0 !important; height: 38px !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; position: absolute !important; right: 4px !important; top: 0 !important; width: 38px !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::before, html body.dealify-theme #slide-menu-mobile ul li.close-menu span::after { background: #07113a !important; border-radius: 999px !important; content: "" !important; height: 2px !important; left: 50% !important; position: absolute !important; top: 50% !important; width: 14px !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::before { transform: translate(-50%, -50%) rotate(45deg) !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } html body.dealify-theme .dealify-card, html body.dealify-theme .dealify-category-card, html body.dealify-theme .dealify-step, html body.dealify-theme #slide-menu-mobile ul.off-canvas, html body.dealify-theme #slide-menu-mobile ul ul.sub-menu { transition-property: transform, opacity, background-color, border-color, color !important; } } @media (max-width: 760px) and (prefers-reduced-motion: no-preference) { html body.dealify-theme .dealify-card:hover, html body.dealify-theme .dealify-category-card:hover, html body.dealify-theme .dealify-step:hover { transform: none !important; } } @media (prefers-reduced-motion: reduce) { html body.dealify-theme *, html body.dealify-theme *::before, html body.dealify-theme *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; } } /* * v4.3.6 visible mobile drawer close button. */ @media (max-width: 1024px) { html body.dealify-theme #slide-menu-mobile ul.off-canvas { padding-top: 58px !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu { background: #fff !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; display: block !important; height: 50px !important; left: 0 !important; margin: 0 !important; min-height: 50px !important; overflow: visible !important; padding: 0 !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 100% !important; z-index: 100304 !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span { align-items: center !important; background: #342bff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 999px !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18) !important; color: transparent !important; cursor: pointer !important; display: inline-flex !important; float: none !important; font-size: 0 !important; height: 34px !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; min-height: 34px !important; padding: 0 !important; position: absolute !important; right: 12px !important; top: 8px !important; width: 34px !important; z-index: 100305 !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::before, html body.dealify-theme #slide-menu-mobile ul li.close-menu span::after { background: #ffffff !important; border-radius: 999px !important; content: "" !important; display: block !important; height: 2px !important; left: 50% !important; opacity: 1 !important; position: absolute !important; top: 50% !important; width: 15px !important; z-index: 100306 !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::before { transform: translate(-50%, -50%) rotate(45deg) !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span::after { transform: translate(-50%, -50%) rotate(-45deg) !important; } } /* * v4.3.7 hard-visible mobile drawer close icon. */ @media (max-width: 1024px) { html body.dealify-theme #slide-menu-mobile ul li.close-menu span i, html body.dealify-theme #slide-menu-mobile ul li.close-menu span .rhicon, html body.dealify-theme #slide-menu-mobile ul li.close-menu span .rhi-times { display: none !important; opacity: 0 !important; visibility: hidden !important; } html body.dealify-theme #slide-menu-mobile ul li.close-menu span.dealify-drawer-close-button, html body.dealify-theme #slide-menu-mobile ul li.close-menu span { background: #342bff !important; border: 2px solid #ffffff !important; color: #ffffff !important; text-indent: 0 !important; } html body.dealify-theme #slide-menu-mobile .dealify-drawer-close-button__x { display: none !important; opacity: 0 !important; visibility: hidden !important; } } /* * v4.3.9 single mobile drawer close mark. */ @media (max-width: 1024px) { html body.dealify-theme #slide-menu-mobile ul li.close-menu span.dealify-drawer-close-button::before, html body.dealify-theme #slide-menu-mobile ul li.close-menu span.dealify-drawer-close-button::after { background: #ffffff !important; content: "" !important; display: block !important; height: 2px !important; opacity: 1 !important; visibility: visible !important; width: 15px !important; } } /* * v4.4.2 custom comparison page. */ html body.dealify-theme .dealify-compare-shell { background: #ffffff !important; border: 1px solid #e3e6f6 !important; border-radius: 14px !important; box-shadow: 0 24px 70px rgba(7, 17, 58, 0.08) !important; margin: 0 auto !important; max-width: 1180px !important; overflow: hidden !important; padding: 0 !important; } html body.dealify-theme .dealify-compare-toolbar { align-items: center !important; background: #ffffff !important; border-bottom: 1px solid #edf0fb !important; display: flex !important; gap: 18px !important; justify-content: space-between !important; padding: 24px 26px !important; } html body.dealify-theme .dealify-compare-toolbar h2 { color: #07113a !important; font-size: 28px !important; font-weight: 900 !important; line-height: 1.1 !important; margin: 0 !important; } html body.dealify-theme .dealify-compare-scroll { overflow-x: auto !important; padding: 0 !important; width: 100% !important; } html body.dealify-theme .dealify-compare-table { border-collapse: separate !important; border-spacing: 0 !important; margin: 0 !important; min-width: 820px !important; table-layout: fixed !important; width: 100% !important; } html body.dealify-theme .dealify-compare-table th, html body.dealify-theme .dealify-compare-table td { border-bottom: 1px solid #edf0fb !important; border-right: 1px solid #edf0fb !important; color: #1b2542 !important; font-size: 14px !important; line-height: 1.55 !important; padding: 18px !important; text-align: center !important; vertical-align: top !important; width: 260px !important; } html body.dealify-theme .dealify-compare-table thead th { background: #ffffff !important; padding: 22px 18px !important; } html body.dealify-theme .dealify-compare-table tbody tr:nth-child(even) td, html body.dealify-theme .dealify-compare-table tbody tr:nth-child(even) .dealify-compare-rowhead { background: #fafbff !important; } html body.dealify-theme .dealify-compare-rowhead { background: #f6f7ff !important; color: #07113a !important; font-size: 13px !important; font-weight: 900 !important; left: 0 !important; min-width: 170px !important; position: sticky !important; text-align: left !important; text-transform: uppercase !important; width: 170px !important; z-index: 2 !important; } html body.dealify-theme .dealify-compare-product { align-items: center !important; display: flex !important; flex-direction: column !important; gap: 10px !important; justify-content: flex-start !important; min-height: 330px !important; } html body.dealify-theme .dealify-compare-product__image { align-items: center !important; background: #f6f6f6 !important; border-radius: 12px !important; display: flex !important; height: 150px !important; justify-content: center !important; padding: 14px !important; width: 100% !important; } html body.dealify-theme .dealify-compare-product__image img { height: 122px !important; max-height: 122px !important; max-width: 100% !important; object-fit: contain !important; width: auto !important; } html body.dealify-theme .dealify-compare-product h3 { color: #07113a !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1.3 !important; margin: 0 !important; } html body.dealify-theme .dealify-compare-product h3 a { color: #07113a !important; text-decoration: none !important; } html body.dealify-theme .dealify-compare-product__store { background: #f2f1ff !important; border-radius: 999px !important; color: #4638ff !important; display: inline-flex !important; font-size: 12px !important; font-weight: 800 !important; padding: 6px 10px !important; } html body.dealify-theme .dealify-compare-product__price { color: #ff6238 !important; display: block !important; font-size: 22px !important; font-weight: 900 !important; line-height: 1 !important; } html body.dealify-theme .dealify-compare-status { border-radius: 999px !important; display: inline-flex !important; font-size: 12px !important; font-weight: 900 !important; padding: 6px 10px !important; } html body.dealify-theme .dealify-compare-status--in { background: #e9fbf2 !important; color: #008b57 !important; } html body.dealify-theme .dealify-compare-status--out { background: #fff1f0 !important; color: #c9352b !important; } @media (max-width: 760px) { html body.dealify-theme .dealify-compare-toolbar { align-items: flex-start !important; flex-direction: column !important; padding: 18px !important; } html body.dealify-theme .dealify-compare-toolbar h2 { font-size: 23px !important; } html body.dealify-theme .dealify-compare-table { min-width: 720px !important; } html body.dealify-theme .dealify-compare-table th, html body.dealify-theme .dealify-compare-table td { padding: 14px !important; width: 220px !important; } html body.dealify-theme .dealify-compare-rowhead { min-width: 132px !important; width: 132px !important; } } .dealify-store-logo { width: 85px !important; height: 33px !important; object-fit: contain !important; object-position: left center !important; display: inline-block !important; vertical-align: middle !important; margin-bottom: 8px !important; } /* Push the discount badge down ONLY if there is a Hot Deal badge */ .dealify-card.has-hot-deal .dealify-card__badge { top: 56px !important; /* Pushes it just below the Hot Deal tag */ } /* --- FIX: WordPress Admin Bar Z-Index & White Color Override --- */ /* 1. Force the WP Admin Bar to the front and change its background to white */ #wpadminbar, #wpadminbar .ab-sub-wrapper { z-index: 99999999 !important; } /* 2. Force all text, links, and icons inside the admin bar to be dark so they are visible! */ #wpadminbar * { color: #fff !important; } /* 3. Lower the z-index of your custom header so it sits below the admin menus */ header, .rh_theme_header, .dealify-header, .header_layout_dealify { z-index: 99990 !important; } /* 4. Desktop: Push your sticky header down so the admin bar doesn't cover it */ @media screen and (min-width: 783px) { body.admin-bar header, body.admin-bar .rh_theme_header, body.admin-bar .dealify-header, body.admin-bar .is-sticky { top: 32px !important; /* 32px is the exact height of the WP desktop admin bar */ } } /* 5. Mobile: Push your sticky header down for the thicker mobile admin bar */ @media screen and (max-width: 782px) { body.admin-bar header, body.admin-bar .rh_theme_header, body.admin-bar .dealify-header, body.admin-bar .is-sticky { top: 46px !important; /* 46px is the exact height of the WP mobile admin bar */ } } /* --- FIX: Dealify Specification Table (Dropdown & Clean Design) --- */ /* 1. Ensure the table is clean and borderless */ .dealify-specs-container table.shop_attributes { width: 100%; border-collapse: collapse; margin-bottom: 10px; } .dealify-specs-container table.shop_attributes th, .dealify-specs-container table.shop_attributes td { padding: 12px 0; border-bottom: 1px solid #f0f0f0; /* Soft grey line between rows */ text-align: left; background: transparent !important; /* Removes default WooCommerce alternating backgrounds */ } .dealify-specs-container table.shop_attributes th { width: 40%; /* Keeps the labels nicely aligned */ font-weight: 600; color: #4a5568; } /* 2. 🚨 The Magic: Hide rows 6 and beyond by default 🚨 */ .dealify-specs-container:not(.is-expanded) table.shop_attributes tbody tr:nth-child(n+6) { display: none; } /* 3. Style the "Show More" Button to look like a clean text link */ .dealify-specs-toggle-btn { background: transparent; border: none; color: #007bff; /* Change this hex code to match your theme's primary blue! */ font-weight: 600; font-size: 14px; padding: 10px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s ease; } .dealify-specs-toggle-btn:hover { color: #0056b3; text-decoration: underline; } /* 4. Rotate the arrow icon when the table is expanded */ .dealify-specs-toggle-btn span { font-size: 10px; transition: transform 0.3s ease; } .dealify-specs-container.is-expanded .dealify-specs-toggle-btn span { transform: rotate(180deg); } /* --- Dealify Specifications: Animation & Alignment --- */ /* 1. Button Layout Wrapper (Pushes it to the right) */ .dealify-specs-toggle-wrapper { display: flex; justify-content: flex-end; width: 100%; margin-top: 8px; } /* 2. Style the Toggle Button */ .dealify-specs-toggle-btn { background: transparent; border: none; color: #007bff; /* Primary link color */ font-weight: 600; font-size: 14px; padding: 10px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s ease; } .dealify-specs-toggle-btn:hover { color: #0056b3; text-decoration: underline; } .dealify-specs-toggle-btn span { font-size: 10px; transition: transform 0.3s ease; } .dealify-specs-container.is-expanded .dealify-specs-toggle-btn span { transform: rotate(180deg); } /* 3. The Minimal Reveal Animation (Top to Bottom fade) */ @keyframes revealSpecRow { 0% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 1; transform: translateY(0); } } /* Apply the animation smoothly to the text inside the newly revealed rows */ .dealify-specs-container.is-expanded table.shop_attributes tbody tr:nth-child(n+6) th, .dealify-specs-container.is-expanded table.shop_attributes tbody tr:nth-child(n+6) td { animation: revealSpecRow 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; } /* --- FIX: Prevent Specification Table Overflow on Small Mobiles --- */ /* 1. Force the table to strictly obey the 100% width limit */ .dealify-specs-container table.shop_attributes { table-layout: fixed !important; width: 100% !important; } /* 2. Force long text/model numbers to wrap instead of pushing the table wide */ .dealify-specs-container table.shop_attributes th, .dealify-specs-container table.shop_attributes td { word-wrap: break-word !important; overflow-wrap: break-word !important; hyphens: auto; /* Adds a hyphen if a long Dutch word needs to be split */ } /* 3. Give tiny screens (under 430px) a bit more breathing room */ @media screen and (max-width: 429px) { .dealify-specs-container table.shop_attributes th, .dealify-specs-container table.shop_attributes td { padding: 10px 4px !important; /* Slightly smaller padding */ font-size: 13px !important; /* Slightly smaller text for tight spaces */ } .dealify-specs-container table.shop_attributes th { width: 45% !important; /* Gives the label slightly more room on tiny screens */ } }