/* CAE: a compact sales experience, with the course as the visual focus. */
.quick-categories{display:flex;position:static;gap:8px;flex-wrap:wrap;padding:0;margin:24px 0 0;background:none;box-shadow:none}
.quick-categories a{border:1px solid #ffffff45;background:#ffffff0d;color:#fff;border-radius:30px;padding:9px 14px;text-decoration:none;font-size:14px;line-height:1.4;min-height:44px;display:inline-flex;align-items:center}
.quick-categories a:hover{background:#ffffff22}
.course-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.course-primary-actions .button{margin:0}
@media(max-width:760px){
 body{background:#f5f7fa;font-size:16px;line-height:1.55}
 .review{display:none}
 header,.site-landing header{position:sticky;top:0;background:#fff;box-shadow:0 2px 12px #132d4710}
 .navrow{min-height:64px;gap:12px}
 .logo{width:120px;height:58px}
 .menu{border-radius:10px;font-weight:650;background:#f5f7fa}
 .wrap{width:calc(100% - 32px)}
 .storefront .hero{padding:22px 16px 20px;display:block;background:#0b2c50}
 .storefront .hero h1{font-size:28px;line-height:1.15;letter-spacing:-.7px;margin:8px 0 12px;max-width:440px}
 .storefront .hero .eyebrow{font-size:13px;letter-spacing:.6px;text-transform:none}
 .storefront .hero p{font-size:16px;line-height:1.45;max-width:460px;margin:0 0 14px}
 .storefront .hero-photo,.storefront .hero .controls,.storefront .hero #heroLink{display:none}
 .quick-categories{display:flex!important;overflow-x:auto;flex-wrap:nowrap;gap:8px;margin:16px -16px 0;padding:0 16px 2px;scrollbar-width:none;width:calc(100% + 32px)}
 .quick-categories a{flex:none;white-space:nowrap;font-size:14px;padding:9px 13px;min-height:44px;border-radius:24px}
 .storefront .featured{padding:24px 0 28px}
 .storefront .featured .sectiontop{margin-bottom:12px}
 .storefront .featured .eyebrow{display:none}
 .storefront .featured h2{font-size:23px;line-height:1.25;margin:0}
 .featured-controls{gap:8px;margin-top:12px}
 .featured-controls button{padding:8px 12px;font-size:14px;border-radius:8px;background:#fff}
 .featured-track{margin-top:12px;padding-bottom:12px}
 .carousel-group>.product-card{width:min(290px,calc(100vw - 64px));max-width:none;border-radius:14px;padding:14px;background:#fff;box-shadow:0 4px 16px #10283d08}
 .featured-track .product-card img{height:140px;aspect-ratio:16/9;border-radius:8px;background:#f3f6f8}
 .featured-track .product-card h3{font-size:19px;line-height:1.25;min-height:48px;margin:12px 0 8px}
 .featured-track .product-card .offer-state{font-size:13px;padding:4px 8px;margin-bottom:10px}
 .featured-track .product-card>p:not(.product-price){display:none}
 .featured-track .product-price{font-size:23px;line-height:1.2;margin:8px 0 10px}
 .featured-track .card-actions{padding:0}
 .featured-track .card-actions .button{background:#00798e;border-color:#00798e;border-radius:9px}
 .storefront section.categories{padding:20px 0 28px!important;border-top:1px solid #e0e7ee}
 .storefront section.categories h2{font-size:23px;margin:0 0 10px}
 .storefront section.categories .eyebrow{display:none}
 #categories .card{padding:16px;border-radius:12px;grid-template-columns:38px minmax(0,1fr);gap:10px}
 #categories .card:before{display:none}
 #categories .icon{width:38px;height:38px;font-size:20px}
 #categories h3{font-size:18px;margin:6px 0}
 #categories p{font-size:15px;line-height:1.5;margin:4px 0 10px}
 #categories small{padding-top:10px}
 .storefront .how{background:#fff;padding:24px 0;color:#24384c;border-block:1px solid #e0e7ee}
 .storefront .how h2,.storefront .how h3{color:#0b2c50}
 .storefront .how .eyebrow{display:none}
 .storefront .how h2{font-size:22px;margin:0 0 12px}
 .storefront .howgrid{gap:16px;margin:0}
 .storefront .howgrid>div{border-left:2px solid #d7e8ed;padding:0 0 0 12px}
 .storefront .howgrid h3{font-size:18px;margin:5px 0}
 .storefront .howgrid p{font-size:15px;line-height:1.5;color:#526579}
 .storefront .step{color:#00798e;font-size:13px}
 .trust-panel,.purchase-panel{padding:22px 18px!important;border-radius:14px!important;margin:20px auto!important}
 .trust-panel h2,.purchase-panel h2{font-size:22px!important;margin:0 0 12px}
 .trust-panel p,.purchase-panel p{font-size:16px;line-height:1.55}
 .site-landing .navrow{display:flex;flex-wrap:wrap;padding:4px 0 8px;gap:0}
 .site-landing .navrow>a{display:block;width:100%}
 .site-landing header nav{display:flex;position:static;flex-direction:row;overflow-x:auto;gap:4px;width:100%;flex-wrap:nowrap;padding:0;background:none;box-shadow:none}
 .site-landing header nav a{font-size:14px;white-space:nowrap;min-height:44px;padding:10px 9px;border-radius:8px;background:#f4f7fa}
 .site-landing main.landing{padding-top:18px!important}
 .site-landing .breadcrumb{font-size:14px;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}
 .site-landing h1{font-size:27px!important;line-height:1.2;letter-spacing:-.6px;margin:8px 0 18px}
 .site-landing .product-layout{margin-top:0;gap:16px}
 .site-landing .product-layout>img{height:170px;max-height:170px;width:100%;object-fit:contain;border-radius:14px;position:static;background:#fff}
 .site-landing .product-layout>div>p:first-child{font-size:16px;line-height:1.5}
 .site-landing .product-price{font-size:26px;margin:12px 0 6px}
 .site-landing .price-note{font-size:14px;line-height:1.45;margin:0 0 12px}
 .course-primary-actions{gap:8px;margin:16px 0}
 .course-primary-actions .button{display:block;width:100%;min-height:48px;border-radius:10px;text-align:center}
 .site-landing h2{font-size:23px;line-height:1.25}
 .site-landing .course-module{background:#fff;border-radius:10px;padding:15px}
 .site-landing .landing-track .product-card h2{font-size:19px}
 .site-landing .landing-track .product-card img{height:140px}
 .site-landing .landing-track .product-card>p:not(.product-price){font-size:15px;line-height:1.5}
 .cae-chat-toggle{padding:6px;right:12px;bottom:12px;width:50px;height:50px;justify-content:center}
 .cae-chat-toggle>span{display:none}
 .cae-chat-toggle img{width:36px;height:36px}
 .cae-chat{right:12px;bottom:74px;width:calc(100vw - 24px);max-height:calc(100dvh - 90px)}
 a.floating{display:none}
}