/* 00-base.css: home-only */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } img, object, embed { max-width: 100%; } html { overflow-y: scroll; } ul { list-style: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre, code, kbd, samp { font-family: monospace, sans-serif; } .clickable, label, input[type="button"], input[type="submit"], input[type="file"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } button, input[type="button"] { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .nzorder input { padding-left: 0.8em !important; } .nzorder:before { position: absolute; content: "#"; left: 0.3em; top: 0.15em; color: #009ece; } .demo_store { position: fixed !important; height: 100%; background-color: #009ece !important; font-size: 3em !important; padding-top: 200px !important; } #sidebar .add { display: none !important; } #sidebar .parent-child > ul { display: block !important; } html, body { padding: 0; background-color: white; max-width: 2560px; margin: 0 auto; } body { overflow-x: hidden !important; } html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { vertical-align: baseline; font-family: "Open Sans", sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { background-color: white; } body { line-height: 1; box-shadow: 0px 0.1em #009ece; font-size: 18px; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:link, a:active, a:visited { color: #009ece; text-decoration: none; } .widget .menu a:link, .widget .menu a:active { color: black; } .widget .menu a { color: black; } a:link { -webkit-tap-highlight-color: #009ece; } input, select { vertical-align: middle !important; background-color: white; } .bold { font-weight: 600; } .readonly { pointer-events: none; } .readonly select { background-color: #ccc; } abbr[title], dfn[title] { border-bottom: 0px solid #000; cursor: pointer; text-decoration: none; } button, .button, #button { font-size: 0.8em !important; display: block !important; text-align: center !important; } button.button, a.button, .button, #plugin_delete_me_shortcode_form [value="Potwierdź usunięcie"], .content .tnp-profile input[type="submit"] { line-height: 1 !important; border-radius: 4em !important; background-color: #009ece !important; border: 1px solid #0000005d !important; color: white !important; text-align: center !important; padding: 0.6em !important; font-weight: 700 !important; transition: background-color 0.5s !important; cursor: pointer !important; margin: 0.5em auto !important; width: 98% !important; } .top__background span, .top__background a, .top__background i, .top__background li, .top__background ul, .top__background div, .top__background p { font-size: 0.9rem !important; } .top__background i { padding: 0 0.2em; } /* 01-header.css */ .top__background { display: flex; justify-content: space-between; width: 100%; background-color: #2a2a2a; height: 2em; } .top__menu { width: 80%; display: flex; margin: 0 auto; height: 100%; } .top__menu .top__aboutus, .top__menu .top__user { width: 50%; display: flex; flex: none !important; } .top__menu .top__aboutus { justify-content: flex-start; height: 100%; } .top__menu .top__user { justify-content: flex-end; height: 100%; } .top__menu .top__aboutus > div { margin: 0 0.2em; } .top__menu .top__aboutus > div, .top__menu .top__user > div { display: flex; align-items: center; height: 100%; flex: none !important; } .top__menu .top__aboutus div > span, .top__menu .top__user div > span { margin: 0 0 0 0; color: white; } .top__menu .top__aboutus div > a, .top__menu .top__user div > a { display: flex; align-items: center !important; justify-content: center !important; } .top__menu .top__user i { padding: 0 0.2em; } .top__user p { font-weight: 600; } .color__a { color: #009ece; font-weight: 600; } a.added_to_cart.wc-forward { display: none; } .woocommerce ul.products li.product .woocommerce-loop-category__title bdi, .woocommerce ul.products li.product .woocommerce-loop-product__title bdi, .woocommerce ul.products li.product bdi{ color: #009ece !important; white-space: nowrap; } .cart-subtotal th { width: 100%; white-space: nowrap; } .currency__box #wmc_widget-13 { display: flex !important; justify-content: center; flex-flow: row wrap; align-items: center; } .currency__box #wmc_widget-13 > div, .currency__box #wmc_widget-13 > h3 { display: block !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: block !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { background-color: transparent; color: #009ece; font-size: 1.1rem; width: 1em !important; line-height: normal; border: 0px solid white; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper .wmc-sub-currency { background-color: #2a2a2a; width: 2em; left: -0.5em; } .woocommerce-multi-currency.wmc-shortcode .wmc-currency a, .woocommerce-multi-currency.wmc-shortcode .wmc-currency a:hover, .woocommerce-multi-currency.wmc-shortcode.layout9 .wmc-current-currency a { font-weight: 100 !important; display: block !important; width: 2em; } .wmc-currency-wrapper div.wmc-sub-currency { margin: 1% auto !important; height: 6em; } .country-selector { z-index: 10 !important; } .country-selector.weglot-dropdown { background-color: transparent; } .country-selector.weglot-dropdown .wgcurrent { display: block !important; border: 0 solid; margin-left: 0 !important; } .country-selector.weglot-dropdown .wgcurrent:after { display: none; } .country-selector.weglot-dropdown ul { background-color: #2a2a2a; border: 0 solid !important; top: 2.5em; min-width: 0 !important; left: 0; } .country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span { margin: 0 !important; padding: 0 !important; } .weglot-flags.flag-3 a, .weglot-flags.flag-3 span { margin: 0 !important; } .weglot-flags.flag-3 a:before, .weglot-flags.flag-3 span:before { display: flex; justify-content: center; align-items: center; margin: 0 0.25em !important; padding: 0 !important; text-align: center; } .country-selector.weglot-dropdown a { color: #009ece !important; } .middle__background { display: flex; width: 100%; background-color: white; } .middle__menu { display: flex; justify-content: space-between; width: 80%; height: 100%; margin: 2em auto; flex-flow: wrap row; align-items: center; } .middle__menu > div { width: 33.33%; display: flex; } .middle__menu .middle__info { display: flex; justify-content: center; align-items: flex-start; flex-flow: column wrap; align-content: flex-start; } .middle__menu .middle__info a { height: 6.5em; } .middle__menu .middle__info img { width:auto; height: 100%; } .middle__search { width: 25% !important; } .zzs-search, .zzs-search-form { width: 100%; } .zzs-search-form { position: relative; margin: 0; padding: 0; } .zzs-search-input-wrap { position: relative; width: 100%; margin: 0; padding: 0; } .zzs-search-input { display: block; width: 100%; margin: 0 !important; box-sizing: border-box; background-color: white !important; border: 0.2em solid #009ece !important; border-radius: 50px 50px 50px 50px !important; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none; padding:10px 45px 10px 15px; } .zzs-search-input:focus { outline: 0; box-shadow: none; border-color: #009ece !important; } .zzs-search-submit { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; display: block !important; height: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; aspect-ratio: 1 / 1; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50px 50px 50px 50px !important; background-color: #009ece !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px; overflow: hidden; opacity: 1; cursor: pointer; box-shadow: none !important; } .zzs-search-submit::before { content: ""; position: absolute; left: 50%; top: 50%; width: 38%; height: 38%; border: 1.5px solid white; border-radius: 50%; transform: translate(-60%, -60%); box-sizing: border-box; } .zzs-search-submit::after { content: ""; position: absolute; left: 58%; top: 59%; width: 23%; height: 1.5px; background-color: white; transform: rotate(45deg); transform-origin: left center; border-radius: 2px; } .zzs-search-submit:hover, .zzs-search-submit:focus, .zzs-search-submit:active { background-color: #009ece !important; color: transparent !important; opacity: 1; outline: 0; box-shadow: none !important; } .zzs-search-input::-webkit-search-decoration, .zzs-search-input::-webkit-search-cancel-button, .zzs-search-input::-webkit-search-results-button, .zzs-search-input::-webkit-search-results-decoration { -webkit-appearance: none; } .zzs-suggestions { position: absolute; top: 100%; left: 0; z-index: 9999; width: 100%; box-sizing: border-box; background-color: white; border: 0.1em solid #009ece !important; border-top: 0 solid transparent !important; border-radius: 25px 25px 25px 25px !important; } .zzs-suggestion, .zzs-suggestion.is-active { color:black!important; } .zzs-suggestion:hover, .zzs-suggestion.is-active { color:black!important; } .middle__menu .wholesaler { display: flex !important; justify-content: center !important; align-items: center !important; } div#wholesaler { flex-flow: row wrap !important; align-items: center; justify-content: center; } .middle__menu .wholesaler a { height: 2.5em; display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; margin: 0 !important; width: 16em !important; padding: 0.5em !important; } .middle__menu .wholesaler p { display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; text-align: center; height: 100%; width: 9em; font-size: 1.2em; } .middle__menu .wholesaler i { display: flex !important; align-items: center; justify-content: center; padding: 0 0.2em; height: 100%; font-size: 1.3em; } .middle__menu .wholesaler i:before { height: 100%; display: flex !important; align-items: center; justify-content: center !important; } .bottom__background { width: 100%; display: flex; background-color: #2a2a2a; margin: 0 auto; } .bottom__menu { width: 80%; display: flex; align-items: center; justify-content: flex-start; margin: 0 auto; } .bottom__menu .nav { width: 100%; height: 100%; display: flex; align-items: center; } #desktop-menu-mount { width: 100%; height: 100%; display: flex; } #desktop-menu-mount > div { width: 100%; height: 100%; } .bottom__background #menu-glowne { width: 100%; height: 100%; display: flex; align-items: center; margin: 0 auto; flex-flow: wrap; } .bottom__background #menu-glowne li { color: white; border-right: 0.01em solid #dddddd3d; display: flex; align-items: center; justify-content: center; height: 2.5em; } .bottom__background #menu-glowne .menu-item a { padding: 0 1em; display: flex; align-items: center; justify-content: center; } .bottom__background #menu-glowne .menu-item > a { color: white; text-transform: uppercase; height: 100%; display: flex; align-items: center; justify-content: center; } .bottom__background .menu-item:hover { background-color: #009ece; color: white; } .bottom__background #menu-glowne .current-menu-item { color: white; background-color: #009ece; } .bottom__background .menu-item.current_page_item > a:hover { color: white; transition: all 0.5s; } #desktop-menu-mount .home_icon > a:first-child { display: none !important; } #background-menu-mobile { display: none; } #background-menu-mobile #menu-produkty { border: 0 solid transparent !important; } .panelfiltr { display: none; } /* 03-footer.css */ #menu-footer { display: flex; background-color: #2a2a2a; margin: 0; height: 2.5em; } .webinsider-wp-custom-menu01-class { clear: both; } #menu-footer .menu-item { border-right: 1px solid #dddddd3d; width: 16.666%; display: block; text-align: center; } #menu-footer .menu-item a, #menu-footer .menu-item > span { margin: 0 auto; width: 100%; color: white; height: 100%; text-decoration: none; display: flex; align-items: center; justify-content: center; } #menu-footer .menu-item:nth-child(2), #menu-footer .menu-item:nth-child(3) { border-right: 0px solid white; } #menu-footer .menu-item:nth-child(2) a:hover, #menu-footer .menu-item:nth-child(3) a:hover, #menu-footer .menu-item:nth-child(4) a:hover { background-color: transparent; } #menu-footer .menu-item:last-child { border-right: none; } #menu-footer .menu-item > a:hover { background-color: #009ece; color: white; } #menu-footer .current-menu-item > a { color: white; background-color: #009ece; } #footer { display: flex !important; padding: 1em 0 1em 0; background-color: #2a2a2a; position: fixed; left: 0; right: 0; bottom: 0; max-width: 2560px; margin: 0 auto; } .boxfooter { display: flex !important; background-color: transparent; width: 100%; height: 28em; position: absolute; } #footer { width: 100%; display: flex !important; height: 28em; color: white; flex-flow: wrap row; } .footer-widgets.row-1.col-4.fix { display: flex; width: 87%; margin-left: auto; margin-right: auto; justify-content: space-around; } .infof { display: flex; width: 80%; border-top: 1px solid #dddddd3d; text-align: right; padding: 1em 0 0 0; margin: 0 auto; color: white; font-weight: 600; flex-flow: wrap row-reverse; } .gamma.widget-title { color: #ddd; font-weight: 700; display: inline-block; border-bottom: 0.1em solid #009ece; padding: 0.3em 0; } .block.footer-widget-1, .block.footer-widget-2, .block.footer-widget-3, .block.footer-widget-4 { display: flex; color: #6d6d6d; margin-bottom: 1em; } .block.footer-widget-1 > div, .block.footer-widget-2 > div, .block.footer-widget-3 > div, .block.footer-widget-4 > div { padding:0 1em; } .block.footer-widget-1 h3, .block.footer-widget-2 h3, .block.footer-widget-3 h3, .block.footer-widget-4 h3 { margin-bottom: 1em; color: white; } .block.footer-widget-1 a:hover, .block.footer-widget-2 a:not(.button):hover, .block.footer-widget-3 a:not(.button):hover, .block.footer-widget-4 a:not(.button):hover { color: #ddd !important; } .footer-widgets.row-1.col-4.fix p { line-height: 0.2; margin-bottom: 1em; } .footer-widgets.row-1.col-4.fix a { line-height: 1.3em; display: block; text-decoration: none; color: white; } .footer-widget-4 a { display: inline !important; } .footer-widget-4 span { display:flex; justify-content: center; } .register { display:inline!important; } .ikonystopka > span { visibility: hidden; } .ikonystopka:hover > span { visibility: visible; } span .fa-briefcase, span .fa-business-time { color: #4dabf7; position: absolute; margin-top: 0; margin-left: -1.4em; } span .fa-map-marker-alt { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1em; } span .fa-phone, span .fa-envelope { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span .fa-store, span .fa-handshake, span .fa-money-bill-wave, span .fa-truck, span .fa-book, span .fa-cookie-bite, span .fa-user, span .fa-hand-holding-dollar, span .fa-arrows-rotate { color: #38d9a9; position: absolute; margin-top: 0; margin-left: -1.35em; } #show-more, #show-less { cursor: pointer; user-select: none; } /* 02-content-listing.css: home wrapper only */ .entry, .entry-content { display:flex; margin:0 auto 5% auto; width:80%; height:100%; } .entry div, .entry-content div { margin:0 auto; } .content { width:100%; margin:0 auto; } .post-edit-link { display:none; } button.button:hover, a.button:hover { background-color:#2a2a2a !important; color:white !important; } .bottom__background { z-index:10; } .top__user { z-index:15; } .boxfooter { z-index:-1; } /* 09-responsive-tablet-global.css: home-only */ @media only screen and (max-width: 1024px) { html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { font-size: 2.8vw; } a:link, a:active { -webkit-tap-highlight-color: transparent; } .pagetitle h1, .pagetitle h2 { font-size: 1.5em !important; } .top__menu { width: 100vw; } .top__menu .top__aboutus { display: block; width: 100vw; display: flex; justify-content: center; align-content: flex-start; } .top__menu .top__user { box-shadow: 0px -0.3vw #009ece; position: fixed; bottom: 0; height: 10vw; width: 100vw; display: flex; justify-content: space-around; align-content: center; background-color: #2a2a2a; } .top__menu .top__user .hide { display: none; } .top__menu .top__user a { display: none; } .top__menu .top__user a:last-child { display: flex; flex-flow: wrap column; justify-content: center; align-items: center; } .top__menu .top__user > div { display: flex; flex-flow: column wrap; align-items: center; border-right: 0.2vw solid #dddddd4d; } .top__menu .top__aboutus div > a, .top__menu .top__user div > a { flex: none; } .top__menu .currency__box { display: none !important; } .top__menu .top__user > a { margin: 0; width: 40vw !important; } .top__menu .top__user i { display: flex; margin: 1vh 0 0 0; width: 33.33vw !important; font-size: 6vw !important; align-content: center !important; justify-content: center; } .middle__menu .middle__info img { width: 20em; } .middle__menu .middle__info { margin: 0 auto; } .woocommerce-Price-currencySymbol, .count { margin: 0 3px; } .middle__menu { width: 95vw; flex-flow: row wrap; margin: 0.1vw auto; } .middle__menu > div { width: auto; margin: 0.1vw 0; flex-flow: row wrap; height: auto !important; justify-content: space-between; align-items: center; } .bottom__menu { height: 8vw; width: 90%; } .middle__menu .middle__info { align-content: center; height: 100%; } .middle__menu .middle__info a { height: auto; } .middle__search { width: 60% !important; margin: 0 auto !important; } .middle__search .zzs-search-input { padding: 0.6em 2.5em 0.6em 0.6em!important; } .middle__menu .wholesaler { height: 2.5em; display: flex !important; align-items: center !important; justify-content: center !important; flex-flow: row wrap !important; margin: 0.5em 0 !important; width: 100vw !important; padding: 1vh !important; } .middle__menu .wholesaler .button { display: flex; width: 40vw !important; height: 7vw; padding: 0vh !important; justify-content: center; align-items: center; } #menu-glowne { display: none !important; } #desktop-menu-mount { display: none !important; } .bottom__menu .nav { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .bottom__menu { display: flex; justify-content: flex-end; align-content: center; } .bottom__menu .navbar-toggle { cursor: pointer; display: block; } .bottom__menu .navbar-toggle .icon-true { display: flex; position: relative; flex-direction: column; justify-content: space-evenly; align-items: center; align-content: center; } .bottom__menu .navbar-toggle .icon-bar { position: relative; display: flex; background-color: white; width: 3em; height: 0.3em; color: white; justify-content: center; align-items: center; margin: 10%; align-content: center; } .panelfiltr { font-size: 1.5em; position: absolute; display: block; color: white; left: 1.5em; cursor: pointer; } #background-menu-mobile { overflow-x: hidden !important; } #background-menu-mobile .icon-false { position: fixed; right: 0; top: 0; z-index: 30; color: white; background-color: #009ece; padding: 2%; border-bottom-left-radius: 40px; border-top-left-radius: 40px; cursor: pointer; } #background-menu-mobile .icon-false span { font-size: 2em !important; } #background-menu-mobile { display: flex; justify-content: flex-start; align-items: flex-start; background-color: #2a2a2a; position: fixed; flex-flow: column wrap !important; top: 0; left: 0; width: 100%; overflow: scroll; height: 100%; } #background-menu-mobile > #mobile-header-runtime { width: 100%; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; height: auto; } #background-menu-mobile > #mobile-header-runtime > div { width: 50%; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; height: auto; } #background-menu-mobile > .navbar-toggle { display: block !important; position: fixed; right: 0; top: 0; z-index: 30; width: auto !important; height: auto !important; margin: 0 !important; } #background-menu-mobile h3, #background-menu-mobile .widget-title { width: 100%; padding: 5% 0; font-size: 1.5rem; border-bottom: 1px solid #dddddd9d; text-align: left; color: white; } #background-menu-mobile > #mobile-header-runtime > div > div { width: 100%; display: flex; flex-flow: column wrap; align-items: flex-start; padding: 0 0.5em; } #mobilekontakt { width: 100%; text-align: center; } #mobilekontakt .enter { margin: 2% auto; color: #009ece; } #mobilekontakt a:last-child .enter { margin: 2% auto; color: white; } #menu-mobile { display: flex; flex-flow: row wrap; margin: 0 auto; padding: 1% 0; width: 100% !important; } #menu-mobile li { width: 100% !important; display: flex; flex-flow: row wrap; } #menu-mobile > li { width: 100%; display: flex; flex-flow: row wrap !important; } #background-menu-mobile > li:last-child { border-bottom: 0px solid #ccc; } #background-menu-mobile .parent-child > a { display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 0; } #background-menu-mobile li > a { display: flex; justify-content: flex-start; align-content: center; flex-wrap: wrap; width: 90%; color: white; font-size: 0.9em; } #background-menu-mobile li > div { display: flex; justify-content: center; align-content: center; width: 10% !important; } #background-menu-mobile li > .sub-menu { display: block; flex: 0 0 100%; width: 100%; max-width: 100%; box-sizing: border-box; margin-left: 0; } #background-menu-mobile .parent-child, #background-menu-mobile .parent-nonchild { margin: 0 auto; width: 100%; padding: 0; } #background-menu-mobile .parent-child > ul { display: block; } #background-menu-mobile .parent { line-height: 30px; cursor: pointer; list-style: none; } #background-menu-mobile .add { cursor: pointer; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; z-index: 2; width: 10% !important; color: white; } #background-menu-mobile ul li > a { display: flex; align-items: center; flex: 0 0 auto; flex-wrap: nowrap; width: max-content; min-width: 100%; max-width: none; box-sizing: border-box; padding: 2px 0; font-size: 1.1em; font-weight: 600; white-space: nowrap; word-break: normal; overflow-wrap: normal; hyphens: none; } #background-menu-mobile ul li a:before { content: "»"; flex: 0 0 auto; margin-right: 0.25em; line-height: 1; position: relative; top: -0.10em; font-weight: 600; } #background-menu-mobile ul li { position: relative; width: 100%; transition: all 0.2s; margin: 0 auto; color: black; } #background-menu-mobile ul li:first-child { border-top: 0px solid #ccc; } #background-menu-mobile ul ul a { padding: 2px 0 2px 5%; } #background-menu-mobile ul ul a:hover { padding-left: calc(5% + 5px); } #background-menu-mobile ul a:before { opacity: 0.5; font-size: 1.4em; } #background-menu-mobile ul a:hover:before { color: black; opacity: 1; } #background-menu-mobile ul a:hover { padding-left: 5px; transition: all 0.2s; background-color: transparent !important; color: black; } #background-menu-mobile .sub-menu > li > a:hover { background-color: white !important; } #background-menu-mobile .parent-child > a:hover, #menu-mobile .parent-nonchild > a:hover { padding-left: 0; } .bottom__background .menu-item:hover { background-color: transparent; } #background-menu-mobile .parent-child > a:hover { padding: 0 0 0 2%; } #background-menu-mobile .add { display: none; } #background-menu-mobile .menu-mobile-container .add { display: flex; } #background-menu-mobile > div > div > div > div { width: 100%; } #background-menu-mobile .menu { width: 100%; max-width: 100%; margin: 0 !important; padding: 0 !important; } #background-menu-mobile .menu .parent-child > a { width: 100% !important; } #background-menu-mobile .menu .parent-child > a:hover { color: black !important; background-color: white !important; } #background-menu-mobile .menu > li { width: 100%; margin: 0 auto; padding: 0; } #background-menu-mobile .menu > li > a { width: 100% !important; min-width: 100%; box-sizing: border-box; } #background-menu-mobile .menu > li > a:hover { color: black !important; background-color: white !important; padding-left: 2%; } .entry, .entry-content { display: flex; margin: 0 auto 5% auto; width: 100%; height: 100%; } .entry div, .entry-content div { margin: 0 auto; } .product__content { margin: 0 auto 0 auto; width: 100%; } .summary .entry-summary { width: 95%; } .content { width: 95%; margin: 0 auto; } #post-11 .content, #post-0 .content, .content { padding: 0 0 0 0; width: 100% !important; margin: 0 auto !important; } .entry, .entry-content { width: 95%; } #menu-footer { display: none; } article.post { min-height: 5em; } .boxfooter { display: flex !important; background-color: transparent; width: 100%; height: 100%; position: relative !important; } #footer { width: 100%; display: flex !important; height: 50rem; color: white; border-top: 3px solid #009ece; flex-flow: wrap row; position: relative !important; } .footer-widgets.row-1.col-4.fix { justify-content: center; align-items: center; flex-flow: row wrap; width: 100%; } .footer-widgets.row-1.col-4.fix > div { display: flex; justify-content: center; align-items: center; flex-flow: column wrap; width: 100%; } .footer-widgets.row-1.col-4.fix > div:nth-child(1) p:nth-child(2) { display:none } .block.footer-widget-1, .block.footer-widget-2, .block.footer-widget-3, .block.footer-widget-4 { margin: 0; width: 100%; } .block.footer-widget-1 > div, .block.footer-widget-2 > div, .block.footer-widget-3 > div, .block.footer-widget-4 > div { flex-flow: column wrap; width: 100% !important; text-align: center; padding:0; } .textwidget.custom-html-widget { width: 100%; display: block; justify-content: center; align-items: center; } .textwidget.custom-html-widget > p span, .textwidget.custom-html-widget > a .textwidget.custom-html-widget > span { display: flex; justify-content: center; align-items: center; } .textwidget.custom-html-widget img { width: 50%; } .ikonystopka span { visibility: visible; } span .fa-briefcase, span .fa-business-time { color: #4dabf7; position: absolute; margin-top: 0; margin-left: -1.4em; } span .fa-map-marker-alt { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span .fa-phone, span .fa-envelope { color: lightcoral; position: absolute; margin-top: 0; margin-left: -1.2em; } span .fa-store, span .fa-handshake, span .fa-money-bill-wave, span .fa-truck, span .fa-book, span .fa-cookie-bite, span .fa-user { color: #38d9a9; position: absolute; margin-top: 0; margin-left: -1.2em; } .size33 { width: 33.33% !important; } .size50 { width: 50% !important; } } /* 10e-responsive-currency-footer.css: home-only */ @media only screen and (max-width: 1024px) { .currency__box #wmc_widget-13 { display: flex !important; justify-content: center; flex-flow: row wrap; align-items: center; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { margin: 0.1em 0 !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: flex !important; background-color: transparent; color: white !important; font-size: 2rem !important; line-height: normal; border: 1px solid white; padding: 0.1em 0.1em !important; height: 1.1em !important; border-radius: 0; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency:hover, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency:hover { background-color: white; color: #2a2a2a !important; display: flex !important; justify-content: center; align-items: center; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper .wmc-sub-currency { display: flex !important; background-color: #2a2a2a; line-height: normal; left: 2em; width: 20vw !important; height: 100%; top: 0; border: 0px solid white; padding: 0; } .wmc-currency-wrapper .wmc-sub-currency .wmc-currency { display: block !important; height: 1em !important; width: 100% !important; } .wmc-currency-wrapper .wmc-sub-currency a.wmc-currency:hover { display: block !important; width: 100% !important; } .wmc-currency-wrapper .wmc-sub-currency { display: block !important; width: 50vh !important; } .wmc-currency-wrapper .wmc-sub-currency div { display: block !important; margin: 0 0 0 0.2em !important; } .woocommerce-multi-currency.wmc-shortcode .wmc-currency a, .woocommerce-multi-currency.wmc-shortcode .wmc-currency a:hover, .woocommerce-multi-currency.wmc-shortcode.layout9 .wmc-current-currency a { display: flex !important; justify-content: center; align-items: center; font-weight: 100 !important; width: 100% !important; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency-wrapper:hover .wmc-sub-currency { overflow: hidden !important; } .infof { display:flex; width: 90%; margin: 0 auto; justify-content: center; } .boxfooter { z-index: 0; } } /* 11-responsive-phone.css: home-only */ @media only screen and (max-width: 768px) { html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { font-size: 4vw; } .middle__menu > div { width: 100%; margin: 1% 0; flex-flow: column wrap; height: auto !important; } .middle__search { width: 85% !important; } .top__menu .top__user { box-shadow: 0px -0.3vw #009ece; position: fixed; bottom: 0; height: 12vw; width: 100vw; display: flex; justify-content: center; flex: none; align-content: center; background-color: #2a2a2a; } #background-menu-mobile a { padding: 2px 0; } #background-menu-mobile ul li > a { font-size: 0.9em; } .middle__menu .middle__info img { width: 20em; } .bottom__menu { height: 14vw; } #footer { height: 70rem; } .boxfooter .size50 { width: 100% !important; } .middle__menu .wholesaler .button { display: flex; width: 60vw !important; height: 8vw; padding: 0vh !important; justify-content: center; align-items: center; } .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-currency, .woocommerce-multi-currency.wmc-shortcode.vertical-currency-symbols-circle .wmc-current-currency { display: flex !important; background-color: transparent; color: white !important; font-size: 2rem !important; line-height: normal; border: 1px solid white; padding: 0 0.1em !important; height: 1.2em !important; border-radius: 0; text-align: center; width: 100%; justify-content: center; } } /* 14a-cookie-consent.css */ .zzcc-root .zzcc-btn, .zzcc-root .zzcc-manage, .zzcc-root .zzcc-shortcode { border-color: #009ece !important; } .zzcc-root .zzcc-primary { background: #009ece !important; border-color: #009ece !important; color: #fff !important; } .zzcc-root .zzcc-switch input:checked + span { background: #009ece !important; } .zzcc-root .zzcc-manage--icon, .zzcc-root .zzcc-shortcode--icon { color: #009ece !important; } .zzcc-root .zzcc-manage--icon svg, .zzcc-root .zzcc-shortcode--icon svg { fill: currentColor !important; stroke: currentColor !important; } .zzcc-root .zzcc-banner a, .zzcc-root .zzcc-modal a { color: #009ece !important; } .zzcc-root .zzcc-btn:focus-visible, .zzcc-root .zzcc-manage:focus-visible, .zzcc-root .zzcc-shortcode:focus-visible, .zzcc-root .zzcc-close:focus-visible { outline: 2px solid #009ece !important; outline-offset: 2px; } .zzcc-manage--icon svg, .zzcc-shortcode--icon svg { color: #009ece; } .zzcc-shortcode { background: #009ece !important; border-color: #009ece !important; color: #fff !important; } /* 14d-responsive-header-fix.css */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; overflow: hidden; position: absolute !important; white-space: nowrap; } /* HOME inline styles moved from home.php */ @media only screen and (min-width: 1025px) { .middle__menu { height: 60px; margin: 0 auto; flex-flow: wrap column; justify-content: center; } .middle__menu .middle__info { height: 100%; } .middle__menu .middle__info a { height: 100%; max-height: 100%; display: flex; align-items: center; } } .pagetitle { display:none; } .entry { width:100%; } .butla-top{--blue:#0b9fe0;--navy:#08264c;--butla-arrow-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");overflow:hidden;color:#183456;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif} .butla-top,.butla-top *{box-sizing:border-box} .butla-top a{color:inherit} .shell{width:80%;margin:auto} .hero{min-height:338px;background:radial-gradient(circle at 69% 31%,rgba(11,159,224,.09),transparent 29%),linear-gradient(100deg,#f9fbfd,#eef6fb 54%,#edf5fa);border-bottom:1px solid #e8eff4} .hero-flex{min-height:338px;display:flex;align-items:stretch} .hero-copy{flex:1.8;display:flex;flex-direction:column;padding:34px 0 20px} .hero h1{margin:0;color:var(--navy);font-size:40px;line-height:1.05;letter-spacing:-.035em;font-weight:800} .hero h1 span{display:block;color:var(--blue);font-weight:600} .lead{margin:12px 0 0;max-width:560px;color:#253f5f;font-size:14px;line-height:1.46} .butla-top a.hero-cta,.butla-top a.more,.butla-top a.rec-link,.butla-top a.more-products-btn{display:inline-flex;align-items:center;text-decoration:none;font-weight:800} .butla-top a.more::after,.butla-top a.rec-link::after,.butla-top a.more-products-btn::after,.butla-top .pp-go::before{content:"";display:block;flex:0 0 auto;background:currentColor;-webkit-mask:var(--butla-arrow-right) center/contain no-repeat;mask:var(--butla-arrow-right) center/contain no-repeat} .butla-top a.more::after{width:15px;height:15px} .butla-top a.rec-link::after{width:16px;height:16px} .butla-top .pp-go::before{width:20px;height:20px} .butla-top a.more-products-btn::after{width:18px;height:18px} .butla-top a.hero-cta{width:max-content;margin:18px 0 0 auto;gap:12px;min-height:38px;padding:0 20px;color:#fff;background:var(--blue);border-radius:999px;font-size:13px} .hero-cta svg{width:15px;height:15px} .benefits{margin-top:auto;padding-top:50px;display:flex;gap:16px} .benefit{flex:1;display:flex;align-items:center;gap:8px;min-width:0} .benefit-icon{width:50px;height:50px;flex:0 0 50px;color:var(--blue)} .benefit strong{display:block;color:#0a294f;font-size:11px;line-height:1.18;white-space:nowrap} .benefit span{display:block;margin-top:2px;color:#425b74;font-size:9.5px;line-height:1.25;white-space:nowrap} .hero-product{flex:.78;display:flex;align-items:flex-end;justify-content:center;min-width:180px;padding:15px 0 4px} .hero-product img{display:block;width:auto;height:305px;max-width:100%;object-fit:contain} .hero-note{flex:0 0 118px;display:flex;align-items:center;justify-content:center;padding:28px 0 34px} .hero-note-inner{width:112px;transform:rotate(-2deg);color:#0b315e;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:13px;line-height:1.35;font-weight:650} .hero-note svg{display:block;width:72px;height:42px;margin:3px 0 0 -11px} .what{padding-top:9px} .what-card{min-height:126px;display:flex;align-items:center;gap:18px;padding:14px 22px;border:1px solid #edf2f5;border-radius:14px;background:linear-gradient(105deg,#f8fafc,#fff);box-shadow:0 8px 24px rgba(29,65,94,.06)} .what-main{flex:.95;display:flex;align-items:center;gap:12px;min-width:0} .what-copy{flex:1;min-width:0} .what-copy h2{margin:0 0 5px;color:var(--navy);font-size:18px;line-height:1.08;font-weight:800} .what-copy p{margin:0;color:#526781;font-size:13px;line-height:1.45} .butla-top a.more{margin-top:7px;gap:7px;min-height:30px;padding:0 12px;color:var(--blue);border:1.3px solid var(--blue);border-radius:999px;font-size:11px} .divider{width:1px;height:86px;flex:none;background:#dbe5ec} .uses{flex:1.05;display:flex;align-items:flex-start;gap:10px;min-width:0} .use{flex:1;min-width:52px;color:#173454;text-align:center} .use svg{display:block;width:50px;height:50px;margin:0 auto 6px;color:var(--blue)} .use span{font-size:12px;line-height:1.15;white-space:nowrap} .recommendations{padding:24px 0 10px} .rec-section{padding:22px 0 10px;content-visibility:auto;contain-intrinsic-block-size:auto 440px} .rec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px} .rec-title{min-width:0} .rec-title h2{margin:0 0 6px;color:var(--navy);font-size:24px;line-height:1.12;font-weight:800} .rec-title p{margin:0;max-width:920px;color:#5e738d;font-size:14px;line-height:1.55} .butla-top a.rec-link{flex:none;gap:10px;padding-top:6px;color:var(--blue);font-size:14px;white-space:nowrap} .pp-products{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch} .pp-card{flex:0 0 var(--pp-w);min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px;border:1px solid #e5edf3;border-radius:10px;contain:layout paint} .pp-card-link{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none} .pp-img{height:190px;display:flex;align-items:center;justify-content:center} .pp-img img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .pp-bottom{display:flex;align-items:center;width:100%;margin-top:10px} .pp-info{flex:1;min-width:0} .butla-top .pp-name{display:block;margin:0;color:#34495e;font-size:14px;line-height:1.3;text-decoration:none} .pp-price{display:block;margin-top:3px;color:#13263a;font-weight:700;line-height:1.2} .butla-top .pp-go{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin-left:12px;padding:0;border:1px solid #bfe7fb;border-radius:10px;background:#eaf7ff;color:#0b9fe0;text-decoration:none} .butla-top .pp-card-link:hover .pp-go{background:#0b9fe0;color:#fff;border-color:#0b9fe0} .more-products{padding-top:20px;content-visibility:auto;contain-intrinsic-block-size:auto 110px} .more-products-box{display:flex;align-items:center;gap:24px;padding:24px 28px;border:1px solid #e3edf4;border-radius:22px;background:linear-gradient(90deg,#edf6fc,#f7fbff);box-shadow:0 14px 36px rgba(29,65,94,.06)} .more-products-copy{flex:1;min-width:0;text-align:center} .more-products-copy h2{margin:0 0 6px;color:var(--navy);font-size:20px;line-height:1.15;font-weight:800} .more-products-copy p{margin:0;color:#5f7590;font-size:14px;line-height:1.5} .butla-top a.more-products-btn{flex:none;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border-radius:999px;background:#0e8cf3;color:#fff;font-size:16px;white-space:nowrap} .what-extra{padding:20px 0 0} .what-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .what-extra-card{display:flex;align-items:center;min-height:168px;padding:18px 20px;border:1px solid #edf2f5;border-radius:14px;background:linear-gradient(105deg,#f8fafc,#fff);box-shadow:0 8px 24px rgba(29,65,94,.06)} .what-extra-card .what-main{flex:1} .what-extra-outline{display:block;width:118px;height:138px;flex:0 0 118px;object-fit:contain} .what-extra-card .what-copy h2{font-size:19px} .what-extra-card .what-copy p{font-size:13px;line-height:1.52} @media only screen and (max-width:900px){ .what-extra-grid{grid-template-columns:1fr} } @media only screen and (max-width:768px){ .what-extra{padding-top:16px} .what-extra-card{padding:18px} .what-extra-outline{width:100%;height:200px;} .what-extra-card .what-copy h2{font-size:20px} .what-extra-card .what-copy p{font-size:12px} } @media only screen and (max-width:1024px){ .shell{width:calc(100% - 48px)} .hero,.hero-flex{min-height:300px} .hero-flex{gap:12px} .hero-copy{padding:28px 0 18px 12px} .hero h1{font-size:35px!important} .hero h1 span{font-size:25px!important} .lead{font-size:13px} .hero-product{min-width:175px} .hero-product img{height:260px} .hero-note{flex-basis:100px} .hero-note-inner{width:96px;font-size:12px} .benefits{gap:10px} .benefit-icon{width:24px;height:24px;flex-basis:24px} .benefit strong{font-size:10px} .benefit span{font-size:8.5px} .what-card{gap:12px;padding:12px 16px} .what-copy h2{font-size:17px} .what-copy p{font-size:10px} .uses{gap:7px} .use span{font-size:9px} .rec-head{flex-direction:column;gap:10px} .rec-link{padding-top:0} .more-products-box{flex-direction:column;text-align:center} } @media only screen and (max-width:768px){ .shell{width:calc(100% - 26px)} .hero,.hero-flex{min-height:0} .hero-flex{flex-direction:column;gap:0} .hero-copy{padding:30px 4px 6px} .hero h1{font-size:40px!important} .hero h1 span{font-size:25px!important} .lead{font-size:15px;line-height:1.5} .hero-cta{min-height:44px;padding:0 21px} .hero-product{order:2;min-width:0;padding-top:6px} .hero-product img{width:min(250px,59vw);height:auto} .hero-note{display:none} .benefits{order:3;flex-direction:column;gap:12px;padding:18px 0 24px} .benefit{flex:none} .benefit-icon{width:30px;height:30px;flex-basis:30px} .benefit strong{font-size:12px} .benefit span{font-size:10px} .what-card{flex-direction:column;align-items:stretch;gap:18px;padding:20px 18px} .what-main{gap:13px;align-items:flex-start;flex-direction: column;} .what-copy h2{font-size:22px} .what-copy p{font-size:12px} .more{min-height:32px!important;padding:0 14px!important;font-size:11px!important} .divider{display:none} .uses{flex-wrap:wrap;gap:17px 8px;padding-top:18px;border-top:1px solid #e3ebf0} .use{flex:0 0 calc((100% - 16px)/3);min-width:0} .use svg{width:30px;height:30px;margin-bottom:7px} .use span{font-size:11px;white-space:normal} .rec-section{padding:18px 0 8px;contain-intrinsic-block-size:auto 720px} .rec-title h2{font-size:22px} .rec-title p{font-size:13px} .pp-card{flex-basis:calc(50% - 6px)} .more-products{padding-top:16px} .more-products-box{gap:16px;padding:20px 18px;border-radius:18px} .more-products-copy h2{font-size:18px} .more-products-copy p{font-size:13px} .more-products-btn{width:100%;min-height:50px;padding:0 22px;font-size:15px} } .buy-guide{padding:34px 0 46px;background:linear-gradient(180deg,#fff,#f7fbfe);border-top:1px solid #edf2f5} .buy-guide .bg-wrap{display:grid;gap:18px} .bg-intro{padding:27px 28px;border:1px solid #dceaf3;border-radius:22px;background:linear-gradient(115deg,#f4fbff,#fff);box-shadow:0 12px 32px rgba(29,65,94,.05)} .bg-intro h2,.bg-head h2{margin:0;color:#08264c;font-weight:800;letter-spacing:-.02em} .bg-intro h2{font-size:29px;line-height:1.17} .bg-intro p{max-width:1060px;margin:11px 0 0;color:#4d6680;font-size:14px;line-height:1.72} .bg-head{margin-top:8px}.bg-head h2{font-size:24px;line-height:1.2}.bg-head p{margin:6px 0 0;color:#60758d;font-size:13px;line-height:1.6} .bg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .bg-card{padding:21px 22px;border:1px solid #e1eaf1;border-radius:17px;background:#fff;box-shadow:0 7px 24px rgba(29,65,94,.04)} .bg-card:nth-child(4n/**/+2),.bg-card:nth-child(4n/**/+3){background:#fbfdff} .bg-card h3{margin:0 0 9px;color:#0a315e;font-size:18px;line-height:1.3} .bg-card p{margin:0;color:#4f6881;font-size:13.5px;line-height:1.68}.bg-card p+p{margin-top:9px} .shop-offer-grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .shop-offer-box{position:relative;display:block;min-width:0;height:200px;overflow:hidden;box-sizing:border-box;border:1px solid #d8e7f1;border-radius:18px;background:linear-gradient(135deg,#f7fbfe 0%,#eef8fd 100%);box-shadow:0 8px 24px rgba(29,65,94,.055);text-decoration:none} .shop-offer-box:not(.shop-offer-empty){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .shop-offer-box:not(.shop-offer-empty):hover{transform:translateY(-2px);border-color:#b8dced;box-shadow:0 13px 30px rgba(29,65,94,.09)} .shop-offer-copy{position:absolute;z-index:3;left:22px;top:22px;max-width:44%} .shop-offer-label{display:block;color:#08264c;font-size:19px;font-weight:800;line-height:1.18} .shop-offer-link{display:block;margin-top:10px;color:#0b9fe0;font-size:12px;font-weight:800;line-height:1.2} .shop-offer-image{position:absolute;z-index:1;right:0;bottom:6px;display:block;width:185px;height:185px;max-width:none;object-fit:contain;pointer-events:none} .bg-faq{display:flex;gap:14px;align-items:flex-start;width:100%} .bg-faq-col{display:flex;flex:1 1 0;width:0;min-width:0;max-width:calc(50% - 7px);flex-direction:column;gap:10px} .bg-faq details{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid #dde9f1;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(29,65,94,.035)} .bg-faq summary{position:relative;width:100%;min-width:0;max-width:100%;box-sizing:border-box;cursor:pointer;list-style:none;padding:16px 44px 16px 18px;color:#123a60;font-size:14px;font-weight:800;line-height:1.42;overflow-wrap:anywhere} .bg-faq summary::-webkit-details-marker{display:none}.bg-faq summary:after{content:"+";position:absolute;right:17px;top:11px;color:#0b9fe0;font-size:24px;font-weight:500}.bg-faq details[open] summary:after{content:"–"} .bg-faq p{margin:0;padding:0 18px 17px;color:#506982;font-size:13.5px;line-height:1.7} .bg-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;border-radius:20px;background:linear-gradient(110deg,#08264c,#0b467c);color:#fff}.bg-cta h2{margin:0 0 7px;color:#fff;font-size:22px}.bg-cta p{max-width:830px;margin:0;color:#dce9f4;font-size:13.5px;line-height:1.65}.bg-cta p+p{margin-top:7px}.bg-cta a{color:#7fd3ff;font-weight:800;text-decoration:none} @media(max-width:900px){.bg-grid{grid-template-columns:1fr}.shop-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-faq{display:block}.bg-faq-col{display:contents;width:auto;max-width:none}.bg-faq details{margin-bottom:10px}.bg-cta{align-items:flex-start;flex-direction:column}} @media(max-width:768px){.buy-guide{padding:28px 0 36px}.bg-intro{padding:22px 18px}.bg-intro h2{font-size:24px}.bg-card{padding:19px 18px}.bg-head h2{font-size:22px}.bg-card p,.bg-faq p{font-size:13px}.shop-offer-grid{grid-template-columns:1fr 1fr}.shop-offer-box{height:170px}.shop-offer-copy{left:16px;top:16px;max-width:46%}.shop-offer-label{font-size:16px}.shop-offer-link{margin-top:7px;font-size:11px}.shop-offer-image{right:0;bottom:5px;width:130px;height:130px}.bg-cta{padding:21px 18px}} /* Header cart shell: always visible total/count; dropdown CSS is lazy-loaded. */ .site-header-cart.menu span{color:white;font-weight:600} .site-header-cart>div:first-child{display:flex} .cart-contents{display:flex!important} .cartmenu span.woocommerce-Price-amount.amount, .cartmenu span.woocommerce-Price-currencySymbol{color:#009ece!important;white-space:nowrap} @media only screen and (max-width:1024px){ .cart-shop{display:flex;flex-flow:wrap row!important} .top__menu .top__user .cart-contents{height:inherit;white-space:nowrap} .top__menu .top__user .site-header-cart>a{display:flex;flex-wrap:wrap} .site-header-cart>div:first-child{display:block} .cartmenu{width:33.33vw!important;display:flex;justify-content:center;align-items:center;flex:none} } /* Currency symbol must always match the numeric price size. */ .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol{font-size:1em!important} /* Home desktop typography — slightly larger, layout width unchanged */ @media (min-width:1025px){ .butla-top .hero h1{font-size:44px} .butla-top .lead{font-size:15px} .butla-top a.hero-cta{font-size:14px} .butla-top .benefit strong{font-size:12px} .butla-top .benefit span{font-size:10px} .butla-top .what-copy h2{font-size:20px} .butla-top .what-copy p{font-size:14px} .butla-top a.more{font-size:12px} .butla-top .use span{font-size:13px} .butla-top .rec-title h2{font-size:26px} .butla-top .rec-title p{font-size:15px} .butla-top a.rec-link{font-size:15px} .butla-top .pp-name{font-size:15px} .butla-top .more-products-copy h2{font-size:22px} .butla-top .more-products-copy p{font-size:15px} .butla-top a.more-products-btn{font-size:17px} .butla-top .what-extra-card .what-copy h2{font-size:20px} .butla-top .what-extra-card .what-copy p{font-size:14px} .buy-guide .bg-intro h2{font-size:31px} .buy-guide .bg-intro p{font-size:15px} .buy-guide .bg-head h2{font-size:26px} .buy-guide .bg-head p{font-size:14px} .buy-guide .bg-card h3{font-size:19px} .buy-guide .bg-card p{font-size:14.5px} .buy-guide .shop-offer-label{font-size:20px} .buy-guide .shop-offer-link{font-size:13px} .buy-guide .bg-faq summary{font-size:15px} .buy-guide .bg-faq p{font-size:14.5px} .buy-guide .bg-cta h2{font-size:24px} .buy-guide .bg-cta p{font-size:14.5px} }