/* Bezpieczny Tag - sekcja "Informacje dodatkowe" (tabela danych produktu) */

.bt-dane{position:relative;overflow:hidden;background:linear-gradient(180deg,#EAF4FD 0%,#E3F0FC 55%,#EDF7FE 100%);padding:56px 4vw 72px}
.bt-dane__in{position:relative;z-index:2;max-width:1240px;margin:0 auto}

/* dekoracje tla */
.bt-dane__deco{position:absolute;inset:0;z-index:1;pointer-events:none}
.bt-dane__deco .d-circ{position:absolute;border-radius:50%;background:rgba(122,185,243,.26)}
.bt-dane__deco .d-circ--a{width:clamp(90px,11vw,150px);height:clamp(90px,11vw,150px);left:-2.5vw;top:8px}
.bt-dane__deco .d-circ--b{width:clamp(34px,3.6vw,52px);height:clamp(34px,3.6vw,52px);left:clamp(48px,6vw,92px);top:clamp(76px,8vw,124px);background:rgba(122,185,243,.34)}
.bt-dane__deco .d-circ--c{width:clamp(70px,8vw,116px);height:clamp(70px,8vw,116px);right:-1.5vw;top:-2vw;background:rgba(122,185,243,.2)}
.bt-dane__deco .d-circ--d{width:clamp(56px,6vw,88px);height:clamp(56px,6vw,88px);right:clamp(40px,5vw,90px);bottom:6px;background:rgba(122,185,243,.22)}
.bt-dane__deco svg{position:absolute;width:clamp(22px,2.2vw,34px);height:auto;overflow:visible}
.bt-dane__deco .d-p1{left:2.4vw;bottom:clamp(34px,5vw,84px)}
.bt-dane__deco .d-p2{right:2.2vw;top:clamp(60px,8vw,130px)}

/* naglowek */
.bt-dane__badge{display:block;width:fit-content;margin:0 auto;background:#DCEDFB;color:#1479DE;font-weight:800;font-size:clamp(12px,1.05vw,14.5px);letter-spacing:.09em;text-transform:uppercase;padding:11px 24px;border-radius:999px}
.bt-dane__head{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.6vw,40px);margin:22px 0 0}
.bt-dane__spark{flex:0 0 auto;width:clamp(24px,2.6vw,40px);height:auto;aspect-ratio:46/80;overflow:visible}
.bt-dane__spark--r{transform:scaleX(-1)}
.bt-dane__title{text-align:center}
.bt-dane__title h2{font-weight:900;font-size:clamp(28px,3.9vw,54px);line-height:1.07;letter-spacing:-.025em;margin:0;color:#14265E;text-wrap:balance}
.bt-dane__swash{display:block;width:44%;height:clamp(7px,.8vw,11px);border-radius:999px;background:#9FCEF6;margin:8px auto 0}
.bt-dane__lead{text-align:center;font-size:clamp(15px,1.5vw,20px);line-height:1.5;margin:16px auto 0;max-width:36em;color:rgba(20,38,94,.72)}

/* karta z tabela */
.bt-dane__card{margin:36px auto 0;background:#fff;border-radius:24px;box-shadow:0 16px 40px rgba(20,38,94,.08);padding:clamp(14px,1.5vw,20px);max-width:1160px}
.bt-dane__tab{width:100%;border-collapse:collapse;table-layout:fixed}
.bt-dane__tab th,.bt-dane__tab td{text-align:left;vertical-align:middle}
.bt-dane__tab thead th{background:#EAF3FC;color:#1479DE;font-weight:800;font-size:clamp(11.5px,1vw,13.5px);letter-spacing:.1em;text-transform:uppercase;padding:16px clamp(18px,2vw,28px)}
.bt-dane__tab thead th:first-child{border-radius:12px 0 0 12px;width:32%}
.bt-dane__tab thead th:last-child{border-radius:0 12px 12px 0}
.bt-dane__tab tbody tr{border-bottom:1px solid #E7F0F9}
.bt-dane__tab tbody tr:last-child{border-bottom:0}
.bt-dane__tab tbody th{padding:clamp(16px,1.7vw,24px) clamp(18px,2vw,28px);border-right:1px solid #E7F0F9;font-weight:800;color:#14265E;font-size:clamp(15px,1.45vw,19px)}
.bt-dane__tab tbody td{padding:clamp(16px,1.7vw,24px) clamp(18px,2vw,28px)}
.bt-dane__row{display:flex;align-items:center;gap:clamp(10px,1.1vw,16px)}
.bt-dane__ico{flex:0 0 auto;width:clamp(30px,2.9vw,38px);height:clamp(30px,2.9vw,38px);display:grid;place-items:center}
.bt-dane__ico svg{display:block;width:100%;height:100%}
.bt-dane__val{font-size:clamp(15px,1.4vw,18.5px);line-height:1.45;color:#14265E;font-style:italic}

/* pigulki z kolorami */
.bt-dane__chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:clamp(8px,.9vw,14px)}
.bt-dane__chips li{display:flex;align-items:center;gap:10px;background:#F2F7FC;border-radius:999px;padding:8px 18px 8px 10px;font-size:clamp(13.5px,1.25vw,16.5px);font-weight:600;color:#14265E}
.bt-dane__dot{flex:0 0 auto;width:clamp(20px,1.9vw,26px);height:clamp(20px,1.9vw,26px);border-radius:50%;background:#CBDDF2;box-shadow:inset 0 0 0 1px rgba(20,38,94,.08)}
.bt-dane__dot--rozowo-fioletowy{background:linear-gradient(135deg,#F0187C 0%,#B42BD6 58%,#7A2BE2 100%)}
.bt-dane__dot--zielono-czarny{background:linear-gradient(90deg,#13A85D 0 50%,#171D2B 50% 100%)}
.bt-dane__dot--mieszany{background:radial-gradient(circle at 30% 33%,rgba(240,24,124,.92) 0 40%,rgba(0,0,0,0) 41%),radial-gradient(circle at 70% 33%,rgba(30,155,245,.92) 0 40%,rgba(0,0,0,0) 41%),radial-gradient(circle at 50% 74%,rgba(43,208,126,.92) 0 40%,rgba(0,0,0,0) 41%);box-shadow:none}

/* stopka karty */
.bt-dane__foot{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:clamp(18px,2vw,26px) 18px clamp(8px,1vw,14px);font-size:clamp(14px,1.3vw,17.5px);color:rgba(20,38,94,.78);text-align:center}
.bt-dane__foot strong{color:#14265E;font-weight:800}
.bt-dane__foot svg{width:26px;height:26px;flex:0 0 auto}

/* --- przyklejony pasek zakupu na karcie produktu ---
   Cena wariantu przychodzi z WooCommerce w zagniezdzonych spanach, ktore lapaly
   styl malego podpisu "Tylko" - cena robila sie drobna i wchodzila na przycisk. */
.bt-buybar .bt-buybar__price{white-space:nowrap}
.bt-buybar .bt-buybar__price span,
.bt-buybar .bt-buybar__price bdi{font-size:inherit;font-weight:900;color:#fff;letter-spacing:-.02em}
.bt-buybar .bt-buybar__price del,
.bt-buybar .bt-buybar__price .screen-reader-text{display:none}
.bt-buybar .bt-buybar__price ins{text-decoration:none;background:none}
@media (max-width:760px){
  /* brelok jest obrocony i wystaje poza swoje 56px - stad zapas w wcieciu */
  .bt-buybar__in{padding-left:84px;gap:8px}
  .bt-buybar__pricebox{flex:0 0 auto;min-width:max-content}
  .bt-buybar__btn{flex:1 1 auto;min-width:0}
}

/* wspolne tlo strony (bt-tlo.php): sekcje bez wlasnego tla, zeby bylo widac ozdoby */
body.bt-tlo-on .bt-p,
body.bt-tlo-on .bt-dane{background:transparent!important}
body.bt-tlo-on .bt-dane__deco .d-circ{display:none}

/* na karcie produktu: pelna szerokosc ekranu mimo ograniczonego kontenera */
body.single-product main.is-layout-constrained > .bt-dane,
body.single-product main.is-layout-constrained > .bt-op,
body.single-product main.is-layout-constrained > .bt-syt,
body.single-product main.is-layout-constrained > .bt-kt,
body.single-product main.is-layout-constrained > .bt-inf{max-width:none!important;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important}

@media (max-width:760px){
  .bt-dane__tab,.bt-dane__tab tbody,.bt-dane__tab tr{display:block;width:100%}
  .bt-dane__tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bt-dane__tab tbody th,.bt-dane__tab tbody td{display:block;border-right:0;padding:16px 14px}
  .bt-dane__tab tbody th{padding-bottom:4px}
  .bt-dane__tab tbody td{padding-top:0}
  .bt-dane__swash{width:56%}
  .bt-dane__head{gap:12px}
  .bt-dane__foot{flex-direction:column;gap:8px}
}