/* CANYON · Metody płatności (/news/n/294) · wymaga canyon-core.css · wszystkie selektory w .cny-page--platnosci */
.cny-page--platnosci .pay-hero{border-bottom:1px solid var(--hair)}
.cny-page--platnosci .pay-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.cny-page--platnosci .pay-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.cny-page--platnosci .pay-hero h1{color:var(--navy);font-size:clamp(38px,4.2vw,60px);line-height:.92}
.cny-page--platnosci .pay-steps{background:var(--navy-5);border-radius:var(--r-panel);padding:clamp(20px,2.4vw,32px)}
.cny-page--platnosci .pay-steps>p{font:600 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.cny-page--platnosci .pay-step{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--hair)}
.cny-page--platnosci .pay-steps>p+.pay-step{border-top:0}
.cny-page--platnosci .pay-step__n{flex:none;width:40px;height:40px;border-radius:10px;background:#fff;display:grid;place-items:center;font:700 16px/1 var(--ui);color:var(--navy)}
.cny-page--platnosci .pay-step b{display:block;font:700 17px/1.3 var(--ui);color:var(--navy);margin-bottom:4px}
.cny-page--platnosci .pay-step span{font:400 14.5px/1.5 var(--body);color:var(--muted)}

.cny-page--platnosci .cny-h2{font-size:clamp(28px,2.6vw,38px)}

/* metody */
.cny-page--platnosci .pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cny-page--platnosci .pay-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--hair);border-radius:var(--r-panel);padding:26px 24px 28px;transition:border-color .6s var(--ease),box-shadow .6s var(--ease)}
.cny-page--platnosci .pay-card::before{content:"";position:absolute;left:26px;top:-1px;width:34px;height:4px;background:var(--red);transform:skewX(var(--skew))}
.cny-page--platnosci .pay-ico{width:46px;height:46px;border-radius:12px;background:var(--navy-5);display:grid;place-items:center;margin-bottom:8px;transition:background .6s var(--ease)}
.cny-page--platnosci .pay-ico svg{width:24px;height:24px;fill:none;stroke:var(--navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .6s var(--ease)}
.cny-page--platnosci .pay-card h3{color:var(--navy)}
.cny-page--platnosci .pay-card p{font:400 15px/1.55 var(--body);color:var(--muted)}
.cny-page--platnosci .pay-tag{margin-top:auto;padding-top:8px;font:600 11px/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--red-text)}
.cny-page--platnosci .cny-swipe{display:none}

/* logotypy */
.cny-page--platnosci .pay-logos{background:var(--navy-5);border-radius:var(--r-panel);padding:clamp(28px,3.6vw,48px)}
.cny-page--platnosci .pay-logos .cny-head{margin-bottom:24px}
.cny-page--platnosci .pay-logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.cny-page--platnosci .pay-logo{aspect-ratio:13/8;display:grid;place-items:center;padding:6px;background:#fff;border-radius:10px;border:1px solid transparent;overflow:hidden;transition:border-color .6s var(--ease)}
.cny-page--platnosci .pay-logo img{width:100%;height:100%;object-fit:contain}
.cny-page--platnosci .pay-note{margin-top:20px;font:400 14px/1.55 var(--body);color:var(--muted);max-width:80ch}

/* bezpieczeństwo: siatka z core (.cny-trust), tu tylko układ tekstu */
.cny-page--platnosci .cny-trust>div>div{display:flex;flex-direction:column;gap:6px}

/* FAQ */
.cny-page--platnosci .pay-faq{display:flex;flex-direction:column;gap:10px;max-width:900px}
.cny-page--platnosci .pay-faq details{background:#fff;border:1px solid var(--hair);border-radius:14px;transition:border-color .5s var(--ease)}
.cny-page--platnosci .pay-faq details[open]{border-color:var(--navy)}
.cny-page--platnosci .pay-faq summary{position:relative;list-style:none;cursor:pointer;padding:19px 56px 19px 22px;font:700 16px/1.35 var(--ui);color:var(--navy)}
.cny-page--platnosci .pay-faq summary::-webkit-details-marker{display:none}
.cny-page--platnosci .pay-faq summary::after{content:"+";position:absolute;right:22px;top:50%;translate:0 -50%;font:400 24px/1 var(--ui);color:var(--red-text)}
.cny-page--platnosci .pay-faq details[open] summary::after{content:"–"}
.cny-page--platnosci .pay-faq details p{padding:0 22px 20px;font:400 15px/1.6 var(--body);color:var(--muted)}
.cny-page--platnosci .pay-faq a{color:var(--red-text);font-weight:600}

/* stopka */
.cny-page--platnosci .pay-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid var(--navy);padding-top:28px}
.cny-page--platnosci .pay-foot p{font:500 15px/1.5 var(--ui);color:var(--muted)}

@media(hover:hover){
  .cny-page--platnosci .pay-card:hover{border-color:var(--navy);box-shadow:0 12px 30px rgba(0,38,62,.08)}
  .cny-page--platnosci .pay-card:hover .pay-ico{background:var(--navy)}
  .cny-page--platnosci .pay-card:hover .pay-ico svg{stroke:#fff}
  .cny-page--platnosci .pay-logo:hover{border-color:var(--navy)}
}
.cny-page--platnosci .pay-faq summary:focus-visible{outline:2px solid var(--red-text);outline-offset:3px}

@media(max-width:1100px){
  .cny-page--platnosci .pay-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .cny-page--platnosci .pay-hero__grid{grid-template-columns:1fr}
}
@media(max-width:767px){
  .cny-page--platnosci .pay-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:none}
  .cny-page--platnosci .pay-grid::-webkit-scrollbar{display:none}
  .cny-page--platnosci .pay-card{flex:0 0 82%;scroll-snap-align:start}
  .cny-page--platnosci .cny-swipe{display:block}
  .cny-page--platnosci .pay-logos{padding:24px 16px}
  .cny-page--platnosci .pay-logo-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
  .cny-page--platnosci .pay-foot{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.cny-page--platnosci *{transition:none!important}}