/* 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;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
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;
}
input,
select {
vertical-align: middle;
}
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: "\0020";
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;
}
.site-header-cart.menu span {
color: white;
font-weight: 600;
}
.site-header-cart > div {
display: flex;
}
.cart-contents {
display: flex !important;
}
a.added_to_cart.wc-forward {
display: none;
}
.cartmenu span.woocommerce-Price-amount.amount,
.cartmenu span.woocommerce-Price-currencySymbol,
.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;
}
.cart_link > div {
display: flex !important;
position: absolute;
top: 2.5em;
width: 30em;
flex-wrap: wrap;
flex-direction: column;
right: 15vh;
}
.widget_shopping_cart {
background-color: #2a2a2a;
position: relative;
width: 100%;
padding: 0.3em;
overflow-y: scroll;
max-height: 30em;
}
div.widget_shopping_cart_content p.woocommerce-mini-cart__buttons.buttons {
display: none !important;
}
.cart_link_button {
width: 100%;
position: relative;
background-color: #2a2a2a;
}
.widget_shopping_cart::-webkit-scrollbar {
width: 0.5em;
}
.widget_shopping_cart::-webkit-scrollbar-thumb {
background-color: #009ece;
}
.woocommerce-mini-cart__total.total {
color: white;
}
.remove.remove_from_cart_button {
color: red !important;
}
.woocommerce-mini-cart.cart_list.product_list_widget span.psymbol {
color: #009ece;
}
.woocommerce-mini-cart.cart_list.product_list_widget li {
display: flex !important;
margin: 1em 0 !important;
justify-content: flex-start;
align-items: center !important;
height: 100% !important;
}
.woocommerce-mini-cart.cart_list.product_list_widget li > a:nth-child(2) {
color: white !important;
}
.woocommerce-mini-cart.cart_list.product_list_widget .quantity {
width: 50%;
text-align: right;
padding-right: 0.1em;
}
.woocommerce-mini-cart.cart_list.product_list_widget > li > a:nth-child(2) {
font-weight: 600;
}
.variation
.woocommerce-mini-cart.cart_list.product_list_widget
> li
> a:nth-child(2) {
display: flex;
align-items: center;
}
.woocommerce-mini-cart.cart_list.product_list_widget > li > a:nth-child(2) sub {
font-weight: 600;
}
.woocommerce-mini-cart.cart_list.product_list_widget > li > a:nth-child(2) {
font-weight: 600;
}
.cart_link .woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
background-color: white;
height: 3em !important;
width: 3em !important;
object-fit: contain !important;
float: left;
margin: 0 0.1rem !important;
clear: both;
}
.woocommerce-mini-cart-item.mini_cart_item .remove.remove_from_cart_button {
top: 30% !important;
left: 0.2em !important;
font-size: 1.5em !important;
}
.woocommerce-mini-cart .variation {
display: flex;
color: white;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0 !important;
}
.woocommerce-mini-cart .woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
margin: 0.2em 0 0.2em 0;
flex-grow: 1;
flex-shrink: 0;
flex: 0 70%;
}
.woocommerce-mini-cart .woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
flex: 0 30%;
display: flex;
align-items: center;
align-content: center;
margin: 0;
}
.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 {
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;
}
.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 {
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;
}
.fa-facebook-square,
.fa-google-plus {
}
.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; }

/* 08-cart-checkout-search.css: home mini-cart only */

.woocommerce-mini-cart__empty-message { text-align:center; color:white; padding:20px 0; }
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;
}
.cart_link {
display: none !important;
}
.top__menu .top__user a:last-child {
display: flex;
flex-flow: wrap column;
justify-content: center;
align-items: center;
}
.cart-shop {
display: flex;
flex-flow: wrap row !important;
}
.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 .cart-contents {
height: inherit;
white-space: nowrap;
}
.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;
}
.top__menu .top__user .site-header-cart > a {
display: flex;
flex-wrap: wrap;
}
.site-header-cart > div {
display: block;
}
.middle__menu .middle__info img {
width: 20em;
}
.middle__menu .middle__info {
margin: 0 auto;
}
.cartmenu {
width: 33.33vw !important;
display: flex;
justify-content: center;
align-items: center;
flex: none;
}
.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 {
display: flex;
cursor: pointer;
display: block;
}
	.bottom__menu .navbar-toggle .icon-true
	{
        display: flex;
        position: relative;
        width: 2em;
        height: 100%;
        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: 14%;
        align-content: center;
    }
