/* Testfase: een heldere uitnodiging en een leesbare mobiele route. */
html { scroll-padding-top: 24px; }
.personal-store .value-hero h1 { font-size:clamp(36px,3.8vw,53px); line-height:1.1; }
.personal-store .value-hero .value-explainer { font-size:15px; line-height:1.75; color:#435449; }
.personal-store .value-hero .own-account { font-size:12px; }
.personal-store .product-price span b { color:#24594b; }
.test-cta-inline { margin-top:24px; }
.personal-store .test-cta-inline p { margin:8px 0 0; font-size:13px; color:#526155; }
.learning-details { padding-block:24px; border-top:1px solid #dedfd5; border-bottom:1px solid #dedfd5; }
.learning-details>summary { cursor:pointer; font-size:20px; font-weight:600; color:#24594b; padding:12px 0; }
.learning-details .experience-section { margin-top:24px; }
.learning-details .container { width:100%; padding-inline:0; }
.test-invitation { background:#edf2e7; border-top:1px solid #d8dfd3; }
.test-invitation>.container { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:48px; align-items:center; padding-block:48px; }
.personal-store .test-invitation h2 { font-size:clamp(28px,3.3vw,42px); margin-bottom:16px; }
.personal-store .test-invitation p { max-width:560px; font-size:15px; line-height:1.75; color:#435449; }
.test-invitation>.container>div:last-child p { margin-top:12px; font-size:13px; }
.test-invitation .button { width:100%; }
.checkout-shell .field-help,.checkout-shell .summary-note,.checkout-shell .access-note { font-size:13px; color:#505e54; }
.checkout-shell .test-notice { font-size:14px; }
.checkout-shell .code-entry input { font-size:16px; min-height:48px; }
@media(max-width:680px){
 .personal-store .shop-nav { gap:8px 16px; flex-wrap:wrap; }
 .personal-store .shop-nav a { min-height:44px; display:inline-flex; align-items:center; font-size:12px; }
 .test-invitation>.container { grid-template-columns:1fr; gap:16px; padding-block:32px; }
 .checkout-grid .order-summary { order:initial; }
 .code-entry { flex-wrap:wrap; }
 .code-entry input { flex-basis:100%; }
 .code-entry .button { width:100%; }
}
@media(max-width:600px){
 .personal-store .value-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
 .personal-store .value-hero .product-buy { display:block; }
 .personal-store .value-hero .product-type { font-size:12px; margin-bottom:12px!important; }
 .personal-store .value-hero h1 { font-size:clamp(32px,8.5vw,44px); margin:0 0 18px; }
 .personal-store .value-hero .product-intro { font-size:16px; margin-bottom:14px; }
 .personal-store .value-hero .value-explainer { font-size:15px; margin-bottom:18px; }
 .personal-store .value-hero .product-price { margin:0 0 14px; }
 .personal-store .value-hero .test-note { font-size:13px; }
 .personal-store .value-hero .own-account { font-size:12px; margin-bottom:0; }
 .personal-store .value-hero .kit-scene { order:initial; margin:0; }
 .personal-store .work-example-note,.personal-store .work-context { font-size:12px; }
 .personal-store .faq-list p { font-size:15px; }
 .personal-store .faq-list summary { font-size:16px; }
 .learning-details>summary { font-size:18px; }
}