/* MENNOO unified responsive shell, October 2026. Loaded last to keep existing functionality. */
:root{--shell-width:1240px;--shell-gutter:clamp(20px,4.3vw,68px);--mennoo-navy:#08022f;--mennoo-pink:#ef2469;--mennoo-cream:#f6f3ec}
html{scroll-padding-top:105px}body{overflow-x:clip}
.site-header{height:88px!important;padding-inline:max(var(--shell-gutter),calc((100vw - 1390px)/2))!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto;gap:clamp(12px,1.65vw,25px)!important;align-items:center;border-bottom:1px solid rgba(255,255,255,.14)}
.site-header .brand{display:flex;align-items:center;justify-content:flex-start;width:118px;min-width:0}.site-header .brand img{display:block;max-width:100%;height:auto;object-fit:contain}
.site-header .desktop-nav{justify-self:center;margin:0!important;align-items:center;gap:clamp(12px,1.2vw,22px)!important}.site-header .desktop-nav>a,.site-header .desktop-nav .nav-dropdown>button{font-size:clamp(11px,.88vw,13px);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.site-header .nav-book{justify-self:end;margin:0!important;min-height:45px;padding:11px 19px}.site-header .menu-toggle{justify-self:end;margin:0!important;flex:none;width:46px;height:46px;border:1px solid #ffffff45;border-radius:13px;align-items:center;justify-content:center}
.site-header .nav-demo{margin:0!important}
@media(min-width:1321px){.site-header{grid-template-columns:auto minmax(0,1fr) auto}.site-header .menu-toggle{display:none!important}.site-header .desktop-nav{display:flex!important}}
@media(max-width:1320px){.site-header{grid-template-columns:auto 1fr auto auto}.site-header .desktop-nav{display:none!important}.site-header .nav-book{grid-column:3}.site-header .menu-toggle{grid-column:4;display:grid!important}}
@media(max-width:680px){.site-header{height:72px!important;padding-inline:18px!important;gap:10px!important;grid-template-columns:auto minmax(0,1fr) auto auto}.site-header .brand{width:99px}.site-header .nav-book{min-height:42px;padding:10px 12px;font-size:12px}.site-header .menu-toggle{width:43px;height:43px}.info-page .info-hero{padding-top:112px}}
@media(max-width:370px){.site-header{padding-inline:12px!important}.site-header .brand{width:83px}.site-header .nav-book{font-size:11px;padding:9px}.site-header .menu-toggle{width:40px;height:40px}}
/* Footer architecture: coherent width, aligned columns and sensible wrapping */
.site-footer{background:#070423;color:#fff;padding:0 var(--shell-gutter)!important;overflow:hidden}.site-footer .footer-shell{width:min(100%,var(--shell-width));margin-inline:auto}.site-footer .footer-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:99px;padding:24px 0;border-bottom:1px solid #ffffff2b;font-size:11px;letter-spacing:.13em;color:#c9bfdc}.site-footer .footer-topline>a{color:white;font-size:14px;letter-spacing:0;font-weight:600;display:inline-flex;align-items:center;gap:14px}.site-footer .footer-topline>a span{color:#ef598b;font-size:22px}
.site-footer .footer-main{display:grid!important;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:clamp(24px,3.4vw,60px)!important;padding:62px 0 72px!important;margin:0!important}.site-footer .footer-brand-block{min-width:0}.site-footer .footer-logo{display:inline-flex;align-items:center;min-height:60px}.site-footer .footer-logo img{width:145px;height:auto;max-width:100%;object-fit:contain}.site-footer .footer-brand-block>p{font-size:clamp(20px,2vw,27px);line-height:1.4;letter-spacing:-.035em;margin:21px 0 19px;color:white}.site-footer .footer-origin{font-size:12px;line-height:1.6;color:#bcb4d0}
.site-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0;grid-column:auto!important}.site-footer .footer-column h2{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d7c491;margin:0 0 10px}.site-footer .footer-column a{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.55;color:#dad5e5;text-decoration:none;transition:color .18s}.site-footer .footer-column a:hover,.site-footer .footer-topline a:hover{color:#ff80ad}.site-footer .footer-contact{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:15px!important;align-items:flex-start!important}
.site-footer .footer-bottom{border-top:1px solid #ffffff2b;padding:24px 0 30px;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;font-size:11px;letter-spacing:.02em;color:#b9b2c9}.site-footer .footer-bottom>a{color:#f0d7e2;white-space:nowrap}.site-footer .footer-bottom>a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:2px solid #ef719f;outline-offset:5px}
@media(max-width:1000px){.site-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px 30px!important}.site-footer .footer-brand-block{grid-column:1/-1;max-width:460px}.site-footer .footer-bottom>span:nth-child(2){display:none}}
@media(max-width:620px){.site-footer .footer-topline{min-height:0;align-items:flex-start;flex-direction:column;padding:28px 0;gap:14px}.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:42px 0 48px!important;gap:40px 20px!important}.site-footer .footer-brand-block{grid-column:1/-1}.site-footer .footer-contact{grid-column:1/-1!important}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;padding:23px 0 30px}.site-footer .footer-column a{font-size:13px}}
/* Payments: visual hierarchy & scannable instruction cards */
.payments-page{background:#faf8f3}.payments-page .info-wrap{width:min(calc(100% - 2 * var(--shell-gutter)),var(--shell-width))}.payments-page .info-hero{background:radial-gradient(ellipse at 92% 12%,#21104a 0,transparent 55%),#08022f;padding-top:clamp(124px,12vw,160px)}.payments-page .info-breadcrumb{margin-bottom:clamp(30px,4vw,58px)}.payments-page .info-hero-grid{gap:clamp(24px,5vw,86px);align-items:center;padding-bottom:clamp(42px,5vw,72px)}.payments-page .info-hero h1{font-size:clamp(42px,5.3vw,75px);line-height:1.09}.payments-page .info-intro{max-width:37ch;line-height:1.7}.payments-page .payment-jumps{gap:12px;padding:14px 0}.payments-page .payment-jumps a{min-height:56px;display:inline-flex;gap:11px;padding:12px 19px;border:1px solid #ffffff30;border-radius:999px;transition:background .2s,border-color .2s}.payments-page .payment-jumps a:hover{background:#ffffff15;border-color:#ffffff80;text-decoration:none}.payments-page .payment-jumps a span:last-child{padding-left:6px}.payments-page .payment-content{padding-top:36px}.payment-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 24px;border-bottom:1px solid #e1dbd2}.payment-assurance span{border-radius:12px;background:#f0ece4;color:#4b4261;padding:15px 17px;font-size:13px;font-weight:500;line-height:1.5}
.payments-page .payment-method{grid-template-columns:minmax(215px,.8fr) minmax(0,1.55fr);gap:clamp(28px,5vw,88px);padding:clamp(52px,6vw,86px) 0;scroll-margin-top:110px;border-color:#ded8ce}.payments-page .payment-heading h2{font-size:clamp(30px,3vw,43px);line-height:1.17}.payments-page .payment-heading .section-index{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #d5c7ae;border-radius:14px;margin-bottom:24px;color:#80672d}.payments-page .payment-channel{font-weight:600;letter-spacing:.12em;font-size:12px}.payments-page .payment-lead{font-size:clamp(16px,1.45vw,19px);line-height:1.7;margin-bottom:26px}.payments-page .payment-steps{display:grid;gap:12px}.payments-page .payment-steps li{gap:17px;border:1px solid #e1ddd5;background:#fff;border-radius:17px;padding:21px 22px;box-shadow:0 5px 24px #0d082508}.payments-page .step-index{display:grid;place-items:center;background:#f9e8ef;color:#bd1f59;border-radius:11px;height:32px;flex:0 0 32px;font-weight:700;line-height:1}.payments-page .payment-steps h3{font-size:16px}.payments-page .payment-steps p{font-size:14px;line-height:1.65}.payments-page .payment-action{margin-top:28px}.payments-page .payment-button{border-radius:13px;min-height:60px;box-shadow:0 12px 28px #ef246929}.payments-page .payment-terms-note{margin-top:24px}.payments-page .bank-accounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.payments-page .bank-account{background:#fff;border:1px solid #ded8cf;border-radius:17px;padding:24px;box-shadow:0 5px 24px #0d082508}.payments-page .bank-account-heading{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #eee9e0;padding-bottom:16px;margin-bottom:18px}.payments-page .bank-account h3{font-size:18px;margin:0}.payments-page .bank-account-heading span{font-size:11px;color:#82768b}.payments-page .bank-account dl{margin-bottom:20px}.payments-page .bank-account dl>div{display:block}.payments-page .bank-account dt{margin-bottom:4px}.payments-page .bank-account dd{font-weight:600;overflow-wrap:anywhere}.payments-page .iban-row{display:flex;flex-direction:column;align-items:stretch;gap:12px}.payments-page .iban-value{display:block;width:100%;min-height:48px;padding:11px 12px;border:1px solid #e4ded8;border-radius:9px;background:#faf8f3;font-size:clamp(11px,1.1vw,14px)!important;font-variant-numeric:tabular-nums;letter-spacing:0;overflow:hidden;text-overflow:clip}.payments-page .copy-iban{display:inline-flex;align-self:stretch;justify-content:center;border-radius:9px;border-color:#c6b8d0;min-height:46px;font-size:13px!important;font-weight:600}.payments-page .copy-iban:hover{background:#f6ebf0;border-color:#bb2b60}.payments-page .invoice-note{align-items:center;padding:20px;border:1px solid #dfd7bd;border-radius:13px;background:#f7f0dd}.payments-page .payment-help{margin-bottom:64px;padding:36px clamp(22px,4vw,52px);border-radius:22px;background:#ece6dc}.payments-page .payment-help>a{border-bottom:0;background:#08022f;color:#fff;border-radius:12px;padding:12px 18px}.payments-page .payment-help>a span{color:#ff8eb5}
@media(max-width:1050px){.payments-page .bank-accounts{grid-template-columns:1fr}.payments-page .payment-method{grid-template-columns:minmax(190px,.75fr) minmax(0,1.4fr)}}
@media(max-width:800px){.payments-page .payment-method{grid-template-columns:1fr;gap:28px}.payment-assurance{grid-template-columns:1fr}.payments-page .bank-accounts{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-page .payment-help{margin-bottom:38px}}
@media(max-width:620px){.payments-page .info-hero{padding-top:108px}.payments-page .info-hero-grid{grid-template-columns:1fr;gap:20px;padding-bottom:32px}.payments-page .info-hero h1{font-size:clamp(37px,10vw,52px)}.payments-page .info-breadcrumb{margin-bottom:26px}.payments-page .info-intro{font-size:15px}.payments-page .payment-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payments-page .payment-jumps a{border-radius:12px;justify-content:space-between;padding:9px 12px;font-size:12px;gap:4px}.payments-page .payment-jumps a span:last-child{padding:0}.payments-page .payment-content{padding-top:23px}.payments-page .payment-method{padding:44px 0}.payments-page .bank-accounts{grid-template-columns:1fr}.payments-page .payment-action{display:grid}.payments-page .payment-button{width:100%}.payments-page .payment-help{display:grid;gap:24px;padding:28px 23px}.payments-page .payment-help>a{justify-content:space-between;width:100%}.payments-page .payment-heading h2{font-size:32px}.payments-page .payment-steps li{padding:18px 15px;gap:12px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-footer a,.payments-page a{transition:none!important}html{scroll-behavior:auto}}