/* CertOcean homepage: phones, foldables and touch tablets (2026-10-16).
   Every rule sits inside a media query:
     phones and fold cover / unfolded screens ..... max-width 767.98px (any input)
     touch tablets, unfolded landscape, phones on their side ... 768-1499px AND touch-only (hover:none, pointer:coarse)
   Laptops and desktops use a mouse or trackpad, so none of this reaches them at any width.
   The <link> carries the same media list. Remove the <link> to switch it all off. */

/* ================= PHONES (up to 767.98px) ================= */
@media (max-width: 767.98px) {

/* ---------- shared ---------- */
html body .co-head{margin-bottom:16px}
html body .co-head .co-eyebrow{font-size:11px;padding:4px 10px;margin-bottom:8px}
html body .co-head h2,
html body #coReviewsTitle,
html body #coTeamTitle{font-size:24px !important;line-height:1.2 !important;margin-bottom:6px !important;letter-spacing:-.01em}
html body .co-head .co-sub,
html body .co-rv-head > p,
html body .co-team-lead{font-size:14px !important;line-height:1.5 !important;margin-bottom:0}
html body #why-certocean .co-eyebrow,
html body #how-it-works .co-eyebrow,
html body #coReviews .co-eyebrow{display:none}

/* ---------- top bar: one line ---------- */
html body .nav-follow.d-md-none .top-bar{padding:5px 0 !important}
html body .nav-follow.d-md-none .top-bar .row{flex-wrap:nowrap !important;align-items:center;justify-content:space-between;margin:0 !important}
html body .nav-follow.d-md-none .topbar-left,
html body .nav-follow.d-md-none .topbar-right{width:auto !important;flex:0 1 auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
html body .nav-follow.d-md-none .top-bar ul{margin:0 !important;padding:0 !important;gap:12px !important;flex-wrap:nowrap !important;justify-content:flex-start !important}
html body .nav-follow.d-md-none .top-bar ul .gap-3{gap:0 !important;flex-wrap:nowrap !important}
html body .nav-follow.d-md-none .top-bar li{margin:0 !important;padding:0 !important;line-height:1.2}
html body .nav-follow.d-md-none .top-bar a{font-size:12px !important;font-weight:600;white-space:nowrap}
html body .nav-follow.d-md-none .topbar-left .gap-3 > li:nth-child(n+2),
html body .nav-follow.d-md-none .topbar-left ul > li,
html body .nav-follow.d-md-none .topbar-right ul > li:first-child{display:none !important}

/* ---------- hero ---------- */
html body #coHero{padding-top:18px !important;padding-bottom:36px !important}
html body #coHero .co-hero-art{display:none !important}
html body #coHero .co-hero-pill{font-size:11.5px;margin-bottom:10px}
html body #coHero .co-hero-h1{font-size:26px !important;line-height:1.18 !important;margin-bottom:10px !important}
html body #coHero .co-hero-sub{font-size:14px !important;line-height:1.55 !important;margin-bottom:14px !important}
html body #coHero form.co-search{height:50px}
html body #coHero .co-chips{margin-top:10px}
html body #coHero .co-hero-cta{margin-top:12px;gap:10px !important}
html body #coHero .co-hero-trust{display:none !important}

/* ---------- stats: one compact strip ---------- */
html body .co-stats-wrap{padding:6px 0 18px !important}
html body .co-stats-wrap .co-stats{grid-template-columns:repeat(4,minmax(0,1fr)) !important;border-radius:14px}
html body .co-stats-wrap a.co-stat{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:2px;padding:10px 4px !important}
html body .co-stats-wrap .co-stat-ic,
html body .co-stats-wrap .co-stat-go{display:none !important}
html body .co-stats-wrap .co-stat-txt{width:100%}
html body .co-stats-wrap .co-stat-txt b{display:block;font-size:17px !important;line-height:1.2}
html body .co-stats-wrap .co-stat-txt small{display:block;font-size:10.5px !important;line-height:1.25 !important;margin-top:2px}

/* ---------- certifications ---------- */
html body #certifications{padding-bottom:28px !important}
html body #certifications .co-grid{grid-auto-columns:38% !important;gap:8px !important}
html body #certifications .co-tile{height:98px !important;padding:12px 8px 10px !important}
html body #certifications .co-logo{transform:scale(.82);transform-origin:center}
html body #certifications .co-codes{font-size:11px !important}
html body #certifications .co-foot{margin-top:12px !important}
html body #certifications .co-foot > p,
html body #certifications .co-partners{display:none !important}

/* ---------- popular / trending courses: one block, two tabs ---------- */
html body div.popular-section{padding:26px 0 22px !important;margin:0 !important}
html body div.popular-section:has(~ div.popular-section){display:none !important}
html.co-m-trend body div.popular-section:has(~ div.popular-section){display:block !important}
html.co-m-trend body div.popular-section ~ div.popular-section{display:none !important}
html body div.popular-section > h2{font-size:24px !important;line-height:1.2 !important;margin:0 16px 10px !important}
html body div.popular-section br{display:none}
html body .co-m-tabs{display:flex;justify-content:center;gap:6px;margin:0 16px 12px}
html body .co-m-tabs button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:13px;font-weight:800;color:#283782;cursor:pointer}
html body .co-m-tabs button[aria-selected="true"]{background:#283782;border-color:#283782;color:#fff;box-shadow:0 10px 18px -12px rgba(40,55,130,.9)}
html body .co-m-tabs button i{font-size:12px;color:#f59f0a}
html body div.popular-section .popular-slider{padding:0 !important;margin:0 !important}
html body div.popular-section .courseSwiper{overflow:visible !important;touch-action:auto !important;padding:0 !important;margin:0 !important}
html body div.popular-section .courseSwiper .swiper-wrapper{transform:none !important;display:flex;gap:12px;height:auto !important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding:4px 16px 16px;box-sizing:border-box;scrollbar-width:none;touch-action:auto}
html body div.popular-section .courseSwiper .swiper-wrapper::-webkit-scrollbar{display:none}
html body div.popular-section .courseSwiper .swiper-slide{flex:0 0 72% !important;width:72% !important;max-width:280px;margin:0 !important;height:auto !important;scroll-snap-align:start}
html body div.popular-section .swiper-pagination,
html body div.popular-section .swiper-button-next,
html body div.popular-section .swiper-button-prev{display:none !important}
html body div.popular-section .course-card{border-radius:16px !important;overflow:hidden;border:1px solid #e6ebf5;box-shadow:0 14px 26px -20px rgba(15,27,61,.55) !important}
html body div.popular-section .course-card .co-ca{height:88px;padding:10px 12px}
html body div.popular-section .course-card > .content{padding:12px !important}
html body div.popular-section .course-card > .content h4{font-size:15px !important;line-height:1.3 !important;margin:0 0 6px !important;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body div.popular-section .course-card > .content p:not(.fw-bold){display:none !important}
html body div.popular-section .course-card > .content .fw-bold{margin:0 !important;font-size:14px}
html body div.popular-section .course-card > .content > .btn-row{padding-top:10px !important;margin:0 !important;display:block}
html body div.popular-section .course-card .btn-row a.enroll{display:none !important}
html body div.popular-section .course-card .btn-row a.view{width:100%;margin:0 !important;padding:7px 10px !important;font-size:13px !important}
html body div.popular-section .explore-btn{margin:2px 16px 0 !important;text-align:center}
html body div.popular-section .explore-btn a{font-size:14px !important;padding:9px 22px !important}

/* ---------- explore programs: category chips + compact rows ---------- */
html body .main-explore{padding:28px 0 26px !important;margin:0 !important}
html body .main-explore > h2{font-size:24px !important;line-height:1.2 !important;margin:0 16px 12px !important}
html body .main-explore > .container{padding:0 16px !important}
html body .co-m-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 6px;margin:0 0 10px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 16px}
html body .co-m-chips::-webkit-scrollbar{display:none}
html body .co-m-chip{flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:13px;font-weight:700;line-height:1;color:#283782;white-space:nowrap;scroll-snap-align:start;cursor:pointer}
html body .co-m-chip.is-on{background:#283782;border-color:#283782;color:#fff;box-shadow:0 10px 18px -12px rgba(40,55,130,.9)}
html body .main-explore #course-area{margin:0 !important}
html body .main-explore .course-item{width:100% !important;flex:0 0 100% !important;max-width:100% !important;padding:0 !important;margin:0 0 8px !important}
html body .main-explore .course-item:not(.d-none):nth-child(n+7 of .course-item:not(.d-none)){display:none !important}
html body .main-explore .course-item > a:empty{display:none}
html body .main-explore .course-card{display:grid !important;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;height:auto !important;padding:8px 12px 8px 8px;border-radius:16px !important;border:1px solid #e6ebf5 !important;box-shadow:0 12px 24px -20px rgba(15,27,61,.6) !important;background:#fff}
html body .main-explore .course-card > a:first-child{display:block;text-decoration:none}
html body .main-explore .course-card .co-ca{width:64px;height:64px;padding:0;border-radius:13px;display:grid;place-items:center}
html body .main-explore .course-card .co-ca::after{width:70px;height:70px;right:-24px;top:-28px}
html body .main-explore .course-card .co-ca-flags,
html body .main-explore .course-card .co-ca-ven,
html body .main-explore .course-card .co-ca-deco{display:none !important}
html body .main-explore .course-card .co-ca-id{display:block}
html body .main-explore .course-card .co-ca-tile{transform:none;width:44px;height:44px;flex-basis:44px;border-radius:11px}
html body .main-explore .course-card > .card-body{padding:0 !important;min-width:0}
html body .main-explore .course-card h5{font-size:15px !important;line-height:1.3 !important;margin:0 0 4px !important;color:#0f1b3d !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .main-explore .course-card .small-detail,
html body .main-explore .course-card a.view-program{display:none !important}
html body .main-explore .course-card .mt-auto{margin-top:0 !important}
html body .main-explore .course-card .mt-auto p{margin:0 !important;font-size:14px}
html body .main-explore > .container .text-center{padding-top:14px !important}
html body .main-explore > .container .text-center .btn{font-size:14px !important;padding:10px 22px !important;border-radius:12px}

/* category grid: the chips above replace it on phones */
html body .category-section{display:none !important}

/* ---------- why certocean ---------- */
html body #why-certocean{padding-top:32px !important;padding-bottom:32px !important}
html body #why-certocean .co-bento{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
html body #why-certocean .co-b-xl{grid-column:1 / -1 !important;padding:18px !important}
html body #why-certocean .co-gx,
html body #why-certocean .co-xl-legal,
html body #why-certocean .co-gx-steps li > span:not(.co-gx-n){display:none !important}
html body #why-certocean .co-xl-top{display:block !important;gap:0 !important}
html body #why-certocean .co-xl-copy h3{font-size:21px !important;line-height:1.2 !important}
html body #why-certocean .co-xl-copy p{font-size:14px !important;line-height:1.55 !important;margin-bottom:0}
html body #why-certocean .co-gx-steps{margin:14px 0 0 !important;gap:8px !important}
html body #why-certocean .co-gx-steps li{display:flex !important;align-items:center !important;gap:12px !important;padding:8px 10px !important;min-height:0 !important}
html body #why-certocean .co-gx-steps li b{margin:0 !important}
html body #why-certocean .co-gx-n{width:30px !important;height:30px !important;flex:0 0 30px !important;font-size:13px !important}
html body #why-certocean .co-xl-foot{margin-top:14px !important;padding-top:0 !important;border:0 !important}
html body #why-certocean .co-b:not(.co-b-xl){display:flex !important;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 8px !important;grid-column:auto !important}
html body #why-certocean .co-b:not(.co-b-xl) p,
html body #why-certocean .co-b .co-mini{display:none !important}
html body #why-certocean .co-b:not(.co-b-xl) h3{font-size:13px !important;line-height:1.3 !important;margin:0 !important}
html body #why-certocean .co-b-ic{width:36px !important;height:36px !important;font-size:15px !important}
/* the Trustpilot score already shows in the stats strip and the reviews block */
html body #why-certocean .co-b.co-b-tp{display:none !important}

/* ---------- reviews ---------- */
html body #coReviews{padding-top:32px !important;padding-bottom:30px !important}
html body #coReviews .co-rv-head{margin-bottom:12px !important}
html body #coReviews .co-rv-cta,
html body #coReviews .co-rv-note{display:none !important}
html body #coReviews .co-rv-track{grid-auto-columns:84% !important;gap:12px !important}
html body #coReviews article.co-card{padding:16px !important}
html body #coReviews .co-quote{font-size:14px !important;line-height:1.55 !important;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- how it works ---------- */
html body #how-it-works{padding-top:32px !important;padding-bottom:30px !important}
html body #how-it-works .co-steps{gap:10px !important}
html body #how-it-works .co-step-card{padding:12px 14px !important}
html body #how-it-works .co-step-label,
html body #how-it-works .co-step .co-chip,
html body #how-it-works .co-how-cta{display:none !important}
html body #how-it-works .co-step h3{font-size:15px !important;margin:0 0 3px !important}
html body #how-it-works .co-step p{font-size:13px !important;line-height:1.45 !important;margin:0 !important}
html body #how-it-works .co-step-num{width:38px !important;height:38px !important;font-size:15px !important}

/* ---------- team training ---------- */
html body #request-button{padding-bottom:30px !important}
html body #request-button .co-team-visual,
html body #request-button .co-team-trust,
html body #request-button .co-team-list li > div > span,
html body #request-button .co-team-cta .co-btn-line{display:none !important}
html body #request-button .co-team-panel{padding:22px 18px !important}
html body #request-button .co-team-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px !important;margin:14px 0 !important}
html body #request-button .co-team-list li{display:flex !important;align-items:center;gap:8px !important;padding:8px !important;margin:0 !important;border-radius:12px;background:#fff;border:1px solid #e6ebf5}
html body #request-button .co-team-list li b{font-size:12.5px !important;line-height:1.25 !important}
html body #request-button .co-team-ic{width:30px !important;height:30px !important;flex:0 0 30px !important;font-size:13px !important}
html body #request-button .co-team-cta{margin-top:0 !important}
html body #request-button .co-team-cta .co-btn{width:100%}

/* ---------- lead form ---------- */
html body #coLead{padding-top:28px !important;padding-bottom:28px !important}
html body #coLead .co-lead-h3,
html body #coLead .co-lead-list{display:none !important}
html body #coLead .co-lead-info{padding-bottom:16px !important}
html body #coLead .co-lead-sub{margin-bottom:10px !important}

/* ---------- footer ---------- */
html body footer.cf-footer .cf-news{padding:18px !important;gap:12px !important}
html body footer.cf-footer .cf-news-ic,
html body footer.cf-footer .cf-news-copy p,
html body footer.cf-footer .cf-about{display:none !important}
html body footer.cf-footer .cf-news-title{font-size:17px !important;margin:0 !important}
html body footer.cf-footer .cf-main{display:block !important;padding-top:22px !important;padding-bottom:4px !important}
html body footer.cf-footer .cf-brand{margin-bottom:14px}
html body footer.cf-footer .cf-brand-top{margin-bottom:6px !important}
html body footer.cf-footer .cf-contact{gap:4px !important}
html body footer.cf-footer .cf-contact li{padding:3px 0 !important;min-height:0 !important}
html body footer.cf-footer nav.cf-col{border-top:1px solid rgba(255,255,255,.12);padding:0 !important;margin:0 !important}
html body footer.cf-footer nav.cf-col:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
html.co-m-acc body footer.cf-footer nav.cf-col > h3{position:relative;margin:0 !important;padding:14px 28px 14px 0 !important;font-size:13.5px !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.co-m-acc body footer.cf-footer nav.cf-col > h3::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.8}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > h3::after{transform:rotate(-135deg);margin-top:-2px}
html.co-m-acc body footer.cf-footer nav.cf-col:not(.co-m-open) > :not(h3){display:none !important}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > ul{padding-bottom:12px !important}
html body footer.cf-footer .cf-trust{gap:8px !important;margin-top:0 !important;padding-top:18px !important}
html body footer.cf-footer .cf-trust .cf-chip{font-size:11.5px !important;padding:7px 10px !important}
html body footer.cf-footer .cf-bottom{padding-top:14px !important;margin-top:14px !important}

}

/* ================= SMALL PHONES AND OLD FOLD COVER SCREENS (up to 339.98px, e.g. 320px phones, Galaxy Fold cover 280px) ================= */
@media (max-width: 339.98px) {
/* WhatsApp stays one tap away on the floating button */
html body .nav-follow.d-md-none .topbar-left{display:none !important}
html body .nav-follow.d-md-none .top-bar .row{justify-content:flex-end !important}
html body #coHero .co-hero-h1{font-size:22px !important}
html body #coHero .co-hero-cta .co-btn{flex:1 1 100% !important}
html body .co-head h2,
html body #coReviewsTitle,
html body #coTeamTitle,
html body div.popular-section > h2,
html body .main-explore > h2{font-size:22px !important}
html body .co-stats-wrap .co-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html body #why-certocean .co-b:not(.co-b-xl){padding:10px 6px !important}
html body #why-certocean .co-b:not(.co-b-xl) h3{font-size:12px !important}
html body #request-button .co-team-list{grid-template-columns:minmax(0,1fr) !important}
html body #coLead .co-f-row{grid-template-columns:minmax(0,1fr) !important}
html body #coLead .co-f,
html body #coLead .co-f-group{min-width:0 !important;max-width:100% !important}
html body #coLead select,
html body #coLead input{min-width:0 !important;max-width:100% !important}
}

/* very narrow cover screens (up to 309.98px): the logo is drawn with scale(2.5), so shrink it to keep the header on one row */
@media (max-width: 309.98px) {
html body nav.navbar .navbar-brand img{height:16px !important;margin-right:46px !important}
}

/* ================= WIDE PHONES, UNFOLDED FOLDABLES, iPad mini PORTRAIT, SPLIT VIEW (576-767.98px) ================= */
@media (min-width: 576px) and (max-width: 767.98px) {
html body div.popular-section{max-width:none !important;width:100% !important}
html body div.popular-section .courseSwiper .swiper-wrapper{padding-left:calc((100% - 516px) / 2);padding-right:calc((100% - 516px) / 2);scroll-padding:0 calc((100% - 516px) / 2)}
html body div.popular-section .courseSwiper .swiper-slide{flex:0 0 250px !important;width:250px !important;max-width:none}
html body .co-m-chips{padding-left:calc((100% - 516px) / 2);padding-right:calc((100% - 516px) / 2);scroll-padding:0 calc((100% - 516px) / 2)}
html body .main-explore #course-area{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .main-explore .course-item{margin:0 !important}
html body #certifications .co-grid{grid-auto-columns:23.5% !important}
html body #coReviews .co-rv-track{grid-auto-columns:62% !important}
html body #request-button .co-team-list{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ================= TOUCH TABLETS, UNFOLDED LANDSCAPE, PHONES ON THEIR SIDE (768-1499px, touch only) ================= */
@media (min-width: 768px) and (max-width: 1499.98px) and (hover: none) and (pointer: coarse) {
/* navbar stays on one row: the big hero search replaces the small navbar search on this page */
html body nav.navbar .search-container{display:none !important}
html body nav.navbar #mainNavbar .nav-link,
html body nav.navbar #coursesDropdown,
html body nav.navbar li.submenu a{white-space:nowrap}

html body #why-certocean .co-eyebrow,
html body #how-it-works .co-eyebrow,
html body #coReviews .co-eyebrow{display:none}

/* stats: one strip of four */
html body .co-stats-wrap .co-stats{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
html body .co-stats-wrap a.co-stat{padding:14px 12px !important}
html body .co-stats-wrap .co-stat-go{display:none !important}

/* certifications */
html body #certifications .co-foot > p,
html body #certifications .co-partners{display:none !important}

/* popular / trending: one block with two tabs, Swiper keeps working */
html body div.popular-section:has(~ div.popular-section){display:none !important}
html.co-m-trend body div.popular-section:has(~ div.popular-section){display:block !important}
html.co-m-trend body div.popular-section ~ div.popular-section{display:none !important}
html body div.popular-section > h2{margin-bottom:12px !important}
html body .co-m-tabs{display:flex;justify-content:center;gap:8px;margin:0 16px 18px}
html body .co-m-tabs button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:14px;font-weight:800;color:#283782;cursor:pointer}
html body .co-m-tabs button[aria-selected="true"]{background:#283782;border-color:#283782;color:#fff;box-shadow:0 10px 18px -12px rgba(40,55,130,.9)}
html body .co-m-tabs button i{font-size:13px;color:#f59f0a}

/* explore programs: category chips + compact cards in a grid (the long sidebar list is hidden) */
html body .show-explore{display:none !important}
html body .main-explore{display:block !important;padding:44px 0 40px !important;margin:0 !important}
html body .main-explore > h2{margin:0 0 16px !important}
html body .co-m-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1140px;margin:0 auto 18px;padding:0 24px}
html body .co-m-chip{flex:0 0 auto;height:38px;padding:0 16px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:13.5px;font-weight:700;line-height:1;color:#283782;white-space:nowrap;cursor:pointer}
html body .co-m-chip.is-on{background:#283782;border-color:#283782;color:#fff;box-shadow:0 10px 18px -12px rgba(40,55,130,.9)}
html body .main-explore #course-area{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 !important}
html body .main-explore .course-item{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
html body .main-explore .course-item:not(.d-none):nth-child(n+7 of .course-item:not(.d-none)){display:none !important}
html body .main-explore .course-item > a:empty{display:none}
html body .main-explore .course-card{display:grid !important;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;height:100% !important;padding:10px 14px 10px 10px;border-radius:16px !important;border:1px solid #e6ebf5 !important;box-shadow:0 12px 24px -20px rgba(15,27,61,.6) !important;background:#fff}
html body .main-explore .course-card > a:first-child{display:block;text-decoration:none}
html body .main-explore .course-card .co-ca{width:72px;height:72px;padding:0;border-radius:14px;display:grid;place-items:center}
html body .main-explore .course-card .co-ca::after{width:70px;height:70px;right:-24px;top:-28px}
html body .main-explore .course-card .co-ca-flags,
html body .main-explore .course-card .co-ca-ven,
html body .main-explore .course-card .co-ca-deco{display:none !important}
html body .main-explore .course-card .co-ca-id{display:block}
html body .main-explore .course-card .co-ca-tile{transform:none;width:48px;height:48px;flex-basis:48px;border-radius:12px}
html body .main-explore .course-card > .card-body{padding:0 !important;min-width:0}
html body .main-explore .course-card h5{font-size:15.5px !important;line-height:1.3 !important;margin:0 0 4px !important;color:#0f1b3d !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .main-explore .course-card .small-detail,
html body .main-explore .course-card a.view-program{display:none !important}
html body .main-explore .course-card .mt-auto{margin-top:0 !important}
html body .main-explore .course-card .mt-auto p{margin:0 !important;font-size:14.5px}
html body .main-explore > .container .text-center{padding-top:30px !important}

/* category grid: the chips above replace it */
html body .category-section{display:none !important}

/* why certocean: the four small cards keep the grid full, their extra lines go */
html body #why-certocean .co-xl-legal,
html body #why-certocean .co-b:not(.co-b-xl):not(.co-b-tp) p,
html body #why-certocean .co-b .co-mini{display:none !important}

/* reviews, how it works, team */
html body #coReviews .co-rv-cta,
html body #coReviews .co-rv-note,
html body #how-it-works .co-step .co-chip,
html body #how-it-works .co-how-cta,
html body #request-button .co-team-trust{display:none !important}
}

/* tablets where the hero and team blocks stack (768-1199.98px, touch only): drop the big illustrations */
@media (min-width: 768px) and (max-width: 1199.98px) and (hover: none) and (pointer: coarse) {
html body #coHero .co-hero-art,
html body #request-button .co-team-visual{display:none !important}
html body #coHero{padding-bottom:56px !important}
}

/* stacked lead block on portrait tablets (768-991.98px, touch only) */
@media (min-width: 768px) and (max-width: 991.98px) and (hover: none) and (pointer: coarse) {
html body #coLead .co-lead-h3,
html body #coLead .co-lead-list{display:none !important}
}

/* landscape tablets (1024-1499px, touch only): three cards per row */
@media (min-width: 1024px) and (max-width: 1499.98px) and (hover: none) and (pointer: coarse) {
html body .main-explore #course-area{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* footer link columns fold away on portrait tablets and unfolded foldables (768-1023.98px, touch only) */
@media (min-width: 768px) and (max-width: 1023.98px) and (hover: none) and (pointer: coarse) {
html body footer.cf-footer .cf-news{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
html body footer.cf-footer .cf-news-copy p{display:none !important}
html body footer.cf-footer .cf-main{display:block !important}
html body footer.cf-footer .cf-brand{margin-bottom:16px}
html body footer.cf-footer nav.cf-col{border-top:1px solid rgba(255,255,255,.12);padding:0 !important;margin:0 !important}
html body footer.cf-footer nav.cf-col:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
html.co-m-acc body footer.cf-footer nav.cf-col > h3{position:relative;margin:0 !important;padding:16px 30px 16px 0 !important;font-size:14px !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.co-m-acc body footer.cf-footer nav.cf-col > h3::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.8}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > h3::after{transform:rotate(-135deg);margin-top:-2px}
html.co-m-acc body footer.cf-footer nav.cf-col:not(.co-m-open) > :not(h3){display:none !important}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > ul{padding-bottom:12px !important}
}