.commerce-shell{min-height:calc(100vh - var(--fx-header-height));padding:clamp(36px,6vw,78px) 0;background:linear-gradient(145deg,var(--fx-soft),#fff 58%,var(--fx-orange-100))}.commerce-heading{max-width:780px;margin:0 auto 34px;text-align:center}.commerce-heading p{max-width:680px;margin-inline:auto}.commerce-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,64px);align-items:start}.commerce-layout--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-card{padding:clamp(22px,4vw,38px);border:1px solid var(--fx-line);border-radius:var(--fx-radius-lg);background:#fff;box-shadow:var(--fx-shadow-md)}.commerce-card--navy{color:#fff;background:var(--fx-navy-950)}.commerce-card--navy h2,.commerce-card--navy h3{color:#fff}.commerce-card--navy p,.commerce-card--navy dt{color:rgba(255,255,255,.72)}.commerce-card__head{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--fx-line)}.commerce-card__head h2{margin-bottom:0}.commerce-badge{display:inline-flex;padding:7px 10px;border-radius:999px;color:var(--fx-orange-600);background:var(--fx-orange-100);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.commerce-price{display:grid;flex:none;text-align:right}.commerce-price strong{color:var(--fx-orange-600);font-size:2.2rem}.commerce-price span{color:var(--fx-muted);font-size:.74rem}.commerce-description{margin-bottom:20px}.commerce-grid,.commerce-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.commerce-grid div,.commerce-summary div{padding:14px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:var(--fx-soft)}.commerce-grid dt,.commerce-summary span{display:block;color:var(--fx-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.commerce-grid dd,.commerce-summary strong{display:block;margin:5px 0 0;color:var(--fx-navy-950);font-weight:900;overflow-wrap:anywhere}.commerce-card--navy .commerce-grid div{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06)}.commerce-card--navy .commerce-grid dd{color:#fff}.commerce-form{display:grid;gap:15px}.commerce-form label{display:grid;gap:7px;color:var(--fx-navy-950);font-weight:800}.commerce-form input,.commerce-form select{width:100%;min-height:52px;padding:12px 13px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:#fff;color:var(--fx-ink)}.commerce-form input:focus,.commerce-form select:focus{outline:3px solid rgba(243,107,19,.16);border-color:var(--fx-orange-500)}.commerce-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.commerce-form__check{display:flex!important;gap:9px;align-items:flex-start!important;color:var(--fx-muted)!important;font-size:.87rem}.commerce-form__check input{width:18px;min-height:18px;margin-top:3px}.commerce-form>.button,.commerce-card>.button{width:100%}.commerce-status{margin:10px 0 0;color:var(--fx-muted);font-weight:800}.commerce-status[hidden]{display:none}.commerce-status.is-error{color:var(--fx-danger)}.commerce-status.is-success{color:var(--fx-success)}
.commerce-benefits{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none}.commerce-benefits li{padding-left:28px;position:relative}.commerce-benefits li::before{content:'✓';position:absolute;left:0;color:var(--fx-orange-500);font-weight:900}.commerce-security{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:30px}.commerce-security article{padding:18px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm);background:#fff;text-align:center}.commerce-security h3{font-size:.92rem}.commerce-security p{margin:5px 0 0;font-size:.78rem}.commerce-total{display:grid;gap:5px;margin:20px 0;padding:20px;border-radius:var(--fx-radius-md);color:#fff;background:var(--fx-navy-950)}.commerce-total span{color:rgba(255,255,255,.68);font-size:.75rem;text-transform:uppercase}.commerce-total h2{margin:0;color:var(--fx-orange-500);font-size:2.3rem}.commerce-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.commerce-actions .button{flex:1}.coupon-card{margin-top:18px}.coupon-form{display:flex;gap:10px}.coupon-form input{flex:1;min-height:48px;padding:11px 13px;border:1px solid var(--fx-line);border-radius:var(--fx-radius-sm)}.coupon-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.coupon-summary div{padding:12px;border-radius:var(--fx-radius-sm);background:var(--fx-soft)}.coupon-summary span{display:block;color:var(--fx-muted);font-size:.7rem}.coupon-summary strong{display:block;margin-top:3px;color:var(--fx-navy-950)}.coupon-final{grid-column:1/-1;border:1px solid var(--fx-orange-500)}
.result-hero{width:min(820px,calc(100% - 32px));margin:auto;padding:clamp(28px,5vw,50px);border:1px solid var(--fx-line);border-radius:var(--fx-radius-lg);background:#fff;box-shadow:var(--fx-shadow-md);text-align:center}.result-icon{display:grid;width:76px;height:76px;place-items:center;margin:0 auto 20px;border-radius:50%;color:#fff;background:var(--fx-success);font-size:2rem;font-weight:900}.result-hero.failure .result-icon{background:var(--fx-orange-600)}.result-hero .commerce-summary{margin-top:24px;text-align:left}.result-hero .commerce-actions{justify-content:center}.result-hero .commerce-actions .button{flex:0 1 auto}.result-support{margin-top:20px;padding:16px;border-radius:var(--fx-radius-sm);background:var(--fx-soft)}
.custom-notice{padding:16px;border-left:4px solid var(--fx-orange-500);border-radius:0 var(--fx-radius-sm) var(--fx-radius-sm) 0;background:var(--fx-orange-100)}
@media(max-width:900px){.commerce-layout,.commerce-layout--balanced{grid-template-columns:1fr}.commerce-security{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.commerce-grid,.commerce-summary,.commerce-form__grid,.coupon-summary{grid-template-columns:1fr}.commerce-card__head{display:grid}.commerce-price{text-align:left}.commerce-security{grid-template-columns:1fr}.coupon-form{display:grid}.coupon-final{grid-column:auto}.commerce-actions .button{flex-basis:100%}}

/* ==================================================
   DESKTOP + TABLET
   Shared Course/Main-Assessment checkout presentation
   ================================================== */

.commerce-shell{background:radial-gradient(circle at 8% 5%,rgba(243,107,19,.075),transparent 25%),linear-gradient(145deg,#f3f6fa,#fff 56%,#fff6ed)}
.commerce-heading{margin-bottom:clamp(26px,4vw,40px)}
.commerce-card,.commerce-security article,.result-hero{border-color:rgba(7,20,47,.12);box-shadow:0 16px 38px rgba(7,20,47,.09)}
.commerce-card{position:relative;overflow:hidden}
.commerce-card--navy{border-color:rgba(255,255,255,.12);box-shadow:0 22px 50px rgba(7,20,47,.18)}
.commerce-card--navy::after{position:absolute;right:-85px;bottom:-120px;width:240px;height:240px;background:radial-gradient(circle,rgba(243,107,19,.22),transparent 68%);content:"";pointer-events:none}
.commerce-card--navy>*{position:relative;z-index:1}
.commerce-grid div,.commerce-summary div,.commerce-security article{transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.commerce-form input,.commerce-form select{border-color:rgba(7,20,47,.16);box-shadow:inset 0 1px 2px rgba(7,20,47,.035)}
.commerce-form__grid[hidden]{display:none}.commerce-form__grid:not([hidden]){display:grid}
.commerce-security article{height:100%;background:rgba(255,255,255,.92)}
@media(hover:hover) and (pointer:fine){.commerce-security article:hover,.commerce-card:not(.commerce-card--navy):hover{border-color:rgba(243,107,19,.28);box-shadow:0 20px 46px rgba(7,20,47,.12);transform:translateY(-4px)}.commerce-grid div:hover,.commerce-summary div:hover{border-color:rgba(243,107,19,.26)}}
@media(max-width:900px){.commerce-shell{padding-block:42px 58px}.commerce-layout{gap:22px}.commerce-card{padding:clamp(22px,4vw,32px)}}

/* ==================================================
   MOBILE
   Mobile checkout layout and control sizing
   ================================================== */

@media(max-width:560px){.commerce-shell{padding-block:30px 48px}.commerce-heading{margin-bottom:24px;text-align:left}.commerce-card{padding:22px 18px;border-radius:var(--fx-radius-md)}.commerce-card__head{gap:12px;margin-bottom:16px;padding-bottom:16px}.commerce-form input,.commerce-form select,.commerce-form>.button,.commerce-card>.button{min-height:50px}.commerce-security{gap:10px}.commerce-security article{padding:15px}.commerce-card,.commerce-security article{transform:none}}
@media(prefers-reduced-motion:reduce){.commerce-card,.commerce-grid div,.commerce-summary div,.commerce-security article,.result-hero{transform:none!important;transition:none!important}}

/* Registration/commerce intro: keep the primary heading legible and compact on navy cards. */
.commerce-card--navy h1{
  margin:22px 0 16px;
  color:#fff;
  font-size:clamp(2.15rem,4vw,3.4rem);
  line-height:1.05;
  letter-spacing:-.035em;
}

.commerce-card--navy .custom-notice{
  color:var(--fx-navy-950);
}

.commerce-card--navy .custom-notice p{
  color:var(--fx-navy-700);
}

@media(max-width:560px){
  .commerce-card--navy h1{
    margin:18px 0 14px;
    font-size:clamp(2rem,10vw,2.65rem);
  }
}