.checkout-approved .co-col-left{background:#fffaee url('/theme/20260926/checkout-scene.webp') right bottom / 100% 100% no-repeat}
.co-mobile-included{display:none}.co-mobile-included summary{cursor:pointer;min-height:32px;line-height:1.5}.co-mobile-included ul{margin:10px 0 0}
.checkout-approved .co-guest-email{font-size:16px}.checkout-approved .co-account-kicker{text-transform:none;letter-spacing:0;font:600 14px var(--f-body)}
@media(max-width:600px){
.checkout-approved .co-col-left{padding:16px 18px}.checkout-approved .co-stage{display:grid;grid-template-columns:122px minmax(0,1fr);gap:16px;align-items:center}.checkout-approved .co-product.has-art{padding:0;width:116px;transform:translateX(6px)}.checkout-approved .co-book3d.is-fan img{width:42px;flex-shrink:0}.checkout-approved .co-book3d:not(.is-fan) img{width:66px}.checkout-approved .co-order{min-width:0}.checkout-approved .order-head{display:block}.checkout-approved .price{margin-top:8px;display:flex;gap:8px;align-items:baseline}.checkout-approved .co-tier-name{font-size:14px;line-height:1.4}.checkout-approved .co-tier-eyebrow{display:none}.checkout-approved #co-now{font-size:19px}.checkout-approved #co-was{font-size:11px}.checkout-approved .co-order>.feats-title,.checkout-approved .co-order>.feats,.checkout-approved .co-order>.co-promise{display:none}.co-mobile-included{display:block;grid-column:1/-1;font-size:12px}.checkout-approved .co-h1{font-size:22px;line-height:1.25}.checkout-approved .co-head{margin-bottom:12px}.checkout-approved .co{padding-top:18px}
}
@media(max-width:359px){.checkout-approved .co-stage{grid-template-columns:102px minmax(0,1fr);gap:12px}.checkout-approved .co-product.has-art{width:98px;transform:translateX(4px)}.checkout-approved .co-book3d.is-fan img{width:35px}.checkout-approved .co-tier-name{font-size:13px}.checkout-approved .co-col-left{background-image:linear-gradient(180deg,#fffaee 0%,#fffaeee8 48%,#fffaee00 90%),url('/theme/20260926/checkout-scene.webp')}}
/* Keep the scene in the product area, never in an extra spacer. */
@media(min-width:601px){
 .checkout-approved .co-stage::after{content:none}
 .checkout-approved .co-col-left{background:#fffaee}
}
@media(min-width:861px){
 .checkout-approved .co-product.has-art{position:relative;isolation:isolate;padding:16px 36px 32px 0}
 .checkout-approved .co-product .co-book3d.is-fan img{width:clamp(88px,10vw,122px)}
 .checkout-approved .co-product.has-art::before{content:'';position:absolute;inset:-24px -28px -6px;z-index:-1;background:url('/theme/20260926/checkout-scene.webp') right bottom / 100% 100% no-repeat;border-radius:20px;pointer-events:none}
 .checkout-approved .co-order{position:relative}
}
@media(min-width:601px) and (max-width:860px){
 .checkout-approved .co-stage{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:16px}
 .checkout-approved .co-product.has-art{width:160px;padding:0;transform:none}
 .checkout-approved .co-book3d.is-fan img{width:54px;flex-shrink:0}
 .checkout-approved .co-book3d:not(.is-fan) img{width:90px}
 .checkout-approved .co-order{min-width:0}
 .checkout-approved .co-order .order-head{display:block}
 .checkout-approved .co-order .price{margin-top:12px;display:flex;gap:10px;align-items:baseline}
 .checkout-approved .co-tier-name{font-size:20px}
 .checkout-approved .co-order>.feats-title,.checkout-approved .co-order>.feats,.checkout-approved .co-order>.co-promise{display:none}
 .co-mobile-included{display:block;grid-column:1/-1}
 .checkout-approved .co-col-left{background:linear-gradient(90deg,#fffaee 0%,#fffaee 48%,#fffaeecc 65%,#fffaee00 88%),url('/theme/20260926/checkout-scene.webp') right bottom / 100% 100% no-repeat}
 .checkout-approved .co-order{padding-right:70px}
}
@media(min-width:761px) and (max-width:900px){.checkout-approved .nav-left{gap:18px}.checkout-approved .nav-left a{white-space:nowrap}}

/* Keep the optional collection upgrade secondary to payment. */
.checkout-approved .co-upsell{gap:8px;padding:14px 16px;border:1px solid #e9e1d5;border-radius:14px;background:#fbf8f2}
.checkout-approved .co-upsell-title{font-family:var(--f-body);font-size:14px;font-weight:700}
.checkout-approved .co-upsell-sub{display:block;font-size:13px;line-height:1.5;color:var(--ink-soft)}
.checkout-approved .co-upsell-btn{justify-self:start;min-height:44px;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--deep,#1765a6);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.checkout-approved .co-upsell-btn:hover,.checkout-approved .co-upsell-btn:active{transform:none;box-shadow:none}
.checkout-approved .co-upsell-no{font-size:12px;min-height:32px;color:var(--ink-soft);font-weight:400}

/* Course plans: the course on a laptop, the plan's e-books leaning beside it */
.co-book3d.is-course{position:relative;display:block;width:100%;max-width:420px;margin:0 auto;padding:6px 0 18px}
.co-book3d.is-course img{transform:none}
.co-laptop{position:relative;display:block;width:100%;filter:drop-shadow(0 26px 30px rgba(43,21,0,.28))}
.co-laptop-screen{display:block;padding:3.2% 3.2% 3.6%;border-radius:14px 14px 4px 4px;background:#1d1611}
.co-laptop-screen img{display:block;width:100%!important;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px;box-shadow:none!important}
.co-laptop-base{display:block;height:12px;margin:0 -7%;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#e9e2d6,#c9bfae)}
.co-plan-books{position:absolute;right:-6%;bottom:2px;display:flex;align-items:flex-end}
.co-plan-books img{width:clamp(34px,4.4vw,58px)!important;margin-left:-14px;border-radius:5px;box-shadow:0 12px 20px -8px rgba(43,21,0,.55)!important}
.co-plan-books img:nth-child(odd){transform:translateY(-4px)}
.checkout-approved .co-product.has-art:has(.is-course){width:auto}
@media(min-width:861px){
 .checkout-approved .co-product.has-art:has(.is-course){padding:22px 34px 34px 24px}
}
@media(min-width:601px) and (max-width:860px){
 .checkout-approved .co-product.has-art:has(.is-course){width:160px}
 .co-plan-books img{width:26px!important;margin-left:-10px}
}
@media(max-width:600px){
 .checkout-approved .co-product.has-art:has(.is-course){width:116px;transform:none}
 .co-plan-books{display:none}
 .co-laptop-base{height:6px}
}

/* Emirati at Work packs at checkout: one dropdown for Fluent's included pack,
   extras folded away. Sits in the pay column, next to the total. */
.checkout-approved .co-addons{margin:16px 0 0;padding:0;background:none;box-shadow:none;border:0}
.checkout-approved .co-addons-inc{display:flex;gap:8px;align-items:center;margin:0;padding:12px 14px;border-radius:14px;background:#FFF6DC;color:#5C3A00;font-size:14px;font-weight:600}
.checkout-approved .co-pick{display:grid;gap:8px;margin:0 0 12px}
.checkout-approved .co-pick-label{font-size:15px;font-weight:600;color:var(--ink)}
.checkout-approved .co-pick-field{position:relative;display:block}
.checkout-approved .co-pick-field::after{content:'';position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2.4px solid var(--ink);border-bottom:2.4px solid var(--ink);transform:rotate(45deg);pointer-events:none}
.checkout-approved .co-pick-select{width:100%;min-height:54px;padding:0 44px 0 16px;border:0;border-radius:14px;background:#F6F1E8;color:var(--ink);font:600 16px/1.2 var(--f-body);-webkit-appearance:none;appearance:none;cursor:pointer;box-shadow:inset 0 0 0 1px #E6DCCB}
.checkout-approved .co-pick-select:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #E9B23C}
.checkout-approved .co-pick-select:invalid,.checkout-approved .co-pick-select option[value=""]{color:#8A7A68}
.checkout-approved .co-extras{border-radius:14px;box-shadow:inset 0 0 0 1px #EDE4D5}
.checkout-approved .co-extras summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 16px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}
.checkout-approved .co-extras summary::-webkit-details-marker{display:none}
.checkout-approved .co-extras summary span::before{content:'+';display:inline-block;width:18px;font-weight:700;color:#B07400}
.checkout-approved .co-extras[open] summary span::before{content:'–'}
.checkout-approved .co-extras summary em{font-style:normal;font-size:13px;font-weight:500;color:#7A6352}
.checkout-approved .co-extras .co-addons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0 10px 10px}
.checkout-approved .co-pack{display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:0;border-radius:10px;background:#FBF8F2;font:inherit;text-align:left;cursor:pointer}
.checkout-approved .co-pack:hover{background:#F6EEDD}
.checkout-approved .co-pack-tick{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px #D9CCB6;color:#B07400;font-size:13px;font-weight:700}
.checkout-approved .co-pack-name{flex:1;text-align:left;font-size:13px;font-weight:600;line-height:1.25;color:var(--ink)}
.checkout-approved .co-pack.is-on{background:#FFF1C9}
.checkout-approved .co-pack.is-on .co-pack-tick{background:#2B1500;color:#FFD45E;box-shadow:none}
@media(max-width:380px){.checkout-approved .co-extras .co-addons-grid{grid-template-columns:1fr}}

/* Early bird on small phones: crossed-out price sits above the real one so
   "Total due today" stays on one line. */
.co-summary-label { white-space: nowrap; }
@media (max-width: 440px) {
  .co-summary-price:has(.co-was-strike) { flex-direction: column; align-items: flex-end; gap: 2px; }
}