/* /wyszukaj-biuro-podrozy/ — Dopasowanie biura podróży (dopasowanie.js). Kolory jak w module opinii (style.css: --green, --dark, --yellow). */
.dp-strona{--g:#0b705b;--d:#103c33;--y:#f8c618;--l:#dce5df;--m:#61716b;background:#f5f7f5}
.dp-strona .wrap{max-width:1180px;margin:0 auto;padding:0 20px}

/* Hero */
.dp-hero{background:radial-gradient(circle at 85% 20%,#1d6b57 0,transparent 45%),linear-gradient(135deg,#0d3a30,#103c33 55%,#0b5a49);color:#fff;padding:34px 0 70px;overflow:hidden}
.dp-hero-siatka{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.dp-crumb,.dp-crumb a{color:#bcd9cf!important}
.dp-crumb{margin-bottom:22px}
.dp-plakietka{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid #ffffff38;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff12}
.dp-plakietka i{width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:0 0 0 4px #f8c61833}
.dp-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4vw,48px);line-height:1.1;margin:16px 0 12px;color:#fff}
.dp-lead{font-size:18px;line-height:1.55;color:#d8ebe3;max-width:460px;margin:0}
.dp-punkty{list-style:none;padding:0;margin:18px 0 26px;display:flex;flex-wrap:wrap;gap:10px 22px}
.dp-punkty li{display:flex;gap:9px;align-items:center;font-weight:600;font-size:15px}
.dp-punkty li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--y);color:var(--d);font-size:12px;font-weight:800}
.dp-cta{display:flex;gap:14px;align-items:flex-start}
.dp-strzalka{width:84px;flex:none;margin-top:30px;fill:none;stroke:var(--y);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dp-cta-tytul{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:24px;color:var(--y)}
.dp-cta-opis{margin:2px 0 14px;color:#cfe6dd}
.dp-przycisk{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;border:0;background:linear-gradient(135deg,#2D947A,#0b705b);color:#fff!important;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 10px 26px #0b705b55;cursor:pointer;transition:transform .15s,box-shadow .15s}
.dp-przycisk:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0b705b66}
.dp-hero .dp-przycisk{background:var(--y);color:var(--d)!important;box-shadow:0 10px 30px #f8c61855}
.dp-przycisk--zolty{background:var(--y);color:var(--d)!important}

/* Widżet: okno przeglądarki, 4 sceny po 3 s */
.dp-widzet{perspective:1200px}
.dp-okno{position:relative;background:#fff;color:var(--d);border-radius:20px;box-shadow:0 30px 70px #0008;overflow:hidden;transform:rotateY(-6deg) rotateX(3deg);min-height:510px}
.dp-okno-pasek{display:flex;align-items:center;gap:6px;padding:12px 14px;background:#f2f5f3;border-bottom:1px solid var(--l);font-size:12px;color:var(--m)}
.dp-okno-pasek i{width:10px;height:10px;border-radius:50%;background:#e5534b}.dp-okno-pasek i:nth-child(2){background:#f8c618}.dp-okno-pasek i:nth-child(3){background:#2D947A}
.dp-okno-pasek span{flex:1;margin-left:8px;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--l);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-okno-pasek b{color:var(--g);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.dp-w-etapy{display:flex;justify-content:space-between;list-style:none;margin:0;padding:16px 22px 6px;counter-reset:e}
.dp-w-etapy li{counter-increment:e;display:grid;justify-items:center;gap:5px;font-size:12px;font-weight:700;color:#9aa8a2;flex:1;position:relative}
.dp-w-etapy li::before{content:counter(e);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--l);background:#fff;transition:.3s}
.dp-w-etapy li:nth-child(1){animation:dpEtap1 12s infinite}.dp-w-etapy li:nth-child(2){animation:dpEtap2 12s infinite}.dp-w-etapy li:nth-child(3){animation:dpEtap3 12s infinite}.dp-w-etapy li:nth-child(4){animation:dpEtap4 12s infinite}
@keyframes dpEtap1{0%,24%{color:var(--g)}25%,100%{color:#9aa8a2}}
@keyframes dpEtap2{0%,24%{color:#9aa8a2}25%,49%{color:var(--g)}50%,100%{color:#9aa8a2}}
@keyframes dpEtap3{0%,49%{color:#9aa8a2}50%,74%{color:var(--g)}75%,100%{color:#9aa8a2}}
@keyframes dpEtap4{0%,74%{color:#9aa8a2}75%,100%{color:var(--g)}}
.dp-w-scena{position:absolute;left:22px;right:22px;top:136px;opacity:0;animation:12s infinite;pointer-events:none}
.dp-w-s1{animation-name:dpScena1}.dp-w-s2{animation-name:dpScena2}.dp-w-s3{animation-name:dpScena3}.dp-w-s4{animation-name:dpScena4}
@keyframes dpScena1{0%{opacity:0;transform:translateY(8px)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0}}
@keyframes dpScena2{0%,24%{opacity:0}28%,47%{opacity:1}50%,100%{opacity:0}}
@keyframes dpScena3{0%,49%{opacity:0}53%,72%{opacity:1}75%,100%{opacity:0}}
@keyframes dpScena4{0%,74%{opacity:0}78%,97%{opacity:1}100%{opacity:0}}
.dp-w-krok{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--g)}
.dp-w-pole{border:1.5px solid var(--l);border-radius:12px;padding:8px 12px;margin-bottom:10px}
.dp-w-pole small{display:block;font-size:11px;color:var(--m)}
.dp-w-pole b{font-size:15px}
.dp-w-pisz{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--g);animation:dpPisz 12s steps(9) infinite}
@keyframes dpPisz{0%{width:0}10%,100%{width:9ch}}
.dp-w-dwa{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dp-w-chipy{display:flex;gap:8px;flex-wrap:wrap}
.dp-w-chipy span{padding:6px 12px;border-radius:999px;border:1.5px solid var(--l);font-size:12.5px;font-weight:600}
.dp-w-chipy .on{border-color:var(--g);background:#eef7f1;color:var(--g)}
.dp-w-s2{display:grid;justify-items:center;text-align:center;gap:12px}
.dp-w-radar{position:relative;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#eef7f1 0 30%,#f6faf8 31% 60%,#fff 61%);border:1.5px solid var(--l)}
.dp-w-radar i{position:absolute;inset:0;border-radius:50%;border:2px solid #2D947A55;animation:dpFala 2s infinite}.dp-w-radar i+i{animation-delay:1s}
.dp-w-radar span{position:absolute;left:50%;top:50%;width:50%;height:2px;background:linear-gradient(90deg,var(--g),transparent);transform-origin:0 50%;animation:dpObrot 2s linear infinite}
.dp-w-radar b{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:var(--g)}
.dp-w-pasek{width:80%;height:8px;border-radius:99px;background:#eef2ef;overflow:hidden}
.dp-w-pasek i{display:block;height:100%;background:var(--g);animation:dpPasek 12s infinite}
@keyframes dpPasek{0%,25%{width:0}48%,100%{width:100%}}
.dp-w-karta{display:flex;gap:12px;align-items:center;padding:9px 12px;border:1.5px solid var(--l);border-radius:14px;margin-bottom:10px;background:#fff}
.dp-w-karta:first-child{border-color:var(--g);background:#f2faf6}
.dp-w-karta b{display:block;font-size:14.5px}.dp-w-karta small{color:var(--m);font-size:12px}
.dp-w-ring{--p:90;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--g) calc(var(--p)*1%),#e3ebe6 0)}
.dp-w-ring b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;font-size:12px!important}
.dp-w-s4{display:grid;justify-items:center;text-align:center;gap:6px;padding-top:30px}
.dp-w-ok{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--g);color:#fff;font-size:34px;box-shadow:0 0 0 10px #2D947A22}
.dp-w-s4 b{font-size:20px}.dp-w-s4 small{color:var(--m)}
.dp-okno-stopka{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:center;padding:14px 18px;overflow:hidden;background:linear-gradient(135deg,#f8c618,#ffd84d);color:var(--d);text-decoration:none;animation:dpBelka 3s ease-in-out infinite}
.dp-okno-stopka::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:35%;background:linear-gradient(100deg,transparent,#ffffffb3,transparent);transform:skewX(-20deg);animation:dpBlysk 3s ease-in-out infinite}
.dp-okno-stopka>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--d);color:var(--y);font-size:18px;animation:dpSamolot 3s ease-in-out infinite}
.dp-okno-stopka>div{flex:1}
.dp-okno-stopka b{display:block;font-size:15.5px}.dp-okno-stopka small{color:#5b4a00}
.dp-okno-stopka>i{font-style:normal;font-weight:800;font-size:20px;animation:dpStrzalka 1.5s ease-in-out infinite}
@keyframes dpBelka{0%,100%{box-shadow:inset 0 0 0 0 #fff0}50%{box-shadow:inset 0 0 0 3px #ffffff80}}
@keyframes dpBlysk{0%,40%{left:-40%}80%,100%{left:120%}}
@keyframes dpSamolot{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-3px) rotate(-8deg)}}
@keyframes dpStrzalka{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}

/* Kreator */
.dp-sekcja{padding:46px 0 30px;margin-top:-30px}
.dp{max-width:1040px;margin:0 auto}
.dp-etapy{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0;margin:0 0 16px}
.dp-etapy li{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--l);border-radius:14px;background:#fff;font-weight:700;color:var(--m)}
.dp-etapy b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef2ef;font-size:13px}
.dp-etapy li.biezacy{border-color:var(--g);color:var(--d)}.dp-etapy li.biezacy b{background:var(--g);color:#fff}
.dp-etapy li.zrobiony b{background:#d9efe6;color:var(--g)}
.dp-karta-kroku{background:#fff;border:1px solid var(--l);border-radius:20px;padding:30px 32px;box-shadow:0 10px 30px #103c3310}
.dp-krok[hidden]{display:none!important}
.dp-nad{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g)}
.dp-karta-kroku h2,.dp-wyniki-glowa h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,34px);margin:6px 0 18px;color:var(--d)}
.dp-pole{display:grid;gap:6px;margin:0 0 16px;font-weight:600;color:var(--d)}
.dp-pole small{font-weight:400;color:var(--m)}
.dp-pole input:not([type=radio]):not([type=checkbox]),.dp-pole select,.dp-pole textarea{width:100%;box-sizing:border-box;font:inherit;font-weight:400;padding:11px 13px;border:1px solid var(--l);border-radius:12px;background:#fff}
.dp-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.dp-trzy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.dp-pole-grupa{border:0;padding:0;margin:0 0 16px;min-width:0}
.dp-pole-grupa legend{font-weight:600;color:var(--d);margin-bottom:8px}
.dp-pole-grupa legend small{font-weight:400;color:var(--m)}
.dp-rodzaje{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.dp-rodzaj,.dp-chipy label{position:relative;margin:0;cursor:pointer;font-weight:600}
.dp-rodzaj input,.dp-chipy input{position:absolute;opacity:0;pointer-events:none}
.dp-rodzaj span{display:flex;align-items:center;min-height:46px;padding:8px 12px;border:1.5px solid var(--l);border-radius:12px;background:#fff;font-size:14px;line-height:1.3}
.dp-rodzaj input:checked+span,.dp-chipy input:checked+span{border-color:var(--g);background:#eef7f1;color:var(--g)}
.dp-rodzaj input:focus-visible+span,.dp-chipy input:focus-visible+span{outline:3px solid var(--y);outline-offset:2px}
.dp-chipy{display:flex;flex-wrap:wrap;gap:8px}
.dp-chipy span{display:inline-flex;padding:9px 14px;border:1.5px solid var(--l);border-radius:999px;background:#fff;font-size:14px}
.dp-licznik{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;border:1px solid var(--l);border-radius:12px;overflow:hidden;background:#fff}
.dp-licznik button{border:0!important;border-radius:0!important;background:#f2f5f3!important;color:var(--d)!important;font-size:20px;padding:0!important;min-height:44px;box-shadow:none!important}
.dp-licznik input{border:0!important;border-radius:0!important;text-align:center;font-weight:700!important;-moz-appearance:textfield}
.dp-licznik input::-webkit-inner-spin-button{-webkit-appearance:none}
.dp-komunikat{color:#a42f26;font-weight:600;min-height:0;margin:8px 0}
.dp-komunikat:empty{display:none}
.dp-akcje{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}

/* Analiza */
.dp-analiza{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:center}
.dp-radar{position:relative;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#eef7f1 0 22%,#f6faf8 23% 50%,#fbfdfc 51% 75%,#fff 76%);border:1.5px solid var(--l);overflow:hidden}
.dp-radar-fala{position:absolute;inset:0;border-radius:50%;border:2px solid #2D947A55;animation:dpFala 2.4s infinite}.dp-radar-fala--2{animation-delay:1.2s}
.dp-radar-wskazowka{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:conic-gradient(from 0deg,#2D947A55,transparent 25%);animation:dpObrot 2.4s linear infinite}
.dp-radar-srodek{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--g);color:#fff;font-size:26px;box-shadow:0 0 0 8px #2D947A22}
.dp-radar-kropki i{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--y);opacity:0;animation:dpKropka 2.4s infinite}
@keyframes dpFala{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.05);opacity:0}}
@keyframes dpObrot{to{transform:rotate(360deg)}}
@keyframes dpKropka{0%,100%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}}
.dp-skan{color:var(--m)}.dp-skan b{color:var(--d)}
.dp-kontrolki{list-style:none;padding:0;margin:14px 0;display:grid;gap:9px}
.dp-kontrolki li{display:flex;gap:10px;align-items:center;color:#9aa8a2;font-weight:600}
.dp-kontrolki i{width:20px;height:20px;border-radius:50%;border:2px solid var(--l);flex:none;display:grid;place-items:center;font-style:normal;font-size:11px}
.dp-kontrolki li.trwa{color:var(--d)}.dp-kontrolki li.trwa i{border-color:var(--g);border-top-color:transparent;animation:dpObrot .8s linear infinite}
.dp-kontrolki li.gotowe{color:var(--d)}.dp-kontrolki li.gotowe i{background:var(--g);border-color:var(--g)}.dp-kontrolki li.gotowe i::after{content:"✓";color:#fff}
.dp-kontrolki b{color:var(--g)}
.dp-postep{height:8px;border-radius:99px;background:#eef2ef;overflow:hidden}.dp-postep i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2D947A,#0b705b)}
.dp-procent{margin:8px 0 0;color:var(--m)}.dp-procent b{font-size:22px;color:var(--d)}

/* Wyniki */
.dp-wyniki-glowa{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.dp-podsumowanie{color:var(--m);margin:0}
.dp-ostrzezenia{margin-bottom:14px;padding:12px 16px;border-radius:14px;background:#fff8dc;border:1px solid #efd57a}
.dp-ostrzezenia p{margin:4px 0}
.dp-karty{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.dp-wynik{display:block;margin:0;cursor:pointer;font-weight:400;animation:dpWejscie .5s both;animation-delay:calc(var(--i)*.12s)}
@keyframes dpWejscie{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dp-wynik input{position:absolute;opacity:0;pointer-events:none}
.dp-wynik-wnetrze{position:relative;display:grid;gap:8px;height:100%;box-sizing:border-box;padding:20px;border:2px solid var(--l);border-radius:18px;background:#fff;transition:border-color .15s,box-shadow .15s}
.dp-wynik input:checked+.dp-wynik-wnetrze{border-color:var(--g);box-shadow:0 0 0 4px #0b705b1f}
.dp-wynik input:focus-visible+.dp-wynik-wnetrze{outline:3px solid var(--y);outline-offset:2px}
.dp-miejsce{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--d);color:var(--y);font-weight:800;font-size:13px}
.dp-ring{position:absolute;top:12px;right:12px;width:60px;height:60px;display:grid;place-items:center}
.dp-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.dp-ring circle{fill:none;stroke:#e3ebe6;stroke-width:6}.dp-ring .dp-ring-wyp{stroke:var(--g);stroke-linecap:round}
.dp-ring b{position:relative;font-size:14px;color:var(--d)}
.dp-logo{display:grid;place-items:center;width:56px;height:56px;margin:26px 0 2px;border-radius:14px;background:#eef7f1;overflow:hidden}
.dp-logo img{width:100%;height:100%;object-fit:contain}.dp-logo b{color:var(--g);font-size:18px}
.dp-nazwa{font-size:18px;color:var(--d);line-height:1.3}
.dp-klub{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--d);color:var(--y);vertical-align:middle}
.dp-meta{font-size:13px;color:var(--m)}
.dp-ocena{font-weight:700;color:#b58700}.dp-ocena small{font-weight:400;color:var(--m)}
.dp-powody{list-style:none;padding:0;margin:4px 0;display:grid;gap:6px;font-size:13.5px;line-height:1.4}
.dp-powody li{display:flex;gap:8px}.dp-powody li::before{content:"✓";color:var(--g);font-weight:800}
.dp-wybierz{display:flex;gap:8px;align-items:center;margin-top:auto;padding:10px 12px;border-radius:12px;border:1.5px solid var(--l);font-weight:700;font-size:14px;color:var(--d)}
.dp-wybierz i{width:16px;height:16px;border-radius:50%;border:2px solid #9aa8a2}
.dp-wynik input:checked+.dp-wynik-wnetrze .dp-wybierz{border-color:var(--g);background:#eef7f1;color:var(--g)}
.dp-wynik input:checked+.dp-wynik-wnetrze .dp-wybierz i{border:5px solid var(--g)}
.dp-profil{font-size:13px;font-weight:700;color:var(--g)}
.dp-wszystkie{display:block;margin:16px 0 0;cursor:pointer;font-weight:400}
.dp-wszystkie[hidden]{display:none}
.dp-wszystkie input{position:absolute;opacity:0;pointer-events:none}
.dp-wszystkie span{display:grid;gap:3px;padding:16px 18px;border:2px dashed var(--l);border-radius:16px;background:#fff}
.dp-wszystkie b{color:var(--d);font-size:16px}.dp-wszystkie small{color:var(--m)}
.dp-wszystkie input:checked+span{border-style:solid;border-color:var(--g);background:#f2faf6}
.dp-dalej{justify-content:flex-end;margin-top:18px}
.dp-dalej[hidden]{display:none}

/* Dane, kod, gotowe */
.dp-adresat{padding:12px 16px;border-radius:12px;background:#eef7f1;color:var(--d);margin:-6px 0 18px}
.dp-zgoda{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.5;margin:6px 0 4px}
.dp-zgoda input{margin-top:4px;flex:none}
.dp-kod-info{padding:12px 16px;border-radius:12px;background:#fff8dc}
.dp-pole-kod input{max-width:200px;font-size:24px!important;letter-spacing:.3em;text-align:center}
.dp-gotowe{text-align:center}
.dp-gotowe-ikona{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--g);color:#fff;font-size:36px;box-shadow:0 0 0 12px #2D947A1f;margin-bottom:10px}
.dp-gotowe-kroki{list-style:none;padding:0;margin:18px auto;max-width:520px;display:grid;gap:8px;text-align:left}
.dp-gotowe-kroki li{padding:10px 14px;border-radius:12px;background:#f5f7f5}
.dp-gotowe .dp-akcje{justify-content:center}

/* Jak dobieramy */
.dp-zasady-sekcja{padding:40px 0 70px}
.dp-zasady-sekcja h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3vw,34px);margin:6px 0 22px;color:var(--d)}
.dp-zasady{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dp-zasady article{padding:22px;border:1px solid var(--l);border-radius:18px;background:#fff}
.dp-zasady article span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef7f1;font-size:22px;color:var(--g)}
.dp-zasady h3{margin:12px 0 6px;color:var(--d)}.dp-zasady p{margin:0;color:var(--m);line-height:1.55;font-size:14.5px}
.dp-dla-biur{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;padding:20px 24px;border-radius:18px;background:var(--d);color:#fff}
.dp-dla-biur p{margin:4px 0 0;color:#cfe6dd}
.dp-dla-biur .btn{background:var(--y)!important;color:var(--d)!important;border-color:var(--y)!important}

@media (max-width:980px){
 .dp-hero-siatka{grid-template-columns:minmax(0,1fr)}
 .dp-okno{transform:none}
 .dp-zasady{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dp-analiza{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:left}
}
@media (max-width:640px){
 .dp-strona .wrap{padding:0 16px}
 .dp-punkty{grid-template-columns:minmax(0,1fr)}
 .dp-strzalka{display:none}
 .dp-dwa,.dp-trzy,.dp-zasady{grid-template-columns:minmax(0,1fr)}
 .dp-etapy{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .dp-etapy li{padding:8px;justify-content:center}.dp-etapy li span{display:none}
 .dp-karta-kroku{padding:22px 18px}
 .dp-okno{min-height:500px}
 .dp-radar{width:200px;height:200px}
}
@media (prefers-reduced-motion:reduce){.dp-okno-stopka,.dp-okno-stopka::after,.dp-okno-stopka>span,.dp-okno-stopka>i,.dp-w-scena,.dp-w-etapy li,.dp-w-pisz,.dp-w-pasek i,.dp-w-radar i,.dp-w-radar span,.dp-radar-fala,.dp-radar-wskazowka{animation:none!important}.dp-w-s3{opacity:1}}

/* Wiersz Dorośli / Dzieci / Budżet: jedna wysokość pól i etykiet (licznik bez wewnętrznych odstępów) */
.dp-trzy{align-items:end}
.dp-trzy .dp-pole>span,.dp-trzy .dp-pole{line-height:1.3}
.dp-trzy .dp-pole small{display:inline}
.dp-licznik{height:48px}
.dp-licznik button{height:46px!important;min-height:46px!important;line-height:1}
.dp-licznik input{height:46px!important;min-height:0!important;padding:0!important;font-size:17px!important;margin:0!important;box-shadow:none!important}
.dp-trzy select,.dp-trzy .tn-select-trigger{height:48px;min-height:48px!important;box-sizing:border-box}

/* Ikona koperty w „Zapytanie trafi do” i w informacji o kodzie */
.dp-adresat,.dp-kod-info{display:flex;gap:12px;align-items:center}
.dp-ikona{flex:none;width:34px;height:34px;padding:7px;box-sizing:border-box;border-radius:10px;background:#0b705b;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dp-kod-info .dp-ikona{background:#103c33;stroke:#f8c618}
.dp-zasady article span svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Ostrzeżenia nad wynikami (np. brak biur) - ikona uwagi i przyciski */
.dp-ostrzezenia{padding:16px 18px}
.dp-ostrzezenia p{display:flex;gap:12px;align-items:center;margin:0 0 6px;color:var(--d);font-weight:600;line-height:1.5}
.dp-ikona--uwaga{background:#f8c618;stroke:#103c33}
.dp-ostrz-akcje{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px;padding-left:46px}
@media (max-width:640px){.dp-ostrz-akcje{padding-left:0}}

/* Telefon: rodzaje wyjazdu jako zawijane pigułki zamiast 16 wierszy jeden pod drugim. */
@media (max-width:560px){.dp-rodzaje{display:flex;flex-wrap:wrap;gap:6px}.dp-rodzaj span{min-height:36px;padding:6px 12px;border-radius:999px;font-size:13px}}
