.customer-app{background:#f7f4ee!important;color:#1e1b17!important;min-height:100vh}
.customer-header{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1080px)/2));background:#fff;border-bottom:1px solid #e8e0d4;box-shadow:0 4px 20px #4b35100d}
.customer-brand img{width:205px;display:block}.customer-header nav{display:flex;gap:8px;align-items:center}.customer-header nav a,.customer-link{color:#332b20;text-decoration:none;border:0;background:transparent;padding:10px 12px;font-weight:850;border-radius:9px}.customer-header nav a:hover,.customer-link:hover{background:#f7f1e7}
.customer-shell{width:min(1080px,100%);margin:auto;padding:34px 18px 70px}.login-panel{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:30px;align-items:center;min-height:calc(100vh - 150px)}.login-intro{position:relative;z-index:4}.login-intro h1,.account-welcome h1,.register-copy h1{font:800 clamp(2.5rem,6vw,4.8rem)/1.03 Georgia,serif;letter-spacing:-.04em;margin:10px 0 18px}.login-intro p,.account-welcome p,.register-copy p{color:#746958;font-size:1.08rem}.account-kicker{color:#ae7916;text-transform:uppercase;font-size:.77rem;font-weight:950;letter-spacing:.14em}.customer-form{display:grid;gap:15px}.customer-form label{display:grid;gap:6px;color:#5d5447;font-weight:850}.customer-form input,.customer-form select{width:100%;background:#fff!important;color:#211d17!important;border:1px solid #d9d0c2!important;border-radius:10px;padding:13px!important;font:inherit}.customer-form input:focus,.customer-form select:focus{outline:3px solid #efc96655;border-color:#c49124!important}.customer-primary,.customer-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;padding:0 18px;text-decoration:none;font-weight:950;border:0;cursor:pointer}.customer-primary{background:linear-gradient(135deg,#f2cf72,#d7a72f);color:#241b0c}.customer-secondary{background:#fff;color:#3b3329;border:1px solid #d9d0c2}.form-message{color:#a82020;font-weight:800;margin:0;min-height:20px}

/* Ronde 3D account-ervaring */
.auth-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.auth-benefits span{padding:9px 12px;border:1px solid #eadfce;background:#fff9;border-radius:999px;color:#625746;font-size:.82rem;font-weight:850;box-shadow:0 8px 22px #6b4a1510}.auth-orbit-wrap,.register-orbit-wrap{position:relative;display:grid;place-items:center;min-height:580px;isolation:isolate}.auth-orbit{position:absolute;border-radius:50%;pointer-events:none}.auth-orbit-one{width:555px;height:555px;background:linear-gradient(145deg,#fffdf9,#e9e0d1);box-shadow:28px 28px 70px #9274463a,-25px -25px 65px #fff,inset 7px 7px 16px #fff,inset -8px -8px 20px #b9a88732;animation:orbitFloat 7s ease-in-out infinite}.auth-orbit-two{width:485px;height:485px;border:1px solid #fff9;box-shadow:inset 18px 18px 35px #c8b99f24,inset -18px -18px 35px #fff8;animation:orbitPulse 6s ease-in-out infinite}.auth-orbit-three{width:585px;height:585px;border:1px solid #d8cbb7aa;opacity:.55;animation:orbitSpin 22s linear infinite}.auth-orbit-three:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:72px;top:72px;background:#b5121b;box-shadow:0 0 0 7px #b5121b1b,0 5px 18px #7d07116b}.auth-circle{position:relative;z-index:2;width:430px;height:430px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f4ede2);box-shadow:inset 10px 10px 28px #b6a48522,inset -12px -12px 28px #fff,0 30px 70px #52370e24}.login-card{width:330px;text-align:center;padding:18px 8px}.auth-logo{display:block;width:205px;max-height:60px;object-fit:contain;margin:0 auto 4px}.auth-kicker{display:block;color:#b5121b;font-size:.68rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.login-card h2,.register-card h2{font:800 2rem/1.1 Georgia,serif;margin:5px 0 16px;color:#211d17}.auth-form{gap:10px;text-align:left}.auth-form label,.register-form label{gap:4px;font-size:.76rem}.auth-field{display:flex;align-items:center;border:1px solid #ddd2c1;background:#fff;border-radius:12px;box-shadow:inset 2px 2px 5px #71542512,0 5px 12px #7154250b;transition:.2s}.auth-field:focus-within{border-color:#d2a437;box-shadow:0 0 0 4px #e7bd5525}.auth-field b{width:38px;color:#b5121b;text-align:center;font-size:.8rem}.auth-field input{min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:11px 10px 11px 0!important}.auth-submit{width:100%;min-height:45px;margin-top:3px;border-radius:12px;gap:12px;box-shadow:0 9px 18px #a8751733;transition:transform .2s,box-shadow .2s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 13px 24px #a8751742}.auth-submit span{font-size:1.2rem}.register-callout{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid #e6ddcf;font-size:.78rem}.register-callout a,.auth-switch a{color:#9a6910;font-weight:950}.login-card .form-message{font-size:.75rem;min-height:16px;text-align:center}
.register-shell{width:min(1180px,100%)}.register-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(600px,1.2fr);gap:15px;align-items:center;min-height:calc(100vh - 145px)}.register-copy{position:relative;z-index:5}.register-orbit-wrap{min-height:650px}.register-orbit-wrap .auth-orbit-one{width:625px;height:625px}.register-orbit-wrap .auth-orbit-two{width:555px;height:555px}.register-orbit-wrap .auth-orbit-three{width:650px;height:650px}.register-circle{position:relative;z-index:2;width:520px;height:520px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f4ede2);box-shadow:inset 10px 10px 28px #b6a48522,inset -12px -12px 28px #fff,0 30px 70px #52370e24}.register-card{width:420px;text-align:center}.register-card .auth-logo{width:185px}.register-card h2{font-size:1.75rem;margin-bottom:11px}.register-form{gap:10px;text-align:left}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.register-form .auth-submit{margin-top:1px}.auth-switch{margin:8px 0 0!important;font-size:.78rem!important}.auth-error{min-height:0;background:#ffe8e5;border:1px solid #f0b9b3;border-radius:9px;padding:8px;font-size:.75rem}.register-form small{font-weight:500;color:#8a8072}
@keyframes orbitFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.018);opacity:1}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.account-welcome{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:10px 0 25px}.account-welcome h1{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:4px}.account-welcome p{margin:0}.order-link{flex:0 0 auto}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.customer-stats>div{padding:20px;border-radius:15px;background:#fff;border:1px solid #e7dfd3;box-shadow:0 8px 25px #442c0908}.customer-stats span,.customer-stats small{display:block;color:#756a5a}.customer-stats strong{display:block;font-size:1.7rem;margin:2px 0}.account-tabs{position:sticky;top:86px;z-index:30;display:flex;gap:7px;overflow-x:auto;padding:8px;margin:0 0 18px;background:#f7f4eef2;backdrop-filter:blur(10px);scrollbar-width:none}.account-tabs button{white-space:nowrap;background:#fff;color:#514838;border:1px solid #e1d9cc;padding:11px 15px}.account-tabs button.active{background:#27231d;color:#fff;border-color:#27231d}.account-section{scroll-margin-top:155px;margin-bottom:20px!important}.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.section-title-row h2{font:800 1.75rem/1.15 Georgia,serif;margin:5px 0}.section-help{color:#756a5a;max-width:750px}
.digital-pass{max-width:780px;margin:0 auto 20px;padding:28px;border-radius:23px;background:linear-gradient(145deg,#26221c,#0f0e0c);color:white;box-shadow:0 22px 50px #2f21072b;overflow:hidden;position:relative}.digital-pass:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-130px;top:-170px;background:#d7a72f24}.pass-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #ffffff26;padding-bottom:18px}.pass-heading span,.pass-heading strong{display:block}.pass-heading span{color:#ddcfb7}.pass-heading strong{font-size:1.05rem;margin-top:3px}.pass-logo{color:#f2cf72!important;font-family:Georgia,serif;font-size:1.35rem;font-weight:900}.codes{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;padding-top:22px}.code-button{background:#fff!important;color:#211d17!important;padding:14px!important;min-width:0;border-radius:14px!important;box-shadow:none!important}.code-button>span{display:block;margin-top:8px;font-size:.82rem}.code-button svg{max-width:100%}.barcode-button{overflow:hidden}.pass-help{color:#d7cbb8;font-size:.88rem;margin:18px 0 0}.code-modal{position:fixed;inset:0;z-index:1000;background:#000d;display:grid;place-items:center;padding:22px;color:#fff;text-align:center}.code-modal>button{position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;font-size:1.7rem}.large-code{background:#fff;padding:18px;border-radius:15px;max-width:100%;overflow:auto}.large-code svg{max-width:100%;height:auto}
.profile-grid{grid-template-columns:1fr 1fr}.reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reward-card{display:grid;gap:5px;border:1px solid #e5ddcf;border-radius:13px;padding:18px;background:#fffaf1}.reward-card>span{font-size:.74rem;text-transform:uppercase;font-weight:950;color:#a57112;letter-spacing:.08em}.reward-card>strong{font-size:1.1rem}.reward-card>small{color:#756a5a}.reward-card.available{border:2px solid #d7a72f}.progress{height:8px;background:#eee5d6;border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#d7a72f}
.family-list{display:grid;gap:10px}.family-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #e5ddcf;border-radius:13px;background:#fff}.family-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f7e8bd;color:#80570c;font-size:1.3rem;font-weight:950}.family-card strong,.family-card span,.family-card small{display:block}.family-card span{color:#756a5a;font-size:.92rem}.family-card small{margin-top:4px;font-weight:800}.verified{color:#28724a}.pending{color:#9a6910}.family-actions{display:flex;gap:6px}.family-actions button{background:#f4efe7;color:#3c3429;padding:8px 10px}.family-actions .delete-link{color:#9d2727}.family-form{margin-top:17px;padding:19px;background:#fbf8f2;border:1px solid #e2d8c8;border-radius:14px}.family-form-head,.form-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.family-form-head h3{margin:0}.icon-close{background:transparent!important;color:#333!important;font-size:1.5rem!important;padding:5px 10px!important}.form-actions{justify-content:flex-start}.empty-state{display:grid;gap:4px;padding:25px;text-align:center;background:#faf7f1;border:1px dashed #d5cbbb;border-radius:13px}.empty-state span{color:#756a5a}
.order-history{display:grid;gap:9px}.order-entry{border:1px solid #e5ddcf;border-radius:12px;background:#fff;overflow:hidden}.order-entry summary{display:flex;justify-content:space-between;gap:15px;padding:15px;cursor:pointer;list-style:none}.order-entry summary>div:last-child{text-align:right}.order-entry summary strong,.order-entry summary span{display:block}.order-entry summary span{color:#756a5a;font-size:.83rem}.order-lines{padding:0 15px 15px;border-top:1px solid #eee7dc}.order-lines p{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.order-lines small{color:#756a5a}
@media(max-width:900px){.login-panel,.register-stage{grid-template-columns:1fr}.login-intro,.register-copy{text-align:center;max-width:650px;margin:25px auto 0}.auth-benefits{justify-content:center}.register-copy h1{font-size:clamp(2.5rem,8vw,4rem)}.register-orbit-wrap{margin-top:-30px}}
@media(max-width:720px){.customer-header{height:66px;padding:0 13px}.customer-brand img{width:155px}.customer-header nav a{display:none}.customer-header nav a:last-of-type{display:inline-flex}.customer-shell{padding:22px 12px 55px}.login-panel{gap:0;min-height:auto}.login-intro h1{font-size:2.45rem}.login-intro p,.register-copy p{font-size:.97rem}.auth-benefits{margin-top:15px}.auth-orbit-wrap{min-height:500px;margin-top:-4px}.auth-orbit-one{width:455px;height:455px}.auth-orbit-two{width:405px;height:405px}.auth-orbit-three{width:480px;height:480px}.auth-circle{width:390px;height:390px}.login-card{width:305px}.auth-logo{width:180px}.login-card h2{font-size:1.75rem;margin-bottom:11px}.register-shell{padding-top:5px}.register-orbit-wrap{min-height:570px;margin-top:-10px}.register-orbit-wrap .auth-orbit-one{width:535px;height:535px}.register-orbit-wrap .auth-orbit-two{width:485px;height:485px}.register-orbit-wrap .auth-orbit-three{width:555px;height:555px}.register-circle{width:470px;height:470px}.register-card{width:365px}.register-grid{gap:7px}.account-welcome{align-items:center}.account-welcome p{display:none}.customer-stats{grid-template-columns:repeat(3,1fr);gap:7px}.customer-stats>div{padding:12px 9px}.customer-stats strong{font-size:1.25rem}.customer-stats span,.customer-stats small{font-size:.72rem}.account-tabs{top:70px;margin-inline:-4px}.account-section.card{padding:17px!important}.digital-pass{padding:20px 15px;border-radius:18px}.codes{grid-template-columns:1fr;max-width:310px;margin:auto}.barcode-button{display:none}.profile-grid,.reward-grid{grid-template-columns:1fr}.section-title-row{align-items:flex-start}.section-title-row .customer-primary{min-height:42px;padding:0 12px}.family-card{grid-template-columns:43px 1fr}.family-avatar{width:43px;height:43px}.family-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #eee7dc;padding-top:9px}.order-entry summary{padding:13px}.order-link{min-height:42px;padding-inline:14px}}
@media(max-width:520px){.auth-orbit-wrap{min-height:455px;width:calc(100% + 24px);margin-left:-12px;overflow:hidden}.auth-orbit-one{width:410px;height:410px}.auth-orbit-two{width:370px;height:370px}.auth-orbit-three{width:430px;height:430px}.auth-circle{width:354px;height:354px}.login-card{width:276px}.auth-logo{width:160px;max-height:45px}.auth-kicker{font-size:.6rem}.login-card h2{font-size:1.5rem;margin:3px 0 8px}.auth-form{gap:7px}.auth-field input{padding-block:9px!important}.auth-submit{min-height:40px}.register-callout{margin-top:6px;padding-top:6px}.register-orbit-wrap{min-height:640px;overflow:visible;width:100%;margin-left:0}.register-orbit-wrap .auth-orbit-one{width:460px;height:610px;border-radius:46%}.register-orbit-wrap .auth-orbit-two{width:415px;height:565px;border-radius:46%}.register-orbit-wrap .auth-orbit-three{width:475px;height:625px;border-radius:46%}.register-circle{width:390px;height:540px;border-radius:47%}.register-card{width:310px}.register-grid{grid-template-columns:1fr}.register-card h2{font-size:1.5rem;margin:3px 0 9px}.register-form{gap:7px}.register-card .auth-logo{width:155px}.auth-switch{margin-top:6px!important}}
@media(prefers-reduced-motion:reduce){.auth-orbit{animation:none}.auth-submit{transition:none}}
@media(max-width:390px){.customer-header nav .customer-link{padding-inline:8px}.customer-stats small{display:none}.account-welcome h1{font-size:2.15rem}.section-title-row h2{font-size:1.5rem}}

/* Cadeaubonnen & klanttegoed */
.gift-transfer-box{margin:1rem 0 1.4rem;padding:1rem;border:1px solid #e7d7ad;border-radius:14px;background:#fffaf0}.gift-transfer-box h3{margin-top:0}.gift-transfer-form{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.gift-transfer-form input{min-width:min(100%,320px);flex:1;padding:.8rem;border:1px solid #d9d1c2;border-radius:10px}.gift-account-card{margin:.8rem 0}.gift-account-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.gift-account-head>div:first-child{display:grid;gap:.25rem}.gift-account-balance{text-align:right;display:grid;gap:.15rem}.gift-account-balance strong{font-size:1.5rem}.gift-account-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}.gift-account-history{margin-top:.8rem;border-top:1px solid #eee;padding-top:.7rem}.gift-account-history summary{cursor:pointer;font-weight:700}.gift-account-history-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #f0f0f0}.gift-account-history-row>div{display:grid;gap:.1rem}.gift-plus{color:#177245}.gift-minus{color:#a12635}.credit-history-account{margin-top:1.2rem}@media(max-width:650px){.gift-account-head{display:grid}.gift-account-balance{text-align:left}.gift-account-history-row{display:grid;gap:.25rem}}