.funnel,.rental-shop{--action-ink:var(--jia-ink);--action-line:var(--jia-navy-800);--action-soft:var(--jia-cream-100);--action-primary:var(--jia-red-600);--action-primary-hover:var(--jia-red-700);--action-line-green:var(--jia-line-green);--action-line-green-hover:#075f38;--action-radius:12px}.funnel .funnel-button,.funnel .funnel-secondary{border-radius:var(--action-radius);cursor:pointer;gap:10px;min-height:48px;font-size:14px;line-height:1.6}.funnel .funnel-button{background:var(--action-primary);border:2px solid var(--action-primary);color:#fff;transition:background .16s,border-color .16s,box-shadow .16s;box-shadow:0 4px #8c111b}.funnel .funnel-button:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover);transform:none;box-shadow:0 5px #7a0d16}.funnel .funnel-button:active{box-shadow:none}.funnel .funnel-button:disabled,.funnel .funnel-secondary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed;transform:none}.funnel .funnel-secondary{border:2px solid var(--action-line);color:var(--action-ink);background:#fff;box-shadow:0 3px #cad8cc}.funnel .funnel-secondary:hover{background:var(--action-soft);border-color:var(--jia-navy-950)}.funnel .funnel-text-link,.funnel .funnel-back,.funnel .class-login-link,.funnel .funnel-hero-actions>a:not(.funnel-button):not(.jia-contact-action),.funnel .funnel-pending>a,.funnel .learning-legacy>a,.funnel .funnel-test-note>a,.funnel .funnel-footer>a:not(:first-child){border:2px solid var(--action-line);border-radius:var(--action-radius);min-height:44px;color:var(--action-ink);font:500 14px/1.6 var(--font-sarabun),sans-serif;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:9px;padding:11px 16px;text-decoration:none;display:inline-flex;box-shadow:0 3px #d3ddd4}.funnel .funnel-text-link:hover,.funnel .funnel-back:hover,.funnel .funnel-pending>a:hover,.funnel .learning-legacy>a:hover,.funnel .funnel-test-note>a:hover{background:var(--action-soft);border-color:var(--jia-navy-950)}.funnel .class-welcome .class-login-link{color:#fff;box-shadow:none;background:#ffffff12;border-color:#a6b6b9}.funnel .class-welcome .funnel-button{background:var(--action-primary);border-color:var(--action-primary);box-shadow:0 4px #8c111b}.funnel .class-course-link{border:2px solid var(--action-primary);color:#a91622;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;min-height:42px;padding:9px 12px;font-size:13px;box-shadow:0 3px #f0c9cc}.funnel .class-course-card:hover .class-course-link{background:var(--action-primary);border-color:var(--action-primary);color:#fff}.funnel .learning-task-body>strong{border:2px solid var(--action-line);color:var(--action-ink);background:#fff;border-radius:10px;align-self:flex-start;min-height:44px;padding:9px 12px;font-size:13px;box-shadow:0 3px #d3ddd4}.funnel .funnel-panel>.funnel-small{margin:16px 0;line-height:1.8}.funnel .funnel-footer{align-items:center;gap:16px}.funnel .funnel-footer>span{margin-right:auto}.funnel .funnel-test-note{background:#f0f4e9;border:1px solid #dce5d2;border-radius:14px;margin:28px 0 0;padding:0;overflow:hidden}.funnel .funnel-test-note>summary{color:#365d42;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:16px 20px;font-size:14px;font-weight:700;list-style:none;display:flex}.funnel .funnel-test-note>summary::-webkit-details-marker{display:none}.funnel .funnel-test-note>summary:after{content:"+";background:#fff;border:1px solid #c5d5bd;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.funnel .funnel-test-note[open]>summary:after{content:"−"}.funnel .funnel-test-note>p{color:#5b715a;margin:0;padding:0 20px 16px;font-size:14px;line-height:1.8}.funnel .funnel-test-note>a{margin:0 20px 20px}.funnel .jia-contact-action{border:2px solid var(--action-line-green);background:var(--action-line-green);color:#fff;border-radius:14px;align-items:center;gap:16px;width:100%;min-height:88px;padding:18px 20px;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px #04502f}.funnel .jia-contact-action:hover{background:var(--action-line-green-hover);border-color:var(--action-line-green-hover);box-shadow:0 6px #034728}.funnel .jia-contact-action:active{box-shadow:none}.funnel .jia-contact-action .jia-contact-icon{color:#dceecb;background:#ffffff13;border:1px solid #ffffff38;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.funnel .jia-contact-action strong{font:500 17px/1.5 var(--font-prompt),sans-serif;color:#fff;display:block}.funnel .jia-contact-action small{color:#d2e8c9;margin-top:4px;font-size:13px;line-height:1.6;display:block}.funnel .jia-contact-action.compact{width:auto;min-height:76px;padding:14px 19px}.funnel .jia-contact-action.compact strong{font-size:15px}.funnel .jia-contact-action.compact .jia-contact-icon{width:38px;height:38px}.funnel .bcpr-contact-panel{background:#fff;border-radius:24px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px 48px;margin-top:24px;padding:38px 40px;display:grid}.funnel .bcpr-contact-content h2{color:#234b37;margin:18px 0;font-size:31px;line-height:1.4}.funnel .bcpr-contact-content>p{color:#5a715f;font-size:15px;line-height:1.9}.bcpr-contact-checklist{gap:14px;margin:23px 0 0;padding:0;list-style:none;display:grid}.bcpr-contact-checklist li{color:#3a5c43;align-items:center;gap:12px;font-size:14px;display:flex}.bcpr-contact-checklist svg{color:#5f854b}.bcpr-contact-channel{background:#f1f5e9;border:1px solid #dce7d0;border-radius:18px;align-self:start;padding:27px}.bcpr-contact-channel-title{font:500 18px/1.6 var(--font-prompt),sans-serif;color:#284d36}.funnel .bcpr-contact-channel>p{color:#5d7158;margin:10px 0 22px;font-size:14px;line-height:1.8}.bcpr-contact-new-tab{text-align:center;color:#5f7357;margin:14px 0 20px;font-size:12px;display:block}.bcpr-contact-notice{color:#617956;border-top:1px solid #d6e1cb;align-items:start;gap:10px;padding-top:19px;display:flex}.bcpr-contact-notice svg{flex:none;margin-top:3px}.funnel .bcpr-contact-notice p{color:#5d7158;margin:0;font-size:13px;line-height:1.8}.bcpr-contact-footer{border-top:1px solid #e1e8db;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.funnel .bcpr-contact-footer p{color:#597052;align-items:center;gap:12px;margin:0;font-size:13px;line-height:1.75;display:flex}.funnel .bcpr-contact-footer .funnel-secondary{font:500 13px/1.6 var(--font-sarabun),sans-serif;flex:none;box-shadow:0 2px #dae4d5}.funnel .zone-links a.zone-link,.jia-learner-nav .jia-learner-services a.zone-link,.rental-shop .rental-shop-header .rental-shop-zone-links a.zone-link,.rental-shop-footer .zone-links a.zone-link{border:2px solid var(--action-line);min-height:44px;color:var(--action-ink);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;line-height:1.5;text-decoration:none;display:inline-flex;box-shadow:0 3px #d3ddd4}.funnel .zone-links a.zone-link:hover,.jia-learner-nav .jia-learner-services a.zone-link:hover,.rental-shop .rental-shop-header .rental-shop-zone-links a.zone-link:hover{background:var(--action-soft);border-color:var(--jia-navy-950)}.rental-shop-footer .zone-links a.zone-link{color:var(--jia-line-cool);box-shadow:none;background:#ffffff0c;border-color:#a6b6b9}.rental-shop .rental-date-summary>a,.rental-shop .rental-contact-button,.rental-shop .rental-success>a,.rental-shop .rental-shop-footer p>a{border:2px solid var(--action-line);border-radius:var(--action-radius);min-height:46px;color:var(--action-ink);background:#fff;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:14px;line-height:1.6;text-decoration:none;display:inline-flex;box-shadow:0 3px #d3ddd4}.rental-shop .rental-contact-button{background:var(--action-line-green);border-color:var(--action-line-green);color:#fff;width:100%;margin-top:12px;box-shadow:0 4px #04502f}.rental-shop .rental-contact-button:hover{background:var(--action-line-green-hover);border-color:var(--action-line-green-hover)}.rental-shop .check-button:not(.secondary),.rental-shop .submit-button,.rental-shop .rental-cart-go{background:var(--action-primary);border:2px solid var(--action-primary);color:#fff;box-shadow:0 4px #8c111b}.rental-shop .check-button:not(.secondary):hover,.rental-shop .submit-button:hover:not(:disabled),.rental-shop .rental-cart-go:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}.rental-shop .check-button.secondary{color:var(--action-ink);border:2px solid var(--action-line);background:#fff;box-shadow:0 3px #d3ddd4}.rental-shop .check-button.secondary:hover:not(:disabled){background:var(--action-soft);border-color:var(--jia-navy-950)}.rental-shop .rental-shop-footer p>a{color:var(--jia-line-cool);box-shadow:none;background:#ffffff0c;border-color:#a6b6b9;margin-left:8px}.funnel :is(.jia-contact-action,.zone-link,.funnel-text-link,.funnel-back):focus-visible,.rental-shop .zone-link:focus-visible{outline-offset:4px;outline:3px solid #aa7728}@media (max-width:900px){.funnel .bcpr-contact-panel{grid-template-columns:1fr;gap:26px;padding:28px}.bcpr-contact-footer{flex-wrap:wrap}.bcpr-contact-channel{padding:24px}.funnel .bcpr-contact-content h2{font-size:27px}}@media (max-width:620px){.funnel .bcpr-contact-panel{border-radius:20px;padding:24px 20px}.funnel .bcpr-contact-content h2{font-size:25px}.bcpr-contact-checklist li{font-size:13px}.bcpr-contact-channel{padding:20px}.funnel .jia-contact-action{gap:12px;padding:17px 15px}.funnel .jia-contact-action strong{font-size:15px}.funnel .jia-contact-action small{font-size:12px}.funnel .jia-contact-action .jia-contact-icon{width:38px;height:38px}.bcpr-contact-footer{align-items:stretch;gap:20px}.funnel .bcpr-contact-footer .funnel-secondary{white-space:normal;justify-content:center;width:100%;padding:12px 10px}.funnel .funnel-footer>.zone-links{gap:10px;width:100%}.funnel .funnel-footer>span{order:2;width:100%}.funnel .funnel-test-note>summary{padding:15px 17px;font-size:13px}.rental-shop .rental-shop-footer p>a{margin:12px 0 0;display:flex}.funnel .funnel-hero-actions>a{width:100%}.funnel .class-course-link{font-size:13px}}@media (prefers-reduced-motion:reduce){.funnel .jia-contact-action,.funnel .funnel-button{transition:none}}
