/* Site refresh 2026-11: editorial type, flat surfaces, hairline structure, quiet motion.
   Loaded after styles-v2.css / styles.css / site-system.css on every page. The terminal window and loader stay. */
:root{--r:8px;--hair:rgba(255,255,255,.1);--serif:'Source Serif 4',Georgia,serif;--site-radius:8px}

/* one flat background, no glows or cursor orb */
body.site-wide,body{background:#050608!important}
body:after,body.site-wide:before,.cursor-orb{display:none!important}
.scroll-line{background:var(--lime,#d4ff24)!important;height:2px}

/* type: serif display headings, no tight negative tracking, accent line in muted ink */
h1,h2,.hero h1,.section-head h2,.service-page h1,.service-page h2,.pricing-page-hero h1{font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.015em!important;text-wrap:balance}
.hero h1{font-size:clamp(52px,6.4vw,92px)!important;line-height:1!important}
.section-head h2,section h2{line-height:1.08!important}
h2 span,.service-page h1 span{color:#9da5b3!important}
.hero h1 span{color:var(--lime,#d4ff24)!important}
h3,h4{letter-spacing:-.005em!important}
.split-text .word{animation:none!important;opacity:1!important;transform:none!important}

/* surfaces: flat panels, small radius, hairline borders, no gradient fills or glow */
.service-tile,.business-service-card,.reviews-card,.issue-choice,.process-service-card,.timeline-item,.pricing-meta-card,
.service-check-list>div,.service-process-steps>div,.buyback-strip,.buyback-receipt,.contact-form-v2,.service-page-faq details,
body.site-wide .site-motion-card,body.site-wide .pricing-accordion>details{
  background:#0b0d11!important;border-radius:var(--r)!important;box-shadow:none!important}
.service-tile:before,.business-service-card:before,.service-tile .tile-sweep,body.site-wide .site-motion-card:before,
body.site-wide .blog-card:before,body.site-wide .pricing-accordion>details:before{display:none!important}
.value-band{background:none!important}
.service-tile-accent,.service-tile-buyback{background:#0b0d11!important}

/* motion: hover changes colour and border only, nothing jumps */
a,button,.service-tile,.business-service-card,.issue-choice,.process-service-card,.timeline-item,.buyback-strip,
body.site-wide .site-motion-card,body.site-wide .pricing-accordion>details{transition:border-color .15s ease,background-color .15s ease,color .15s ease!important}
.service-tile:hover,.business-service-card:hover,.issue-choice:hover,.process-service-card:hover,.timeline-item:hover,
.buyback-strip:hover,.button-primary:hover,.button-quiet:hover,body.site-wide .site-motion-card:hover,
body.site-wide .pricing-accordion>details:hover,.process-console:hover,.process-visual.process-console:hover{transform:none!important;box-shadow:none!important}
.service-tile:hover,.business-service-card:hover,.issue-choice:hover,.process-service-card:hover,.timeline-item:hover{border-color:rgba(255,255,255,.26)!important}
.text-link:hover span,.service-tile:hover .tile-icon svg,.site-wide-links a:hover .nav-glyph{transform:none!important;animation:none!important}
.orbit,.orbit-two,.buyback-ring,.buyback-cash,.trace-b,.trace-c{animation:none!important}

/* buttons: plain, 6px corners */
.button,.button-primary,.button-quiet,.btn{border-radius:6px!important;box-shadow:none!important}
.button-quiet{background:transparent!important}

/* icon chips on tiles: drop the boxed icon, keep the number and the words */
.tile-icon{display:none!important}
.service-tile{min-height:0!important}
.business-service-card{min-height:0!important}

/* service pages: checklist becomes a ruled two-column list, steps become a numbered row */
.service-check-list{gap:0!important;border-top:1px solid var(--hair)}
.service-check-list>div{background:none!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important;padding:14px 4px!important;display:block!important}
.service-check-list>div>span{display:none!important}
.service-check-list a{color:var(--cobalt-light,#8db4ff);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.service-process-steps{gap:0!important;border-top:1px solid var(--hair)}
.service-process-steps>div{background:none!important;border:0!important;border-radius:0!important;border-left:1px solid var(--hair)!important;padding:18px 20px 6px!important}
.service-process-steps>div:first-child{border-left:0!important;padding-left:0!important}
@media(max-width:760px){
  .service-process-steps>div{border-left:0!important;border-bottom:1px solid var(--hair)!important;padding:16px 0!important}
}

/* faq: ruled, no boxes */
.service-page-faq details,.faq details{background:none!important;border:0!important;border-bottom:1px solid var(--hair)!important;border-radius:0!important}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* section headings sit in half-width columns: keep them to ~3 lines */
section h2,.section-head h2{font-size:clamp(36px,3.9vw,56px)!important}
/* price list: section names carry the meaning, emoji icons removed */
.pricing-summary-icon{display:none!important}

/* strony-i-automatyzacje: flat cards, plain list markers, demo chart without shine, orb or bounce */
.sa-cards article,.sa-mock,.sa-mock-hero,.sa-g,.sa-g-kpis div:first-child{background:#0b0d11!important;border-radius:var(--r)!important;box-shadow:none!important}
.sa-cards article:hover,.sa-glass-stage:hover{transform:none!important;border-color:rgba(255,255,255,.26)!important}
.sa-ticks li::before{content:"–"!important;color:#6f7684!important;font-weight:400!important}
.sa-mock-now i{box-shadow:none!important}
.sa-mock-tl li.wait::before{box-shadow:none!important}
.sa-mock-msg span{background:#1b2333!important}
.sa-glass-stage{border-radius:10px!important;background:#08090c!important}
.sa-glass-stage::before,.sa-g-kpis div::after{display:none!important}
.sa-g{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sa-g-chart i{background:#26324a!important;border-radius:3px!important;box-shadow:none!important;animation:none!important}
.sa-g-chart i:last-child{background:var(--lime,#d4ff24)!important}
.sa-g-cta{border-radius:6px!important;box-shadow:none!important}
.sa-check>div p{margin:4px 0 0;color:#9da5b3}
/* tile links flow under the text instead of floating over it */
.service-tile a,.business-service-card a{position:static!important;display:inline-block;margin-top:18px}
.service-tile,.business-service-card{display:flex;flex-direction:column}
.service-tile a,.business-service-card a{margin-top:auto;padding-top:18px}
/* half-width columns next to the terminal and the about card */
.intro h2,.process h2,.about h2,.contact h2{font-size:clamp(34px,3.4vw,50px)!important}

/* elements that used Space Grotesk: body face instead */
.aftercare-grid strong,.brand,.business-service-card h3,.buyback-step strong,.buyback-strip-mark strong,.console-device-screen strong,.contact-direct a,.faq-grid summary,.issue-choice strong,.orbit-core,.process-core strong,.process-service-heading strong,.service-process-steps strong,.service-tile h3{font-family:'DM Sans',system-ui,sans-serif!important;letter-spacing:-.01em!important}

/* site-system.css sets main{max-width:100%} for mobile overflow; on wide screens that pinned page content to the left edge */
body.site-wide main.service-page,body.site-wide main.buyback-page{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}

/* opening status: one quiet line, lime only while open */
[data-open-now]{white-space:nowrap}
[data-open-now].is-open{color:var(--lime,#d4ff24)}
[data-open-now].is-closed{color:#9da5b3}
.mobile-action-bar{grid-template-columns:repeat(4,1fr)!important}
/* hero address chip carries the open-now line; let it wrap on phones */
.eyebrow{flex-wrap:wrap;max-width:100%;row-gap:2px}
@media(max-width:600px){.eyebrow [data-open-now]{white-space:normal}}
@media(max-width:600px){.eyebrow{border-radius:12px}}

/* „Poradniki” on service pages: blog posts that lead to this service */
.pr-sec{padding:60px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pr-sec h2{margin:10px 0 22px}
.pr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid rgba(255,255,255,.1)}
.pr-list a{display:block;height:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none}
.pr-list strong{display:block;font:600 18px/1.3 'Source Serif 4',Georgia,serif;color:var(--ink,#f3f4f6)}
.pr-list a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.pr-list span{display:block;margin-top:5px;color:var(--muted,#9da5b3);font-size:14.5px;line-height:1.5}
@media(max-width:760px){.pr-list{grid-template-columns:1fr}}
/* links inside tile text stay ordinary inline links (only the card's own CTA sits at the bottom) */
.service-tile p a,.business-service-card p a{position:static!important;display:inline!important;margin:0!important;padding:0!important;color:var(--cobalt-light,#8db4ff);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* six business cards: two even rows of three on desktop */
@media(min-width:1001px){.business-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* scroll cues: visible thin native scrollbar, 2px progress line, one "Przewiń w dół" hint while at the top */
html{scrollbar-width:thin;scrollbar-color:#3a4352 #050608}
.scroll-line{position:fixed;top:0;left:0;right:0;height:2px;width:auto;z-index:1001;background:var(--lime,#d4ff24)!important;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.scroll-cue{position:fixed;left:50%;bottom:22px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(5,6,8,.88);color:#c9d0db;font:500 13px/1 'DM Sans',sans-serif;cursor:pointer;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease}
.scroll-cue svg{width:14px;height:14px}
.scroll-cue:hover{color:#fff;border-color:rgba(255,255,255,.32)}
.scroll-cue.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.scroll-cue{bottom:calc(22px + env(safe-area-inset-bottom))}
@media(max-width:900px){body:has(.mobile-action-bar) .scroll-cue{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.scroll-cue{transition:none}}
/* iPhone screen table: three qualities; the LCD replacement column is marked as not recommended */
.pricing-page-table thead th small{display:block;margin-top:3px;font:500 10.5px/1.2 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;color:#8a93a1}
.ekrany-jakosc td:nth-child(2){color:#8a93a1;font-weight:500}
@media(max-width:600px){.ekrany-jakosc thead th{font-size:10px!important;letter-spacing:.04em!important}.ekrany-jakosc th,.ekrany-jakosc td{padding-left:4px!important;padding-right:4px!important}}
/* call/SMS bar on every page (zbuduj_linki.telefon); same rules as styles-v2 so cennik.html gets it too */
.mobile-action-bar{display:none}
@media(max-width:800px){.mobile-action-bar{display:grid;position:fixed;z-index:40;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));gap:5px;padding:5px;border:1px solid rgba(141,180,255,.28);border-radius:14px;background:rgba(8,12,16,.92);backdrop-filter:blur(12px)}
.mobile-action-bar a{padding:11px 4px;text-align:center;color:#dce4ed;text-decoration:none;font:600 11px 'JetBrains Mono',monospace}
.mobile-action-bar a:first-child{color:var(--lime,#d4ff24)}
body:has(.mobile-action-bar){padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
.pricing-meta-card a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* 2026-11-09: blok „Naprawy telefonów” (hub ↔ podstrony), wstawiany przez zbuduj_linki.hub_napraw */
.hub-sec{padding:56px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.hub-sec h2{margin:10px 0 20px}
.hub-links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hub-links a,.hub-links span{display:inline-block;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#c9ced8;text-decoration:none;font-size:14.5px}
.hub-links a:hover{border-color:var(--cobalt-light,#8db4ff);color:#f3f4f6}
.hub-links span{border-color:rgba(212,255,36,.45);color:#f3f4f6}