.cooking-ai-page { background: #f6f7fb; }
.cooking-hero { padding: 150px 0 84px; color: #fff; background: radial-gradient(ellipse at 90% 10%, #253568 0, transparent 55%), #0b102a; }
.cooking-hero h1 { font-size: clamp(42px, 5vw, 70px); line-height: 1.04; letter-spacing: -.045em; margin: 24px 0 30px; }
.cooking-hero h1 em { color: #9aa6ff; font-style: normal; }
.cooking-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; }
.cooking-hero-grid::before, .cooking-hero-grid::after { display: none; content: none; }
.cooking-hero-copy { min-width: 0; overflow-wrap: anywhere; }
.cooking-hero-image { display: block; width: 100%; height: 460px; object-fit: cover; border-radius: 16px; }
.cooking-opening { font-size: clamp(20px, 3vw, 27px); color: #fff; line-height: 1.5; }
.cooking-lede { max-width: 610px; font-size: 19px; line-height: 1.7; color: #e2e5f6; margin: 18px 0 32px; }
.cooking-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.cooking-hero .button-primary { color: #fff; background: #4653d9; }
.cooking-hero .button-primary:hover { color: #fff; background: #3a46c3; }
.cooking-hero .cooking-secondary { color: #e2e5f6; font-weight: 600; }
.cooking-content { padding: 72px 0; }
.cooking-content h2, .cooking-next h2 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -.03em; line-height: 1.2; margin: 18px 0; }
.cooking-series-description, .cooking-topic-description { white-space: pre-line; }
.cooking-series-description { max-width: 820px; color: #494f7a; overflow-wrap: anywhere; }
.cooking-outcomes summary { cursor: pointer; color: #373d89; font-weight: 600; }
.cooking-outcomes li { margin-top: 10px; line-height: 1.6; }
.cooking-outcomes ul { padding-left: 20px; }
.cooking-presenters, .cooking-replay, .cooking-no-sessions, .cooking-booking-status { color: #494f7a; font-size: 14px; }
.cooking-topics .webinar-card > img { height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.cooking-topics .webinar-card h3 { font-size: 23px; }
.cooking-ai-page summary:focus-visible, .cooking-ai-page select:focus-visible { outline: 3px solid #373d89; outline-offset: 5px; }
.cooking-ai-page main > .webinars-empty { margin: 140px auto 80px; }
.cooking-next p { color: #494f7a; line-height: 1.8; }
.cooking-next { padding: 64px 0 76px; background: #fff; border-top: 1px solid #d9ddeb; }
.cooking-next-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
.cooking-next-grid::before, .cooking-next-grid::after { display: none; content: none; }
.cooking-next-actions p { font-size: 14px; margin: 20px 0; }
.cooking-next-actions > a:last-child { color: #373d89; font-weight: 600; }
.cooking-ai-page main a:focus-visible { outline: 3px solid #373d89; outline-offset: 6px; }
.cooking-hero a:focus-visible { outline-color: #58d4ff; }
.cooking-cart { margin: 40px auto; padding: 28px; border: 1px solid #d9ddeb; border-radius: 16px; background: #fff; color: #0b102a; }
.cooking-cart[hidden], .cooking-session-add[hidden] { display: none; }
.cooking-cart-heading, .cooking-cart li { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.cooking-cart h2 { font-size: 28px; margin: 0; }
#cart-title { scroll-margin-top: 100px; }
.cooking-cart h2 span { color: #4653d9; }
.cooking-cart ul { list-style: none; padding: 0; margin: 24px 0; }
.cooking-cart li { padding: 16px 0; border-bottom: 1px solid #d9ddeb; }
.cooking-cart li div { min-width: 0; overflow-wrap: anywhere; }
.cooking-cart p { color: #494f7a; line-height: 1.6; }
.cooking-cart li p { margin: 8px 0 0; }
.cooking-cart button, .cooking-session-add { cursor: pointer; border: 1px solid #4653d9; border-radius: 7px; background: #fff; color: #373d89; padding: 10px 14px; font: inherit; font-weight: 600; }
.cooking-session-add { margin: 8px 0; }
.cooking-cart button:disabled, .cooking-session-add:disabled { cursor: default; opacity: .65; }
.cooking-cart button:focus-visible, .cooking-session-add:focus-visible { outline: 3px solid #373d89; outline-offset: 4px; }
.cooking-cart .button-dark { color: #fff; background: #0b102a; }
.cooking-cart-review { position: fixed; right: 24px; bottom: 24px; z-index: 100; padding: 14px 20px; border-radius: 9px; background: #0b102a; color: #fff; font-weight: 600; box-shadow: 0 4px 18px #0b102a33; }
.cooking-cart-review[hidden] { display: none; }
.cooking-cart-review:hover { color: #fff; background: #373d89; }
.cooking-cart-review:focus-visible, #cart-title:focus-visible { outline: 3px solid #4653d9; outline-offset: 4px; }
@media (max-width: 767px) {
    .cooking-hero { padding: 114px 0 54px; }
    .cooking-next-grid, .cooking-hero-grid { grid-template-columns: 1fr; }
    .cooking-hero-image { height: 280px; }
    .cooking-next-grid { gap: 24px; }
    .cooking-content, .cooking-next { padding: 46px 0; }
    .cooking-cart { padding: 20px; }
    .cooking-cart-heading { flex-direction: column; gap: 14px; }
    .cooking-cart-review { right: 16px; bottom: 16px; max-width: calc(100vw - 32px); }
    .cooking-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (min-width: 768px) and (max-width: 1100px) { .cooking-hero-grid { gap: 28px; } .cooking-hero-image { height: 400px; } }