.sm-badge{display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:6px 8px;border-radius:999px;background:#000;color:#fff}.message{padding:10px 12px;border-radius:8px;margin:12px 0;border:1px solid}.message--success{background:#d4edda;color:#155724;border-color:#c3e6cb}.message--error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.message--info{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:none;align-items:center;justify-content:center;z-index:99999}.loading-card{background:#fff;padding:24px 28px;border-radius:12px;text-align:center;box-shadow:0 14px 40px #00000040}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #111;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-mijn-abonnement #pause-description{margin:0 0 12px;line-height:1.55}.page-mijn-abonnement #cancel-section h4{margin:0 0 10px;line-height:1.35}.page-mijn-abonnement #cancel-section form{margin:0}@media screen and (max-width:767px){.page-mijn-abonnement{min-height:100vh;background:#fff;padding:10px 0;width:100%;overflow-x:hidden}.page-mijn-abonnement .dashboard-grid{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0 12px;box-sizing:border-box}.page-mijn-abonnement .mijn-abonnement-content{width:100%;max-width:100%;padding:16px;background:#fff;margin:0;border-radius:12px;box-sizing:border-box;box-shadow:0 4px 16px #0000000a}.page-mijn-abonnement .mijn-abonnement-content{opacity:0;transition:opacity .15s ease}.page-mijn-abonnement.ready .mijn-abonnement-content{opacity:1}.page-mijn-abonnement h1{font-size:24px;margin-bottom:12px;font-weight:700;color:#222;text-align:center}.intro{font-size:14px;line-height:1.5;color:#555;margin-bottom:18px;text-align:center}.status-grid,.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;width:100%;box-sizing:border-box}.status-item,.term-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:14px;text-align:center;min-width:0;box-sizing:border-box;min-height:96px}.status-item b,.term-label{display:block;font-size:11.5px;color:#666;font-weight:500;margin-bottom:6px}.status-value,.term-value{font-size:13px;font-weight:600;color:#111;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.status-value--paused{color:#dc3545}.status-value--active{color:#28a745}.term-section{background:transparent;border:0;border-radius:0;padding:0;margin:8px 0 6px;box-shadow:none}.term-card .term-value{display:flex;justify-content:center}#autorenew-select{width:auto;min-width:118px;max-width:140px;padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:13px}.term-fineprint{font-size:12px;color:#666;margin:10px 6px 0;text-align:center;line-height:1.4}.form-section{border:1px solid #e9ecef;border-radius:12px;padding:16px;margin:16px 0;background:#fff;box-shadow:0 4px 14px #00000008}.form-section h3{margin:0 0 12px;font-size:18px}.pause-status{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:12px;margin-bottom:12px;font-weight:600;color:#856404;font-size:14px}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;width:100%;box-sizing:border-box}.form-row label{font-weight:500;font-size:14px;color:#333;margin-bottom:4px}.form-row select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:13px;box-sizing:border-box}.btn{width:100%;padding:12px 16px;border:2px solid transparent;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;text-align:center;margin-bottom:8px;box-sizing:border-box;transition:all .2s ease}.btn--primary{background:#111;color:#fff;border-color:#111}.btn--primary:active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}@media(hover:hover){.btn--primary:hover{background:var(--sm-btn-bg-hover,#FFFDFB);color:var(--sm-btn-text-hover,#111);border-color:var(--sm-btn-text-hover,#111)}}.btn--danger{background:#dc3545;color:#fff;border-color:#dc3545}@media(hover:hover){.btn--danger:hover{background:#c82333;border-color:#c82333}}.btn:disabled{opacity:.6;cursor:not-allowed}.next-slots{margin:16px 0;border:1px solid #e9ecef;border-radius:12px;padding:16px;background:#fff;box-shadow:0 4px 14px #00000008}.next-slots h3{margin:0 0 12px;font-size:18px;text-align:left}.slot-list{list-style:none;padding:0;margin:0}.slot-item{padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;min-height:72px}.slot-item:last-child{margin-bottom:0}.slot-date{font-weight:600;color:#111;font-size:14px}.slot-deadline{display:flex;align-items:center;justify-content:center;height:34px;border-radius:17px;font-size:10px;font-weight:700;background:#111;color:#fff;width:100%}.api-status{position:fixed;top:10px;right:10px;background:#28a745;color:#fff;padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;z-index:1000;display:none}.api-status--loading{background:#ffc107;color:#000}.api-status--error{background:#dc3545}.cta-wrapper{text-align:center;margin:18px 0}.cta-button{display:inline-block;background:#000;color:#fff;font-size:15px;font-weight:600;padding:12px 24px;border-radius:25px;text-decoration:none}}@media screen and (max-width:359px){.status-grid,.term-grid{grid-template-columns:1fr;gap:10px}}@media screen and (min-width:768px)and (max-width:1024px){.page-mijn-abonnement{min-height:100vh;background:#fff;padding:clamp(14px,2.2vw,24px) 0}.page-mijn-abonnement .dashboard-grid{display:flex;justify-content:center;max-width:980px;margin:0 auto;padding:0 clamp(14px,3.2vw,30px);box-sizing:border-box}.page-mijn-abonnement .mijn-abonnement-content{width:100%;max-width:100%;background:#fff;padding:clamp(20px,2.8vw,30px) clamp(16px,2.8vw,30px);border-radius:16px;box-shadow:0 6px 20px #0000000d;box-sizing:border-box}.page-mijn-abonnement h1{font-size:28px;font-weight:700;margin-bottom:24px;border-bottom:2px solid #eee;padding-bottom:8px;text-align:center}.intro{text-align:center;font-size:15px;margin-bottom:20px}.status-grid,.term-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.status-item,.term-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px;text-align:center;min-height:92px}.status-item b,.term-label{display:block;font-size:12px;color:#666;font-weight:500;margin-bottom:8px}.status-value,.term-value{font-size:15px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-section{background:transparent;border:0;padding:0;margin:10px 0 8px;box-shadow:none}#autorenew-select{width:auto;min-width:120px;max-width:140px}.term-fineprint{font-size:12.5px;color:#666;margin-top:12px;text-align:center;line-height:1.45}.form-section{border:1px solid #e9ecef;border-radius:12px;padding:20px;margin:20px 0;background:#fff;box-shadow:0 6px 20px #0000000a}.form-row{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.form-row label{font-weight:500;min-width:110px}#pause-controls-container{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:10px}#pause-controls-container .btn,#cancel-section .btn{width:100%;margin:0}#cancel-section{margin-top:18px!important;padding-top:18px!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:2px solid transparent;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;min-height:46px;box-sizing:border-box}.btn--primary{background:#111;color:#fff;border-color:#111}.btn--danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn--primary:active,.btn--danger:active{transform:scale(.97)}.next-slots{margin:20px 0;border:1px solid #e9ecef;border-radius:12px;padding:20px;background:#fff;box-shadow:0 6px 20px #0000000a}.next-slots h3{margin:0 0 14px;line-height:1.25}.next-slots .slot-list{margin:0;padding:0}.slot-item{padding:14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.slot-deadline{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:240px;border-radius:17px;font-size:12px;font-weight:700;background:#111;color:#fff;text-align:center}.cta-wrapper{text-align:center;margin:22px 0}.cta-button{font-size:16px;padding:14px 28px}}@media screen and (max-width:767px){.page-mijn-abonnement #section-sales .abonnement-opties,.page-mijn-abonnement #sales-view .abonnement-opties{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.page-mijn-abonnement #section-sales .abonnement-item,.page-mijn-abonnement #sales-view .abonnement-item{border:2px solid transparent;border-radius:10px;padding:14px 12px;background:#fff;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.abonnement-item{border:2px solid #e0e0e0;box-shadow:0 3px 8px #00000014}.page-mijn-abonnement #section-sales .abonnement-item.selected,.page-mijn-abonnement #sales-view .abonnement-item.selected{border-color:#111;background:linear-gradient(135deg,#fafafa,#f5f5f5);box-shadow:0 4px 16px #11111126}.page-mijn-abonnement #section-sales .abonnement-header,.page-mijn-abonnement #sales-view .abonnement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding-right:35px}.page-mijn-abonnement #section-sales .abonnement-header h3,.page-mijn-abonnement #sales-view .abonnement-header h3{font-size:15px;font-weight:700;margin:0;color:#222;flex:1}.page-mijn-abonnement #section-sales .abonnement-prijs,.page-mijn-abonnement #sales-view .abonnement-prijs{font-size:15px;font-weight:700;color:#000;white-space:nowrap;margin-left:8px;margin-right:0;flex-shrink:0}.page-mijn-abonnement #section-sales .abonnement-item p,.page-mijn-abonnement #sales-view .abonnement-item p{font-size:13px;color:#666;line-height:1.4;margin:0}.page-mijn-abonnement #section-sales .cta-wrapper,.page-mijn-abonnement #sales-view .cta-wrapper{margin-top:24px;margin-bottom:50px;text-align:center}.page-mijn-abonnement #section-sales .cta-button,.page-mijn-abonnement #sales-view .cta-button{display:inline-block;background:#000;color:#fff;font-size:15px;font-weight:600;padding:12px 24px;border-radius:50px;text-decoration:none;transition:background .3s ease,transform .2s ease}.page-mijn-abonnement #section-sales .cta-button:active,.page-mijn-abonnement #sales-view .cta-button:active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}.page-mijn-abonnement #section-sales .voordelen-list,.page-mijn-abonnement #sales-view .voordelen-list{margin-top:15px;padding-left:16px;font-size:13px;color:#444;line-height:1.5}.page-mijn-abonnement #section-sales .voordelen-list li,.page-mijn-abonnement #sales-view .voordelen-list li{margin-bottom:8px;list-style:disc}}@media screen and (min-width:768px)and (max-width:1024px){.page-mijn-abonnement #section-sales .abonnement-opties,.page-mijn-abonnement #sales-view .abonnement-opties{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.page-mijn-abonnement #section-sales .abonnement-item,.page-mijn-abonnement #sales-view .abonnement-item{padding:18px 20px;background:#fff;border:2px solid transparent;border-radius:14px;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}@media(hover:hover){.page-mijn-abonnement #section-sales .abonnement-item:hover,.page-mijn-abonnement #sales-view .abonnement-item:hover{background:#fdfdfd;border-color:#ddd;box-shadow:0 4px 14px #0000000f}}.page-mijn-abonnement #section-sales .abonnement-item.selected,.page-mijn-abonnement #sales-view .abonnement-item.selected{border-color:#111;background:linear-gradient(135deg,#fafafa,#f5f5f5);box-shadow:0 4px 16px #11111126}.page-mijn-abonnement #section-sales .abonnement-header,.page-mijn-abonnement #sales-view .abonnement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:45px}.page-mijn-abonnement #section-sales .abonnement-header h3,.page-mijn-abonnement #sales-view .abonnement-header h3{font-size:18px;font-weight:700;margin:0;color:#222}.page-mijn-abonnement #section-sales .abonnement-prijs,.page-mijn-abonnement #sales-view .abonnement-prijs{font-size:18px;font-weight:700;color:#000;white-space:nowrap;margin-left:12px;margin-right:0;flex-shrink:0}.page-mijn-abonnement #section-sales .abonnement-item p,.page-mijn-abonnement #sales-view .abonnement-item p{font-size:14px;color:#666;line-height:1.4;margin:0}.page-mijn-abonnement #section-sales .cta-wrapper,.page-mijn-abonnement #sales-view .cta-wrapper{margin-top:30px;margin-bottom:50px;text-align:center}.page-mijn-abonnement #section-sales .cta-button,.page-mijn-abonnement #sales-view .cta-button{display:inline-block;background:#000;color:#fff;font-size:16px;font-weight:600;padding:14px 28px;border-radius:50px;text-decoration:none;transition:background .3s ease}@media(hover:hover){.page-mijn-abonnement #section-sales .cta-button:hover,.page-mijn-abonnement #sales-view .cta-button:hover{background:var(--sm-btn-bg-hover,#FFFDFB);color:var(--sm-btn-text-hover,#111);border:2px solid #111}}.page-mijn-abonnement #section-sales .cta-button:active,.page-mijn-abonnement #sales-view .cta-button:active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}.page-mijn-abonnement #section-sales .voordelen-list,.page-mijn-abonnement #sales-view .voordelen-list{margin-top:15px;padding-left:20px;font-size:15px;color:#555;line-height:1.6}.page-mijn-abonnement #section-sales .voordelen-list li,.page-mijn-abonnement #sales-view .voordelen-list li{margin-bottom:10px;list-style:disc}}@media screen and (max-width:1024px){.desktop-only{display:none}.mobile-only{display:inline}}@media screen and (min-width:1025px){.desktop-only{display:inline}.mobile-only{display:none}}.selection-indicator{position:absolute;top:10px;right:10px;width:25px;height:25px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease}.abonnement-item.selected .selection-indicator{background:#111;border-color:#111;transform:scale(1.1)}.checkmark{color:#fff;font-weight:700;font-size:14px;opacity:0;transition:opacity .3s ease}.abonnement-item.selected .checkmark{opacity:1}#select-plan-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#6c757d!important;transform:none}#select-plan-btn:not(:disabled){background:#111!important;cursor:pointer}@media(hover:hover){#select-plan-btn:not(:disabled):hover{background:var(--sm-btn-bg-hover, #FFFDFB)!important;color:var(--sm-btn-text-hover, #111);border:2px solid #111;transform:translateY(-2px);box-shadow:0 4px 12px #11111140}}#select-plan-btn:not(:disabled):active{transform:scale(.97);box-shadow:0 2px 8px #1111114d}@media screen and (min-width:768px)and (max-width:1024px){.selection-indicator{width:30px;height:30px;top:15px;right:15px}.checkmark{font-size:16px}}@media screen and (max-width:767px){.transition-banner{padding:16px;margin-bottom:16px}.transition-banner__icon{font-size:24px}.transition-banner__title{font-size:15px}.transition-banner__message{font-size:13px}.transition-banner__close{width:24px;height:24px;font-size:16px;top:8px;right:8px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mijn-abonnement-mobiel.css.map */