.hgPaymentPage{background:var(--paper);color:var(--ink)}
.hgPaymentHero{min-height:505px;padding:100px 8vw 92px;display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:end;border-bottom:1px solid #22342d24;position:relative;overflow:hidden}
.hgPaymentHero:after{content:'€';position:absolute;right:-45px;top:-65px;width:230px;height:230px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:italic 700 72px Georgia,serif;color:var(--orange);box-shadow:0 0 0 21px var(--paper),0 0 0 22px var(--ink);opacity:.55}
.hgPaymentHero h1{margin:0;font:700 clamp(60px,7vw,104px)/.86 Georgia,serif;letter-spacing:-.065em;position:relative;z-index:1}
.hgPaymentHero h1 em,.hgPaymentIntro h2 em{font-weight:400;color:var(--orange)}
.hgPaymentHero>p{max-width:530px;margin:0 0 8px;font:20px/1.6 Georgia,serif;color:#40554c;position:relative;z-index:1}
.hgPaymentMethods{padding:100px 7vw 112px;background:color-mix(in srgb,var(--lime) 18%,var(--paper))}
.hgPaymentIntro{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end;margin-bottom:54px}
.hgPaymentIntro h2{font:700 clamp(52px,6vw,84px)/.9 Georgia,serif;letter-spacing:-.055em;margin:0}
.hgPaymentIntro>p{margin:0 0 8px;font:17px/1.65 Georgia,serif;color:#40554c}
.hgPaymentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.hgPaymentCard{min-height:168px;padding:26px 28px;display:grid;grid-template-columns:118px 1fr;gap:24px;align-items:center;background:var(--white);border:1px solid #22342d1f;border-radius:20px;box-shadow:0 10px 30px #22342d0c;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.hgPaymentCard:hover{transform:translateY(-4px);border-color:#22342d52;box-shadow:0 18px 38px #22342d16}
.hgPaymentLogo{width:118px;height:74px;border-radius:15px;background:var(--paper);border:1px solid #22342d18;display:grid;place-items:center;padding:14px}
.hgPaymentLogo img{display:block;max-width:82px;max-height:32px;width:auto;height:auto}
.hgPaymentWordmark{font:700 15px Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.hgPaymentCard h3{font:700 24px Georgia,serif;margin:0 0 9px}
.hgPaymentCard p{margin:0;color:#53645d;font-size:13px;line-height:1.6}
.hgPaymentTrust{padding:78px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:var(--paper)}
.hgPaymentTrust article{padding:30px;display:grid;grid-template-columns:48px 1fr;gap:18px;background:var(--white);border:1px solid #22342d1f;border-radius:18px}
.hgPaymentTrust span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font:700 15px Georgia,serif}
.hgPaymentTrust h3{font:700 19px Georgia,serif;margin:2px 0 8px}
.hgPaymentTrust p{margin:0;color:#53645d;font-size:12px;line-height:1.55}
.hgPaymentNotice{padding:88px 8vw 96px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:var(--ink);color:var(--white)}
.hgPaymentNotice h2{font:700 clamp(46px,5vw,72px)/.94 Georgia,serif;letter-spacing:-.05em;margin:0}
.hgPaymentNotice>div:last-child>p{margin:0 0 26px;font:17px/1.65 Georgia,serif;color:#fffdf5c7}
.hgPaymentNotice .primaryButton{width:max-content;background:var(--lime);color:var(--ink)}
.hgPaymentNotice .primaryButton b{color:var(--ink)}
@media(prefers-reduced-motion:no-preference){.hgPaymentHero h1,.hgPaymentHero>p,.hgPaymentGrid{animation:hgPaymentReveal .65s ease both}.hgPaymentHero>p{animation-delay:.12s}.hgPaymentGrid{animation-delay:.22s}@keyframes hgPaymentReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:800px){.hgPaymentHero{min-height:auto;padding:70px 22px 74px;grid-template-columns:1fr;gap:30px}.hgPaymentHero:after{width:140px;height:140px;right:-55px;top:-55px;font-size:45px}.hgPaymentHero h1{font-size:53px}.hgPaymentHero>p{font-size:16px}.hgPaymentMethods{padding:72px 16px 78px}.hgPaymentIntro{grid-template-columns:1fr;gap:28px;margin-bottom:38px}.hgPaymentIntro h2{font-size:49px}.hgPaymentIntro>p{font-size:15px}.hgPaymentGrid{grid-template-columns:1fr}.hgPaymentCard{min-height:0;padding:22px 20px;grid-template-columns:90px 1fr;gap:17px}.hgPaymentLogo{width:90px;height:64px;padding:11px}.hgPaymentLogo img{max-width:69px;max-height:27px}.hgPaymentCard h3{font-size:21px}.hgPaymentTrust{padding:58px 16px;grid-template-columns:1fr}.hgPaymentTrust article{padding:24px 22px}.hgPaymentNotice{padding:72px 22px 78px;grid-template-columns:1fr;gap:28px}.hgPaymentNotice h2{font-size:45px}.hgPaymentNotice>div:last-child>p{font-size:15px}.hgPaymentNotice .primaryButton{width:100%}}
@media(prefers-reduced-motion:reduce){.hgPaymentCard{transition:none}.hgPaymentCard:hover{transform:none}}
