/* Dropdown: wygodniejszy klik + pełna szerokość tła przy hover */
.et_pb_menu .sub-menu li > a,
.et_pb_menu__menu .sub-menu li > a{
  padding: 10px 14px;
}

.et_pb_menu .sub-menu li:hover > a,
.et_pb_menu__menu .sub-menu li:hover > a{
  width: 100% !important;
}

/* BB START – nowy wygląd Biobakt (For Marketing, 2026-09). Nie usuwać znaczników START/END. */
/* Czcionki Archivo i Source Sans 3 wczytuje Divi (Personalizator -> Typografia),
   wiec wlasny @import byl zbedny i dublowal to samo zapytanie. Usuniety 29.09. */
:root{--bb-mist:#f3f4f2;--bb-stone:#e3e5e1;--bb-ink:#1a2229;--bb-ink2:#4b5660;--bb-ink3:#7c868e;--bb-red:#e4081b;--bb-red2:#b80616;--bb-h:"Archivo","Segoe UI",Helvetica,Arial,sans-serif;--bb-b:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif}
[class*="bb-"] h1,[class*="bb-"] h2,[class*="bb-"] h3,[class*="bb-"] h4,[class*="bb-"] h5,[class*="bb-"] h6{letter-spacing:-.01em;padding-bottom:0}
[class*="bb-"] h1 span,[class*="bb-"] h2 span,[class*="bb-"] p span{color:inherit!important;font:inherit!important}
.bb-hero,.bb-intro,.bb-apps,.bb-about,.bb-faq,.bb-cat,.bb-picks,.bb-benefits{font-family:var(--bb-b);color:var(--bb-ink2)}

/* wiersze 80% */

@media (max-width:980px){.et_pb_row.bb-w{width:auto!important;margin-left:clamp(16px,4vw,32px)!important;margin-right:clamp(16px,4vw,32px)!important}}

/* przycisk */
.et_pb_button.bb-more,.et_pb_button.bb-more:hover{display:inline-flex;align-items:center;gap:12px;background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 14.5px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:15px 24px!important;transition:background .15s}
.et_pb_button.bb-more:hover{background:var(--bb-red2)!important}
.et_pb_button.bb-more::after{content:"→"!important;font-family:var(--bb-h)!important;position:static!important;opacity:1!important;margin:0!important;font-size:inherit!important;line-height:1!important}

/* HERO: 3 panele */
.et_pb_section.bb-hero{padding:0!important;background:var(--bb-ink)}
.et_pb_row.bb-hero-row{width:100%!important;max-width:none!important;padding:0!important;display:flex!important;gap:0!important;height:min(640px,78vh);min-height:520px}
.bb-hero-row > .et_pb_column.bb-panel{flex:1 1 0!important;width:auto!important;max-width:none!important;margin:0!important;position:relative;overflow:hidden;display:flex!important;flex-direction:column;justify-content:flex-end;padding:clamp(22px,2.4vw,36px)!important;background-size:cover!important;background-position:center!important;transition:flex .6s cubic-bezier(.2,.7,.2,1)}
.bb-panel + .bb-panel{border-left:1px solid rgba(255,255,255,.18)}
.bb-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,24,.05) 30%,rgba(15,20,24,.82) 100%);z-index:0}
.bb-panel > .et_pb_module{position:relative;z-index:1;margin:0!important;max-width:560px}
.bb-pt p{font:800 clamp(24px,2.2vw,32px)/1.12 var(--bb-h)!important;color:#fff!important;text-transform:uppercase;letter-spacing:.01em;padding:0!important;hyphens:auto;overflow-wrap:break-word}
.bb-pt p::before{content:"";display:block;width:44px;height:4px;background:var(--bb-red);margin-bottom:18px}
.bb-pd{display:grid!important;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .4s}
.bb-pd .et_pb_text_inner{overflow:hidden}
.bb-pd p{color:#e8ecef!important;font-size:16.5px!important;line-height:1.55!important;padding:14px 0 0!important}
.bb-pd p:empty{display:none}
.bb-hero-row:not(:hover) .bb-lead,.bb-hero-row .bb-panel:hover{flex-grow:1.8!important}
.bb-hero-row:not(:hover) .bb-lead .bb-pd,.bb-panel:hover .bb-pd{grid-template-rows:1fr;opacity:1}

/* TEKST SEO: 2 kolumny */
.et_pb_section.bb-intro{padding:clamp(64px,9vw,120px) 0!important}
.bb-intro-row{align-items:flex-start!important;gap:clamp(40px,7vw,110px)!important}
.bb-intro-row > .et_pb_column{margin:0!important}
.bb-side{position:sticky!important;top:120px}
.bb-h1 h1{margin:0 0 26px!important}
.bb-h1 h1 b,.bb-h1 h1 strong{font-weight:inherit}
.bb-lead-t p{font-size:18px!important;line-height:1.65!important;color:var(--bb-ink2)!important}
.bb-toc ul{list-style:none!important;padding:0!important;margin:34px 0 0!important;border-top:1px solid var(--bb-stone)}
.bb-toc li{padding:0!important}
.bb-toc a{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--bb-stone);text-decoration:none;color:var(--bb-ink)!important;font:600 15.5px/1.35 var(--bb-h)}
.bb-toc a::after{content:"↓";color:var(--bb-red)}
.bb-toc a:hover{color:var(--bb-red)!important}
.bb-chapter{padding:34px 0 38px!important;border-top:1px solid var(--bb-stone);margin:0!important;scroll-margin-top:110px}
.bb-chapters > .bb-chapter:first-child{border-top:3px solid var(--bb-ink)}
.bb-chapter h2{margin-bottom:16px!important}
.bb-chapter p{font-size:17px!important;line-height:1.65!important;color:var(--bb-ink2)!important;max-width:66ch}
.bb-chapter p + p{margin-top:14px}
.bb-chapter a{color:var(--bb-red)!important}

/* ZASTOSOWANIA */
.et_pb_section.bb-apps{background:var(--bb-mist)!important;padding:clamp(64px,9vw,120px) 0!important}


.bb-jump a:hover{border-color:var(--bb-red);color:var(--bb-red)!important}






.bb-app-t h2{margin:0 0 12px!important}
.bb-app-t p,.bb-app-t li{font-size:17px!important;line-height:1.65!important;color:var(--bb-ink2)!important}
.bb-app-t p{margin-bottom:14px;max-width:62ch}
.bb-app-t ul{padding-left:20px!important;margin-bottom:14px}
.bb-app-t li::marker{color:var(--bb-red)}
.bb-app-t strong{color:var(--bb-ink)}


/* O NAS */
.et_pb_section.bb-about{padding:clamp(72px,10vw,140px) 0!important;background:#fff}
.bb-about .et_pb_row{gap:clamp(32px,6vw,90px)!important;align-items:flex-start!important}
.bb-about .et_pb_column{margin:0!important}



.bb-about-t p{font-size:19px!important;line-height:1.7!important;color:var(--bb-ink2)!important;max-width:62ch}

/* FAQ */
.et_pb_section.bb-faq{border-top:1px solid var(--bb-stone);padding:clamp(64px,8vw,110px) 0!important;background:#fff}
.bb-faq .et_pb_row{gap:clamp(32px,6vw,90px)!important;align-items:flex-start!important}
.bb-faq .et_pb_column{margin:0!important}
.et_pb_toggle.bb-tg{background:none!important;border:0!important;border-top:1px solid var(--bb-stone)!important;padding:0!important;margin:0!important}
.et_pb_toggle.bb-tg:last-child{border-bottom:1px solid var(--bb-stone)!important}
.bb-tg .et_pb_toggle_title{color:var(--bb-ink)!important;padding:22px 50px 22px 0!important;cursor:pointer}
.bb-tg .et_pb_toggle_title::before{content:"+"!important;font:400 22px/30px var(--bb-b)!important;color:var(--bb-red)!important;width:30px;height:30px;border-radius:50%;background:var(--bb-mist);text-align:center;right:0!important;top:50%!important;margin-top:-15px!important;transition:transform .25s}
.bb-tg.et_pb_toggle_open .et_pb_toggle_title::before{transform:rotate(45deg);display:block!important}
.bb-tg .et_pb_toggle_content{padding:0 50px 24px 0!important}
.bb-tg .et_pb_toggle_content p{font-size:17px!important;line-height:1.65!important;color:var(--bb-ink2)!important;max-width:70ch}

/* TABLET / TELEFON */
@media (max-width:980px){
  .et_pb_row.bb-hero-row{height:auto;min-height:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap!important}
  .bb-hero-row::-webkit-scrollbar{display:none}
  .bb-hero-row > .et_pb_column.bb-panel{flex:0 0 86%!important;min-height:460px;scroll-snap-align:start}
  .bb-panel + .bb-panel{border-left:2px solid var(--bb-ink)}
  .bb-pd{grid-template-rows:1fr!important;opacity:1!important}
  .bb-intro-row,.bb-about .et_pb_row,.bb-faq .et_pb_row{flex-direction:column!important;gap:28px!important}
  .bb-intro-row > .et_pb_column,.bb-about .et_pb_column,.bb-faq .et_pb_column{width:100%!important}
  .bb-side{position:static!important}
  
  
  
  
  
  
}
@media (max-width:600px){
  .bb-hero-row > .et_pb_column.bb-panel{min-height:430px;padding:22px 20px!important}
  .bb-pd p{font-size:15.5px!important}
  .et_pb_section.bb-intro,.et_pb_section.bb-apps{padding:48px 0!important}
    .bb-lead-t p{font-size:17px!important}
  .bb-chapter{padding:26px 0 28px!important}
    .bb-chapter p,.bb-app-t p,.bb-app-t li,.bb-tg .et_pb_toggle_content p{font-size:16px!important}
  
  
  
  .et_pb_button.bb-more{width:100%;justify-content:center}
  .et_pb_section.bb-about{padding:56px 0!important}
  
  
  .bb-about-t p{font-size:17px!important}
  .et_pb_section.bb-faq{padding:48px 0!important}
  .bb-tg .et_pb_toggle_title{padding:18px 44px 18px 0!important}
  .bb-tg .et_pb_toggle_content{padding-right:0!important}
}
@media (prefers-reduced-motion:reduce){[class*="bb-"]{transition:none!important}}
/* BB END */

/* BB2 START – nagłówek, stopka, poprawki */
.et_pb_button.bb-more{display:inline-flex!important;white-space:nowrap}
.bb-h1 h1{overflow-wrap:normal!important;word-break:normal!important;hyphens:manual}
[class*="bb-"] sup{font-size:.5em!important;line-height:0;vertical-align:super}
.bb-chapter,.bb-lead-t,.bb-app-t,.bb-about-t,.bb-tg{font-family:var(--bb-b)!important}

/* NAGŁÓWEK */
.et-l--header .et_pb_section_0_tb_header{border-bottom:1px solid var(--bb-stone);box-shadow:0 8px 24px -22px rgba(26,34,41,.5)}
.et-l--header .et_pb_row_0_tb_header{width:80%!important;max-width:none!important}
.et-l--header .et_pb_image_0_tb_header img{height:48px!important;width:auto!important}
.et-l--header .et_pb_text_0_tb_header,.et-l--header .et_pb_text_1_tb_header,.et-l--header .et_pb_text_2_tb_header{font-family:var(--bb-b)!important}
.et-l--header .et_pb_text_0_tb_header *,.et-l--header .et_pb_text_1_tb_header *,.et-l--header .et_pb_text_2_tb_header *{font-family:var(--bb-b)!important;font-size:14.5px!important;color:var(--bb-ink2)!important;text-decoration:none!important;line-height:1.45!important}
.et-l--header .et_pb_text_0_tb_header a:hover,.et-l--header .et_pb_text_1_tb_header a:hover,.et-l--header .et_pb_text_2_tb_header a:hover{color:var(--bb-red)!important}
.et-l--header .et_pb_icon .et-pb-icon{color:var(--bb-ink2)!important;transition:color .15s}
.et-l--header .et_pb_icon:hover .et-pb-icon{color:var(--bb-red)!important}
.et-l--header .et_pb_menu_0_tb_header .et-menu > li > a{font:600 15.5px var(--bb-h)!important;color:var(--bb-ink)!important;letter-spacing:0!important;padding-bottom:0!important;transition:color .15s}
.et-l--header .et_pb_menu_0_tb_header .et-menu > li > a:hover,.et-l--header .et_pb_menu_0_tb_header .et-menu > li.current-menu-item > a{color:var(--bb-red)!important;opacity:1!important}

.et-l--header .et_mobile_menu{border-top:3px solid var(--bb-red)!important}
.et-l--header .et_mobile_menu a{font:600 16px var(--bb-h)!important;color:var(--bb-ink)!important}
.et-l--header .mobile_menu_bar::before{color:var(--bb-ink)!important}

/* STOPKA: formularz */
.et-l--footer .et_pb_section_0_tb_footer{background:var(--bb-ink)!important;padding:clamp(64px,8vw,110px) 0!important}
.et-l--footer .et_pb_row_0_tb_footer{width:80%!important;max-width:none!important;padding:0!important}
.et-l--footer .et_pb_contact_form_0_tb_footer{display:grid!important;grid-template-columns:5fr 7fr;gap:0 clamp(32px,6vw,90px);align-items:start}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_main_title{grid-column:1;grid-row:1/3;font:800 clamp(32px,3.4vw,46px)/1.1 var(--bb-h)!important;color:#fff!important;text-align:left!important;padding:0!important;letter-spacing:-.01em}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_main_title::after{content:"";display:block;width:56px;height:4px;background:var(--bb-red);margin-top:22px}
.et-l--footer .et_pb_contact_form_0_tb_footer .et-pb-contact-message,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact{grid-column:2}
.et-l--footer .et_pb_contact_form_0_tb_footer input.input,.et-l--footer .et_pb_contact_form_0_tb_footer textarea{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:2px!important;color:#fff!important;font:400 16px var(--bb-b)!important;padding:14px!important}
.et-l--footer .et_pb_contact_form_0_tb_footer input.input::placeholder,.et-l--footer .et_pb_contact_form_0_tb_footer textarea::placeholder{color:#9aa5ae!important}
.et-l--footer .et_pb_contact_form_0_tb_footer input.input:focus,.et-l--footer .et_pb_contact_form_0_tb_footer textarea:focus{outline:2px solid var(--bb-red)!important;outline-offset:-1px}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_options_title,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_checkbox label,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field p,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field span{color:#aab4bc!important;font-family:var(--bb-b)!important;font-size:13.5px!important;line-height:1.5!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_checkbox input+label i{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.3)!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_submit,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_submit:hover{background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 15px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:16px 34px!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_submit:hover{background:var(--bb-red2)!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_submit::after{display:none!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_contact_bottom_container{justify-content:flex-start!important;float:none!important}
.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_captcha_question,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_captcha_question *{color:#fff!important}
/* STOPKA: linki */
.et-l--footer .et_pb_section_1_tb_footer{background:#10161b!important;color:#9aa5ae!important;padding:40px 0 0!important}
.et-l--footer .et_pb_section_1_tb_footer .et_pb_row{width:80%!important;max-width:none!important}
.et-l--footer .et_pb_section_1_tb_footer *{font-family:var(--bb-b)!important;color:#9aa5ae!important}
.et-l--footer .et_pb_section_1_tb_footer a:hover{color:#fff!important}
.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap{background:#fff;padding:10px 14px;border-radius:2px;display:inline-block}
.et-l--footer .et_pb_row_2_tb_footer{border-top:1px solid rgba(255,255,255,.08);margin-top:28px!important;padding:18px 0!important}
.et-l--footer .et_pb_row_2_tb_footer *{font-size:13.5px!important}
@media (max-width:980px){
  .et-l--header .et_pb_row_0_tb_header,.et-l--footer .et_pb_row_0_tb_footer,.et-l--footer .et_pb_section_1_tb_footer .et_pb_row{width:auto!important;margin-left:clamp(16px,4vw,32px)!important;margin-right:clamp(16px,4vw,32px)!important}
  .et-l--footer .et_pb_contact_form_0_tb_footer{grid-template-columns:1fr}
  .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_main_title{grid-row:auto;margin-bottom:24px!important}
  .et-l--footer .et_pb_contact_form_0_tb_footer .et-pb-contact-message,.et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact{grid-column:1}
}
@media (max-width:600px){
  .et-l--header .et_pb_image_0_tb_header img{height:38px!important}
  .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_submit{width:100%}
}
/* BB2 END */

/* BB3 START */
html body .et-l--footer > .et_builder_inner_content .et_pb_section.et_pb_section_0_tb_footer{background-color:#1a2229!important;background-image:none!important}
html body .et-l--footer > .et_builder_inner_content .et_pb_section.et_pb_section_1_tb_footer{background-color:#10161b!important}
html body .et-l--header > .et_builder_inner_content .et_pb_section.et_pb_section_0_tb_header{background-color:#fff!important}
/* BB3 END */

/* BB4 START */
.bb-crumbs{display:none!important}
.et_pb_section.bb-pp{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,80px)!important;background:#fff}
.bb-pp-row{gap:clamp(32px,5vw,80px)!important;align-items:flex-start!important}
.bb-pp-row > .et_pb_column{margin:0!important}
.bb-gal{position:sticky!important;top:110px}
.bb-imgs .woocommerce-product-gallery{margin:0!important;width:100%!important;float:none!important}
.bb-imgs .flex-viewport,.bb-imgs .woocommerce-product-gallery__image:first-child{background:var(--bb-mist)}
.bb-imgs img{border-radius:0!important}
.bb-imgs .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px!important}
.bb-imgs .flex-control-thumbs li{width:auto!important;margin:0!important;float:none!important}
.bb-imgs .flex-control-thumbs img{border:2px solid transparent;background:var(--bb-mist);opacity:1!important}
.bb-imgs .flex-control-thumbs img.flex-active{border-color:var(--bb-red)}
.bb-ptitle h1{font:800 clamp(36px,4vw,56px)/1.05 var(--bb-h)!important;color:var(--bb-ink)!important;margin:0 0 20px!important;padding:0!important}
.bb-short,.bb-short p{font:400 16.5px/1.65 var(--bb-b)!important;color:var(--bb-ink2)!important}
.bb-short strong{color:var(--bb-ink)!important;font-weight:600}
.bb-short{margin-bottom:26px!important}
.bb-price{border-top:3px solid var(--bb-ink);padding-top:22px!important;margin-bottom:18px!important}
.bb-price .price,.bb-atc .woocommerce-variation-price .price{font:800 30px/1.1 var(--bb-h)!important;color:var(--bb-ink)!important}
.bb-price .price small,.bb-atc .price small{font:400 14px var(--bb-b)!important;color:var(--bb-ink3)!important}
.bb-atc table.variations{border:0!important;margin:0 0 6px!important}
.bb-atc table.variations th,.bb-atc table.variations td{display:block;border:0!important;padding:0!important;background:none!important}
.bb-atc table.variations th label{font:700 16px var(--bb-b)!important;color:var(--bb-ink)!important;margin-bottom:10px;display:block}
.bb-atc select.bb-hidden-select{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important}
.bb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.bb-swatches button{border:1.5px solid var(--bb-stone);background:#fff;padding:13px 8px;font:700 16px var(--bb-h);color:var(--bb-ink);cursor:pointer;transition:border-color .15s}
.bb-swatches button:hover{border-color:var(--bb-ink3)}
.bb-swatches button[aria-pressed="true"]{border-color:var(--bb-red);box-shadow:inset 0 0 0 1px var(--bb-red)}
.bb-atc .reset_variations{font:400 14px var(--bb-b)!important;color:var(--bb-ink3)!important}
.bb-atc .single_variation_wrap{margin-top:14px}
.bb-atc .woocommerce-variation-add-to-cart,.bb-atc form.cart:not(.variations_form){display:flex!important;gap:12px;flex-wrap:wrap;align-items:stretch}
.bb-atc .quantity input.qty{height:54px!important;width:80px!important;border:1.5px solid var(--bb-stone)!important;background:#fff!important;font:700 16px var(--bb-b)!important;color:var(--bb-ink)!important;border-radius:0!important}
.bb-atc .single_add_to_cart_button,.bb-atc .single_add_to_cart_button:hover{flex:1;min-width:200px;height:54px;background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 15px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:0 24px!important}
.bb-atc .single_add_to_cart_button:hover{background:var(--bb-red2)!important}
.bb-atc .single_add_to_cart_button::after{display:none!important}
.bb-atc .single_add_to_cart_button.disabled{background:#c9ced1!important;opacity:1!important}
.bb-ship{background:var(--bb-mist);padding:18px 20px!important;margin-top:26px!important}
.bb-ship p{font:400 15px/1.55 var(--bb-b)!important;color:var(--bb-ink2)!important;padding:0!important}
.bb-ship strong{color:var(--bb-red)!important}
.bb-code{margin:0!important}
.et_pb_section.bb-desc{background:var(--bb-mist)!important;padding:clamp(56px,7vw,96px) 0!important}
.bb-descb .et_pb_module_header{font:800 clamp(26px,2.6vw,34px)/1.1 var(--bb-h)!important;color:var(--bb-ink)!important;margin-bottom:28px!important;padding:0!important}
.bb-descb .et_pb_blurb_description,.bb-descb .et_pb_blurb_description p,.bb-descb .et_pb_blurb_description li{font:400 16.5px/1.65 var(--bb-b)!important;color:var(--bb-ink2)!important}
.bb-descb .et_pb_blurb_description p{max-width:74ch;margin-bottom:14px}
.bb-descb .et_pb_blurb_description strong{color:var(--bb-ink)!important}
.bb-descb .et_pb_blurb_description ul{list-style:none!important;padding:0!important;margin:10px 0 24px!important;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;max-width:980px}
.bb-descb .et_pb_blurb_description ul li{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0!important}
.bb-descb .et_pb_blurb_description ul li::before{content:"";width:8px;height:8px;background:var(--bb-red);margin-top:9px}
.bb-descb .et_pb_blurb_content{max-width:none!important;text-align:left!important}
.et_pb_section.bb-rel{background:#fff;padding:clamp(56px,7vw,96px) 0!important}
.bb-relp section.related > h2{font:800 clamp(26px,2.6vw,34px)/1.1 var(--bb-h)!important;color:var(--bb-ink)!important;margin-bottom:28px!important;text-align:left!important}
.bb-relp ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px!important}
.bb-relp ul.products::before,.bb-relp ul.products::after{display:none!important}
.bb-relp ul.products li.product{width:auto!important;margin:0!important;float:none!important}
.bb-relp ul.products li.product:nth-child(n+5){display:none!important}
.bb-relp li.product img{aspect-ratio:1;object-fit:cover;background:var(--bb-mist);border-radius:0!important;margin-bottom:14px!important}
.bb-relp li.product h2{font:700 18px/1.25 var(--bb-h)!important;color:var(--bb-ink)!important;padding:0!important;margin-bottom:6px!important}
.bb-relp li.product .price,.bb-relp li.product .price *{font:700 15px var(--bb-h)!important;color:var(--bb-red)!important}
.bb-relp li.product .price small,.bb-relp li.product .price .screen-reader-text{display:none!important}
.bb-relp li.product .button,.bb-relp li.product .et_overlay{display:none!important}
@media (max-width:980px){
  .bb-pp-row{flex-direction:column!important}
  .bb-pp-row > .et_pb_column{width:100%!important}
  .bb-gal{position:static!important}
  .bb-descb .et_pb_blurb_description ul{grid-template-columns:1fr}
  .bb-relp ul.products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .bb-swatches{grid-template-columns:1fr 1fr}
  .bb-atc .single_add_to_cart_button{min-width:0}
  .bb-relp ul.products{gap:20px 12px!important}
  .bb-relp li.product h2{font-size:16px!important}
}
/* BB4 END */

/* BB5 START */
html body #et-boc .et-l .et_pb_row.bb-w,html body #et-boc .et-l .et_pb_row_0_tb_footer,html body #et-boc .et-l .et_pb_row_0_tb_header,html body #et-boc .et-l .et_pb_section_1_tb_footer .et_pb_row{width:80%!important;max-width:none!important}
@media (max-width:980px){html body #et-boc .et-l .et_pb_row.bb-w,html body #et-boc .et-l .et_pb_row_0_tb_footer,html body #et-boc .et-l .et_pb_row_0_tb_header,html body #et-boc .et-l .et_pb_section_1_tb_footer .et_pb_row{width:auto!important;margin-left:clamp(16px,4vw,32px)!important;margin-right:clamp(16px,4vw,32px)!important}}.et-l--footer .et_pb_contact_field_radio label,.et-l--footer .et_pb_contact_field_checkbox label,.et-l--footer .et_pb_contact_field_options_list label{color:#aab4bc!important;font-family:var(--bb-b)!important;font-size:13.5px!important;line-height:1.5!important}
.et-l--footer .et_pb_contact_field_options_list label i{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.3)!important}
.bb-imgs .woocommerce-product-gallery ol.flex-control-thumbs{grid-template-columns:repeat(5,1fr)!important}
.bb-atc table.variations td.value > span::after,.bb-atc table.variations td.value span::after{display:none!important}
/* BB5 END */

/* BB6 START */
.et_pb_section.bb-shop{background:#fff!important;padding:clamp(32px,4vw,56px) 0 clamp(56px,7vw,96px)!important}
.bb-shop-row{gap:clamp(28px,4vw,64px)!important;align-items:flex-start!important}
.bb-shop-row > .et_pb_column{margin:0!important}
.bb-shop,.bb-shop p,.bb-shop td,.bb-shop th,.bb-shop label,.bb-shop li,.bb-shop input,.bb-shop select,.bb-shop textarea{font-family:var(--bb-b)!important}
.bb-freebar{background:var(--bb-mist);padding:16px 18px;font-size:15.5px;color:var(--bb-ink2);margin-bottom:18px}
.bb-freebar b{color:var(--bb-ink)}
.bb-freebar-b{height:5px;background:var(--bb-stone);margin-top:10px}
.bb-freebar-b i{display:block;height:100%;background:var(--bb-red);transition:width .3s}
.bb-cartp table.shop_table{border:0!important;border-radius:0!important;margin:0!important}
.bb-cartp table.shop_table th{font:700 12.5px var(--bb-h)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-ink3)!important;padding:14px 10px 12px!important;border-bottom:2px solid var(--bb-ink)!important;background:none!important}
.bb-cartp table.shop_table td{border-top:0!important;border-bottom:1px solid var(--bb-stone)!important;padding:18px 10px!important;font-size:16px!important;color:var(--bb-ink2)!important;background:none!important;vertical-align:middle}
.bb-cartp td.product-thumbnail img{width:76px!important;aspect-ratio:4/5;object-fit:cover;background:var(--bb-mist)}
.bb-cartp td.product-name a{font:700 17px var(--bb-h)!important;color:var(--bb-ink)!important;text-decoration:none}
.bb-cartp td.product-name .variation{font-size:14px!important;color:var(--bb-ink3)!important}
.bb-cartp td.product-subtotal{font:700 17px var(--bb-h)!important;color:var(--bb-ink)!important}
.bb-cartp a.remove{color:var(--bb-ink3)!important;background:none!important;font-size:20px!important}
.bb-cartp a.remove:hover{color:var(--bb-red)!important;background:var(--bb-mist)!important}
.bb-cartp .quantity input.qty{height:42px!important;width:64px!important;border:1.5px solid var(--bb-stone)!important;background:#fff!important;color:var(--bb-ink)!important;font:700 16px var(--bb-b)!important;border-radius:0!important}
.bb-cartp td.actions{padding-top:22px!important;border-bottom:0!important}
.bb-cartp .coupon input#coupon_code{height:46px!important;border:1.5px solid var(--bb-stone)!important;background:#fff!important;font-size:15px!important;padding:0 14px!important;border-radius:0!important;min-width:200px;color:var(--bb-ink)!important}
.bb-cartp .coupon label{display:none!important}
.bb-shop .button,.bb-shop button.button{border-radius:2px!important;font:700 14px var(--bb-h)!important;letter-spacing:.04em;text-transform:none;padding:12px 20px!important;border:1.5px solid var(--bb-ink)!important;color:var(--bb-ink)!important;background:#fff!important}
.bb-shop .button:hover{background:var(--bb-ink)!important;color:#fff!important}
.bb-shop .button::after{display:none!important}
.bb-shop .button:disabled,.bb-shop .button[disabled]{opacity:.45!important}
.bb-totals .cart_totals,.bb-co-side{background:var(--bb-mist)!important;padding:28px!important}
.bb-totals .cart_totals{width:100%!important;float:none!important}
.bb-totals h2,.bb-cood h3,.bb-copay h3,.bb-cof h3{font:800 22px/1.2 var(--bb-h)!important;color:var(--bb-ink)!important;margin-bottom:16px!important;padding:0!important}
.bb-totals table.shop_table,.bb-cood table.shop_table{border:0!important;background:none!important;margin:0!important}
.bb-totals table th,.bb-totals table td,.bb-cood table th,.bb-cood table td{border:0!important;border-top:1px solid var(--bb-stone)!important;padding:12px 0!important;background:none!important;font-size:15.5px!important;color:var(--bb-ink2)!important;vertical-align:top}
.bb-totals table th,.bb-cood table th{font-weight:700!important;color:var(--bb-ink)!important;width:34%}
.bb-totals .order-total td,.bb-totals .order-total strong,.bb-cood .order-total td,.bb-cood .order-total strong{font:800 24px/1.1 var(--bb-h)!important;color:var(--bb-ink)!important}
.bb-totals .order-total small,.bb-cood .order-total small{display:block;font:400 13px var(--bb-b)!important;color:var(--bb-ink3)!important;margin-top:4px}
.bb-shop #shipping_method li{margin-bottom:6px!important;font-size:14.5px!important}
.bb-shop #shipping_method input{accent-color:var(--bb-red)}
.bb-shop .woocommerce-shipping-destination,.bb-shop .woocommerce-shipping-calculator{font-size:13.5px!important;color:var(--bb-ink3)!important}
.bb-shop .shipping-calculator-button{color:var(--bb-red)!important}
.bb-totals .wc-proceed-to-checkout{padding:18px 0 0!important}
.bb-totals .checkout-button,.bb-copay #place_order,.bb-totals .checkout-button:hover,.bb-copay #place_order:hover{display:block!important;width:100%!important;background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 15px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:17px 20px!important;text-align:center}
.bb-totals .checkout-button:hover,.bb-copay #place_order:hover{background:var(--bb-red2)!important}
.bb-totals .checkout-button::after,.bb-copay #place_order::after{display:none!important}
.bb-cof{margin-bottom:28px!important}
.bb-cof .form-row{padding:0!important;margin:0 0 14px!important}
.bb-cof label{font-size:14.5px!important;font-weight:700!important;color:var(--bb-ink)!important;margin-bottom:6px!important;display:block}
.bb-cof input.input-text,.bb-cof textarea,.bb-cof select,.bb-cof .select2-selection{border:1.5px solid var(--bb-stone)!important;background:#fff!important;border-radius:0!important;font-size:16px!important;color:var(--bb-ink)!important;padding:12px 14px!important;min-height:48px}
.bb-cof input.input-text:focus,.bb-cof textarea:focus{outline:2px solid var(--bb-red)!important;outline-offset:-1px;border-color:transparent!important}
.bb-cof .required{color:var(--bb-red)!important}
.bb-cood .product-name{color:var(--bb-ink)!important;font-weight:600}
.bb-copay #payment{background:none!important;border-radius:0!important}
.bb-copay #payment ul.payment_methods{border-bottom:1px solid var(--bb-stone)!important;padding:0 0 14px!important}
.bb-copay #payment div.payment_box{background:#fff!important;color:var(--bb-ink2)!important;border-radius:0!important}
.bb-copay #payment div.payment_box::before{border-bottom-color:#fff!important}
.bb-copay .woocommerce-terms-and-conditions-wrapper,.bb-copay .woocommerce-privacy-policy-text p{font-size:13.5px!important;color:var(--bb-ink2)!important}
.bb-notice .woocommerce-info,.bb-shop .woocommerce-info,.bb-shop .woocommerce-message{background:var(--bb-mist)!important;color:var(--bb-ink)!important;border:0!important;border-left:4px solid var(--bb-red)!important;border-radius:0!important}
@media (max-width:980px){
  .bb-shop-row{flex-direction:column!important}
  .bb-shop-row > .et_pb_column{width:100%!important}
}
@media (max-width:600px){
  .bb-totals .cart_totals,.bb-co-side{padding:22px 16px!important}
  .bb-cartp table.shop_table_responsive tr td{padding:10px 0!important}
  .bb-cartp .coupon input#coupon_code{min-width:0;width:100%!important;margin-bottom:8px!important}
  .bb-cartp .coupon .button,.bb-cartp td.actions > .button{width:100%!important}
}
/* BB6 END */

/* BB7 START */
.et_pb_section.bb-cat-hero{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px)!important;background:#fff}
.bb-cat-row{gap:clamp(32px,5vw,80px)!important;align-items:center!important}
.bb-cat-row > .et_pb_column{margin:0!important}
.bb-cat-hero .bb-h1 h1{margin:0!important}
.bb-cat-hero .bb-h1 h1::after{content:"";display:block;width:56px;height:4px;background:var(--bb-red);margin-top:22px}
.bb-catimg .et_pb_image_wrap,.bb-catimg img{width:100%!important;display:block}
.bb-catimg img{aspect-ratio:5/4;object-fit:cover;border-radius:0!important}











.et_pb_section.bb-picks{background:var(--bb-mist)!important;padding:clamp(56px,7vw,96px) 0!important}
.bb-picks .bb-picks-t p{padding:0!important;margin-bottom:8px!important}

.bb-picks .et_pb_row.bb-loop{gap:20px!important;align-items:stretch!important;margin-top:20px!important;flex-wrap:wrap!important}
.bb-loop > .et_pb_column{background:#fff;margin:0 0 0!important;padding:0 0 24px!important;display:flex!important;flex-direction:column}
.bb-loop .et_pb_image{margin:0 0 20px!important;width:100%!important}
.bb-loop .et_pb_image .et_pb_image_wrap,.bb-loop .et_pb_image img{width:100%!important}
.bb-loop .et_pb_image img{aspect-ratio:4/5;object-fit:contain;background:#fff;border-bottom:1px solid var(--bb-stone);border-radius:0!important}
.bb-loop .et_pb_heading,.bb-loop h1,.bb-loop h2,.bb-loop h3,.bb-loop h4,.bb-loop h5,.bb-loop h6{margin:0 22px 10px!important;padding:0!important}
.bb-loop .et_pb_heading_container h6,.bb-loop h6{font:700 20px/1.2 var(--bb-h)!important;color:var(--bb-ink)!important;letter-spacing:-.01em}
.bb-loop .et_pb_text{margin:0 22px 18px!important;font-family:var(--bb-b)!important}
.bb-loop .et_pb_text p{font-size:15px!important;line-height:1.55!important;color:var(--bb-ink2)!important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.bb-loop .et_pb_text strong,.bb-loop .et_pb_text b{color:var(--bb-ink)!important;font-weight:600}
.bb-loop .et_pb_button_module_wrapper{margin:auto 22px 0!important}
.bb-loop .et_pb_button{display:inline-flex!important;align-items:center;gap:10px;background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 13.5px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:12px 18px!important}
.bb-loop .et_pb_button:hover{background:var(--bb-red2)!important}
.bb-loop .et_pb_button::after{content:"→"!important;position:static!important;opacity:1!important;margin:0!important;font-family:var(--bb-h)!important;line-height:1!important}
.et_pb_section.bb-cattext{background:#fff;padding:clamp(56px,7vw,96px) 0!important}
.bb-cat-body{font-family:var(--bb-b)!important}
.bb-cat-body h2{margin:38px 0 16px!important;padding-top:34px;border-top:1px solid var(--bb-stone)}

.bb-cat-body p,.bb-cat-body li{font-size:17px!important;line-height:1.65!important;color:var(--bb-ink2)!important}
.bb-cat-body p{margin-bottom:14px;max-width:72ch}
.bb-cat-body strong{color:var(--bb-ink)!important}
.bb-cat-body a{color:var(--bb-red)!important}
@media (max-width:980px){
  .bb-cat-row{flex-direction:column-reverse!important}
  .bb-cat-row > .et_pb_column{width:100%!important}
  .bb-catimg img{aspect-ratio:16/10}
  
  .bb-loop > .et_pb_column{width:calc(50% - 10px)!important}
}
@media (max-width:600px){
  .bb-picks .wrap,.bb-loop{gap:14px!important}
  .bb-loop > .et_pb_column{width:100%!important}
  .bb-loop .et_pb_image img{aspect-ratio:1}
  .bb-loop .et_pb_button{width:100%;justify-content:center}
  .bb-cat-body h2{margin-top:28px!important;padding-top:24px}
  .bb-cat-body p,.bb-cat-body li{font-size:16px!important}
}
/* BB7 END */

/* BB8 START */



html body #et-boc .et-l .et_pb_row.bb-loop{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;align-items:stretch!important}
html body #et-boc .et-l .bb-loop > .et_pb_column{width:auto!important;max-width:none!important;flex:initial!important;margin:0!important}
html body #et-boc .et-l .bb-loop .et_pb_image img{aspect-ratio:4/5;object-fit:contain}

@media (max-width:980px){html body #et-boc .et-l .et_pb_row.bb-loop{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:600px){html body #et-boc .et-l .et_pb_row.bb-loop{grid-template-columns:1fr!important;gap:14px!important}}
/* BB8 END */

/* BB9 START */
/* kasa: kupon */
.bb-shop .woocommerce-form-coupon-toggle .woocommerce-info,.bb-shop .woocommerce-info{text-align:left!important}
.bb-shop .woocommerce-info a,.bb-shop .woocommerce-message a,.bb-shop .woocommerce-form-coupon-toggle a{color:var(--bb-red)!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:3px}
.bb-shop form.checkout_coupon{border:1.5px solid var(--bb-stone)!important;border-radius:0!important;background:#fff!important}
.bb-shop form.checkout_coupon input#coupon_code{border:1.5px solid var(--bb-stone)!important;border-radius:0!important;height:48px!important;padding:0 14px!important}
/* KONTAKT */
.et_pb_section.bb-kontakt{padding:clamp(40px,5vw,80px) 0!important;background:#fff}
.bb-k-h::after{content:"";display:block;width:56px;height:4px;background:var(--bb-red);margin-top:22px}
.bb-kb{background:var(--bb-mist);padding:26px 24px!important;height:100%}
.bb-kb .et_pb_blurb_content{max-width:none!important;text-align:left!important}
.bb-kb .et_pb_main_blurb_image{margin-bottom:14px!important}
.bb-kb .et-pb-icon{color:var(--bb-red)!important}
.bb-kb .et_pb_module_header,.bb-kb h4{text-transform:uppercase;padding:0 0 6px!important}
.bb-kb .et_pb_blurb_description,.bb-kb .et_pb_blurb_description p,.bb-kb a{font:600 19px/1.45 var(--bb-b)!important;color:var(--bb-ink)!important}
.bb-kb a:hover{color:var(--bb-red)!important}
.bb-map iframe,.bb-map .et_pb_code_inner iframe{width:100%!important;border:0!important;filter:grayscale(.25)}
/* BLOG */
.et_pb_section.bb-blog{padding:clamp(40px,5vw,80px) 0!important;background:#fff}
.bb-blog-h::after{content:"";display:block;width:56px;height:4px;background:var(--bb-red);margin-top:22px}
.bb-post{background:#fff!important;border:1px solid var(--bb-stone)!important;padding:0 0 24px!important;height:100%;display:flex!important;flex-direction:column}
.bb-post-img{margin:0 0 18px!important}

.bb-post .et_pb_text,.bb-post .et_pb_heading{margin-left:22px!important;margin-right:22px!important}
.bb-post-h h1,.bb-post-h h2,.bb-post-h h3,.bb-post-h h4{margin-bottom:8px!important;padding:0!important}
.bb-post .et_pb_text p{font-size:15.5px!important;line-height:1.55!important;color:var(--bb-ink2)!important;font-family:var(--bb-b)!important}

.bb-pagi a,.bb-pagi span{font-family:var(--bb-h)!important;color:var(--bb-ink)!important}
.bb-pagi a:hover{color:var(--bb-red)!important}
/* BB9 END */

/* BB10 START */
.bb-blog .et_pb_row:has(.bb-post){display:flex!important;flex-wrap:nowrap!important;gap:clamp(20px,3vw,40px)!important;align-items:center!important;border:1px solid var(--bb-stone);background:#fff;padding:24px!important;margin-bottom:16px!important}
.bb-blog .et_pb_row:has(.bb-post) > .et_pb_column{width:auto!important;max-width:none!important;flex:1 1 0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.bb-blog .et_pb_row:has(.bb-post) > .et_pb_column:first-child{flex:0 0 36%!important}
.bb-blog .et_pb_row:has(.bb-post) > .et_pb_column:not(:has(img)):has(.bb-post-img){display:none!important}
.bb-blog .bb-post{border:0!important;background:none!important;padding:0!important;margin:8px 0 0!important;display:block!important}
.bb-blog .bb-post p{font:600 13px var(--bb-h)!important;letter-spacing:.06em;color:var(--bb-ink3)!important;text-transform:uppercase;padding:0!important}
.bb-blog .bb-post-h{margin:0!important}
.bb-blog .bb-post-h h1,.bb-blog .bb-post-h h2,.bb-blog .bb-post-h h3,.bb-blog .bb-post-h h4{padding:0!important}
.bb-blog .bb-post-h a:hover{color:var(--bb-red)!important}
.bb-blog .bb-post-img{margin:0!important}

.bb-blog .et_pb_row:has(.bb-post) .et_pb_text p{font:400 15.5px/1.6 var(--bb-b)!important;color:var(--bb-ink2)!important}
.bb-blog .et_pb_button_module_wrapper{margin-top:14px!important}
.bb-blog .et_pb_button{display:inline-flex!important;align-items:center;gap:10px;background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:2px!important;font:700 13.5px var(--bb-h)!important;letter-spacing:.05em;text-transform:uppercase;padding:12px 18px!important}
.bb-blog .et_pb_button:hover{background:var(--bb-red2)!important}
.bb-blog .et_pb_button::after{content:"→"!important;position:static!important;opacity:1!important;margin:0!important;line-height:1!important}
@media (max-width:900px){
  .bb-blog .et_pb_row:has(.bb-post){flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:20px!important}
  .bb-blog .et_pb_row:has(.bb-post) > .et_pb_column,.bb-blog .et_pb_row:has(.bb-post) > .et_pb_column:first-child{flex:1 1 auto!important;width:100%!important}
}
/* BB10 END */

/* BB11 START */
html body #et-boc .et-l .et_pb_button,
html body #et-boc .et-l .et_pb_button:hover,
html body #et-boc .et-l .bb-loop .et_pb_button,
html body #et-boc .et-l .bb-blog .et_pb_button,
html body #et-boc .et-l .et_pb_button.bb-more{
 font:700 12.5px/1 var(--bb-h)!important;letter-spacing:.06em!important;text-transform:uppercase!important;
 color:#fff!important;background:var(--bb-red)!important;border:0!important;border-radius:2px!important;
 padding:12px 18px!important;display:inline-flex!important;align-items:center;gap:9px}
html body #et-boc .et-l .et_pb_button:hover{background:var(--bb-red2)!important;color:#fff!important}
html body #et-boc .et-l .et_pb_button::after{content:"→"!important;color:#fff!important;font-family:var(--bb-h)!important;font-size:12.5px!important;position:static!important;opacity:1!important;margin:0!important;line-height:1!important}

html body .bb-atc .single_add_to_cart_button,html body .bb-totals .checkout-button,html body .bb-copay #place_order{font-size:13.5px!important;letter-spacing:.06em!important;color:#fff!important}
/* BB11 END */

/* BB12 START */
/* 80% szerokości na każdym ekranie */
html body #et-boc .et-l .et_pb_row.bb-w,
html body #et-boc .et-l .et_pb_row_0_tb_footer,
html body #et-boc .et-l .et_pb_row_0_tb_header,
html body #et-boc .et-l .et_pb_section_1_tb_footer .et_pb_row,
html body #et-boc .et-l .bb-shop .et_pb_row,
html body #et-boc .et-l .bb-pp .et_pb_row,
html body #et-boc .et-l .bb-desc .et_pb_row,
html body #et-boc .et-l .bb-rel .et_pb_row,
html body #et-boc .et-l .bb-kontakt .et_pb_row{width:80%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}

html body #et-boc .et-l .et_pb_row.bb-hero-row{width:100%!important;margin:0!important}
@media (max-width:980px){
 html body #et-boc .et-l .et_pb_row.bb-w,
 html body #et-boc .et-l .et_pb_row_0_tb_footer,
 html body #et-boc .et-l .et_pb_row_0_tb_header,
 html body #et-boc .et-l .et_pb_section_1_tb_footer .et_pb_row,
 html body #et-boc .et-l .bb-shop .et_pb_row,
 html body #et-boc .et-l .bb-pp .et_pb_row,
 html body #et-boc .et-l .bb-desc .et_pb_row,
 html body #et-boc .et-l .bb-rel .et_pb_row,
html body #et-boc .et-l .bb-kontakt .et_pb_row{width:80%!important;max-width:none!important}
 
 
}
/* TELEFON: karta produktu */
@media (max-width:767px){
 .bb-pp{padding-top:16px!important}
 .bb-ptitle h1{font-size:30px!important;margin-bottom:14px!important}
 .bb-short,.bb-short p{font-size:16px!important}
 .bb-price{padding-top:18px!important;margin-bottom:14px!important}
 .bb-price .price,.bb-atc .woocommerce-variation-price .price{font-size:26px!important}
 .bb-imgs .woocommerce-product-gallery ol.flex-control-thumbs{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
 .bb-swatches{grid-template-columns:1fr 1fr!important;gap:8px!important}
 .bb-swatches button{padding:14px 8px!important;font-size:15px!important;min-height:48px}
 .bb-atc .woocommerce-variation-add-to-cart,.bb-atc form.cart:not(.variations_form){flex-direction:column!important;align-items:stretch!important}
 .bb-atc .quantity,.bb-atc .quantity input.qty{width:100%!important}
 .bb-atc .single_add_to_cart_button{width:100%!important;min-width:0!important;height:52px!important}
 .bb-ship{margin-top:20px!important;padding:16px!important}
 .bb-descb .et_pb_module_header{margin-bottom:18px!important}
 .bb-descb .et_pb_blurb_description p{font-size:16px!important}
 .bb-relp li.product h2{font-size:15px!important}
 .bb-relp li.product .price,.bb-relp li.product .price *{font-size:14px!important}
}
/* TELEFON: sklep i pozostałe */
@media (max-width:767px){
 .bb-cartp table.shop_table_responsive td{display:flex!important;justify-content:space-between;align-items:center;gap:12px;text-align:right!important}
 .bb-cartp table.shop_table_responsive td::before{font:700 12px var(--bb-h)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-ink3)!important}
 .bb-cartp td.product-thumbnail{display:block!important}
 .bb-cartp td.product-thumbnail img{width:96px!important}
 .bb-cof .form-row{width:100%!important;float:none!important}
 .bb-totals .cart_totals,.bb-co-side{padding:20px!important}
 .bb-cat-hero{padding-top:16px!important}
  
 .bb-kb{padding:20px!important}
 .bb-kb .et_pb_blurb_description,.bb-kb .et_pb_blurb_description p,.bb-kb a{font-size:17px!important}
}
/* BB12 END */

/* BB13 START */
html body #et-boc .et-l .et_pb_button,
html body #et-boc .et-l .et_pb_button.bb-more,
html body #et-boc .et-l .bb-loop .et_pb_button,
html body #et-boc .et-l .bb-blog .et_pb_button{
 display:inline-block!important;white-space:nowrap!important;
 font:700 12.5px/1 var(--bb-h)!important;letter-spacing:.06em!important;text-transform:uppercase!important;
 color:#fff!important;background:var(--bb-red)!important;border:0!important;border-radius:2px!important;
 padding:14px 20px!important;gap:0!important;min-height:0!important;height:auto!important;text-align:center}
html body #et-boc .et-l .et_pb_button::after{
 content:"→"!important;display:inline-block!important;position:static!important;
 margin:0 0 0 9px!important;padding:0!important;color:#fff!important;opacity:1!important;
 font:400 13px/1 var(--bb-h)!important;vertical-align:baseline!important;transform:none!important;
 width:auto!important;height:auto!important;left:auto!important;right:auto!important;top:auto!important}
html body #et-boc .et-l .et_pb_button::before{display:none!important}
html body #et-boc .et-l .et_pb_button:hover::after{margin-left:13px!important;transition:margin-left .15s}
/* BB13 END */

/* BB14 START */






/* BB14 END */

/* BB15 START */
/* teksty na pełną szerokość wiersza (80%) */
html body #et-boc .et-l .bb-cat-body,
html body #et-boc .et-l .bb-cat-body p,
html body #et-boc .et-l .bb-cat-body li,
html body #et-boc .et-l .bb-cat-body h2,
html body #et-boc .et-l .bb-cat-body h3,
html body #et-boc .et-l .bb-cattext .et_pb_text_inner{max-width:none!important;width:auto!important}
html body #et-boc .et-l .bb-descb .et_pb_blurb_description,
html body #et-boc .et-l .bb-descb .et_pb_blurb_description p,
html body #et-boc .et-l .bb-descb .et_pb_blurb_description li,
html body #et-boc .et-l .bb-descb .et_pb_blurb_container,
html body #et-boc .et-l .bb-descb .et_pb_blurb_content{max-width:none!important;width:auto!important}
html body #et-boc .et-l .bb-descb .et_pb_blurb_description ul{max-width:none!important}
html body #et-boc .et-l .bb-short,
html body #et-boc .et-l .bb-short p{max-width:none!important}
/* BB15 END */

/* BB16 START */
@media (max-width:980px){
 html body #et-boc .et-l .bb-panel::before{background:linear-gradient(180deg,rgba(15,20,24,.35) 0%,rgba(15,20,24,.62) 45%,rgba(15,20,24,.9) 100%)!important}
 html body #et-boc .et-l .bb-hero-row > .et_pb_column.bb-panel{min-height:470px!important;padding:24px 22px!important;scroll-margin-left:0}
 html body #et-boc .et-l .bb-pt p{font-size:23px!important;line-height:1.15!important}
 html body #et-boc .et-l .bb-pt p::before{margin-bottom:14px!important}
 html body #et-boc .et-l .bb-pd p{font-size:15.5px!important;line-height:1.5!important;padding-top:12px!important;text-shadow:0 1px 2px rgba(15,20,24,.45)}
}
@media (max-width:420px){
 html body #et-boc .et-l .bb-hero-row > .et_pb_column.bb-panel{flex:0 0 88%!important}
 html body #et-boc .et-l .bb-pt p{font-size:21px!important}
 html body #et-boc .et-l .bb-pd p{font-size:15px!important}
}
/* BB16 END */

/* BB17 START */
@media (max-width:767px){
 
 
 html body #et-boc .et-l .bb-benefits .bb-brow > .et_pb_column:empty{display:none!important}
 
 
 
 
 
 
}/* BB17 END */

/* BB18 START */





@media (max-width:980px){
 
 
}@media (max-width:360px){
 
}
/* BB18 END */

/* BB19 START */
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap{background:none!important;padding:0!important;border-radius:0!important;display:block!important}
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer img{height:42px!important;width:auto!important;filter:brightness(0) invert(1);opacity:.92}
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer{margin-bottom:0!important}
@media (max-width:767px){html body #et-boc .et-l--footer .et_pb_image_0_tb_footer img{height:36px!important}}
/* BB19 END */

/* BB20 START */
html body #et-boc .et-l--footer .et_pb_section_1_tb_footer .et_pb_row_1_tb_footer{align-items:center!important;gap:clamp(24px,4vw,60px)!important}
html body #et-boc .et-l--footer .et_pb_column_1_tb_footer{flex:0 0 auto!important;width:auto!important}
html body #et-boc .et-l--footer .et_pb_column_2_tb_footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 32px!important;width:auto!important;flex:1 1 auto!important}
html body #et-boc .et-l--footer .et_pb_column_2_tb_footer > .et_pb_module{margin:0!important;width:auto!important}
html body #et-boc .et-l--footer .et_pb_column_2_tb_footer p{font-size:14.5px!important;line-height:1.4!important;padding:0!important}
html body #et-boc .et-l--footer .et_pb_column_2_tb_footer a{text-decoration:none!important;border-bottom:1px solid transparent}
html body #et-boc .et-l--footer .et_pb_column_2_tb_footer a:hover{color:#fff!important;border-bottom-color:rgba(255,255,255,.4)}
html body #et-boc .et-l--footer .et_pb_text_0_tb_footer p,html body #et-boc .et-l--footer .et_pb_text_1_tb_footer p,html body #et-boc .et-l--footer .et_pb_text_2_tb_footer p{white-space:nowrap!important}
html body #et-boc .et-l--footer .et_pb_text_3_tb_footer{max-width:420px!important}
@media (max-width:900px){
 html body #et-boc .et-l--footer .et_pb_section_1_tb_footer .et_pb_row_1_tb_footer{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}
 html body #et-boc .et-l--footer .et_pb_column_2_tb_footer{gap:8px 24px!important}
 html body #et-boc .et-l--footer .et_pb_text_3_tb_footer{max-width:none!important}
}
/* BB20 END */

/* BB21 START */
/* długa zgoda RODO w stopce: jedno przewijane pole */
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_options_wrapper{max-height:none!important;overflow:visible!important;padding:0!important;background:none!important;border:0!important}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_options_list{display:block!important;max-height:140px!important;overflow-y:auto!important;padding:14px 16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:2px}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer label{font-size:12.5px!important;line-height:1.5!important;color:#aab4bc!important}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_options_list::-webkit-scrollbar{width:6px}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_options_list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:3px}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field{margin-bottom:14px!important}
/* BB21 END */

/* BB22 START */
/* dolny pasek stopki jasny – logo w oryginalnych kolorach */
html body #et-boc .et-l--footer > .et_builder_inner_content .et_pb_section.et_pb_section_1_tb_footer{background-color:#f3f4f2!important}
html body #et-boc .et-l--footer .et_pb_section_1_tb_footer *{color:var(--bb-ink2)!important}
html body #et-boc .et-l--footer .et_pb_section_1_tb_footer a{color:var(--bb-ink)!important}
html body #et-boc .et-l--footer .et_pb_section_1_tb_footer a:hover{color:var(--bb-red)!important;border-bottom-color:var(--bb-red)!important}
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer{width:auto!important;max-width:none!important}
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap{display:inline-block!important;width:auto!important;max-width:none!important;background:none!important;padding:0!important}
html body #et-boc .et-l--footer .et_pb_image_0_tb_footer img{filter:none!important;opacity:1!important;height:42px!important;width:auto!important;max-width:none!important;min-width:0!important;object-fit:contain!important;aspect-ratio:auto!important}
html body #et-boc .et-l--footer .et_pb_row_2_tb_footer{border-top:1px solid rgba(26,34,41,.12)!important}
html body #et-boc .et-l--footer .et_pb_row_2_tb_footer *{color:var(--bb-ink3)!important}
html body #et-boc .et-l--footer .et_pb_row_2_tb_footer a:hover{color:var(--bb-red)!important}
/* BB22 END */

/* BB23 START */
/* zgody w stopce: ukryte puste etykiety "." i czytelne kółka wyboru */
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer > label.et_pb_contact_form_label,
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_options_title{display:none!important}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer .et_pb_contact_field_radio{display:block;margin-bottom:10px}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer label i{border:1px solid rgba(255,255,255,.4)!important;background:rgba(255,255,255,.06)!important;flex:0 0 18px!important;min-width:18px!important;width:18px!important;height:18px!important;margin-right:10px!important;top:2px!important}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer input:checked+label i::before{background:var(--bb-red)!important;border-color:var(--bb-red)!important}
html body #et-boc .et-l--footer .et_pb_contact_field_3_tb_footer label{display:flex!important;align-items:flex-start;gap:0}
/* BB23 END */

/* BB24 START */
html body #et-boc .et-l--footer .et_pb_section_1_tb_footer{row-gap:0!important;gap:0!important}
html body #et-boc .et-l--footer .et_pb_row_2_tb_footer{margin-top:14px!important}
@media (max-width:600px){
html body #et-boc .et-l--footer .et_contact_bottom_container{width:100%!important;display:block!important;float:none!important}
html body #et-boc .et-l--footer .et_contact_bottom_container .et_pb_button_wrapper{width:100%!important;display:block!important}
html body #et-boc .et-l--footer .et_pb_contact_submit{width:100%!important;text-align:center!important;justify-content:center!important}
}
/* BB24 END */
/* BB25 START */
/* logo w naglowku: modul ma szerokosc 50%, co scisnelo grafike – proporcje 250x75 */
html body #et-boc .et-l--header .et_pb_image_0_tb_header{width:auto!important;max-width:none!important;flex:0 0 auto!important}
html body #et-boc .et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap{width:auto!important;max-width:none!important;display:inline-block!important}
html body #et-boc .et-l--header .et_pb_image_0_tb_header img{width:auto!important;max-width:none!important;min-width:0!important;height:48px!important;object-fit:contain!important;aspect-ratio:auto!important}
@media (max-width:600px){
html body #et-boc .et-l--header .et_pb_image_0_tb_header img{height:38px!important}
}
/* BB25 END */
/* BB26 START */
/* Sekcja zastosowan: kafle na pelnej szerokosci, jednakowe odstepy (24/18/14 px) */
html body #et-boc .et-l .et_pb_section.bb-apps{--bbg:24px;padding:clamp(40px,4.5vw,64px) 0!important}
html body #et-boc .et-l .bb-apps .et_pb_row.bb-tiles{width:100%!important;max-width:none!important;margin:0!important;
 display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:var(--bbg)!important;padding:0 var(--bbg)!important}
html body #et-boc .et-l .bb-apps .bb-tiles > .et_pb_column.bb-tile{width:auto!important;max-width:none!important;margin:0!important;
 position:relative!important;aspect-ratio:4/5;overflow:hidden;background-color:#1a2229!important;cursor:pointer;
 display:flex!important;flex-direction:column;justify-content:flex-end;padding:24px!important}
html body #et-boc .et-l .bb-apps .bb-tile::before{content:"";position:absolute;inset:0;z-index:1;
 background:linear-gradient(to top,rgba(26,34,41,.94) 0%,rgba(26,34,41,.5) 44%,rgba(26,34,41,0) 76%);transition:opacity .3s}
html body #et-boc .et-l .bb-apps .bb-tile::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(20,27,33,.965);opacity:0;transition:opacity .3s}
html body #et-boc .et-l .bb-apps .bb-tile:hover::after,html body #et-boc .et-l .bb-apps .bb-tile.bb-open::after{opacity:1}
html body #et-boc .et-l .bb-apps .bb-tile:hover::before,html body #et-boc .et-l .bb-apps .bb-tile.bb-open::before{opacity:0}
html body #et-boc .et-l .bb-apps .bb-tile > .et_pb_module{position:relative;z-index:4}
/* tytul – zawsze widoczny: na dole, a po odslonieciu u gory */
html body #et-boc .et-l .bb-apps .bb-tile > .et_pb_text.bb-app-h{flex:0 0 auto;margin:0!important;padding:0!important}

html body #et-boc .et-l .bb-apps .bb-tile .bb-app-h .et_pb_text_inner::before{content:"Zobacz opis";display:block;
 font:700 11.5px var(--bb-h)!important;letter-spacing:.13em;text-transform:uppercase;color:var(--bb-red);margin-bottom:9px;transition:opacity .25s}
html body #et-boc .et-l .bb-apps .bb-tile:hover .bb-app-h .et_pb_text_inner::before,html body #et-boc .et-l .bb-apps .bb-tile.bb-open .bb-app-h .et_pb_text_inner::before{opacity:0}
/* opis */
html body #et-boc .et-l .bb-apps .bb-tile > .et_pb_text.bb-app-t{flex:1 1 auto;min-height:0;max-height:0;overflow:hidden;
 opacity:0;visibility:hidden;margin:0!important;padding:0!important;transition:opacity .3s ease}
html body #et-boc .et-l .bb-apps .bb-tile:hover > .bb-app-t,html body #et-boc .et-l .bb-apps .bb-tile.bb-open > .bb-app-t{opacity:1;visibility:visible;max-height:100%;overflow-y:auto;margin-top:14px!important;overscroll-behavior:contain}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t,html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t p,html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t li{color:#c3ccd3!important;font-size:14.5px!important;line-height:1.56!important;max-width:none!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t p{margin:0 0 10px!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t h2{margin:0 0 9px!important;padding:0!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t strong{color:#fff!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t ul{list-style:none!important;padding:0!important;margin:10px 0 0!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t li{position:relative;padding-left:16px!important;margin-bottom:5px!important}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--bb-red)}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t::-webkit-scrollbar{width:4px}
html body #et-boc .et-l .bb-apps .bb-tile .bb-app-t::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}
/* przycisk */
html body #et-boc .et-l .bb-apps .bb-tile > .et_pb_button_module_wrapper{flex:0 0 auto;max-height:0;overflow:hidden;opacity:0;visibility:hidden;
 margin:0!important;padding:0!important;transition:opacity .3s ease}
html body #et-boc .et-l .bb-apps .bb-tile:hover > .et_pb_button_module_wrapper,html body #et-boc .et-l .bb-apps .bb-tile.bb-open > .et_pb_button_module_wrapper{opacity:1;visibility:visible;max-height:90px;margin-top:16px!important}
@media (max-width:1100px){
 html body #et-boc .et-l .et_pb_section.bb-apps{--bbg:18px}
 html body #et-boc .et-l .bb-apps .et_pb_row.bb-tiles{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:640px){
 html body #et-boc .et-l .et_pb_section.bb-apps{--bbg:14px}
 html body #et-boc .et-l .bb-apps .et_pb_row.bb-tiles{grid-template-columns:1fr!important}
 html body #et-boc .et-l .bb-apps .bb-tiles > .et_pb_column.bb-tile{aspect-ratio:4/5;padding:20px!important}
}
/* telefon: dotkniety kafel rozwija sie w dol zamiast przewijac opis */
@media (max-width:640px){
 html body #et-boc .et-l .bb-apps .bb-tiles > .et_pb_column.bb-tile.bb-open{aspect-ratio:auto!important;justify-content:flex-start!important}
 html body #et-boc .et-l .bb-apps .bb-tile.bb-open > .bb-app-t{max-height:none!important;overflow:visible!important}
 html body #et-boc .et-l .bb-apps .bb-tile.bb-open::before{opacity:0}
}
/* BB26 END */
/* BB27 START */
/* Menu mobilne.
   Usterka 1: regula .sub-menu{width:340px} z BB2 (dropdown desktopowy) dzialala tez na telefonie,
   wiec podmenu bylo szersze od panelu i wyjezdzalo poza ekran.
   Usterka 2: panel jest pozycjonowany wzgledem samego modulu menu (na tablecie ~74 px), wiec
   left:0;right:0 daje panel szerokosci 74 px. Dlatego przypinamy go do PRAWEJ krawedzi
   (right:0) i ograniczamy szerokosc. NIE rozciagac na 100vw - na tablecie 100vw liczy pasek
   przewijania i strona zaczyna sie przewijac w bok. */
@media (max-width:980px){
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu{position:absolute!important;right:0!important;left:auto!important;transform:none!important;
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
  border-top:3px solid var(--bb-red)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;
  background:#fff!important;box-shadow:0 26px 44px -26px rgba(26,34,41,.55)!important;
  max-height:calc(100vh - 170px);overflow-y:auto;overscroll-behavior:contain;z-index:9999}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li{width:100%!important;padding:0!important;margin:0!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu > li > a{padding:15px 20px!important;font:600 16px var(--bb-h)!important;color:var(--bb-ink)!important;border-bottom:1px solid var(--bb-stone)!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .sub-menu{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
  border:0!important;box-shadow:none!important;background:#fafbfa!important;position:static!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .sub-menu a{padding:13px 20px 13px 36px!important;font:400 15.5px var(--bb-b)!important;color:var(--bb-ink2)!important;border-bottom:1px solid var(--bb-stone)!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .sub-menu a:hover{background:var(--bb-mist)!important;color:var(--bb-red)!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li:last-child > a{border-bottom:0!important}
 html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .menu-item-has-children > a{font-weight:700!important}
}
/* BB27 END */
/* BB28 START */
/* Stopka na telefonie wyjezdzala poza ekran (Safari). Przyczyna: etykiety zgod byly flexami,
   a anonimowy element tekstowy we flexie nie kurczy sie bez min-width:0 - w Safari rozpychal
   sekcje na szerokosc calego zdania. To samo dotyczy elementow siatki (domyslnie min-width:auto).
   Rozwiazanie: zadnego flexa na etykietach - kolko ustawione absolutnie, tekst zwykly blok. */
html body #et-boc .et-l--footer .et_pb_section, html body #et-boc .et-l--footer .et_pb_row, html body #et-boc .et-l--footer .et_pb_column, html body #et-boc .et-l--footer .et_pb_module{min-width:0!important;max-width:100%!important}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer {max-width:100%!important}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer > *{min-width:0!important;max-width:100%!important}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field, html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_options_wrapper, html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_options_list{
 min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_radio, html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_checkbox{display:block!important;width:100%!important;max-width:100%!important;margin-bottom:10px!important}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_options_list label{display:block!important;position:relative!important;
 padding-left:28px!important;margin:0!important;width:100%!important;max-width:100%!important;
 overflow-wrap:anywhere;word-break:normal}
html body #et-boc .et-l--footer .et_pb_contact_form_0_tb_footer .et_pb_contact_field_options_list label i{position:absolute!important;left:0!important;top:2px!important;
 width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;flex:none!important}
/* BB28 END */

/* BB30 START */
/* JEDNA SKALA TYPOGRAFICZNA. Przed nia na stronie bylo 15 kombinacji font/rozmiar/grubosc,
   a tekst SEO renderowal sie w Montserrat Light 300 (stary font motywu) zamiast Source Sans 3.
   UWAGA: prefiks to .et-l (a NIE .et-l--body) – strony kategorii maja wrapper .et-l--post. */
:root{
 --bb-t-h1:clamp(30px,2.9vw,42px);
 --bb-t-sek:clamp(25px,2.3vw,33px);
 --bb-t-h2:clamp(20px,1.6vw,24px);
 --bb-t-h3:clamp(17.5px,1.25vw,19px);
 --bb-t-lead:clamp(17px,1.25vw,19px);
 --bb-t-txt:clamp(16px,1.2vw,17.5px);
}
/* 1. Glowne naglowki stron */
/* 2. Tytuly sekcji – bylo 24 / 28 / 30 / 38 px */
/* 3. Naglowki w tresci */
html body #et-boc .et-l .bb-cat-body h2,html body #et-boc .et-l .bb-chapter h2{margin:34px 0 14px!important;padding:0!important}
html body #et-boc .et-l .bb-cat-body h3,html body #et-boc .et-l .bb-chapter h3{margin:26px 0 10px!important;padding:0!important}
html body #et-boc .et-l .bb-cat-body > .et_pb_text_inner > h2:first-child,html body #et-boc .et-l .bb-chapter > .et_pb_text_inner > h2:first-child{margin-top:0!important}
/* tytul pytania w FAQ: h3 tam, gdzie wyrownalismy do strony zywej, h5 na pozostalych stronach */
/* 4. Akapit wprowadzajacy */
html body #et-boc .et-l .bb-lead-t,html body #et-boc .et-l .bb-lead-t p,html body #et-boc .et-l .bb-about-t,html body #et-boc .et-l .bb-about-t p{
 font-family:var(--bb-b)!important;font-size:var(--bb-t-lead)!important;font-weight:400!important;line-height:1.6!important;color:var(--bb-ink2)!important}
/* 5. Tekst ciagly – Source Sans 3 400 zamiast Montserrat 300 / Source Sans 500 */
html body #et-boc .et-l .bb-cat-body,html body #et-boc .et-l .bb-cat-body p,html body #et-boc .et-l .bb-cat-body li,
html body #et-boc .et-l .bb-chapter,html body #et-boc .et-l .bb-chapter p,html body #et-boc .et-l .bb-chapter li,
html body #et-boc .et-l .bb-tg,html body #et-boc .et-l .bb-tg p,html body #et-boc .et-l .bb-tg li{
 font-family:var(--bb-b)!important;font-size:var(--bb-t-txt)!important;font-weight:400!important;line-height:1.65!important;color:var(--bb-ink2)!important}
html body #et-boc .et-l .bb-cat-body strong,html body #et-boc .et-l .bb-chapter strong,html body #et-boc .et-l .bb-tg strong{font-weight:600!important;color:var(--bb-ink)!important}
html body #et-boc .et-l .bb-cat-body a,html body #et-boc .et-l .bb-chapter a,html body #et-boc .et-l .bb-tg a{color:var(--bb-red)!important;text-decoration:none;border-bottom:1px solid rgba(228,8,27,.35)}
html body #et-boc .et-l .bb-cat-body a:hover,html body #et-boc .et-l .bb-chapter a:hover{border-bottom-color:var(--bb-red)}
/* 6. Spis tresci */
html body #et-boc .et-l .bb-toc,html body #et-boc .et-l .bb-toc li,html body #et-boc .et-l .bb-toc a{font-family:var(--bb-b)!important;font-size:clamp(15px,1.05vw,16px)!important;font-weight:400!important}
/* BB30 END */


/* BB32 START */
/* Strona /sklep/ to zwykle archiwum WooCommerce - nie przechodzi przez Theme Builder,
   wiec nie obejmuja jej ani style spod .et-l, ani BB7/BB8 (kategorie).
   Kafel odwzorowuje karte z petli na kategoriach: obraz 4/5 contain, tytul Archivo 20/24,
   cena, czerwony przycisk. Przycisk to ::after na linku kafla - caly kafel jest linkiem,
   wiec nie trzeba dokladac elementu do HTML. */

/* naglowek strony */
html body.post-type-archive-product #et-boc .woocommerce-breadcrumb,
html body.tax-product_cat #et-boc .woocommerce-breadcrumb,
html body.tax-product_tag #et-boc .woocommerce-breadcrumb{font:400 14px/1.4 var(--bb-b);color:var(--bb-ink3);margin:0 0 12px;padding:0}
html body.post-type-archive-product #et-boc .woocommerce-breadcrumb a,
html body.tax-product_cat #et-boc .woocommerce-breadcrumb a,
html body.tax-product_tag #et-boc .woocommerce-breadcrumb a{color:var(--bb-ink3);text-decoration:none}
html body.post-type-archive-product #et-boc .woocommerce-breadcrumb a:hover,
html body.tax-product_cat #et-boc .woocommerce-breadcrumb a:hover,
html body.tax-product_tag #et-boc .woocommerce-breadcrumb a:hover{color:var(--bb-red)}
html body.post-type-archive-product #et-boc .woocommerce-products-header,
html body.tax-product_cat #et-boc .woocommerce-products-header,
html body.tax-product_tag #et-boc .woocommerce-products-header{margin:0 0 4px;padding:0}
html body.post-type-archive-product #et-boc .woocommerce-products-header h1.page-title,
html body.tax-product_cat #et-boc .woocommerce-products-header h1.page-title,
html body.tax-product_tag #et-boc .woocommerce-products-header h1.page-title{font:700 var(--bb-t-h1)/1.1 var(--bb-h);color:var(--bb-ink);letter-spacing:-.5px;margin:0;padding:0}
html body.post-type-archive-product #et-boc .term-description,
html body.tax-product_cat #et-boc .term-description,
html body.tax-product_tag #et-boc .term-description{font:400 var(--bb-t-txt)/1.65 var(--bb-b);color:var(--bb-ink2);margin:14px 0 0;max-width:none}

/* pasek: liczba wynikow + sortowanie */
html body.post-type-archive-product #et-boc p.woocommerce-result-count,
html body.tax-product_cat #et-boc p.woocommerce-result-count,
html body.tax-product_tag #et-boc p.woocommerce-result-count{float:none;display:inline-block;margin:18px 0 0;font:400 15px/1.5 var(--bb-b);color:var(--bb-ink3)}
html body.post-type-archive-product #et-boc form.woocommerce-ordering,
html body.tax-product_cat #et-boc form.woocommerce-ordering,
html body.tax-product_tag #et-boc form.woocommerce-ordering{float:right;margin:8px 0 0}
html body.post-type-archive-product #et-boc .woocommerce-ordering select,
html body.tax-product_cat #et-boc .woocommerce-ordering select,
html body.tax-product_tag #et-boc .woocommerce-ordering select{-webkit-appearance:none;appearance:none;font:400 14.5px var(--bb-b);color:var(--bb-ink);background-color:#fff;border:1px solid var(--bb-stone);border-radius:0;padding:11px 40px 11px 15px;cursor:pointer;line-height:1.3;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'><path d='M1 1l4.5 4.5L10 1' fill='none' stroke='%234b5660' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}
html body.post-type-archive-product #et-boc .woocommerce-ordering select:focus,
html body.tax-product_cat #et-boc .woocommerce-ordering select:focus,
html body.tax-product_tag #et-boc .woocommerce-ordering select:focus{outline:none;border-color:var(--bb-ink3)}

/* siatka kafli */
html body.post-type-archive-product #et-boc ul.products,
html body.tax-product_cat #et-boc ul.products,
html body.tax-product_tag #et-boc ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;clear:both;list-style:none!important;margin:0!important;padding:26px 0 0!important;float:none!important;width:auto!important;border-top:1px solid var(--bb-stone)}
html body.post-type-archive-product #et-boc ul.products::before,
html body.tax-product_cat #et-boc ul.products::before,
html body.tax-product_tag #et-boc ul.products::before{display:none!important}
html body.post-type-archive-product #et-boc ul.products::after,
html body.tax-product_cat #et-boc ul.products::after,
html body.tax-product_tag #et-boc ul.products::after{display:none!important}
html body.post-type-archive-product #et-boc ul.products li.product,
html body.tax-product_cat #et-boc ul.products li.product,
html body.tax-product_tag #et-boc ul.products li.product{width:auto!important;max-width:none!important;margin:0!important;padding:0 0 24px!important;float:none!important;clear:none!important;background:#fff;display:flex;flex-direction:column;list-style:none!important}
html body.post-type-archive-product #et-boc ul.products li.product::before,
html body.tax-product_cat #et-boc ul.products li.product::before,
html body.tax-product_tag #et-boc ul.products li.product::before{display:none!important}
html body.post-type-archive-product #et-boc ul.products li.product > a.woocommerce-loop-product__link,
html body.tax-product_cat #et-boc ul.products li.product > a.woocommerce-loop-product__link,
html body.tax-product_tag #et-boc ul.products li.product > a.woocommerce-loop-product__link{display:flex;flex-direction:column;flex:1 1 auto;text-decoration:none}
html body.post-type-archive-product #et-boc ul.products li.product .et_shop_image,
html body.tax-product_cat #et-boc ul.products li.product .et_shop_image,
html body.tax-product_tag #et-boc ul.products li.product .et_shop_image{display:block;margin:0 0 14px;background:#fff;font-size:0;line-height:0;padding:0 10%}
html body.post-type-archive-product #et-boc ul.products li.product .et_shop_image img,
html body.tax-product_cat #et-boc ul.products li.product .et_shop_image img,
html body.tax-product_tag #et-boc ul.products li.product .et_shop_image img{display:block;width:100%;height:auto;max-width:280px;aspect-ratio:4/5;object-fit:contain;background:#fff;margin:0 auto!important;vertical-align:top}
html body.post-type-archive-product #et-boc ul.products li.product .et_overlay,
html body.tax-product_cat #et-boc ul.products li.product .et_overlay,
html body.tax-product_tag #et-boc ul.products li.product .et_overlay{display:none!important}
html body.post-type-archive-product #et-boc ul.products li.product h2.woocommerce-loop-product__title,
html body.tax-product_cat #et-boc ul.products li.product h2.woocommerce-loop-product__title,
html body.tax-product_tag #et-boc ul.products li.product h2.woocommerce-loop-product__title{font:700 20px/24px var(--bb-h)!important;color:var(--bb-ink)!important;letter-spacing:-.2px;margin:0 22px 8px!important;padding:0!important;text-align:left}
html body.post-type-archive-product #et-boc ul.products li.product .price,
html body.tax-product_cat #et-boc ul.products li.product .price,
html body.tax-product_tag #et-boc ul.products li.product .price{display:block;font:600 16px/1.4 var(--bb-b)!important;color:var(--bb-ink2)!important;margin:0 22px 18px!important;text-align:left}
html body.post-type-archive-product #et-boc ul.products li.product .price del,
html body.tax-product_cat #et-boc ul.products li.product .price del,
html body.tax-product_tag #et-boc ul.products li.product .price del{opacity:.55;font-weight:400}
html body.post-type-archive-product #et-boc ul.products li.product .price ins,
html body.tax-product_cat #et-boc ul.products li.product .price ins,
html body.tax-product_tag #et-boc ul.products li.product .price ins{text-decoration:none;color:var(--bb-red)}
html body.post-type-archive-product #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
html body.tax-product_cat #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
html body.tax-product_tag #et-boc ul.products li.product > a.woocommerce-loop-product__link::after{content:"Zobacz produkt";align-self:flex-start;margin:auto 22px 0;background:var(--bb-red);color:#fff;font:700 12.5px/1 var(--bb-h);text-transform:uppercase;letter-spacing:.06em;padding:14px 20px;transition:background .15s}
html body.post-type-archive-product #et-boc ul.products li.product:hover > a.woocommerce-loop-product__link::after,
html body.tax-product_cat #et-boc ul.products li.product:hover > a.woocommerce-loop-product__link::after,
html body.tax-product_tag #et-boc ul.products li.product:hover > a.woocommerce-loop-product__link::after{background:var(--bb-red2)}
html body.post-type-archive-product #et-boc ul.products li.product:hover h2.woocommerce-loop-product__title,
html body.tax-product_cat #et-boc ul.products li.product:hover h2.woocommerce-loop-product__title,
html body.tax-product_tag #et-boc ul.products li.product:hover h2.woocommerce-loop-product__title{color:var(--bb-red)!important}
html body.post-type-archive-product #et-boc ul.products li.product a.button, ul.products li.product a.added_to_cart,
html body.tax-product_cat #et-boc ul.products li.product a.button, ul.products li.product a.added_to_cart,
html body.tax-product_tag #et-boc ul.products li.product a.button, ul.products li.product a.added_to_cart{display:none!important}

/* paginacja */
html body.post-type-archive-product #et-boc .woocommerce-pagination,
html body.tax-product_cat #et-boc .woocommerce-pagination,
html body.tax-product_tag #et-boc .woocommerce-pagination{margin:36px 0 0;clear:both}
html body.post-type-archive-product #et-boc .woocommerce-pagination ul.page-numbers,
html body.tax-product_cat #et-boc .woocommerce-pagination ul.page-numbers,
html body.tax-product_tag #et-boc .woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:8px;border:0!important;margin:0!important;padding:0!important}
html body.post-type-archive-product #et-boc .woocommerce-pagination ul.page-numbers li,
html body.tax-product_cat #et-boc .woocommerce-pagination ul.page-numbers li,
html body.tax-product_tag #et-boc .woocommerce-pagination ul.page-numbers li{border:0!important;margin:0!important;padding:0!important;overflow:visible}
html body.post-type-archive-product #et-boc .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers,
html body.tax-product_cat #et-boc .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers,
html body.tax-product_tag #et-boc .woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--bb-stone);background:#fff;font:600 14.5px var(--bb-b);color:var(--bb-ink2);transition:.15s}
html body.post-type-archive-product #et-boc .woocommerce-pagination span.page-numbers.current,
html body.tax-product_cat #et-boc .woocommerce-pagination span.page-numbers.current,
html body.tax-product_tag #et-boc .woocommerce-pagination span.page-numbers.current{background:var(--bb-red);border-color:var(--bb-red);color:#fff}
html body.post-type-archive-product #et-boc .woocommerce-pagination a.page-numbers:hover,
html body.tax-product_cat #et-boc .woocommerce-pagination a.page-numbers:hover,
html body.tax-product_tag #et-boc .woocommerce-pagination a.page-numbers:hover{border-color:var(--bb-ink);color:var(--bb-ink)}

/* tablet i telefon */
@media (max-width:1100px){
 html body.post-type-archive-product #et-boc ul.products,
 html body.tax-product_cat #et-boc ul.products,
 html body.tax-product_tag #et-boc ul.products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
 html body.post-type-archive-product #et-boc ul.products,
 html body.tax-product_cat #et-boc ul.products,
 html body.tax-product_tag #et-boc ul.products{grid-template-columns:repeat(2,1fr);gap:16px;padding-top:20px!important}
 html body.post-type-archive-product #et-boc ul.products li.product h2.woocommerce-loop-product__title,
 html body.tax-product_cat #et-boc ul.products li.product h2.woocommerce-loop-product__title,
 html body.tax-product_tag #et-boc ul.products li.product h2.woocommerce-loop-product__title{font-size:17px!important;line-height:21px!important;margin:0 14px 6px!important}
 html body.post-type-archive-product #et-boc ul.products li.product .price,
 html body.tax-product_cat #et-boc ul.products li.product .price,
 html body.tax-product_tag #et-boc ul.products li.product .price{font-size:15px!important;margin:0 14px 14px!important}
 html body.post-type-archive-product #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
 html body.tax-product_cat #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
 html body.tax-product_tag #et-boc ul.products li.product > a.woocommerce-loop-product__link::after{margin:auto 14px 0;padding:12px 15px;font-size:12px}
 html body.post-type-archive-product #et-boc form.woocommerce-ordering,
 html body.tax-product_cat #et-boc form.woocommerce-ordering,
 html body.tax-product_tag #et-boc form.woocommerce-ordering{float:none;display:block;margin:14px 0 0}
 html body.post-type-archive-product #et-boc .woocommerce-ordering select,
 html body.tax-product_cat #et-boc .woocommerce-ordering select,
 html body.tax-product_tag #et-boc .woocommerce-ordering select{width:100%}
 html body.post-type-archive-product #et-boc p.woocommerce-result-count,
 html body.tax-product_cat #et-boc p.woocommerce-result-count,
 html body.tax-product_tag #et-boc p.woocommerce-result-count{display:block;margin:16px 0 0}
}
@media (max-width:420px){
 html body.post-type-archive-product #et-boc ul.products,
 html body.tax-product_cat #et-boc ul.products,
 html body.tax-product_tag #et-boc ul.products{gap:12px}
 html body.post-type-archive-product #et-boc ul.products li.product h2.woocommerce-loop-product__title,
 html body.tax-product_cat #et-boc ul.products li.product h2.woocommerce-loop-product__title,
 html body.tax-product_tag #et-boc ul.products li.product h2.woocommerce-loop-product__title{font-size:15.5px!important;line-height:19px!important;margin:0 11px 5px!important}
 html body.post-type-archive-product #et-boc ul.products li.product .price,
 html body.tax-product_cat #et-boc ul.products li.product .price,
 html body.tax-product_tag #et-boc ul.products li.product .price{margin:0 11px 12px!important;font-size:14px!important}
 html body.post-type-archive-product #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
 html body.tax-product_cat #et-boc ul.products li.product > a.woocommerce-loop-product__link::after,
 html body.tax-product_tag #et-boc ul.products li.product > a.woocommerce-loop-product__link::after{content:"Zobacz";align-self:stretch;text-align:center;margin:auto 11px 0;padding:12px 8px;font-size:11.5px;letter-spacing:.05em}
}
/* BB32 END */

/* BB33 START */
/* Na stronach z wlasnym szablonem Theme Buildera (karta produktu, koszyk, kasa) Divi
   dokleja na koncu <body> arkusz "et-builder-module-design-tb-..." z regulami
   ".et-db #et-boc .et-l .et_pb_row_0_tb_header{width:90%!important}".
   Ten arkusz laduje sie PO naszym CSS, a jego selektor ma 3 klasy + id, wiec bije
   nasz "html body #et-boc .et-l ..." (2 klasy + id) mimo !important.
   Efekt: naglowek i stopka mialy 90%, a tresc 80% - menu wystawalo poza tekst.
   Dlatego tutaj dokladamy .et-db do body: 3 klasy + id + 2 typy = wygrywa. */
html body.et-db #et-boc .et-l--header .et_pb_row_0_tb_header,
html body.et-db #et-boc .et-l--footer .et_pb_row_0_tb_footer{width:80%!important;max-width:none!important}
/* BB33 END */

/* BB34 START */
/* Na stronach z wlasnym szablonem TB (karta produktu, koszyk, kasa) Divi nie wypuszcza
   responsywnych ustawien naglowka - zostaja same wartosci desktopowe. Skutek na telefonie:
   wiersz 0 nie skladal sie w kolumne, logo i pasek z adresem zostawaly widoczne,
   a strona przewijala sie w bok (524 px przy ekranie 375 px).
   Odtwarzamy tu stan, ktory Divi daje na pozostalych stronach. Prefiks z .et-db na body
   jest konieczny, zeby przebic arkusz "et-builder-module-design-tb-..." (patrz BB33). */
@media (max-width:980px){
 html body.et-db #et-boc .et-l--header .et_pb_image_0_tb_header{display:none!important}
 html body.et-db #et-boc .et-l--header .et_pb_column_2_tb_header,
 html body.et-db #et-boc .et-l--header .et_pb_column_3_tb_header,
 html body.et-db #et-boc .et-l--header .et_pb_column_4_tb_header{display:none!important}
 html body.et-db #et-boc .et-l--header .et_pb_column_5_tb_header{flex-direction:row!important;--flex-direction:row!important}
 html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header{flex-direction:row!important;--flex-direction:row!important}
}
@media (max-width:767px){
 html body.et-db #et-boc .et-l--header .et_pb_row_0_tb_header{flex-direction:column!important;--flex-direction:column!important}
 html body.et-db #et-boc .et-l--header .et_pb_column_0_tb_header,
 html body.et-db #et-boc .et-l--header .et_pb_column_1_tb_header{width:100%!important;max-width:100%!important}
}
/* BB34 END */

/* BB35 START */
/* Po zapisie stron przez REST (czyszczenie atrybutow title, 28.09) Divi przelozylo czesc
   CSS naglowka z pliku et-core-unified-tb-...min.css do stylow inline. Reguly sa w kodzie,
   ale laduja sie w innej kolejnosci i przegrywaja z ogolnymi .et_flex_column / .et_pb_row.
   Skutek: kolumna z ikonami ustawiala sie w pionie, ikony rosly do 96 px, a menu rozlewalo
   sie na cala szerokosc (naglowek 644 px zamiast 119 px). To ta sama pulapka wagi selektorow
   co w BB33/BB34, wiec prefiks z .et-db na body. Wartosci wziete 1:1 ze strony /kontakt/,
   ktora nie byla zapisywana i renderuje sie poprawnie. */
@media (min-width:981px){
 html body.et-db #et-boc .et-l--header .et_pb_column_5_tb_header{flex-direction:row!important}
 html body.et-db #et-boc .et-l--header .et_pb_icon_0_tb_header .et_pb_icon_wrap .et-pb-icon,
 html body.et-db #et-boc .et-l--header .et_pb_icon_1_tb_header .et_pb_icon_wrap .et-pb-icon,
 html body.et-db #et-boc .et-l--header .et_pb_icon_2_tb_header .et_pb_icon_wrap .et-pb-icon,
 html body.et-db #et-boc .et-l--header .et_pb_icon_3_tb_header .et_pb_icon_wrap .et-pb-icon{font-size:1vw!important}
 html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header,
 html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header .et_pb_menu_inner_container{flex-direction:row!important;align-items:flex-end!important}
 html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu{align-self:end!important}
 html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header .et_pb_menu__wrap{justify-content:flex-end!important}
 html body.et-db #et-boc .et-l--header .et_pb_row_3_tb_header{width:90%!important;flex-wrap:nowrap}
}
/* Panel "Oferty" chowal sie pod zdjeciem w hero. Powod: naglowek (.et_builder_inner_content)
   ma wlasny kontekst nakladania z z-index:2, a kolumna ze zdjeciem na stronie tez ma z-index:2
   - przy remisie wygrywa to, co jest dalej w kodzie, czyli tresc strony. z-index panelu (1000)
   nie ma tu nic do rzeczy, bo dziala tylko wewnatrz kontekstu naglowka.
   Dlatego podnosimy caly naglowek ponad tresc. Bez media query - dotyczy tez menu mobilnego. */
html body.et-db #et-boc .et-l--header > .et_builder_inner_content{position:relative;z-index:1000}
/* BB35 END */

/* BB36 START */
/* Pasek filtrow nad siatka w /sklep/ (buduje go skrypt "BB filtr sklepu" w <head>).
   Kafelki to zwykle linki z ?product_cat=, wiec dzialaja tez bez JavaScriptu po wejsciu z adresu. */
html body.post-type-archive-product #et-boc .bb-filtr,
html body.tax-product_cat #et-boc .bb-filtr{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;clear:both}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f,
html body.tax-product_cat #et-boc .bb-filtr .bb-f{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--bb-stone);background:#fff;font:600 13.5px/1 var(--bb-b);color:var(--bb-ink2);text-decoration:none;transition:.15s}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f span,
html body.tax-product_cat #et-boc .bb-filtr .bb-f span{font-weight:400;font-size:12px;color:var(--bb-ink3)}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f:hover,
html body.tax-product_cat #et-boc .bb-filtr .bb-f:hover{border-color:var(--bb-ink);color:var(--bb-ink)}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f-akt,
html body.tax-product_cat #et-boc .bb-filtr .bb-f-akt{background:var(--bb-red);border-color:var(--bb-red);color:#fff}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f-akt span,
html body.tax-product_cat #et-boc .bb-filtr .bb-f-akt span{color:rgba(255,255,255,.75)}
html body.post-type-archive-product #et-boc .bb-filtr .bb-f-akt:hover,
html body.tax-product_cat #et-boc .bb-filtr .bb-f-akt:hover{background:var(--bb-red2);border-color:var(--bb-red2);color:#fff}
@media (max-width:980px){
 html body.post-type-archive-product #et-boc .bb-filtr,
 html body.tax-product_cat #et-boc .bb-filtr{gap:6px;margin-top:18px}
 html body.post-type-archive-product #et-boc .bb-filtr .bb-f,
 html body.tax-product_cat #et-boc .bb-filtr .bb-f{padding:8px 12px;font-size:12.5px}
}
/* telefon: zamiast siedmiu rzedow kafelkow (286 px wysokosci) jeden pasek przewijany w bok.
   Przewijanie jest wewnatrz paska, wiec nie rusza strony. */
@media (max-width:767px){
 html body.post-type-archive-product #et-boc .bb-filtr,
 html body.tax-product_cat #et-boc .bb-filtr{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
 html body.post-type-archive-product #et-boc .bb-filtr::-webkit-scrollbar,
 html body.tax-product_cat #et-boc .bb-filtr::-webkit-scrollbar{display:none}
 html body.post-type-archive-product #et-boc .bb-filtr .bb-f,
 html body.tax-product_cat #et-boc .bb-filtr .bb-f{flex:0 0 auto;white-space:nowrap}
}
/* stan ladowania przy przelaczaniu filtra (podmiana siatki bez przeladowania strony) */
html body.post-type-archive-product #et-boc ul.products.bb-laduje,
html body.tax-product_cat #et-boc ul.products.bb-laduje{opacity:.35;transition:opacity .12s ease;pointer-events:none}
/* BB36 END */

/* BB37 START */
/* PETRODENN nie ma ceny i nie da sie go kupic (tak samo na stronie zywej - to produkt
   "wycena po analizie"). Na karcie produktu zostawala mu jednak ramka z kosztami dostawy
   z szablonu Theme Buildera, co wprowadza w blad. Chowamy ja na kazdym produkcie,
   ktory nie ma formularza dodania do koszyka. */
html body.et-db.single-product:not(:has(form.cart)) #et-boc .et-l--body .et_pb_text_0_tb_body{display:none!important}
/* BB37 END */

/* BB39 START - mega menu "Oferta": szeroki, niski panel.
   Divi daje mega menu natywnie (klasa mega-menu na pozycji 261496), ale panel kotwiczy
   do modulu Menu (450px), bo wszyscy przodkowie w naglowku maja position:relative.
   Zdejmujemy pozycjonowanie z lancucha az do .et_pb_row_0_tb_header - to on (80% strony)
   staje sie punktem odniesienia. Kolumne "Przeznaczenie" (10 pozycji) lamiemy na dwie,
   zeby panel byl niski zamiast 580px wysokosci.
   UWAGA: numery klas _tb_header pochodza z ukladu szablonu naglowka (260693).
   Po przebudowie naglowka w Theme Builderze trzeba je sprawdzic ponownie. */
@media (min-width:981px){
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header,
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header .et_pb_menu_inner_container,
html body.et-db #et-boc .et-l--header .et_pb_column_7_tb_header,
html body.et-db #et-boc .et-l--header .et_pb_row_3_tb_header,
html body.et-db #et-boc .et-l--header .et_pb_column_6_tb_header,
html body.et-db #et-boc .et-l--header .et_pb_row_2_tb_header,
html body.et-db #et-boc .et-l--header .et_pb_column_1_tb_header{position:static!important}

html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu{
  width:100%!important;min-width:0!important;max-width:none!important;
  left:0!important;right:auto!important;
  display:grid!important;grid-template-columns:250px minmax(0,1fr);gap:0 46px;
  padding:26px 34px 30px!important;align-items:start}

html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li{width:auto!important;float:none!important;margin:0!important}

html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li > a:first-child{
  font-size:12.5px!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  color:var(--bb-ink3)!important;padding:0 0 10px!important;margin:0 0 12px!important;
  border-bottom:1px solid var(--bb-stone)!important}

html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li > ul{position:static!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li:nth-child(2) > ul{columns:2;column-gap:46px}
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li > ul > li{break-inside:avoid;display:block!important;float:none!important;width:100%!important;margin:0!important}
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li > ul > li > a{
  width:auto!important;padding:7px 0!important;display:block!important}
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li > ul > li > a:hover{color:var(--bb-red)!important;background:transparent!important}
html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu ul.sub-menu a{width:auto!important;max-width:100%!important;min-width:0!important}

html body.et-db #et-boc .et-l--header .et_pb_menu_0_tb_header.et_pb_menu li.mega-menu > ul.sub-menu > li:first-child{
  border-right:1px solid var(--bb-stone);padding-right:46px!important;margin-right:0!important}
}
/* BB39 END */

/* BB40 START - menu mobilne: podmenu zwiniete, rozwijane przyciskiem + / -.
   Divi pokazuje na telefonie cala strukture rozwinieta (15 pozycji do przewiniecia).
   Same przyciski dokłada skrypt "BB menu mobile" z zakladki Integracja - tutaj jest
   tylko ich wyglad i chowanie podmenu. Bez skryptu ta sekcja nic nie psuje:
   podmenu byloby zwiniete na stale, wiec skrypt i ten blok zawsze idą razem. */
@media (max-width:980px){
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children{position:relative}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children > ul.sub-menu{display:none!important}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.menu-item-has-children.bb-roz > ul.sub-menu{display:block!important}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .bb-tog{position:absolute;top:0;right:2px;width:52px;height:48px;padding:0;margin:0;
  border:0;background:transparent;cursor:pointer;z-index:2}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .bb-tog::before,
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .bb-tog::after{content:"";position:absolute;left:50%;top:24px;
  background:var(--bb-ink);transform:translate(-50%,-50%);transition:opacity .15s ease}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .bb-tog::before{width:13px;height:2px}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu .bb-tog::after{width:2px;height:13px}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.bb-roz > .bb-tog::after{opacity:0}
html body #et-boc .et-l--header .et_pb_menu_0_tb_header .et_mobile_menu li.bb-roz > .bb-tog::before{background:var(--bb-red)}
}
/* BB40 END */

/* BB41 START – sekcja „Dlaczego warto?”.
   Reszta tej sekcji (ciemne tlo, szerokosci kolumn, kreski miedzy kaflami, kroje i rozmiary)
   jest ustawiona natywnie w modulach Divi. Tutaj zostaly tylko trzy rzeczy, ktorych Divi
   nie wystawia w zadnym polu: ukrycie kreski w wierszu naglowka, czerwony pasek pod naglowkiem
   i biale kolko pod ikona kafelka. */
.bb-benefits .et_pb_divider{display:none!important}
.bb-benefits .bb-bhead p::after{content:"";display:block;width:40px;height:4px;background:var(--bb-red);margin-top:14px}
.bb-benefits .bb-b img{background:#fff;border-radius:50%;padding:6px;box-sizing:border-box;object-fit:contain}
/* BB41 END */