/* Wyszukiwarka domen /domeny/ (Kacper 05.10.2026): hero z css/hero.css (wariant 25), pod polem ceny koncowek, nizej wyniki na jasnym tle. */
.dhero .hero25__in { padding-bottom: clamp(56px, 8vh, 96px); }

/* Ceny koncowek pod polem: plaskie pigulki */
.dceny { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 26px 0 0; padding: 0; list-style: none; }
.dceny li { display: inline-flex; align-items: baseline; gap: 8px; height: 34px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; font-size: 14px; line-height: 32px; }
.dceny b { font-weight: 600; color: #fff; }
.dceny span { color: rgba(255, 255, 255, .72); }
.dceny__link { margin-top: 14px; color: #fff; font-size: 14px; }
.dceny__link:hover { color: #c7d7ff; }

/* Wyniki */
.dwyn { max-width: 1320px; padding-top: clamp(36px, 5vw, 56px); padding-bottom: clamp(56px, 8vw, 96px); }
.dwyn[hidden] { display: none; }
.dwyn__glowa { display: none; } /* bez naglowka nad wynikami, jak Hostinger (05.10.2026) */
.dwyn__glowa--x { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.dwyn__h { margin: 0; font-family: 'Fraunces', Georgia, serif; font-variation-settings: 'opsz' 40; font-size: clamp(26px, 2.6vw, 34px); font-weight: 300; letter-spacing: -0.01em; line-height: 1.15; color: var(--ink); overflow-wrap: anywhere; }
.dkosz { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 38px; padding: 0 8px 0 14px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); color: var(--ink); font-size: 14px; font-weight: 500; transition: border-color .15s; }
.dkosz:hover { border-color: #cbd5e1; }
.dkosz[hidden] { display: none; }
.dkosz .ico { width: 16px; height: 16px; color: var(--soft); }
.dkosz b { display: grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--accent); color: #fff; font-size: 12.5px; font-weight: 600; }

.dwyn__lista { display: flex; flex-direction: column; gap: 18px; }
.dwyn__lista > * { animation: rise .55s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(var(--i, 0) * 70ms); }

/* Uklad wynikow: lista z lewej, panel z promocjami z prawej (Kacper 05.10.2026) */
.dwyn__uklad { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 28px; align-items: start; }
.dside { position: sticky; top: 88px; display: flex; flex-direction: column; gap: 16px; }
.dpromo { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 26px 24px; border-radius: 20px; color: #fff; isolation: isolate; }
.dpromo > :not(.hero25__tlo):not(.dpromo__luk) { position: relative; z-index: 2; }
.dpromo__h { margin: 0; font-family: 'Fraunces', Georgia, serif; font-variation-settings: 'opsz' 40; font-size: 23px; font-weight: 300; line-height: 1.15; letter-spacing: -0.01em; text-wrap: balance; }
.dpromo__h b { font-family: var(--font); font-weight: 600; letter-spacing: -0.01em; }
.dpromo__p { margin: 12px 0 0; color: rgba(255, 255, 255, .78); font-size: 14.5px; line-height: 1.5; }
.dpromo--luk { min-height: 250px; justify-content: flex-start; background: #000; }
.dpromo__luk { position: absolute; z-index: 1; inset: 18% -14% -6% -14%; width: 128%; height: 88%; filter: blur(6px); animation: dpromo-luk 11s ease-in-out infinite alternate; }
@keyframes dpromo-luk { from { transform: translateY(4%) rotate(1.5deg); } to { transform: translateY(-5%) rotate(-1.5deg); } }
.dpromo--hero .dpromo__p { margin-bottom: 22px; } /* przycisk na dole boksu (Kacper 05.10.2026) */
.dpromo--hero { min-height: 250px; background: linear-gradient(165deg, #060b24 0%, #0d1b55 50%, #1a37a6 100%); }
.dpromo--hero .hero25__tlo .b1 { width: 420px; height: 420px; }
.dpromo--hero .hero25__tlo .b2 { width: 380px; height: 380px; }
.dpromo__btn { align-self: flex-start; margin-top: auto; height: 40px; padding: 0 18px; background: #fff; color: var(--ink); font-weight: 600; }
.dpromo__btn:hover { background: #e8eeff; }
.dpromo__btn::after { background: linear-gradient(105deg, transparent, rgba(37, 99, 235, .14) 50%, transparent); }
@media (max-width: 1080px) {
    .dwyn__uklad { grid-template-columns: minmax(0, 1fr); }
    .dside { position: static; display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) { .dside { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .dpromo__luk { animation: none; } }

/* Wynik glowny (jak Hostinger, Kacper 05.10.2026): jasna karta, plakietka, cena i przycisk z prawej, pod kreska lista zalet */
.dgl { padding: 26px 28px 22px; border-radius: 20px; background: var(--surface); }
.dgl__gora { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px 28px; padding-bottom: 20px; border-bottom: 1px solid var(--line-strong); }
.dgl__plak { display: inline-flex; align-items: center; height: 22px; margin-bottom: 8px; padding: 0 8px; border-radius: 6px; background: #15803d; color: #fff; font-size: 12px; font-weight: 600; }
.dgl__plak--zaj { background: #e5e7eb; color: var(--soft); }
.dgl__n { margin: 0; font-size: clamp(20px, 2vw, 24px); font-weight: 600; letter-spacing: -0.01em; line-height: 1.25; color: var(--ink); overflow-wrap: anywhere; }
.dgl--zajeta .dgl__n { color: var(--muted); }
.dgl__prawa { display: flex; align-items: center; gap: 28px; }
.dgl__cena { text-align: right; line-height: 1.3; white-space: nowrap; }
.dgl__cena b { font-size: 20px; font-weight: 600; }
.dgl__cena s { margin-left: 6px; color: var(--muted); font-size: 13.5px; }
.dgl__cena s + small, .dgl__cena small { color: var(--muted); font-size: 13.5px; }
.dgl__cena .dgl__pod { display: block; margin-top: 2px; }
.dgl .btn { height: 40px; padding: 0 20px; font-size: 14px; } /* przyciski jak w pasku menu (Kacper 05.10.2026) */
.dgl__zalety { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.dgl__zalety li { display: flex; align-items: center; gap: 10px; color: var(--soft); font-size: 14.5px; }
.dgl__zalety svg { flex: none; width: 16px; height: 16px; color: var(--ink); }

/* Wiecej opcji: filtry i wiersze rozdzielone linia */
.dwiecej__h { margin: 22px 0 14px; font-size: 18px; font-weight: 500; }
.dfiltry { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.dfiltry button { height: 38px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); color: var(--soft); font: 400 14.5px var(--font); cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.dfiltry button:hover { border-color: #cbd5e1; color: var(--ink); }
.dfiltry button.is-on { border-color: #d1d5db; background: #eceef2; color: var(--ink); font-weight: 500; }
.dlista { display: flex; flex-direction: column; }
.dgrupa { margin: 26px 0 4px; color: var(--muted); font-size: 13px; font-weight: 500; letter-spacing: .02em; }
.dwiecej__h + .dgrupa { margin-top: 6px; }
.dwiersz { display: grid; grid-template-columns: minmax(0, 1fr) 104px 150px 216px; align-items: center; gap: 22px; min-height: 88px; padding: 14px 4px 14px 26px; border-bottom: 1px solid var(--line-strong); }
.dwiersz[hidden] { display: none; }
.dwiersz__n { min-width: 0; font-size: 19px; font-weight: 500; color: var(--ink); overflow-wrap: anywhere; }
.dwiersz--zajeta .dwiersz__n { color: var(--muted); }
.dpolec { display: inline-grid; place-items: center; width: 26px; height: 26px; margin-left: 12px; border-radius: 50%; background: #eff4ff; color: var(--accent); vertical-align: 2px; }
.dpolec svg { width: 14px; height: 14px; fill: currentColor; }
.dpolec .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dwiersz__cena { white-space: nowrap; text-align: right; }
.dwiersz__cena s { margin-right: 4px; color: var(--muted); font-size: 13.5px; }
.dwiersz__cena small { margin-right: 10px; color: var(--muted); font-size: 13.5px; }
.dwiersz__cena b { font-size: 19px; font-weight: 600; }
.dwiersz .btn { justify-self: end; min-width: 158px; height: 36px; padding: 0 16px; font-size: 13.5px; } /* odstep od ceny (Kacper 06.10.2026) */
.dwiersz .ulink { justify-self: end; font-size: 14px; }
.dwiersz > .dst { justify-self: start; }

.dst { white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; height: 24px; padding: 0 10px; border-radius: 999px; background: #f1f2f5; color: var(--soft); font-size: 12.5px; font-weight: 500; }
.dst i { width: 7px; height: 7px; border-radius: 50%; background: #9ca3af; }
.dst--wolna { background: var(--ok-bg); color: var(--ok); }
.dst--wolna i { background: #22c55e; }

/* Przyciski jak u Apple (Kacper 05.10.2026): pigulka; "Dodaj" pelny niebieski, "W koszyku" cienka niebieska ramka bez tla, po najechaniu "Usun z koszyka" */
.dgl .btn, .dwiersz .btn { border-radius: 999px; }
.btn.is-in { border-color: var(--accent); background: transparent; color: var(--accent); }
.btn.is-in .ico { width: 16px; height: 16px; }
.btn.is-in::after { display: none; }
.btn.is-in:hover { background: rgba(37, 99, 235, .06); }
.btn.is-in .btn__usun { display: none; }
.btn.is-in:hover .btn__jest { display: none; }
.btn.is-in:hover .btn__usun { display: inline; }

/* Ladowanie: duze jasne bloki z przesuwajacym sie polyskiem (jak Hostinger) */
.dszk { border-radius: 20px; background: linear-gradient(100deg, #e9ebf2 30%, #f3f4f8 50%, #e9ebf2 70%); background-size: 300% 100%; animation: dszk 1.6s ease-in-out infinite; }
.dszk--gl { height: 190px; }
.dszk--w { height: 190px; }
@keyframes dszk { from { background-position: 100% 0; } to { background-position: 0 0; } }
/* Status w trakcie sprawdzania: trzy pulsujace kropki (bez napisu) */
.dst--czeka { gap: 4px; padding: 0 12px; background: #f1f2f5; }
.dst--czeka i { width: 6px; height: 6px; background: #9ca3af; animation: dczeka 1s ease-in-out infinite; }
.dst--czeka i:nth-child(2) { animation-delay: .15s; }
.dst--czeka i:nth-child(3) { animation-delay: .3s; }
@keyframes dczeka { 0%, 80%, 100% { opacity: .3; transform: scale(.8); } 40% { opacity: 1; transform: none; } }
.dgl .dst--czeka { margin-bottom: 8px; }
.dwyn__lista.bez-anim > * { animation: none; }
.dkom .ulink { border: 0; background: none; font: inherit; font-weight: 500; cursor: pointer; }
.dkom { padding: 26px; border: 1px dashed var(--line-strong); border-radius: 16px; color: var(--soft); text-align: center; }

/* Pelny cennik /domeny/cennik/ (Kacper 05.10.2026) */
.dhero--cen .hero25__in { padding-bottom: clamp(48px, 7vh, 80px); }
.dcen { max-width: 1320px; padding-top: clamp(36px, 5vw, 56px); padding-bottom: clamp(56px, 8vw, 96px); }
.dcen__h { margin: 36px 0 14px; font-size: 20px; font-weight: 500; }
.dtab:first-child .dcen__h { margin-top: 0; }
.dcen__h span { margin-left: 6px; color: var(--muted); font-size: 14px; font-weight: 400; }
/* Filtr nad tabelami */
.dcen__szuk { display: flex; align-items: center; gap: 18px; }
.dcen__pole { display: flex; flex: 1; align-items: center; gap: 10px; max-width: 520px; height: 48px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); }
.dcen__pole:focus-within { border-color: var(--accent); }
.dcen__pole .ico { width: 17px; height: 17px; color: var(--muted); }
.dcen__pole input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: 400 15px var(--font); color: var(--ink); }
.dcen__ile { margin: 0; color: var(--muted); font-size: 14px; white-space: nowrap; }
/* Tabela cennika: biala karta, naglowek przyklejony pod paskiem menu, kwoty w rownej kolumnie */
.dtab { margin-top: 8px; }
.dtab[hidden] { display: none; }
.dtab table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 20px; background: var(--surface); font-size: 15px; font-variant-numeric: tabular-nums; }
.dtab thead th { padding: 14px 24px; border-bottom: 1px solid var(--line-strong); background: var(--surface); color: var(--muted); font-size: 12.5px; font-weight: 500; letter-spacing: .02em; text-align: right; }
.dtab thead th:first-child { text-align: left; border-top-left-radius: 20px; }
.dtab thead th:last-child { border-top-right-radius: 20px; }
.dtab thead th:nth-child(n+2) { text-align: right; }
.dtab tbody th, .dtab tbody td { padding: 14px 24px; border-bottom: 1px solid var(--line); }
.dtab tbody tr:last-child th, .dtab tbody tr:last-child td { border-bottom: 0; }
.dtab tbody tr:hover th, .dtab tbody tr:hover td { background: #fafbfc; }
.dtab tbody th { color: var(--ink); font-size: 16px; font-weight: 600; text-align: left; }
.dtab__rej, .dtab__odn { text-align: right; white-space: nowrap; }
.dtab__rej b { font-weight: 600; color: var(--ink); }
.dtab__rej span { display: none; }
.dtab__odn { color: var(--soft); }
.dtab__tr { color: var(--soft); text-align: right; white-space: nowrap; }
.dtab__tr i { display: none; font-style: normal; }
.dtab__odn span { color: var(--muted); }
.dtab__odn i { display: none; font-style: normal; }
.dtab__spr { width: 1%; text-align: right; }
.dtab tr[hidden] { display: none; }
.dcen__spr { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 999px; background: #eff4ff; color: var(--accent); font-size: 13.5px; font-weight: 500; white-space: nowrap; }
.dcen__spr:hover { background: #e2eaff; }
.dcen__brak { margin: 26px 0 0; padding: 22px; border: 1px dashed var(--line-strong); border-radius: 16px; color: var(--soft); text-align: center; }
.dcen__info { margin: 26px 0 0; color: var(--muted); font-size: 13.5px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Telefon: zamiast tabeli lista dwuwierszowa (koncowka z lewej, cena rejestracji i odnowienie pod nia z prawej) */
@media (max-width: 640px) {
    .dcen__szuk { flex-direction: column; align-items: stretch; gap: 8px; }
    .dcen__pole { max-width: none; }
    .dtab table, .dtab tbody { display: block; }
    .dtab thead { display: none; }
    .dtab tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); }
    .dtab tbody tr:last-child { border-bottom: 0; }
    .dtab tbody th, .dtab tbody td { padding: 0; border: 0; background: none !important; }
    .dtab tbody th { grid-row: 1 / 3; overflow-wrap: anywhere; }
    .dtab__rej { font-size: 16px; }
    .dtab__rej span { display: inline; margin-left: 5px; color: var(--muted); font-size: 12px; font-weight: 400; }
    .dtab__odn { font-size: 12.5px; }
    .dtab__odn i, .dtab__tr i { display: inline; color: var(--muted); }
    .dtab__tr { grid-column: 2; font-size: 12.5px; }
    .dtab__spr { display: none; }
    .dtab table { border-radius: 16px; }
}

@media (max-width: 760px) {
    .dgl { padding: 22px 18px 18px; }
    .dgl__gora { grid-template-columns: minmax(0, 1fr); }
    .dgl__prawa { flex-direction: column; align-items: stretch; gap: 14px; }
    .dgl__cena { text-align: left; }
    .dgl .btn { width: 100%; }
    .dwiersz { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 14px; padding: 16px 2px; }
    .dwiersz > .dst { grid-column: 2; grid-row: 1; justify-self: end; }
    .dwiersz__cena { grid-column: 1; grid-row: 2; text-align: left; }
    .dwiersz--zajeta > span:empty { display: none; }
    .dwiersz__n { font-size: 17px; }
    .dwiersz__cena small { display: none; }
    .dwiersz .btn, .dwiersz .ulink { grid-column: 1 / -1; width: 100%; justify-self: stretch; height: 40px; }
    .dwiersz .ulink { justify-content: center; }
}
@media (max-width: 480px) {
    .dceny li { height: 30px; padding: 0 11px; font-size: 13px; line-height: 28px; }
    .dwyn__glowa { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .dwyn__lista > * { animation: none; } }