.cooking-cart { max-width:1100px; width:calc(100% - 32px); margin:40px auto; padding:28px; border:1px solid #dde3ef; border-radius:20px; background:linear-gradient(145deg,#eef1ff,#f7f9ff 60%,#fff); color:#10142f; box-shadow:0 4px 20px #0b102a08; }
.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-heading { padding:28px; border-radius:16px; background:linear-gradient(120deg,#10142f,#4050df); color:#fff; align-items:center; }
.cooking-cart h2 { font-size:32px; margin:0; line-height:1.4; padding:4px 0; color:inherit; }
#cart-title { scroll-margin-top: 100px; }
.cooking-cart .cart-item-count { width:fit-content; border-radius:999px; padding:5px 10px; background:#eef0ff; color:#4050df; font-size:14px; font-weight:600; margin:20px 0 0; }
.cooking-cart .cart-timezone { font-size:14px; margin:12px 0 0; color:#536178; }
.cooking-cart ul { list-style: none; padding: 0; margin: 24px 0; }
.cooking-cart li { padding:20px 0; border-bottom:1px solid #e7ebf3; }
.cooking-cart li h3 { font-size:19px; line-height:1.45; margin:0 0 8px; }
.cooking-cart li div { min-width: 0; overflow-wrap: anywhere; }
.cooking-cart li > div { flex:1; }
.cooking-cart li label { display:block; margin:12px 0; color:#494f7a; font-size:13px; font-weight:600; }
.cooking-cart li select { display:block; width:100%; min-height:44px; margin-top:6px; padding:10px 28px 10px 10px; border:1px solid #cbd3e1; border-radius:8px; background:#fff; color:#10142f; font:400 14px/1.5 system-ui; box-sizing:border-box; }
.cooking-cart li select:focus-visible { outline:3px solid #4050df; outline-offset:2px; }
.cooking-cart p { color: #494f7a; line-height: 1.6; }
.cooking-cart li p { margin:6px 0 12px; color:#536178; font-size:15px; }
.cooking-cart li strong { display:block; color:#10142f; }
.cooking-cart [data-cart-remove] { min-height:44px; padding:8px 12px; border:1px solid #cbd3e1; background:#fff; border-radius:8px; color:#4050df; font-size:14px; line-height:1.4; }
.cooking-cart-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.cooking-cart .cooking-cart-total { font-size:18px; color:#10142f; margin:0; }
.cooking-cart-total strong { margin-left:12px; }
.cooking-cart-total small { display:block; font-size:13px; color:#536178; margin-top:6px; }
.cooking-cart [data-cart-status]:empty { display:none; }
.cooking-cart [data-cart-continue] { background:#5768ff; border-color:#5768ff; min-height:48px; }
.cooking-cart [data-cart-continue]:hover { background:#4050df; }
.cooking-cart button { cursor: pointer; border: 1px solid #4653d9; border-radius: 7px; background: #fff; color: #373d89; padding: 10px 14px; font: inherit; font-weight: 600; }
.cooking-cart button:disabled { cursor: default; opacity: .65; }
.cooking-cart button:focus-visible { outline: 3px solid #373d89; outline-offset: 4px; }
.cooking-cart .button-dark { color:#fff; background:#5768ff; font-size:19px; font-weight:700; }
.shopping-cart-link { position:fixed; right:calc(24px + env(safe-area-inset-right,0px)); bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--cart-cookie-clearance,0px)); z-index:100; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#5768ff; color:#fff; box-shadow:0 6px 20px #0b102a33; text-decoration:none; transition:background 160ms ease,transform 160ms ease; }
.shopping-cart-link[hidden] { display:none; }
.shopping-cart-link:hover { background:#4050df; color:#fff; transform:translateY(-2px); }
.shopping-cart-link:focus-visible, #cart-title:focus-visible { outline:3px solid #10142f; outline-offset:4px; }
.shopping-cart-badge { position:absolute; top:-5px; right:-5px; min-width:22px; height:22px; display:grid; place-items:center; padding:0 5px; border-radius:999px; background:#fff; color:#10142f; border:2px solid #5768ff; font:700 12px/1 system-ui; }
.webinar-cart-dialog { width:min(720px,calc(100% - 32px)); max-width:none; max-height:calc(100svh - 32px); padding:0; margin:auto; border:0; border-radius:20px; color:#10142f; background:#f7f9ff; box-shadow:0 20px 80px #0b102a55; }
.webinar-cart-dialog:not([open]) { display:none; }
.webinar-cart-dialog::backdrop { background:#0b102a99; }
.webinar-cart-dialog .cooking-cart-heading { position:sticky; top:0; z-index:1; }
.webinar-cart-dialog .cooking-cart { width:100%; max-width:none; margin:0; padding:24px; box-sizing:border-box; }
.cooking-cart-heading [data-cart-close] { flex:none; width:44px; height:44px; padding:0; border-color:#ffffff66; color:#fff; background:transparent; font-size:28px; line-height:1; }
.cooking-cart-heading [data-cart-close]:hover { background:#ffffff20; }
.cooking-cart-heading [data-cart-close]:focus-visible { outline-color:#fff; }
.shopping-cart-link { border:0; padding:0; cursor:pointer; }
.cart-popup-open { overflow:hidden; }
@media(max-width:640.98px) {
    .shopping-cart-link { right:calc(16px + env(safe-area-inset-right,0px)); bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--cart-cookie-clearance,0px)); }
    .webinar-cart-dialog .cooking-cart { padding:16px; }
    .cooking-cart-heading { padding:16px; gap:12px; }
    .cooking-cart h2 { font-size:28px; }
    .cooking-cart li { gap:12px; }
    .cooking-cart li { flex-wrap:wrap; }
    .cooking-cart li > div { flex-basis:100%; }
    .cooking-cart [data-cart-remove] { margin-left:auto; }
}
@media(prefers-reduced-motion:reduce) { .shopping-cart-link { transition:none; } }