.panelfiltr {
font-size: 1.5em;
display: block;
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: none;
}
#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 {
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: 90%;
display: flex;
flex-flow: column wrap;
align-items: flex-start;
margin: 10% auto;
}
#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 {
height: 20px;
display: flex;
align-items: center;
padding: 0;
}
#background-menu-mobile li > a {
color: black;
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;
width: 100%;
margin-left: 0;
}
#background-menu-mobile .parent-child,
#background-menu-mobile .parent-nonchild {
margin: 0 auto;
width: 100%;
font-weight: 600;
padding: 0 0 0 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;
color: white;
}
#background-menu-mobile ul li > a {
display: block;
padding: 2px 0;
}
#background-menu-mobile ul li a:before {
content: "";
display: inline-block;
width: 0.875em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask: url("../fontawesome/solid/angles-right.svg") center / contain no-repeat;
mask: url("../fontawesome/solid/angles-right.svg") center / contain no-repeat;
}
#background-menu-mobile ul li {
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 {
}
#background-menu-mobile .sub-menu li:first-child {
}
#background-menu-mobile ul ul a {
margin: 0 10%;
}
#background-menu-mobile ul a:before {
margin-right: 5px;
opacity: 0.5;
}
#background-menu-mobile ul a:hover:before {
color: black;
opacity: 1;
}
#background-menu-mobile .sub-menu > li:hover {
background-color: white;
}
#background-menu-mobile ul a:hover {
padding-left: 5px;
transition: all 0.2s;
background-color: transparent !important;
color: black;
}
#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 2%;
}
#background-menu-mobile .add {
display: none;
}
#background-menu-mobile .menu-mobile-container .add {
display: flex;
}
#background-menu-mobile .menu {
width: 50vw;
margin: 0 !important;
padding: 0 !important;
}
#background-menu-mobile .menu .parent-child > a {
width: 90% !important;
margin: 1vw 0 !important;
padding: 1vw 0 !important;
}
#background-menu-mobile .menu .parent-child > a:hover {
color: black !important;
background-color: white !important;
}
.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,
.entry-content {
padding: 0 0 0 0;
width: 100% !important;
margin: 0 auto !important;
}
#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 {
display: block !important;
width: 55vh !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 !important;
}
.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;
font-size: 0.9em !important;
}
#background-menu-mobile .parent-child > a:hover {
padding: 2px 2%;
}
.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;
}
}

/* 12a-variation-delivery-mincart.css: mini-cart set names only */

.min-cart { display:flex; flex-direction:column; align-items:flex-start; }
.min-cart > div { display:flex; align-items:center; margin:0 !important; }

/* 14a-cookie-consent.css */
.zzcc-root .zzcc-btn,
.zzcc-root .zzcc-manage,
.zzcc-root .zzcc-shortcode {
    border-color: #007ea6 !important;
}
.zzcc-root .zzcc-primary {
    background: #007ea6 !important;
    border-color: #007ea6 !important;
    color: #fff !important;
}
.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 */
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    #desktop-menu-mount {
        display: flex !important;
        width: 100%;
        height: 100%;
    }
    #desktop-menu-mount > div {
        width: 100%;
        height: 100%;
    }
    .bottom__menu .nav {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .bottom__background #menu-glowne,
    #menu-glowne {
        display: flex !important;
    }
    .bottom__menu .navbar-toggle,
    .panelfiltr,
    #background-menu-mobile {
        display: none !important;
    }
    .bottom__menu {
        height: auto;
    }
}

.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;
}
.woocommerce-mini-cart a.remove {
display: block;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
text-decoration: none;
font-weight: 700;
border: 0;
}



/* 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;
    }

    .middle__menu .middle__info img {
        display: block;
        width: auto ;
        height: 100% ;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

}
.pagetitle
	{
		display:none;
	}
	.entry
	{
		width:100%;
	}
.butla-top{--blue:#0b9fe0;--navy:#08264c;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:min(1180px,calc(100% - 80px));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.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}
.rec-link svg{width:16px;height:16px}

.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-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 a.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 a.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}
.pp-go svg{display:block;width:20px;height:20px}
.butla-top a.pp-go:hover{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}
.more-products-btn svg{width:18px;height:18px}

.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}}