/* Bezpieczny Tag - sekcja "Zmieniasz numer, nie brelok" */

.bt-kt{background:#EFF6FE;padding:44px 4vw 52px;overflow-x:clip}
.bt-kt__card{position:relative;max-width:1240px;margin:0 auto;border-radius:34px;color:#fff;
  background:radial-gradient(130% 150% at 44% 14%,#0B4CA4 0%,#083A83 46%,#02255F 100%);
  display:grid;grid-template-columns:1.6fr .95fr 1.03fr;gap:clamp(12px,1.7vw,26px);align-items:center;
  padding:clamp(24px,3.2vw,40px)}

.bt-kt__deco{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:34px}
.bt-kt__deco svg{position:absolute;display:block}
.bt-kt__deco .k-ring--a{left:33%;top:-40%;width:52%}
.bt-kt__deco .k-ring--b{left:44%;top:20%;width:42%}

.bt-kt__sparks{position:absolute;inset:0;z-index:4;pointer-events:none}
.bt-kt__sparks svg{position:absolute;display:block;overflow:visible}
.bt-kt__sparks .k-spark--l{left:-2.3%;top:44.8%;width:3.6%;aspect-ratio:46/80}
.bt-kt__sparks .k-spark--r{left:92.9%;top:7.5%;width:4.2%;aspect-ratio:46/80;transform:scaleX(-1) rotate(24deg)}

.bt-kt__copy,.bt-kt__media,.bt-kt__box{position:relative;z-index:2;min-width:0}

.bt-kt__pill{display:inline-block;background:#8ED2F5;color:#0C2A61;font-weight:800;font-size:clamp(10.5px,.98vw,12.4px);letter-spacing:.09em;text-transform:uppercase;padding:8px 19px;border-radius:999px}
.bt-kt__h2{font-weight:900;font-size:clamp(26px,3.3vw,41px);line-height:1.07;letter-spacing:-.025em;margin:15px 0 0;color:#fff}
.bt-kt__lead{font-size:clamp(13px,1.32vw,16.4px);line-height:1.5;margin:13px 0 0;color:rgba(255,255,255,.78)}
.bt-kt__note{display:flex;align-items:center;gap:12px;font-size:clamp(12.5px,1.22vw,15.2px);margin:16px 0 0;color:rgba(255,255,255,.92)}
.bt-kt__note svg{width:23px;height:23px;flex:0 0 auto}

.bt-kt__buy{display:flex;align-items:center;gap:clamp(14px,1.9vw,26px);margin:19px 0 0}
.bt-kt__btn{display:inline-flex;align-items:center;gap:11px;min-height:clamp(44px,4vw,50px);padding:0 24px;border-radius:999px;
  background:linear-gradient(90deg,#1290FD 0%,#1470EE 100%);color:#fff;font-weight:800;font-size:clamp(12.5px,1.18vw,14.8px);
  text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px rgba(3,60,150,.42);transition:transform .18s ease,box-shadow .18s ease}
.bt-kt__btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(3,60,150,.52)}
.bt-kt__btn:focus-visible{outline:3px solid #8ED2F5;outline-offset:3px}
.bt-kt__cart{width:21px;height:21px;flex:0 0 auto;margin-left:3px}
.bt-kt__arrow{width:18px;height:18px;flex:0 0 auto}
.bt-kt__price{position:relative;white-space:nowrap;padding-left:clamp(14px,1.9vw,26px);font-weight:900;font-size:clamp(20px,2.35vw,29px);letter-spacing:-.02em}
.bt-kt__price::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background:rgba(255,255,255,.22)}

.bt-kt__trust{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,.9vw,13px);padding:0;margin:22px 0 0}
.bt-kt__trust li{position:relative;display:flex;align-items:center;gap:8px;font-size:clamp(10.5px,.95vw,12.2px);color:rgba(255,255,255,.88)}
.bt-kt__trust li+li{padding-left:clamp(8px,.9vw,13px)}
.bt-kt__trust li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:rgba(255,255,255,.18)}
.bt-kt__tico svg{display:block;width:19px;height:19px}

.bt-kt__media{position:relative;display:flex;justify-content:center;align-items:center;margin-block:clamp(-34px,-2.6vw,-14px)}
.bt-kt__media img{display:block;width:auto;max-width:100%;height:auto;max-height:clamp(250px,33vw,440px)}
.bt-kt__prod{position:relative;display:block;max-width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.bt-kt__img--b{position:absolute;inset:0;width:100%;height:100%;max-height:none;opacity:0}
.bt-kt__img--a,.bt-kt__img--b{transition:opacity .55s ease}
.bt-kt__media.is-green .bt-kt__img--a{opacity:0}
.bt-kt__media.is-green .bt-kt__img--b{opacity:1}
.bt-kt__media.is-green .bt-kt__prod{transform:rotate(-3deg) scale(1.03)}
@media (prefers-reduced-motion:reduce){.bt-kt__prod,.bt-kt__img--a,.bt-kt__img--b{transition:none}.bt-kt__media.is-green .bt-kt__prod{transform:none}}
.bt-kt__wifi{position:absolute;right:0;top:4%;width:clamp(54px,6.4vw,98px);height:auto;overflow:visible;z-index:2}
.bt-kt__msp{position:absolute;left:0;top:38%;width:clamp(26px,3.1vw,46px);height:auto;overflow:visible;z-index:2}

.bt-kt__box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:clamp(20px,2.4vw,30px)}
.bt-kt__label{display:block;font-weight:800;font-size:clamp(10px,.92vw,11.8px);letter-spacing:.1em;text-transform:uppercase;color:#8BB8EE}
.bt-kt__h3{font-weight:900;font-size:clamp(19px,2.1vw,27px);line-height:1.1;letter-spacing:-.02em;margin:9px 0 0;color:#fff}
.bt-kt__links{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:13px}
.bt-kt__links li{display:flex;align-items:center;gap:11px}
.bt-kt__ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#0A76F6;display:grid;place-items:center}
.bt-kt__ic svg{width:18px;height:18px;display:block}
.bt-kt__links a{color:#fff;text-decoration:none;font-size:clamp(11.5px,1.08vw,13.6px);overflow-wrap:anywhere}
.bt-kt__links a:hover{text-decoration:underline}
.bt-kt__hr{display:block;height:1px;background:rgba(255,255,255,.16);margin:19px 0 0}
.bt-kt__box p{font-size:clamp(11px,1.02vw,13px);line-height:1.55;margin:15px 0 0;color:rgba(255,255,255,.74)}

@media (max-width:1180px){
  .bt-kt__card{grid-template-columns:1.25fr .8fr;grid-template-areas:"copy media" "box box"}
  .bt-kt__copy{grid-area:copy}
  .bt-kt__media{grid-area:media;margin-block:0}
  .bt-kt__box{grid-area:box;margin-top:14px}
  .bt-kt__sparks .k-spark--l{top:30%}
}
@media (max-width:760px){
  .bt-kt{padding:32px 5vw 40px}
  .bt-kt__card{grid-template-columns:1fr;grid-template-areas:"media" "copy" "box";border-radius:26px}
  .bt-kt__deco{border-radius:26px}
  .bt-kt__media img{max-height:250px}
  .bt-kt__buy{flex-wrap:wrap;gap:14px}
  .bt-kt__price::before{display:none}
  .bt-kt__price{padding-left:0}
  .bt-kt__sparks{display:none}
}