@charset "UTF-8";
/* WEBEGE v9: стили корзины, оплаты и окон входа из магазина (выборка), чтобы они работали на страницах нового дизайна */
body.modal-open,html.schedule-modal-open,body.schedule-modal-open{overflow: hidden;}
a.tg-login-btn,a.tg-login-btn:hover,a.tg-login-btn:visited,a.cart-empty-shop-btn,a.cart-empty-shop-btn:hover,a.cart-empty-shop-btn:visited{color: inherit;}
a.tg-login-btn,a.cart-empty-shop-btn{color: rgb(255, 255, 255);}
a.tg-login-btn:hover,a.cart-empty-shop-btn:hover{color: rgb(255, 255, 255);}
.auth-block{display: flex; justify-self: end; align-items: center; gap: 10px;}
.cart-header-btn{display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0px 14px 0px 13px; background: rgb(255, 255, 255); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 14px; color: var(--text-strong); font-weight: 700; font-size: 14.5px; letter-spacing: -0.01em; line-height: 1; cursor: pointer; box-shadow: rgba(15, 23, 42, 0.05) 0px 6px 18px; transition: transform 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;}
.cart-header-btn:hover{transform: translateY(-2px); border-color: rgba(27, 207, 86, 0.3); color: var(--primary-dark); box-shadow: rgba(27, 207, 86, 0.1) 0px 12px 28px;}
.cart-header-icon{display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 16px; line-height: 1;}
.cart-header-icon svg{width: 18px; height: 18px; color: currentcolor;}
.cart-header-text{font-weight: 700;}
.cart-header-count{display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0px 7px; background: var(--primary); color: rgb(255, 255, 255); border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums;}
.cart-header-btn-compact{padding: 0px 11px; gap: 7px;}
.cart-header-btn-compact .cart-header-text{display: none;}
.tg-login-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--primary); color: rgb(255, 255, 255); border: 0px; height: 44px; padding: 0px 18px; border-radius: 14px; font-weight: 750; font-size: 16px; letter-spacing: -0.015em; line-height: 1; box-shadow: rgba(27, 207, 86, 0.32) 0px 8px 22px; cursor: pointer; white-space: nowrap; text-decoration: none; transition: transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),color .15s ease;}
.tg-login-btn:hover{background: var(--primary-dark); transform: translateY(-2px); box-shadow: rgba(27, 207, 86, 0.42) 0px 12px 28px; color: rgb(255, 255, 255);}
.tg-login-btn svg{width: 15px; height: 15px; flex: 0 0 auto; transform: translateX(-1px);}
.tg-login-btn-label{display: inline-flex; align-items: center;}
.profile-mini-balance{display: inline-flex; align-items: center; min-height: 25px; padding: 0px 9px; margin-left: 2px; background: var(--primary-soft); border: 1px solid var(--primary-edge); color: var(--primary-dark); border-radius: 999px; font-size: 13.5px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums;}
.auth-modal{position: fixed; inset: 0px; z-index: var(--z-auth); display: flex; align-items: center; justify-content: center; padding: 22px;}
.auth-modal.hidden{display: none;}
.auth-modal-backdrop{position: absolute; inset: 0px; background: var(--scrim); -webkit-backdrop-filter: var(--scrim-blur); backdrop-filter: var(--scrim-blur);}
.auth-modal-card{position: relative; z-index: 1; width: 100%; max-width: 460px; background: rgb(255, 255, 255); border-radius: 30px; padding: 32px; box-shadow: var(--shadow-modal); animation: modalIn .22s var(--ease) both; text-align: center;}
.auth-modal-close{position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; border: 0px; border-radius: 50%; background: rgb(241, 245, 243); color: var(--text-strong); cursor: pointer; font-size: 24px; line-height: 1;}
.auth-modal-card .section-kicker{margin-bottom: 14px;}
.auth-modal-card h2{margin: 0px 0px 10px; font-size: 32px; letter-spacing: -0.02em;}
.auth-modal-card > p{font-size: 16px; color: var(--text-muted); line-height: 1.6;}
.auth-modal-actions{display: flex; justify-content: center; gap: 10px; margin-top: 22px;}
.auth-modal-actions .tg-login-btn{min-width: 200px;}
.auth-link-preview{margin-top: 16px; padding: 12px; border-radius: var(--radius-md); background: var(--card-bg); color: var(--text-muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;}
.auth-link-preview.hidden{display: none;}
.topup-modal{position: fixed; inset: 0px; z-index: var(--z-topup); display: flex; align-items: center; justify-content: center; padding: 22px;}
.topup-modal.hidden{display: none;}
.topup-modal-backdrop{position: absolute; inset: 0px; background: rgba(5, 12, 8, 0.58); backdrop-filter: blur(8px);}
.topup-modal-card{position: relative; z-index: 1; width: 100%; max-width: 460px; background: rgb(255, 255, 255); border-radius: 30px; padding: 32px; box-shadow: var(--shadow-modal); animation: modalIn .22s var(--ease) both;}
.topup-modal-close{position: absolute; right: 14px; top: 14px; width: 36px; height: 36px; border: 0px; border-radius: 50%; background: rgb(241, 245, 243); color: var(--text-strong); cursor: pointer; font-size: 24px; line-height: 1;}
.topup-modal-card h2{margin: 12px 0px 10px; font-size: 26px; letter-spacing: -0.02em;}
.topup-modal-card > p{color: var(--text-muted); line-height: 1.6; margin-bottom: 14px;}
.topup-form{display: flex; flex-direction: column; gap: 14px; margin-top: 8px;}
.topup-form label{display: flex; flex-direction: column; gap: 6px;}
.topup-form label > span{font-weight: 800; font-size: 14px; color: var(--text-strong);}
.topup-form input{font-family: var(--font-sans); font-size: 15px; padding: 13px 16px; border-radius: var(--radius-md); border: 1px solid var(--border); background: rgb(255, 255, 255); outline: none; font-weight: 600; transition: 0.2s;}
.topup-form input:focus{border-color: var(--primary); box-shadow: rgba(27, 207, 86, 0.14) 0px 0px 0px 4px;}
.topup-presets{display: flex; gap: 10px;}
.topup-presets button{flex: 1 1 0%; border: 1px solid var(--border); background: rgb(255, 255, 255); padding: 11px; border-radius: var(--radius-sm); font-weight: 800; font-size: 14px; cursor: pointer; color: var(--text-strong);}
.topup-presets button.active{background: var(--primary-soft); border-color: rgba(27, 207, 86, 0.36); color: var(--primary-dark);}
.topup-form > button[type="submit"]{background: var(--primary); color: rgb(255, 255, 255); border: 0px; padding: 14px; border-radius: var(--radius-sm); font-weight: 800; font-size: 16px; cursor: pointer; box-shadow: rgba(27, 207, 86, 0.3) 0px 8px 25px;}
.topup-result{margin-top: 18px;}
.topup-result.hidden{display: none;}
.topup-result p{margin: 0px 0px 12px; color: var(--text-strong);}
.topup-result a{display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); height: 44px; padding: 0px 18px; border-radius: var(--radius-sm); font-weight: 800; text-decoration: none;}
.cart-modal{position: fixed; inset: 0px; z-index: var(--z-cart); display: flex; align-items: center; justify-content: center; padding: 22px;}
.cart-modal.hidden{display: none;}
.cart-modal-backdrop{position: absolute; inset: 0px; background: rgba(5, 12, 8, 0.58); backdrop-filter: blur(8px);}
.cart-modal-card{position: relative; z-index: 1; width: 100%; max-width: 560px; max-height: min(86vh, 820px); overflow: auto; background: rgb(255, 255, 255); border-radius: 30px; padding: 32px; box-shadow: var(--shadow-modal); animation: modalIn .25s var(--ease) both; scrollbar-width: thin; scrollbar-color: rgba(27, 207, 86, 0.45) transparent;}
.cart-modal-card::-webkit-scrollbar{width: 10px;}
.cart-modal-card::-webkit-scrollbar-track{background: transparent; margin: 12px 0px;}
.cart-modal-card::-webkit-scrollbar-thumb{background: rgba(27, 207, 86, 0.35); border: 2px solid rgb(255, 255, 255); border-radius: 10px;}
.cart-modal-card::-webkit-scrollbar-thumb:hover{background: rgba(27, 207, 86, 0.55);}
.cart-modal-close{position: absolute; right: 16px; top: 16px; width: 38px; height: 38px; border: 0px; border-radius: 50%; background: rgb(241, 245, 243); color: var(--text-strong); cursor: pointer; font-size: 25px; line-height: 1; transition: 0.2s; z-index: 2;}
.cart-modal-close:hover{background: rgb(227, 235, 229);}
.cart-modal-card .section-kicker{margin-bottom: 10px;}
.cart-modal-card h2{margin: 0px 0px 18px; font-size: 26px; letter-spacing: -0.02em;}
.cart-balance-display{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--bg-soft); border: 1px solid var(--border-soft); border-radius: 18px; margin-bottom: 18px;}
.cart-balance-display span{color: var(--text-muted); font-weight: 700; font-size: 14px;}
.cart-balance-display strong{color: var(--text-strong); font-weight: 900; font-size: 18px; letter-spacing: -0.01em;}
.cart-items{display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px;}
.cart-item{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--border); background: rgb(255, 255, 255); border-radius: 18px;}
.cart-item > div:first-child{min-width: 0px;}
.cart-item h3{margin: 0px 0px 4px; font-size: 15px; font-weight: 700; letter-spacing: -0.01em; color: var(--text-strong); overflow: hidden; text-overflow: ellipsis;}
.cart-item p{margin: 0px; color: var(--text-muted); font-size: 13.5px; line-height: 1.45;}
.cart-item-side{display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: 0 0 auto;}
.cart-item-side strong{font-weight: 700; font-size: 15px; color: var(--text-strong); letter-spacing: -0.01em;}
.cart-item-side button{background: transparent; border: 0px; color: var(--text-muted); font-size: 12.5px; font-weight: 700; cursor: pointer; padding: 0px; transition: color 0.2s;}
.cart-item-side button:hover{color: var(--danger);}
.cart-total{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--bg-soft); border-radius: 18px; margin: 4px 0px 14px;}
.cart-total span{color: var(--text-muted); font-weight: 700; font-size: 14px;}
.cart-total strong{font-weight: 800; font-size: 22px; color: var(--text-strong); letter-spacing: -0.02em;}
.cart-checkout-btn{width: 100%; display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); border: 0px; height: 54px; padding: 0px 22px; border-radius: 16px; font-weight: 800; font-size: 16px; letter-spacing: -0.01em; line-height: 1; cursor: pointer; box-shadow: rgba(27, 207, 86, 0.32) 0px 10px 28px; transition: 0.2s;}
.cart-checkout-btn:hover{background: var(--primary-dark); transform: translateY(-2px); box-shadow: rgba(27, 207, 86, 0.42) 0px 14px 32px; color: rgb(255, 255, 255);}
.cart-checkout-btn[disabled]{pointer-events: none; opacity: 0.55; box-shadow: none; transform: none;}
.cart-empty{text-align: center; padding: 22px 8px 8px;}
.cart-empty h3{margin: 0px 0px 8px; font-size: 20px; letter-spacing: -0.015em; color: var(--text-strong);}
.cart-empty p{color: var(--text-muted); margin: 0px 0px 18px; font-size: 15px;}
.cart-empty-shop-btn{display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); height: 46px; padding: 0px 22px; border-radius: 14px; font-weight: 700; font-size: 15px; text-decoration: none; box-shadow: rgba(27, 207, 86, 0.3) 0px 10px 24px; transition: 0.2s;}
.cart-empty-shop-btn:hover{background: var(--primary-dark); transform: translateY(-2px); color: rgb(255, 255, 255);}
.cart-inline-topup{position: relative; overflow: hidden; margin: 14px 0px 16px; padding: 22px; background: linear-gradient(rgba(27, 207, 86, 0.1), rgba(27, 207, 86, 0.02)); border: 1px solid rgba(27, 207, 86, 0.24); border-radius: 22px; box-shadow: rgba(27, 207, 86, 0.08) 0px 10px 28px;}
.cart-inline-topup::before{content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(27, 207, 86, 0.18) 0%, rgba(27, 207, 86, 0) 70%); pointer-events: none;}
.cart-inline-topup-head{position: relative; z-index: 1; display: flex; align-items: baseline; gap: 12px; margin-bottom: 4px;}
.cart-inline-topup-head span{font-size: 24px; font-weight: 700; letter-spacing: -0.01em;}
.cart-inline-topup-head strong{color: var(--primary-dark); font-size: 26px; font-weight: 900; letter-spacing: -0.025em; font-variant-numeric: tabular-nums;}
.cart-inline-topup > p{position: relative; z-index: 1; margin: 0px 0px 18px; color: var(--text-body); font-size: 16px; line-height: 1.55;}
.cart-inline-topup-form{position: relative; z-index: 1; display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end;}
.cart-inline-topup-form label{flex: 1 1 180px; display: flex; flex-direction: column; gap: 6px; min-width: 0px;}
.cart-inline-topup-form label > span{font-size: 16px; font-weight: 800; color: var(--text-strong); letter-spacing: -0.01em;}
.cart-inline-topup-form input{font-family: var(--font-sans); font-size: 16px; font-weight: 700; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: rgb(255, 255, 255); outline: none; transition: 0.2s; color: var(--text-strong);}
.cart-inline-topup-form input:focus{border-color: var(--primary); box-shadow: rgba(27, 207, 86, 0.14) 0px 0px 0px 4px;}
.cart-inline-topup-form > button[type="submit"]{background: var(--primary); color: rgb(255, 255, 255); border: 0px; height: 46px; padding: 0px 20px; border-radius: 12px; font-weight: 800; font-size: 14px; letter-spacing: -0.01em; cursor: pointer; box-shadow: rgba(27, 207, 86, 0.3) 0px 10px 22px; transition: 0.2s; white-space: nowrap;}
.cart-inline-topup-form > button[type="submit"]:hover{background: var(--primary-dark); transform: translateY(-2px); box-shadow: rgba(27, 207, 86, 0.4) 0px 14px 28px;}
.cart-inline-topup-form > button[type="submit"]:disabled{opacity: 0.65; cursor: wait; transform: none;}
.cart-inline-topup-result{position: relative; z-index: 1; margin-top: 14px; padding: 14px 16px; border-radius: 14px; background: rgb(255, 255, 255); border: 1px solid var(--border-soft); box-shadow: var(--shadow-sm);}
.cart-inline-topup-result.hidden{display: none;}
.cart-inline-topup-result p{margin: 0px 0px 10px; font-size: 14px; font-weight: 600; color: var(--text-strong);}
.cart-inline-topup-result a{display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); height: 40px; padding: 0px 16px; border-radius: 10px; font-weight: 800; font-size: 13.5px; text-decoration: none; transition: 0.2s;}
.cart-inline-topup-result a:hover{background: var(--primary-dark);}
.cart-inline-topup-result a.hidden{display: none;}
.cart-auth-required-box{margin-top: 8px;}
.cart-auth-required-card{padding: 22px; background: linear-gradient(rgba(27, 207, 86, 0.08), rgba(27, 207, 86, 0.02)); border: 1px solid rgba(27, 207, 86, 0.2); border-radius: 22px; text-align: center;}
.cart-auth-required-card h3{margin: 0px 0px 8px; font-size: 19px; letter-spacing: -0.015em; color: var(--text-strong);}
.cart-auth-required-card p{margin: 0px 0px 16px; font-size: 14.5px; color: var(--text-muted); line-height: 1.55;}
.cart-auth-login-btn{display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); border: 0px; height: 46px; padding: 0px 22px; border-radius: 14px; font-weight: 800; font-size: 14.5px; letter-spacing: -0.015em; line-height: 1; cursor: pointer; box-shadow: rgba(27, 207, 86, 0.32) 0px 10px 24px; transition: 0.2s;}
.cart-auth-login-btn:hover{background: var(--primary-dark); transform: translateY(-2px);}
.cart-auth-login-btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px;}
.cart-auth-login-icon{width: 20px; height: 20px; flex-shrink: 0;}
@media (max-width: 760px){.auth-block{grid-area: auth; justify-self: end; gap: 8px;}}
@media (max-width: 760px){.cart-header-text{display: none;}}
@media (max-width: 760px){.cart-header-btn{padding: 0px 12px; height: 42px; gap: 7px;}}
@media (max-width: 760px){.tg-login-btn{height: 42px; padding: 0px 16px; font-size: 14.5px;}}
@media (max-width: 760px){.tg-login-btn-label{font-size: 0px; line-height: 0;}}
@media (max-width: 760px){.tg-login-btn-label::after{content: attr(data-short); font-size: 14.5px; line-height: 1; font-weight: 750;}}
@media (max-width: 760px){.profile-mini-balance{font-size: 12.5px;}}
@media (max-width: 760px){@media (max-width: 350px){.auth-block{gap: 6px;}}}
@media (max-width: 760px){@media (max-width: 350px){.cart-header-btn{padding-inline: 8px;}}}
@media (max-width: 760px){@media (max-width: 350px){.profile-mini-balance{padding-inline: 6px;}}}
@media (max-width: 640px){.cart-modal-card{padding: 24px; border-radius: 26px; max-height: 92vh;}}
@media (max-width: 640px){.cart-item{flex-direction: column; align-items: flex-start;}}
@media (max-width: 640px){.cart-item-side{width: 100%; flex-direction: row; justify-content: space-between;}}
@media (max-width: 640px){.cart-inline-topup-form > button[type="submit"]{width: 100%;}}
@media (max-width: 640px){.cart-inline-topup-head strong{font-size: 22px;}}
.hero-course-zoom-modal{position: fixed; inset: 0px; z-index: var(--z-schedule); background: rgba(5, 12, 8, 0.86); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; padding: 24px; cursor: zoom-out; animation: heroZoomIn .25s var(--ease) both;}
.hero-course-zoom-modal img{max-width: 100%; max-height: calc(-48px + 100vh); width: auto; height: auto; object-fit: contain; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.45) 0px 30px 80px; display: block; user-select: none; -webkit-user-drag: none;}
@media (min-width: 761px) and (max-width: 920px){.cart-header-btn{height: 44px !important; padding-left: 12px !important; padding-right: 10px !important; gap: 6px !important;}}
@media (min-width: 761px) and (max-width: 920px){.cart-header-count{min-width: 21px !important; height: 21px !important; padding: 0px 6px !important;}}
@media (min-width: 761px) and (max-width: 920px){.tg-login-btn{height: 44px !important; padding-left: 15px !important; padding-right: 15px !important; font-size: 15px !important; white-space: nowrap !important;}}
@media (min-width: 761px) and (max-width: 920px){.cart-header-btn{height: 44px !important; min-width: 58px !important; padding: 0px 12px !important;}}
@media (min-width: 761px) and (max-width: 920px){.tg-login-btn{height: 44px !important; padding: 0px 18px !important; font-size: 15px !important; white-space: nowrap !important;}}
.cart-empty-shop-btn,a.cart-empty-shop-btn,a.cart-empty-shop-btn:visited{background: rgb(27, 207, 86) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(27, 207, 86, 0.35) !important; box-shadow: rgba(27, 207, 86, 0.22) 0px 14px 30px !important;}
.cart-empty-shop-btn:hover,a.cart-empty-shop-btn:hover{background: rgb(24, 189, 79) !important; color: rgb(255, 255, 255) !important; border-color: rgba(27, 207, 86, 0.45) !important;}
@media (max-width: 640px){.cart-modal{align-items: stretch !important; justify-content: center !important; padding-right: 12px !important; padding-left: 12px !important; padding-top: calc(12px + env(safe-area-inset-top,0px)) !important; padding-bottom: calc(12px + env(safe-area-inset-bottom,0px)) !important; overflow: hidden !important;}}
@media (max-width: 640px){.cart-modal-card{position: relative !important; width: 100% !important; max-width: 560px !important; max-height: calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important; height: auto !important; overflow: hidden auto !important; overscroll-behavior: contain !important; border-radius: 26px !important; padding: 0px 18px 24px !important; background: rgb(255, 255, 255) !important;}}
@media (max-width: 640px){@supports not (height:100dvh){.cart-modal-card{max-height: calc(-24px + 100vh) !important;}}}
@media (max-width: 640px){.cart-modal-card .section-kicker{position: sticky !important; top: 0px !important; z-index: 50 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; height: 62px !important; margin: 0px -18px 16px !important; padding: 0px 64px !important; border-radius: 26px 26px 0px 0px !important; background: rgba(255, 255, 255, 0.96) !important; backdrop-filter: blur(12px) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgba(7, 19, 12, 0.06) !important; border-image: none !important; box-shadow: rgba(7, 19, 12, 0.035) 0px 10px 22px !important; color: rgb(11, 148, 64) !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: -0.02em !important;}}
@media (max-width: 640px){.cart-modal-close{position: sticky !important; top: 12px !important; z-index: 70 !important; float: right !important; margin: 12px 0px -50px auto !important; right: 0px !important; width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: rgb(241, 245, 243) !important; box-shadow: rgba(7, 19, 12, 0.1) 0px 8px 22px !important;}}
@media (max-width: 640px){.cart-modal-card h2{clear: both !important; margin-top: 0px !important;}}
@media (max-width: 640px){.cart-inline-topup{margin-bottom: 10px !important;}}
@media (min-width: 641px){.cart-modal-close{top: 32px !important; right: 32px !important;}}
.seo-modal-title{margin: 0px 0px 18px; font-size: clamp(22px, 4vw, 30px); line-height: 1.15; letter-spacing: -0.03em; font-weight: 850; color: var(--text-strong, #0f172a);}
.add-cart-btn{display: inline-flex; align-items: center; justify-content: center; background: var(--primary); color: rgb(255, 255, 255); border: 0px; height: 50px; padding: 0px 22px; border-radius: 14px; font-weight: 800; font-size: 15px; letter-spacing: -0.015em; line-height: 1; cursor: pointer; box-shadow: rgba(27, 207, 86, 0.32) 0px 10px 24px; transition: 0.2s; width: 100%;}
.add-cart-btn:hover{background: var(--primary-dark); transform: translateY(-2px); box-shadow: rgba(27, 207, 86, 0.42) 0px 14px 30px; color: rgb(255, 255, 255);}
.add-cart-btn.added{background: rgb(255, 255, 255); color: var(--primary-dark); border: 1px solid var(--primary-edge); box-shadow: none;}
.add-cart-btn.already-purchased{background: var(--card-bg); color: var(--text-muted); box-shadow: none; pointer-events: none;}
.schedule-image-modal{position: fixed; inset: 0px; z-index: var(--z-schedule); background: rgba(5, 12, 8, 0.78); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; padding: 28px;}
.schedule-image-modal.hidden{display: none;}
.final-course-buy-card .add-cart-btn{height: 62px !important; border-radius: 18px !important; font-size: 17px !important; font-weight: 900 !important; box-shadow: rgba(27, 207, 86, 0.32) 0px 16px 34px !important;}
@media (max-width: 640px){.final-course-buy-card .add-cart-btn{height: 56px !important; font-size: 16px !important;}}
.final-course-buy-card .add-cart-btn{margin-top: 8px !important;}
.final-course-buy-card .add-cart-btn{margin-top: 0px !important;}
.final-course-buy-card .add-cart-btn{margin-top: 0px !important;}
#shop-offer-step .add-cart-btn{height: 52px !important; border-radius: 13px !important; font-size: 14px !important; font-weight: 850 !important;}
#shop-offer-step .add-cart-btn{width: 100% !important; min-height: 52px !important; margin: 0px !important; border-radius: 13px !important; box-shadow: rgba(27, 207, 86, 0.16) 0px 10px 22px !important; font-size: 14px !important; font-weight: 900 !important;}
#shop-offer-step .add-cart-btn{width: 100% !important; min-height: 53px !important; margin: 0px !important; border-radius: 13px !important; background: rgb(25, 201, 85) !important; box-shadow: rgba(27, 207, 86, 0.2) 0px 11px 25px !important; font-size: 14px !important; font-weight: 900 !important;}
@media (min-width: 981px){#shop-offer-step:not(.webege-schedule-expanded) .add-cart-btn{margin-top: auto !important;}}
#shop-offer-step .add-cart-btn{width: 100% !important; min-height: 56px !important; margin: 0px !important; border-radius: 15px !important; background: rgb(25, 201, 85) !important; box-shadow: rgba(27, 207, 86, 0.21) 0px 12px 26px !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important;}
@media (hover: hover){#shop-offer-step .add-cart-btn:hover{background: rgb(23, 188, 80) !important; transform: translateY(-1px) !important;}}
#shop-offer-step .final-course-buy-card.webege-free-course .add-cart-btn{min-height: 57px !important;}
#shop-offer-step .add-cart-btn{border: 1px solid rgb(25, 201, 85) !important; background: rgb(25, 201, 85) !important; color: rgb(255, 255, 255) !important; opacity: 1 !important; transition: background 0.16s, border-color 0.16s, color 0.16s, box-shadow 0.16s, transform 0.16s !important;}
@media (hover: hover){#shop-offer-step .add-cart-btn:not(:disabled):not(.webege-cart-added-state):hover{border-color: rgb(22, 187, 79) !important; background: rgb(22, 187, 79) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(27, 207, 86, 0.24) 0px 13px 28px !important; transform: translateY(-1px) !important;}}
#shop-offer-step .add-cart-btn:disabled:not(.webege-cart-added-state){border-color: rgb(25, 201, 85) !important; background: rgb(25, 201, 85) !important; color: rgb(255, 255, 255) !important; opacity: 0.67 !important; box-shadow: none !important; cursor: wait !important; transform: none !important;}
#shop-offer-step .add-cart-btn.webege-cart-added-state{display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; border: 1px solid rgba(27, 207, 86, 0.28) !important; background: linear-gradient(rgb(240, 252, 244) 0%, rgb(234, 249, 239) 100%) !important; color: rgb(17, 141, 62) !important; opacity: 1 !important; box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset !important; cursor: default !important; transform: none !important;}
#shop-offer-step .add-cart-btn.webege-cart-added-state::before{content: "✓" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; flex: 0 0 22px !important; border-radius: 50% !important; background: rgba(27, 207, 86, 0.14) !important; color: rgb(15, 168, 71) !important; font-size: 12px !important; line-height: 1 !important; font-weight: 950 !important;}
@media (hover: hover){#shop-offer-step .add-cart-btn.webege-cart-added-state:hover{border-color: rgba(27, 207, 86, 0.33) !important; background: linear-gradient(rgb(240, 252, 244) 0%, rgb(234, 249, 239) 100%) !important; color: rgb(17, 141, 62) !important; box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset !important; transform: none !important;}}
@media (max-width: 640px){#shop-offer-step .add-cart-btn.webege-cart-added-state{gap: 7px !important;}}
@media (max-width: 640px){#shop-offer-step .add-cart-btn.webege-cart-added-state::before{width: 20px !important; height: 20px !important; flex-basis: 20px !important; font-size: 11px !important;}}
#shop-offer-step .add-cart-btn{order: 60 !important;}
#shop-offer-step .add-cart-btn{margin-top: 0px !important;}
#shop-offer-step .add-cart-btn:not(.webege-cart-added-state){font-weight: 800 !important;}
#shop-offer-step .add-cart-btn.webege-cart-added-state{font-weight: 800 !important;}
@media (max-width: 700px){#shop-offer-step .add-cart-btn{min-height: 54px !important; margin: 0px !important; border-radius: 13px !important; font-size: 15px !important; font-weight: 750 !important;}}
@media (min-width: 701px){#cart-modal.cart-modal:not(.hidden){position: fixed !important; inset: 0px !important; width: 100% !important; height: 100dvh !important; max-width: none !important; max-height: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; z-index: 10050 !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-backdrop{cursor: pointer; animation: 0.2s ease-out 0s 1 normal both running webegeDesktopCartBackdropV245; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; margin: 0px !important; background: rgba(14, 20, 17, 0.3) !important; opacity: 1 !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card{overscroll-behavior: contain; scrollbar-width: thin; position: absolute !important; inset: 0px 0px 0px auto !important; width: min(440px, -32px + 100vw) !important; height: 100dvh !important; min-height: 100dvh !important; max-width: 440px !important; max-height: none !important; margin: 0px !important; padding: 28px 28px 26px !important; border-width: 0px 0px 0px 1px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(18, 48, 31, 0.07) !important; border-image: none !important; border-radius: 24px 0px 0px 24px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(18, 35, 26, 0.12) -18px 0px 48px !important; transform: none !important; translate: none !important; overflow: hidden auto !important; animation: 0.28s cubic-bezier(0.22, 0.78, 0.25, 1) 0s 1 normal both running webegeDesktopCartDrawerV245 !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close{position: absolute !important; top: 20px !important; right: 20px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; border: 1px solid rgb(233, 238, 235) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; color: rgb(23, 32, 25) !important; font-size: 27px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer !important; z-index: 5 !important; transition: background-color 0.15s, border-color 0.15s, transform 0.15s !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:hover{background: rgb(244, 248, 245) !important; border-color: rgb(220, 231, 223) !important; transform: scale(1.03) !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:active{transform: scale(0.97) !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{display: block !important; margin: 2px 52px 22px 0px !important; color: rgb(17, 24, 20) !important; font-size: 22px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card button,#cart-modal .cart-modal-card a{-webkit-tap-highlight-color: transparent;}}
@media (min-width: 701px){#cart-modal .cart-modal-card *{max-width: 100%;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-modal-card{width: min(440px, -32px + 100vw) !important; max-width: 440px !important; height: 100dvh !important; max-height: none !important;}}
@media (min-width: 701px){@media (max-width: 900px){#cart-modal .cart-modal-card,#cart-modal.cart-auth-first-modal .cart-modal-card{width: min(420px, -24px + 100vw) !important; padding: 26px 24px 24px !important; border-radius: 20px 0px 0px 20px !important;}}}
@media (prefers-reduced-motion: reduce) and (min-width: 701px){#cart-modal .cart-modal-card,#cart-modal .cart-modal-backdrop{animation: auto ease 0s 1 normal none running none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card{display: flex !important; flex-direction: column !important; padding: 28px 28px 24px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{display: block !important; align-self: flex-start !important; width: auto !important; min-width: 0px !important; min-height: 0px !important; height: auto !important; margin: 2px 56px 25px 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(17, 24, 20) !important; font-size: 26px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; text-transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > h2{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close{top: 21px !important; right: 21px !important; width: 38px !important; height: 38px !important; border: 1px solid rgb(231, 236, 233) !important; border-radius: 12px !important; background: rgb(248, 250, 249) !important; box-shadow: none !important; color: rgb(23, 32, 25) !important; font-size: 25px !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:hover{background: rgb(238, 245, 240) !important; border-color: rgb(217, 229, 220) !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display{flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 50px !important; margin: 0px 0px 18px !important; padding: 0px 15px !important; border: 1px solid rgb(229, 238, 232) !important; border-radius: 15px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display span{color: rgb(119, 128, 121) !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display strong{overflow: hidden !important; color: rgb(24, 32, 25) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; text-overflow: ellipsis !important;}}
@media (min-width: 701px){#cart-modal .cart-items{overscroll-behavior: contain; scrollbar-width: thin; flex: 1 1 auto !important; min-height: 0px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0px !important; padding: 0px 3px 18px 0px !important; overflow: hidden auto !important;}}
@media (min-width: 701px){#cart-modal .cart-item{flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: start !important; gap: 18px !important; width: 100% !important; margin: 0px !important; padding: 16px !important; border: 1px solid rgb(233, 238, 235) !important; border-radius: 16px !important; background: rgb(251, 252, 251) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-item > div:first-child{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-item h3{margin: 0px 0px 6px !important; color: rgb(21, 27, 23) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.018em !important;}}
@media (min-width: 701px){#cart-modal .cart-item p{margin: 0px !important; color: rgb(123, 130, 125) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 600 !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side{display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; gap: 9px !important; width: auto !important; min-width: max-content !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side strong{color: rgb(18, 24, 20) !important; font-size: 15.5px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side button{width: auto !important; min-width: 0px !important; height: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(150, 157, 152) !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 650 !important; cursor: pointer !important; transition: color 0.15s !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side button:hover{color: rgb(217, 71, 71) !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total{flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; gap: 12px 16px !important; width: 100% !important; margin: 0px !important; padding: 21px 0px 0px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(232, 237, 234) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total span{color: rgb(49, 57, 52) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal .cart-total strong{color: rgb(17, 23, 20) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-total::after{content: "✓ Доступ сразу после оплаты"; grid-column: 1 / -1; display: block !important; color: rgb(46, 123, 74) !important; font-size: 12.5px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn{flex: 0 0 auto !important; width: 100% !important; min-height: 56px !important; margin: 16px 0px 0px !important; padding: 0px 20px !important; border: 0px !important; border-radius: 16px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.015em !important; box-shadow: rgba(24, 207, 89, 0.2) 0px 12px 28px !important; cursor: pointer !important; transition: background-color 0.16s, transform 0.16s, box-shadow 0.16s !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn:hover{background: rgb(20, 189, 80) !important; transform: translateY(-1px) !important; box-shadow: rgba(24, 207, 89, 0.25) 0px 15px 32px !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn:active{transform: translateY(0px) scale(0.995) !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup{flex: 0 0 auto !important; margin: 14px 0px 0px !important; padding: 16px !important; border: 1px solid rgb(226, 235, 229) !important; border-radius: 16px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup::before,#cart-modal .cart-inline-topup::after{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head{display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0px 0px 7px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head span{font-size: 13px !important; font-weight: 750 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head strong{font-size: 18px !important; font-weight: 900 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > p{margin: 0px 0px 13px !important; color: rgb(115, 124, 118) !important; font-size: 12.5px !important; line-height: 1.45 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form{display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label{width: 100% !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input{width: 100% !important; min-height: 46px !important; border-radius: 13px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{width: 100% !important; min-height: 48px !important; border-radius: 13px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-box{flex: 0 0 auto !important; margin: 15px 0px 0px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card{margin: 0px !important; padding: 16px !important; border: 1px solid rgb(229, 236, 232) !important; border-radius: 16px !important; background: rgb(248, 250, 249) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{margin: 0px 0px 5px !important; color: rgb(21, 28, 24) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 850 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{margin: 0px 0px 13px !important; color: rgb(116, 124, 119) !important; font-size: 12.5px !important; line-height: 1.45 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-form{display: flex !important; flex-direction: column !important; gap: 10px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email{width: 100% !important; min-height: 48px !important; padding: 0px 14px !important; border: 1px solid rgb(223, 231, 226) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; font-size: 14px !important; outline: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email:focus{border-color: rgb(27, 207, 86) !important; box-shadow: rgba(27, 207, 86, 0.1) 0px 0px 0px 4px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit{width: 100% !important; min-height: 52px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 850 !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 10px 24px !important;}}
@media (min-width: 701px){#cart-modal .cart-empty{flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 0px !important; padding: 40px 18px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-empty h3{margin: 0px 0px 8px !important; font-size: 20px !important; font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal .cart-empty p{max-width: 280px !important; margin: 0px 0px 20px !important; color: rgb(122, 130, 125) !important; font-size: 13px !important; line-height: 1.5 !important;}}
@media (min-width: 701px){#cart-modal .cart-empty-shop-btn{min-height: 48px !important; padding: 0px 22px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important;}}
@media (min-width: 701px){#cart-modal.is-closing .cart-modal-card{animation: 0.2s ease-in 0s 1 normal both running webegeDesktopCartOutV246 !important;}}
@media (min-width: 701px){#cart-modal.is-closing .cart-modal-backdrop{animation: 0.2s ease-in 0s 1 normal both running webegeDesktopCartBackdropOutV246 !important;}}
#cart-modal .cart-items-count{display: none !important;}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{margin: 1px 56px 3px 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-items-count{display: block !important; flex: 0 0 auto !important; margin: 0px 56px 23px 0px !important; color: rgb(139, 147, 142) !important; font-size: 12.5px !important; line-height: 1.25 !important; font-weight: 650 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-total::after{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total{row-gap: 0px !important; padding-top: 20px !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn{margin-top: 18px !important; min-height: 56px !important; border-radius: 15px !important; font-size: 16px !important; font-weight: 850 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup{flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin: 17px 0px 0px !important; padding: 17px !important; display: block !important; border: 1px solid rgb(223, 234, 227) !important; border-radius: 17px !important; background: linear-gradient(rgb(248, 251, 249) 0%, rgb(244, 250, 246) 100%) !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > *{flex: 0 0 auto !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head{display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 0px 0px 7px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head span{color: rgb(24, 32, 25) !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head strong{color: rgb(22, 173, 77) !important; font-size: 17px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.02em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > p{max-width: 330px !important; margin: 0px 0px 15px !important; padding: 0px !important; color: rgb(129, 137, 133) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 550 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form{display: grid !important; grid-template-columns: 1fr !important; gap: 11px !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label{display: block !important; width: 100% !important; height: auto !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label > span{display: block !important; margin: 0px 0px 7px !important; color: rgb(32, 39, 34) !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input{appearance: textfield; display: block !important; width: 100% !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0px !important; padding: 0px 14px !important; border: 1px solid rgb(223, 230, 225) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; color: rgb(23, 32, 25) !important; font-size: 15px !important; line-height: 46px !important; font-weight: 750 !important; outline: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input:focus{border-color: rgb(33, 201, 90) !important; box-shadow: rgba(33, 201, 90, 0.1) 0px 0px 0px 4px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input::-webkit-outer-spin-button,#cart-modal .cart-inline-topup-form input::-webkit-inner-spin-button{margin: 0px; appearance: none;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; margin: 1px 0px 0px !important; padding: 0px 50px 0px 18px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 10px 25px !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.01em !important; cursor: pointer !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::after{content: "" !important; position: absolute !important; top: 50% !important; right: 17px !important; width: 28px !important; height: 28px !important; transform: translateY(-50%) !important; background-image: url("/static/assets/SBP.svg") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; pointer-events: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:hover{background: rgb(20, 189, 80) !important; transform: translateY(-1px) !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:active{transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:disabled{cursor: default !important; opacity: 0.72 !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result{margin: 11px 0px 0px !important; padding: 11px 12px !important; border-radius: 11px !important; background: rgb(237, 248, 241) !important; color: rgb(49, 118, 74) !important; font-size: 12.5px !important; line-height: 1.4 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result p{margin: 0px !important;}}
@media (min-width: 701px){@media (min-width: 1200px){#cart-modal .cart-modal-card,#cart-modal.cart-auth-first-modal .cart-modal-card{width: 460px !important; max-width: 460px !important;}}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::after{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::before{content: "" !important; display: block !important; flex: 0 0 25px !important; width: 25px !important; height: 25px !important; margin: 0px !important; padding: 0px !important; background-image: url("/static/assets/SBP.svg") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; pointer-events: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0px 18px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:disabled{opacity: 0.82 !important; cursor: wait !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display{position: relative !important; min-height: 52px !important; margin: 0px 0px 18px !important; padding: 0px 16px 0px 19px !important; border: 1px solid rgb(213, 237, 221) !important; border-radius: 14px !important; background: rgb(243, 251, 246) !important; box-shadow: none !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display::before{content: "" !important; position: absolute !important; top: 11px !important; bottom: 11px !important; left: 0px !important; width: 3px !important; border-radius: 0px 4px 4px 0px !important; background: rgb(32, 200, 90) !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display span{color: rgb(97, 115, 106) !important; font-size: 12.5px !important; line-height: 1.2 !important; font-weight: 750 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display strong{color: rgb(20, 122, 59) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-backdrop{background: var(--scrim) !important; -webkit-backdrop-filter: var(--scrim-blur) !important; backdrop-filter: var(--scrim-blur) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card > .section-kicker{order: 0 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-items-count{order: 1 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-items{order: 2 !important; flex: 1 1 auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px 3px 19px 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total{order: 3 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display{order: 4 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup{order: 5 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-checkout-btn{order: 6 !important;}}
@media (min-width: 701px){#cart-modal .cart-item{display: grid !important; grid-template-columns: 58px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 0px 13px !important; min-height: 82px !important; padding: 11px 13px !important; border: 1px solid rgb(229, 235, 231) !important; border-radius: 16px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb{display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; overflow: hidden !important; border: 1px solid rgba(19, 50, 32, 0.07) !important; border-radius: 12px !important; background: rgb(243, 248, 245) !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb img{display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb.is-fallback{background: linear-gradient(145deg, rgb(238, 250, 242), rgb(221, 245, 229)) !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb-letter{color: rgb(23, 150, 74) !important; font-size: 21px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.04em !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main h3{margin: 0px 0px 5px !important; color: rgb(21, 29, 24) !important; font-size: 14.5px !important; line-height: 1.26 !important; font-weight: 700 !important; letter-spacing: -0.018em !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main p{margin: 0px !important; color: rgb(133, 142, 136) !important; font-size: 12.2px !important; line-height: 1.4 !important; font-weight: 650 !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side{align-self: center !important; gap: 8px !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side strong{color: rgb(22, 29, 24) !important; font-size: 15px !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total{flex: 0 0 auto !important; margin: 0px !important; padding: 18px 0px 4px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(227, 233, 229) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total span{color: rgb(38, 48, 41) !important; font-size: 15px !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total strong{color: rgb(16, 23, 19) !important; font-size: 25px !important; font-weight: 800 !important; letter-spacing: -0.04em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display{position: static !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 0px !important; margin: 0px !important; padding: 10px 0px 5px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display::before{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display span{color: rgb(96, 106, 100) !important; font-size: 13.5px !important; line-height: 1.2 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display strong{color: rgb(23, 137, 67) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.02em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup{flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 14px 0px 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head{display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 50px !important; margin: 0px 0px 12px !important; padding: 0px 14px !important; border: 1px solid rgb(207, 232, 215) !important; border-radius: 12px !important; background: rgb(240, 250, 243) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head span{font-size: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head span::after{content: "К оплате"; color: rgb(38, 48, 41) !important; font-size: 14px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.01em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head strong{color: rgb(22, 172, 77) !important; font-size: 18px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup > p{max-width: 355px !important; margin: 0px 0px 14px !important; color: rgb(126, 135, 129) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 600 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form label{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form{display: block !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form > button[type="submit"]{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0px !important; padding: 0px 18px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15.5px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.015em !important; box-shadow: rgba(24, 207, 89, 0.2) 0px 11px 27px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-result{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup::after{content: "🔒 Безопасная оплата через СБП" !important; display: block !important; margin: 10px 0px 0px !important; color: rgb(146, 154, 149) !important; font-size: 11.5px !important; line-height: 1.3 !important; font-weight: 650 !important; text-align: center !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-checkout-btn{margin-top: 16px !important;}}
@media (min-width: 701px){@media (max-height: 760px){#cart-modal .cart-item{min-height: 72px !important; grid-template-columns: 50px minmax(0px, 1fr) auto !important;}}}
@media (min-width: 701px){@media (max-height: 760px){#cart-modal .cart-item-thumb{width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important;}}}
@media (max-width: 700px){#cart-modal .cart-item-thumb{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-item-main{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-empty{order: 2 !important; flex: 1 1 auto !important; min-height: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-balance-display{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-items-count{order: 1 !important; display: block !important; margin: 0px 56px 0px 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-empty{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 40px 22px 90px !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{flex: 0 0 auto !important; min-height: 29px !important; margin: 1px 56px 5px 0px !important; overflow: visible !important; line-height: 1.08 !important;}}
@media (min-width: 701px){#cart-modal .cart-items-count{flex: 0 0 auto !important; position: static !important; display: block !important; width: auto !important; min-height: 16px !important; margin: 0px 56px 20px 0px !important; padding: 0px !important; line-height: 16px !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal .cart-items{flex: 1 1 0px !important; min-height: 0px !important; overflow-y: auto !important;}}
@media (min-width: 701px){#cart-modal .cart-items{scrollbar-width: thin !important; scrollbar-color: rgb(189, 211, 196) transparent !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar{width: 6px !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-track{background: transparent !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-thumb{min-height: 36px !important; border: 0px !important; border-radius: 999px !important; background: rgb(189, 211, 196) !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-thumb:hover{background: rgb(168, 195, 175) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup::after{color: rgb(114, 125, 118) !important; font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 650 !important; opacity: 1 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form > button[type="submit"]{font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal.cart-modal:not(.hidden){position: fixed !important; inset: 0px !important; width: 100% !important; height: 100dvh !important; max-width: none !important; max-height: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; z-index: 10050 !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-backdrop{cursor: pointer; animation: 0.2s ease-out 0s 1 normal both running webegeDesktopCartBackdropV245; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; margin: 0px !important; background: rgba(14, 20, 17, 0.3) !important; opacity: 1 !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card{overscroll-behavior: contain; scrollbar-width: thin; position: absolute !important; inset: 0px 0px 0px auto !important; width: min(440px, -32px + 100vw) !important; height: 100dvh !important; min-height: 100dvh !important; max-width: 440px !important; max-height: none !important; margin: 0px !important; padding: 28px 28px 26px !important; border-width: 0px 0px 0px 1px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgba(18, 48, 31, 0.07) !important; border-image: none !important; border-radius: 24px 0px 0px 24px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(18, 35, 26, 0.12) -18px 0px 48px !important; transform: none !important; translate: none !important; overflow: hidden auto !important; animation: 0.28s cubic-bezier(0.22, 0.78, 0.25, 1) 0s 1 normal both running webegeDesktopCartDrawerV245 !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close{position: absolute !important; top: 20px !important; right: 20px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 0px !important; border: 1px solid rgb(233, 238, 235) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; color: rgb(23, 32, 25) !important; font-size: 27px !important; font-weight: 400 !important; line-height: 1 !important; cursor: pointer !important; z-index: 5 !important; transition: background-color 0.15s, border-color 0.15s, transform 0.15s !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:hover{background: rgb(244, 248, 245) !important; border-color: rgb(220, 231, 223) !important; transform: scale(1.03) !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:active{transform: scale(0.97) !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{display: block !important; margin: 2px 52px 22px 0px !important; color: rgb(17, 24, 20) !important; font-size: 22px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card button,#cart-modal .cart-modal-card a{-webkit-tap-highlight-color: transparent;}}
@media (min-width: 701px){#cart-modal .cart-modal-card *{max-width: 100%;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-modal-card{width: min(440px, -32px + 100vw) !important; max-width: 440px !important; height: 100dvh !important; max-height: none !important;}}
@media (min-width: 701px){@media (max-width: 900px){#cart-modal .cart-modal-card,#cart-modal.cart-auth-first-modal .cart-modal-card{width: min(420px, -24px + 100vw) !important; padding: 26px 24px 24px !important; border-radius: 20px 0px 0px 20px !important;}}}
@media (prefers-reduced-motion: reduce) and (min-width: 701px){#cart-modal .cart-modal-card,#cart-modal .cart-modal-backdrop{animation: auto ease 0s 1 normal none running none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card{display: flex !important; flex-direction: column !important; padding: 28px 28px 24px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{display: block !important; align-self: flex-start !important; width: auto !important; min-width: 0px !important; min-height: 0px !important; height: auto !important; margin: 2px 56px 25px 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(17, 24, 20) !important; font-size: 26px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; text-transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > h2{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close{top: 21px !important; right: 21px !important; width: 38px !important; height: 38px !important; border: 1px solid rgb(231, 236, 233) !important; border-radius: 12px !important; background: rgb(248, 250, 249) !important; box-shadow: none !important; color: rgb(23, 32, 25) !important; font-size: 25px !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-close:hover{background: rgb(238, 245, 240) !important; border-color: rgb(217, 229, 220) !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display{flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; min-height: 50px !important; margin: 0px 0px 18px !important; padding: 0px 15px !important; border: 1px solid rgb(229, 238, 232) !important; border-radius: 15px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display span{color: rgb(119, 128, 121) !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display strong{overflow: hidden !important; color: rgb(24, 32, 25) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; text-overflow: ellipsis !important;}}
@media (min-width: 701px){#cart-modal .cart-items{overscroll-behavior: contain; scrollbar-width: thin; flex: 1 1 auto !important; min-height: 0px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0px !important; padding: 0px 3px 18px 0px !important; overflow: hidden auto !important;}}
@media (min-width: 701px){#cart-modal .cart-item{flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: start !important; gap: 18px !important; width: 100% !important; margin: 0px !important; padding: 16px !important; border: 1px solid rgb(233, 238, 235) !important; border-radius: 16px !important; background: rgb(251, 252, 251) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-item > div:first-child{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-item h3{margin: 0px 0px 6px !important; color: rgb(21, 27, 23) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -0.018em !important;}}
@media (min-width: 701px){#cart-modal .cart-item p{margin: 0px !important; color: rgb(123, 130, 125) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 600 !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side{display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: flex-start !important; gap: 9px !important; width: auto !important; min-width: max-content !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side strong{color: rgb(18, 24, 20) !important; font-size: 15.5px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side button{width: auto !important; min-width: 0px !important; height: auto !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(150, 157, 152) !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 650 !important; cursor: pointer !important; transition: color 0.15s !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side button:hover{color: rgb(217, 71, 71) !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total{flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; gap: 12px 16px !important; width: 100% !important; margin: 0px !important; padding: 21px 0px 0px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(232, 237, 234) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total span{color: rgb(49, 57, 52) !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal .cart-total strong{color: rgb(17, 23, 20) !important; font-size: 25px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-total::after{content: "✓ Доступ сразу после оплаты"; grid-column: 1 / -1; display: block !important; color: rgb(46, 123, 74) !important; font-size: 12.5px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn{flex: 0 0 auto !important; width: 100% !important; min-height: 56px !important; margin: 16px 0px 0px !important; padding: 0px 20px !important; border: 0px !important; border-radius: 16px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.015em !important; box-shadow: rgba(24, 207, 89, 0.2) 0px 12px 28px !important; cursor: pointer !important; transition: background-color 0.16s, transform 0.16s, box-shadow 0.16s !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn:hover{background: rgb(20, 189, 80) !important; transform: translateY(-1px) !important; box-shadow: rgba(24, 207, 89, 0.25) 0px 15px 32px !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn:active{transform: translateY(0px) scale(0.995) !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup{flex: 0 0 auto !important; margin: 14px 0px 0px !important; padding: 16px !important; border: 1px solid rgb(226, 235, 229) !important; border-radius: 16px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup::before,#cart-modal .cart-inline-topup::after{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head{display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0px 0px 7px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head span{font-size: 13px !important; font-weight: 750 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head strong{font-size: 18px !important; font-weight: 900 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > p{margin: 0px 0px 13px !important; color: rgb(115, 124, 118) !important; font-size: 12.5px !important; line-height: 1.45 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form{display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label{width: 100% !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input{width: 100% !important; min-height: 46px !important; border-radius: 13px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{width: 100% !important; min-height: 48px !important; border-radius: 13px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-box{flex: 0 0 auto !important; margin: 15px 0px 0px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card{margin: 0px !important; padding: 16px !important; border: 1px solid rgb(229, 236, 232) !important; border-radius: 16px !important; background: rgb(248, 250, 249) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{margin: 0px 0px 5px !important; color: rgb(21, 28, 24) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 850 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{margin: 0px 0px 13px !important; color: rgb(116, 124, 119) !important; font-size: 12.5px !important; line-height: 1.45 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-form{display: flex !important; flex-direction: column !important; gap: 10px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email{width: 100% !important; min-height: 48px !important; padding: 0px 14px !important; border: 1px solid rgb(223, 231, 226) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; font-size: 14px !important; outline: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email:focus{border-color: rgb(27, 207, 86) !important; box-shadow: rgba(27, 207, 86, 0.1) 0px 0px 0px 4px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit{width: 100% !important; min-height: 52px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 850 !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 10px 24px !important;}}
@media (min-width: 701px){#cart-modal .cart-empty{flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 0px !important; padding: 40px 18px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-empty h3{margin: 0px 0px 8px !important; font-size: 20px !important; font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal .cart-empty p{max-width: 280px !important; margin: 0px 0px 20px !important; color: rgb(122, 130, 125) !important; font-size: 13px !important; line-height: 1.5 !important;}}
@media (min-width: 701px){#cart-modal .cart-empty-shop-btn{min-height: 48px !important; padding: 0px 22px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important;}}
@media (min-width: 701px){#cart-modal.is-closing .cart-modal-card{animation: 0.2s ease-in 0s 1 normal both running webegeDesktopCartOutV246 !important;}}
@media (min-width: 701px){#cart-modal.is-closing .cart-modal-backdrop{animation: 0.2s ease-in 0s 1 normal both running webegeDesktopCartBackdropOutV246 !important;}}
#cart-modal .cart-items-count{display: none !important;}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{margin: 1px 56px 3px 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-items-count{display: block !important; flex: 0 0 auto !important; margin: 0px 56px 23px 0px !important; color: rgb(139, 147, 142) !important; font-size: 12.5px !important; line-height: 1.25 !important; font-weight: 650 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-total::after{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-total{row-gap: 0px !important; padding-top: 20px !important;}}
@media (min-width: 701px){#cart-modal .cart-checkout-btn{margin-top: 18px !important; min-height: 56px !important; border-radius: 15px !important; font-size: 16px !important; font-weight: 850 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup{flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin: 17px 0px 0px !important; padding: 17px !important; display: block !important; border: 1px solid rgb(223, 234, 227) !important; border-radius: 17px !important; background: linear-gradient(rgb(248, 251, 249) 0%, rgb(244, 250, 246) 100%) !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > *{flex: 0 0 auto !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head{display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; margin: 0px 0px 7px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head span{color: rgb(24, 32, 25) !important; font-size: 18px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-head strong{color: rgb(22, 173, 77) !important; font-size: 17px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.02em !important; white-space: nowrap !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup > p{max-width: 330px !important; margin: 0px 0px 15px !important; padding: 0px !important; color: rgb(129, 137, 133) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 550 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form{display: grid !important; grid-template-columns: 1fr !important; gap: 11px !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label{display: block !important; width: 100% !important; height: auto !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form label > span{display: block !important; margin: 0px 0px 7px !important; color: rgb(32, 39, 34) !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input{appearance: textfield; display: block !important; width: 100% !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0px !important; padding: 0px 14px !important; border: 1px solid rgb(223, 230, 225) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; color: rgb(23, 32, 25) !important; font-size: 15px !important; line-height: 46px !important; font-weight: 750 !important; outline: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input:focus{border-color: rgb(33, 201, 90) !important; box-shadow: rgba(33, 201, 90, 0.1) 0px 0px 0px 4px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form input::-webkit-outer-spin-button,#cart-modal .cart-inline-topup-form input::-webkit-inner-spin-button{margin: 0px; appearance: none;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; margin: 1px 0px 0px !important; padding: 0px 50px 0px 18px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 10px 25px !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.01em !important; cursor: pointer !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::after{content: "" !important; position: absolute !important; top: 50% !important; right: 17px !important; width: 28px !important; height: 28px !important; transform: translateY(-50%) !important; background-image: url("/static/assets/SBP.svg") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; pointer-events: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:hover{background: rgb(20, 189, 80) !important; transform: translateY(-1px) !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:active{transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:disabled{cursor: default !important; opacity: 0.72 !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result{margin: 11px 0px 0px !important; padding: 11px 12px !important; border-radius: 11px !important; background: rgb(237, 248, 241) !important; color: rgb(49, 118, 74) !important; font-size: 12.5px !important; line-height: 1.4 !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result p{margin: 0px !important;}}
@media (min-width: 701px){@media (min-width: 1200px){#cart-modal .cart-modal-card,#cart-modal.cart-auth-first-modal .cart-modal-card{width: 460px !important; max-width: 460px !important;}}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-result{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::after{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]::before{content: "" !important; display: block !important; flex: 0 0 25px !important; width: 25px !important; height: 25px !important; margin: 0px !important; padding: 0px !important; background-image: url("/static/assets/SBP.svg") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; pointer-events: none !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 0px 18px !important;}}
@media (min-width: 701px){#cart-modal .cart-inline-topup-form > button[type="submit"]:disabled{opacity: 0.82 !important; cursor: wait !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display{position: relative !important; min-height: 52px !important; margin: 0px 0px 18px !important; padding: 0px 16px 0px 19px !important; border: 1px solid rgb(213, 237, 221) !important; border-radius: 14px !important; background: rgb(243, 251, 246) !important; box-shadow: none !important; overflow: hidden !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display::before{content: "" !important; position: absolute !important; top: 11px !important; bottom: 11px !important; left: 0px !important; width: 3px !important; border-radius: 0px 4px 4px 0px !important; background: rgb(32, 200, 90) !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display span{color: rgb(97, 115, 106) !important; font-size: 12.5px !important; line-height: 1.2 !important; font-weight: 750 !important; letter-spacing: -0.005em !important;}}
@media (min-width: 701px){#cart-modal .cart-balance-display strong{color: rgb(20, 122, 59) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-backdrop{background: var(--scrim) !important; -webkit-backdrop-filter: var(--scrim-blur) !important; backdrop-filter: var(--scrim-blur) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card > .section-kicker{order: 0 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-items-count{order: 1 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-items{order: 2 !important; flex: 1 1 auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px 3px 19px 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total{order: 3 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display{order: 4 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup{order: 5 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-checkout-btn{order: 6 !important;}}
@media (min-width: 701px){#cart-modal .cart-item{display: grid !important; grid-template-columns: 58px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 0px 13px !important; min-height: 82px !important; padding: 11px 13px !important; border: 1px solid rgb(229, 235, 231) !important; border-radius: 16px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb{display: flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; overflow: hidden !important; border: 1px solid rgba(19, 50, 32, 0.07) !important; border-radius: 12px !important; background: rgb(243, 248, 245) !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb img{display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb.is-fallback{background: linear-gradient(145deg, rgb(238, 250, 242), rgb(221, 245, 229)) !important;}}
@media (min-width: 701px){#cart-modal .cart-item-thumb-letter{color: rgb(23, 150, 74) !important; font-size: 21px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.04em !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main h3{margin: 0px 0px 5px !important; color: rgb(21, 29, 24) !important; font-size: 14.5px !important; line-height: 1.26 !important; font-weight: 700 !important; letter-spacing: -0.018em !important;}}
@media (min-width: 701px){#cart-modal .cart-item-main p{margin: 0px !important; color: rgb(133, 142, 136) !important; font-size: 12.2px !important; line-height: 1.4 !important; font-weight: 650 !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side{align-self: center !important; gap: 8px !important;}}
@media (min-width: 701px){#cart-modal .cart-item-side strong{color: rgb(22, 29, 24) !important; font-size: 15px !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total{flex: 0 0 auto !important; margin: 0px !important; padding: 18px 0px 4px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(227, 233, 229) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total span{color: rgb(38, 48, 41) !important; font-size: 15px !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-total strong{color: rgb(16, 23, 19) !important; font-size: 25px !important; font-weight: 800 !important; letter-spacing: -0.04em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display{position: static !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 0px !important; margin: 0px !important; padding: 10px 0px 5px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display::before{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display span{color: rgb(96, 106, 100) !important; font-size: 13.5px !important; line-height: 1.2 !important; font-weight: 700 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-balance-display strong{color: rgb(23, 137, 67) !important; font-size: 16px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.02em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup{flex: 0 0 auto !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 14px 0px 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head{display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 50px !important; margin: 0px 0px 12px !important; padding: 0px 14px !important; border: 1px solid rgb(207, 232, 215) !important; border-radius: 12px !important; background: rgb(240, 250, 243) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head span{font-size: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head span::after{content: "К оплате"; color: rgb(38, 48, 41) !important; font-size: 14px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: -0.01em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-head strong{color: rgb(22, 172, 77) !important; font-size: 18px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -0.025em !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup > p{max-width: 355px !important; margin: 0px 0px 14px !important; color: rgb(126, 135, 129) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 600 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form label{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form{display: block !important; width: 100% !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form > button[type="submit"]{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0px !important; padding: 0px 18px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15.5px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: -0.015em !important; box-shadow: rgba(24, 207, 89, 0.2) 0px 11px 27px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-result{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup::after{content: "🔒 Безопасная оплата через СБП" !important; display: block !important; margin: 10px 0px 0px !important; color: rgb(146, 154, 149) !important; font-size: 11.5px !important; line-height: 1.3 !important; font-weight: 650 !important; text-align: center !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-checkout-btn{margin-top: 16px !important;}}
@media (min-width: 701px){@media (max-height: 760px){#cart-modal .cart-item{min-height: 72px !important; grid-template-columns: 50px minmax(0px, 1fr) auto !important;}}}
@media (min-width: 701px){@media (max-height: 760px){#cart-modal .cart-item-thumb{width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important;}}}
@media (max-width: 700px){#cart-modal .cart-item-thumb{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-item-main{min-width: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-empty{order: 2 !important; flex: 1 1 auto !important; min-height: 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-balance-display{display: none !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-items-count{order: 1 !important; display: block !important; margin: 0px 56px 0px 0px !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-modal-card:has(.cart-empty) .cart-empty{display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0px !important; padding: 40px 22px 90px !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .section-kicker:first-of-type{flex: 0 0 auto !important; min-height: 29px !important; margin: 1px 56px 5px 0px !important; overflow: visible !important; line-height: 1.08 !important;}}
@media (min-width: 701px){#cart-modal .cart-items-count{flex: 0 0 auto !important; position: static !important; display: block !important; width: auto !important; min-height: 16px !important; margin: 0px 56px 20px 0px !important; padding: 0px !important; line-height: 16px !important; overflow: visible !important;}}
@media (min-width: 701px){#cart-modal .cart-items{flex: 1 1 0px !important; min-height: 0px !important; overflow-y: auto !important;}}
@media (min-width: 701px){#cart-modal .cart-items{scrollbar-width: thin !important; scrollbar-color: rgb(189, 211, 196) transparent !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar{width: 6px !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-track{background: transparent !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-thumb{min-height: 36px !important; border: 0px !important; border-radius: 999px !important; background: rgb(189, 211, 196) !important;}}
@media (min-width: 701px){#cart-modal .cart-items::-webkit-scrollbar-thumb:hover{background: rgb(168, 195, 175) !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup::after{color: rgb(114, 125, 118) !important; font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 650 !important; opacity: 1 !important;}}
@media (min-width: 701px){#cart-modal:not(.cart-auth-first-modal) .cart-inline-topup-form > button[type="submit"]{font-weight: 800 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-box{flex: 0 0 auto !important; width: 100% !important; margin: 14px 0px 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card{width: 100% !important; margin: 0px !important; padding: 17px !important; border: 1px solid rgb(223, 232, 226) !important; border-radius: 16px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{margin: 0px 0px 6px !important; color: rgb(25, 33, 28) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 850 !important; letter-spacing: -0.015em !important; text-align: center !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{max-width: 330px !important; margin: 0px auto 14px !important; color: rgb(123, 132, 126) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 550 !important; text-align: center !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-form{display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; margin: 0px !important; padding: 0px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email{width: 100% !important; height: 48px !important; min-height: 48px !important; margin: 0px !important; padding: 0px 14px !important; border: 1px solid rgb(220, 228, 223) !important; border-radius: 13px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; color: rgb(23, 32, 25) !important; font-size: 14px !important; line-height: 1 !important; font-weight: 650 !important; outline: none !important; transition: border-color 0.15s, box-shadow 0.15s !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email::placeholder{color: rgb(150, 158, 153) !important; opacity: 1 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-email:focus{border-color: rgb(27, 207, 86) !important; box-shadow: rgba(27, 207, 86, 0.1) 0px 0px 0px 4px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit{position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; height: 54px !important; min-height: 54px !important; margin: 0px !important; padding: 0px 18px !important; border: 0px !important; border-radius: 14px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15.5px !important; line-height: 1 !important; font-weight: 750 !important; letter-spacing: -0.012em !important; box-shadow: rgba(24, 207, 89, 0.2) 0px 11px 27px !important; cursor: pointer !important; transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit::before{content: "" !important; display: block !important; flex: 0 0 25px !important; width: 25px !important; height: 25px !important; margin: 0px !important; background-image: url("/static/assets/SBP.svg") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; pointer-events: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit:hover{background: rgb(20, 189, 80) !important; transform: translateY(-1px) !important; box-shadow: rgba(24, 207, 89, 0.23) 0px 14px 30px !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit:active{transform: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit:disabled{opacity: 0.8 !important; cursor: wait !important; transform: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card::after{content: "🔒 Безопасная оплата через СБП"; display: block !important; margin: 10px 0px 0px !important; color: rgb(114, 125, 118) !important; font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 650 !important; text-align: center !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-submit::before{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-status.hidden{display: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-status:not(.hidden){display: block !important; margin: 10px 0px 0px !important; padding: 11px 13px !important; border: 1px solid rgba(190, 48, 48, 0.18) !important; border-radius: 12px !important; background: rgb(255, 247, 247) !important; box-shadow: none !important; text-align: left !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-status:not(.hidden) p{margin: 0px !important; color: rgb(165, 58, 58) !important; font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 650 !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .guest-checkout-submit.is-free::before{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal.cart-auth-first-modal .cart-auth-required-card.is-free::after{content: none !important; display: none !important;}}
@media (min-width: 701px){#cart-modal.cart-authenticated-modal .guest-checkout-form,#cart-modal.cart-authenticated-modal .cart-auth-required-box{display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-modal{display: flex !important; align-items: flex-end !important; justify-content: stretch !important; padding: 0px !important; overflow: hidden !important;}}
@media (max-width: 700px){#cart-modal.cart-modal.hidden{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-backdrop{background: var(--scrim) !important; -webkit-backdrop-filter: var(--scrim-blur) !important; backdrop-filter: var(--scrim-blur) !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card{position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; max-height: 92dvh !important; min-height: 0px !important; margin: 0px !important; padding: 29px 14px calc(14px + env(safe-area-inset-bottom)) !important; overflow: hidden !important; border-radius: 26px 26px 0px 0px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(5, 12, 8, 0.16) 0px -18px 55px !important; animation: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running webegeCartSheetV262B !important; box-sizing: border-box !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card::before{content: "" !important; position: absolute !important; top: 8px !important; left: 50% !important; width: 38px !important; height: 4px !important; border-radius: 999px !important; background: rgb(216, 222, 218) !important; transform: translateX(-50%) !important; pointer-events: none !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .section-kicker{order: 0 !important; flex: 0 0 auto !important; margin: 0px 46px 0px 1px !important; padding: 0px !important; min-height: 29px !important; border: 0px !important; background: transparent !important; color: rgb(18, 23, 19) !important; font-size: 25px !important; line-height: 1.12 !important; font-weight: 800 !important; letter-spacing: -0.035em !important; text-transform: none !important;}}
@media (max-width: 700px){#cart-modal .cart-items-count{order: 1 !important; flex: 0 0 auto !important; margin: 1px 46px 10px 1px !important; color: rgb(133, 142, 136) !important; font-size: 12.5px !important; line-height: 1.35 !important; font-weight: 650 !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > h2{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-close{position: absolute !important; top: 20px !important; right: 14px !important; width: 36px !important; height: 36px !important; border: 0px !important; border-radius: 50% !important; background: rgb(241, 244, 242) !important; color: rgb(37, 45, 40) !important; font-size: 23px !important; line-height: 1 !important; box-shadow: none !important; z-index: 10 !important;}}
@media (max-width: 700px){#cart-modal .cart-items{order: 2 !important; flex: 1 1 auto !important; min-height: 68px !important; margin: 0px !important; padding: 1px 1px 8px 0px !important; gap: 8px !important; overflow: hidden auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important;}}
@media (max-width: 700px){#cart-modal .cart-items::-webkit-scrollbar{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-item{display: grid !important; grid-template-columns: 52px minmax(0px, 1fr) auto !important; align-items: center !important; width: 100% !important; min-width: 0px !important; gap: 10px !important; margin: 0px !important; padding: 10px !important; border: 1px solid rgb(231, 237, 233) !important; border-radius: 15px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important; box-sizing: border-box !important;}}
@media (max-width: 700px){#cart-modal .cart-item-thumb{display: flex !important; align-items: center !important; justify-content: center !important; width: 52px !important; height: 52px !important; min-width: 52px !important; overflow: hidden !important; border-radius: 11px !important; background: rgb(243, 246, 244) !important;}}
@media (max-width: 700px){#cart-modal .cart-item-thumb img{display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important;}}
@media (max-width: 700px){#cart-modal .cart-item-thumb svg{width: 24px !important; height: 24px !important;}}
@media (max-width: 700px){#cart-modal .cart-item-main{min-width: 0px !important;}}
@media (max-width: 700px){#cart-modal .cart-item h3{display: -webkit-box !important; margin: 0px 0px 3px !important; overflow: hidden !important; color: rgb(23, 29, 25) !important; font-size: 14px !important; line-height: 1.28 !important; font-weight: 700 !important; letter-spacing: -0.012em !important; white-space: normal !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;}}
@media (max-width: 700px){#cart-modal .cart-item p{margin: 0px !important; overflow: hidden !important; color: rgb(133, 141, 136) !important; font-size: 11.5px !important; line-height: 1.35 !important; font-weight: 550 !important; white-space: nowrap !important; text-overflow: ellipsis !important;}}
@media (max-width: 700px){#cart-modal .cart-item-side{display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; width: auto !important; min-width: 64px !important; gap: 5px !important;}}
@media (max-width: 700px){#cart-modal .cart-item-side strong{color: rgb(24, 32, 25) !important; font-size: 13.5px !important; line-height: 1.1 !important; font-weight: 700 !important; white-space: nowrap !important;}}
@media (max-width: 700px){#cart-modal .cart-item-side button{width: auto !important; padding: 2px 0px !important; color: rgb(147, 155, 150) !important; font-size: 11px !important; font-weight: 650 !important;}}
@media (max-width: 700px){#cart-modal .cart-total{order: 3 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 43px !important; margin: 2px 0px 0px !important; padding: 10px 2px 7px !important; border-top: 1px solid rgb(237, 241, 238) !important; border-radius: 0px !important; background: transparent !important;}}
@media (max-width: 700px){#cart-modal .cart-total span{color: rgb(95, 104, 98) !important; font-size: 13.5px !important; font-weight: 700 !important;}}
@media (max-width: 700px){#cart-modal .cart-total strong{color: rgb(21, 27, 23) !important; font-size: 20px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.025em !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-balance-display{order: 4 !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 33px !important; margin: 0px !important; padding: 2px 2px 7px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-balance-display span{color: rgb(124, 133, 127) !important; font-size: 12.5px !important; font-weight: 650 !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-balance-display strong{color: rgb(57, 66, 61) !important; font-size: 14px !important; font-weight: 800 !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup{order: 5 !important; flex: 0 0 auto !important; position: relative !important; overflow: visible !important; margin: 2px 0px 0px !important; padding: 12px !important; border: 1px solid rgb(217, 235, 223) !important; border-radius: 15px !important; background: rgb(242, 250, 244) !important; box-shadow: none !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup::before{content: none !important; display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-head{display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0px 0px 5px !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-head span{font-size: 0px !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-head span::after{content: "К оплате"; color: rgb(52, 64, 57) !important; font-size: 13px !important; font-weight: 750 !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-head strong{color: rgb(22, 148, 72) !important; font-size: 18px !important; line-height: 1 !important; font-weight: 900 !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup > p{margin: 0px 0px 10px !important; color: rgb(119, 129, 122) !important; font-size: 11.5px !important; line-height: 1.4 !important; font-weight: 550 !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-form label{position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-form{display: block !important; width: 100% !important; margin: 0px !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-form > button[type="submit"]{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0px !important; padding: 0px 15px !important; border: 0px !important; border-radius: 13px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 9px 22px !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-form > button[type="submit"]::before{content: "" !important; display: block !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; background: url("/static/assets/SBP.svg") center center / contain no-repeat !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup-result{display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-inline-topup::after{content: "🔒 Безопасная оплата через СБП"; display: block !important; margin: 8px 0px 0px !important; color: rgb(114, 125, 118) !important; font-size: 10.5px !important; line-height: 1.3 !important; font-weight: 650 !important; text-align: center !important;}}
@media (max-width: 700px){#cart-modal.cart-authenticated-modal .cart-checkout-btn{order: 6 !important; flex: 0 0 auto !important; width: 100% !important; min-height: 52px !important; margin: 5px 0px 0px !important; border: 0px !important; border-radius: 13px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 9px 22px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-box{order: 4 !important; flex: 0 0 auto !important; width: 100% !important; margin: 2px 0px 0px !important; padding: 0px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card{width: 100% !important; margin: 0px !important; padding: 13px !important; border: 1px solid rgb(225, 232, 227) !important; border-radius: 15px !important; background: rgb(247, 250, 248) !important; box-shadow: none !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{margin: 0px 0px 4px !important; color: rgb(24, 32, 25) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 850 !important; text-align: center !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{max-width: 330px !important; margin: 0px auto 11px !important; color: rgb(123, 132, 126) !important; font-size: 11.5px !important; line-height: 1.4 !important; font-weight: 550 !important; text-align: center !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-form{display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; margin: 0px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-email{width: 100% !important; height: 48px !important; min-height: 48px !important; margin: 0px !important; padding: 0px 13px !important; border: 1px solid rgb(220, 228, 223) !important; border-radius: 12px !important; background: rgb(255, 255, 255) !important; color: rgb(23, 32, 25) !important; font-size: 16px !important; font-weight: 600 !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-email:focus{border-color: rgb(27, 207, 86) !important; box-shadow: rgba(27, 207, 86, 0.1) 0px 0px 0px 3px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-submit{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0px !important; padding: 0px 14px !important; border: 0px !important; border-radius: 13px !important; background: rgb(24, 207, 89) !important; color: rgb(255, 255, 255) !important; font-size: 14.5px !important; font-weight: 750 !important; box-shadow: rgba(24, 207, 89, 0.18) 0px 9px 22px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-submit:not(.is-free)::before{content: "" !important; display: block !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; background: url("/static/assets/SBP.svg") center center / contain no-repeat !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-submit.is-free::before{content: none !important; display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card:not(.is-free)::after{content: "🔒 Безопасная оплата через СБП"; display: block !important; margin: 8px 0px 0px !important; color: rgb(114, 125, 118) !important; font-size: 10.5px !important; font-weight: 650 !important; text-align: center !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card.is-free::after{content: none !important; display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-status.hidden{display: none !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-status:not(.hidden){display: block !important; margin: 8px 0px 0px !important; padding: 9px 11px !important; border: 1px solid rgba(190, 48, 48, 0.18) !important; border-radius: 11px !important; background: rgb(255, 247, 247) !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .guest-checkout-status:not(.hidden) p{margin: 0px !important; color: rgb(165, 58, 58) !important; font-size: 11.5px !important; line-height: 1.4 !important; font-weight: 650 !important;}}
@media (max-width: 700px){#cart-modal .cart-empty{order: 2 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 230px !important; padding: 24px 12px !important; text-align: center !important;}}
@media (max-width: 380px){#cart-modal .cart-modal-card{padding-left: 14px !important; padding-right: 14px !important;}}
@media (max-width: 380px){#cart-modal .cart-item{grid-template-columns: 46px minmax(0px, 1fr) auto !important; gap: 8px !important; padding: 9px !important;}}
@media (max-width: 380px){#cart-modal .cart-item-thumb{width: 46px !important; height: 46px !important; min-width: 46px !important;}}
@media (max-width: 380px){#cart-modal .cart-item h3{font-size: 13.5px !important;}}
@media (prefers-reduced-motion: reduce) and (max-width: 700px){#cart-modal .cart-modal-card{animation: auto ease 0s 1 normal none running none !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card{padding-top: 27px !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .section-kicker{display: block !important; width: auto !important; min-height: 27px !important; margin: 0px 52px 0px 2px !important; padding: 0px !important; color: rgb(21, 27, 23) !important; font-size: 23px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-align: left !important; justify-content: flex-start !important; align-items: flex-start !important;}}
@media (max-width: 700px){#cart-modal .cart-items-count{display: block !important; width: auto !important; min-height: 17px !important; margin: 2px 52px 11px 2px !important; padding: 0px !important; color: rgb(138, 146, 141) !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 650 !important; text-align: left !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-close{top: 23px !important; right: 14px !important; width: 36px !important; height: 36px !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .section-kicker{display: block !important; position: static !important; width: auto !important; max-width: none !important; min-width: 0px !important; min-height: auto !important; height: auto !important; margin: 0px 52px 0px 2px !important; padding: 0px !important; background: none transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; outline: 0px !important; overflow: visible !important; color: rgb(21, 27, 23) !important; font-size: 23px !important; line-height: 1.15 !important; font-weight: 800 !important; letter-spacing: -0.025em !important; text-align: left !important; text-transform: none !important; opacity: 1 !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .section-kicker::before,#cart-modal .cart-modal-card > .section-kicker::after{content: none !important; display: none !important; background: none !important; box-shadow: none !important;}}
#cart-modal .cart-promo{flex: 0 0 auto; width: 100%; min-width: 0px; margin: 8px 0px 5px; padding: 0px; color: rgb(68, 83, 74); font: 500 13px/1.45 var(--font-sans, Inter, sans-serif); order: 3 !important;}
#cart-modal .cart-promo [hidden]{display: none !important;}
#cart-modal .cart-promo button{min-height: 36px; border: 0px; border-radius: 10px; box-shadow: none; font: 700 13px/1.3 var(--font-sans, Inter, sans-serif); cursor: pointer;}
#cart-modal .cart-promo-toggle{padding: 4px 0px; color: rgb(24, 133, 65); background: transparent; text-align: left; text-decoration: underline; text-underline-offset: 3px;}
#cart-modal .cart-promo-fields{padding: 10px 12px; border: 1px solid rgb(223, 233, 226); border-radius: 12px; background: rgb(247, 250, 248);}
#cart-modal .cart-promo-fields > label{display: block; margin: 0px 0px 6px; color: rgb(68, 83, 74); font-size: 12px; font-weight: 650;}
#cart-modal .cart-promo-entry{display: flex; gap: 8px; min-width: 0px;}
#cart-modal .cart-promo-entry input{flex: 1 1 auto; min-width: 0px; width: 100%; height: 42px; box-sizing: border-box; padding: 0px 10px; border: 1px solid rgb(216, 226, 219); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(20, 32, 24); font: 600 16px/1.3 var(--font-sans, Inter, sans-serif);}
#cart-modal .cart-promo-entry button{flex: 0 0 auto; padding: 0px 12px; color: rgb(20, 109, 52); background: rgb(224, 244, 231);}
#cart-modal .cart-promo-remove{margin: 3px 0px 0px; padding: 4px 0px; color: rgb(103, 116, 107); background: transparent; font-size: 12px; font-weight: 500;}
#cart-modal .cart-promo-status{margin: 7px 0px 0px; color: rgb(24, 124, 61); font: 500 12px/1.45 var(--font-sans, Inter, sans-serif); overflow-wrap: anywhere;}
#cart-modal .cart-promo-status:empty{display: none;}
#cart-modal .cart-promo-status.is-error{color: rgb(173, 49, 49);}
#cart-modal .cart-promo-summary{margin: 8px 0px 0px;}
#cart-modal .cart-promo-summary > div{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 3px; font-size: 12px;}
#cart-modal .cart-promo-summary strong{color: rgb(24, 124, 61); white-space: nowrap;}
#cart-modal .cart-promo button:disabled{opacity: 0.55; cursor: wait;}
#cart-modal .cart-promo input:focus-visible,#cart-modal .cart-promo button:focus-visible{outline: rgb(24, 133, 65) solid 2px; outline-offset: 2px;}
@media (max-width: 700px){#cart-modal .cart-promo{margin: 2px 0px;}}
@media (max-width: 700px){#cart-modal .cart-promo-fields{padding: 8px 10px;}}
#cart-modal.cart-modal > .cart-modal-card > .section-kicker{order: 0 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-items-count{order: 1 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-items{order: 2 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-promo{order: 3 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-total{order: 4 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-balance-display,#cart-modal.cart-modal > .cart-modal-card > .cart-auth-required-box{order: 5 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-inline-topup{order: 6 !important;}
#cart-modal.cart-modal > .cart-modal-card > .cart-checkout-btn{order: 7 !important;}
#cart-modal .cart-promo.cart-promo-compact{width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; margin: 10px 0px 12px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}
#cart-modal .cart-promo-compact .cart-promo-fields > label{clip-path: inset(50%); position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; white-space: nowrap !important; border: 0px !important;}
#cart-modal .cart-promo-compact .cart-promo-toggle{position: relative; align-items: center; gap: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex !important; width: 100% !important; min-height: 50px !important; margin: 0px !important; padding: 12px 16px !important; box-sizing: border-box !important; border: 1px solid rgba(27, 207, 86, 0.26) !important; border-radius: 13px !important; background: rgba(27, 207, 86, 0.055) !important; color: rgb(24, 133, 65) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important; box-shadow: none !important;}
#cart-modal .cart-promo-toggle::before{content: ""; display: block; flex: 0 0 22px; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23188541' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12l-8 8a2 2 0 0 1-2.8 0L4 14.8A2 2 0 0 1 4 12l8-8h7a1 1 0 0 1 1 1z'/%3E%3Ccircle cx='16' cy='8' r='1'/%3E%3C/svg%3E") center center / contain no-repeat;}
#cart-modal .cart-promo-toggle::after{content: ""; display: block; flex: 0 0 8px; width: 8px; height: 8px; margin: -4px 2px 0px auto; border-right: 2px solid; border-bottom: 2px solid; transform: rotate(45deg); transition: transform 0.15s;}
#cart-modal .cart-promo-toggle[aria-expanded="true"]::after{transform: rotate(225deg); margin-top: 4px;}
#cart-modal .cart-promo-compact .cart-promo-fields{margin: 8px 0px 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important;}
#cart-modal .cart-promo-compact .cart-promo-entry{display: flex; align-items: center; gap: 10px; min-width: 0px; min-height: 50px; box-sizing: border-box; padding: 3px 6px 3px 13px; border: 1px solid rgb(220, 231, 223); border-radius: 12px; background: rgb(246, 250, 247);}
#cart-modal .cart-promo-compact .cart-promo-entry::before{content: ""; display: block; flex: 0 0 19px; width: 19px; height: 19px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8c81' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12l-8 8a2 2 0 0 1-2.8 0L4 14.8A2 2 0 0 1 4 12l8-8h7a1 1 0 0 1 1 1z'/%3E%3Ccircle cx='16' cy='8' r='1'/%3E%3C/svg%3E") center center / contain no-repeat;}
#cart-modal .cart-promo-compact .cart-promo-entry:focus-within{border-color: rgb(116, 205, 145); box-shadow: rgba(27, 207, 86, 0.08) 0px 0px 0px 3px;}
#cart-modal .cart-promo-compact .cart-promo-entry input{flex: 1 1 0px; width: 0px; min-width: 0px; min-height: 42px; height: 42px; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; color: rgb(20, 32, 24); font-size: 16px; font-weight: 500; line-height: 1.3; box-shadow: none;}
#cart-modal .cart-promo-compact .cart-promo-entry input::placeholder{color: rgb(123, 135, 128); opacity: 1;}
#cart-modal .cart-promo-compact .cart-promo-entry input:focus,#cart-modal .cart-promo-compact .cart-promo-entry input:focus-visible{outline: none; box-shadow: none;}
#cart-modal .cart-promo-compact .cart-promo-entry button{flex: 0 0 auto; min-height: 36px; margin: 0px; padding: 0px 10px 0px 13px; border-width: 0px 0px 0px 1px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(220, 231, 223); border-image: none; border-radius: 0px; background: transparent; color: rgb(24, 133, 65); font-size: 14px; font-weight: 650; line-height: 1.3; white-space: nowrap; box-shadow: none;}
#cart-modal .cart-promo-compact .cart-promo-status:not(:empty){padding: 0px; font-size: 12px; line-height: 1.45; margin: 7px 1px 0px !important;}
#cart-modal .cart-promo-compact .cart-promo-summary:not([hidden]){padding: 0px; margin: 8px 1px 0px !important;}
#cart-modal .cart-promo [hidden]{display: none !important;}
#cart-modal.cart-auth-first-modal .cart-auth-required-box{width: 100% !important; margin: 12px 0px 0px !important; padding: 16px 0px 0px !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(237, 241, 238) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}
#cart-modal.cart-auth-first-modal .cart-auth-required-card{width: 100% !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; text-align: left !important;}
#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{margin: 0px 0px 6px !important; color: rgb(20, 32, 24) !important; font-size: 18px !important; font-weight: 750 !important; line-height: 1.3 !important; letter-spacing: -0.015em !important; text-align: left !important;}
#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{max-width: none !important; margin: 0px 0px 14px !important; color: rgb(117, 128, 121) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.45 !important; text-align: left !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-form{width: 100% !important; margin: 0px !important; gap: 10px !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-email{width: 100% !important; min-height: 48px !important; box-sizing: border-box !important; font-size: 16px !important; font-weight: 500 !important; background: rgb(255, 255, 255) !important; border-radius: 12px !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-submit{min-height: 54px !important; height: auto !important; padding: 12px 14px !important; gap: 8px !important; font-size: 17px !important; font-weight: 650 !important; line-height: 1.25 !important; white-space: normal !important; box-shadow: none !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-submit:hover{box-shadow: none !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-submit:not(.is-free)::before{pointer-events: none; content: "" !important; display: block !important; position: static !important; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; margin: 0px !important; background: url("/static/assets/SBP.svg") center center / contain no-repeat !important;}
#cart-modal.cart-auth-first-modal .cart-auth-required-card:not(.is-free)::after{content: "🔒 Безопасная оплата через СБП" !important; display: block !important; margin: 10px 0px 0px !important; color: rgb(114, 125, 118) !important; font-size: 11.5px !important; font-weight: 650 !important; line-height: 1.35 !important; text-align: center !important;}
#cart-modal.cart-auth-first-modal .guest-checkout-submit.is-free::before,#cart-modal.cart-auth-first-modal .cart-auth-required-card.is-free::after{content: none !important; display: none !important;}
@media (max-width: 700px){#cart-modal .cart-promo.cart-promo-compact{margin: 6px 0px 8px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-box{margin-top: 10px !important; padding-top: 14px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card h3{font-size: 17px !important;}}
@media (max-width: 700px){#cart-modal.cart-auth-first-modal .cart-auth-required-card > p{margin-bottom: 12px !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card:has(.cart-promo-compact:focus-within,.guest-checkout-form:focus-within,.cart-promo-status:not(:empty),.guest-checkout-status:not(.hidden):not(:empty)){overscroll-behavior: contain; overflow-y: auto !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card:has(.cart-promo-compact:focus-within,.guest-checkout-form:focus-within,.cart-promo-status:not(:empty),.guest-checkout-status:not(.hidden):not(:empty)) .cart-items{flex: 0 0 auto !important; max-height: 25dvh !important;}}
@media (max-width: 360px){#cart-modal .cart-promo-compact .cart-promo-entry{gap: 7px; padding-left: 10px;}}
@media (max-width: 360px){#cart-modal .cart-promo-compact .cart-promo-entry::before{flex-basis: 17px; width: 17px; height: 17px;}}
@media (max-width: 360px){#cart-modal .cart-promo-compact .cart-promo-entry button{padding-right: 7px; padding-left: 9px; font-size: 13px;}}
@media (max-width: 360px){#cart-modal.cart-auth-first-modal .guest-checkout-submit{font-size: 16.5px !important;}}
#cart-modal.cart-authenticated-modal .cart-checkout-btn{font-size: 17px !important;}
#shop-offer-step .add-cart-btn{font-size: 18px !important;}
#shop-offer-step .add-cart-btn:not(.webege-cart-added-state){font-weight: 700 !important;}
@media (max-width: 700px){#cart-modal .cart-promo-compact .cart-promo-toggle{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-promo-compact .cart-promo-fields{margin-top: 0px !important;}}
@media (max-width: 700px){#cart-modal .cart-promo-compact .cart-promo-summary{display: none !important;}}
@media (max-width: 700px){#cart-modal .cart-promo-compact .cart-promo-toggle{min-height: 48px !important; padding: 11px 14px !important;}}
@media (hover: hover){#cart-modal .cart-promo-compact .cart-promo-toggle:hover{background: rgba(27, 207, 86, 0.09) !important;}}
@media (prefers-reduced-motion: reduce){#cart-modal .cart-promo-toggle::after{transition: none;}}
#cart-modal .cart-items.cart-has-more-below{mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) calc(100% - 24px), transparent 100%);}
@media (max-width: 700px), (any-pointer: coarse){#cart-modal .cart-modal-card{overflow-y: auto !important; overscroll-behavior-y: contain !important;}}
@media (max-width: 700px), (any-pointer: coarse){#cart-modal .cart-items{overscroll-behavior-y: auto !important;}}
.webege-global-promo{position: relative; display: block; width: 100%; height: 69px; overflow: hidden; line-height: 0; text-decoration: none; border: 0px; background: radial-gradient(70% 180% at 12% 115%, rgba(47, 199, 131, 0.16), transparent 62%), radial-gradient(65% 180% at 86% -25%, rgba(214, 229, 137, 0.21), transparent 64%), linear-gradient(90deg, rgb(189, 232, 209) 0%, rgb(237, 247, 236) 52%, rgb(231, 239, 200) 100%);}
.webege-global-promo picture,.webege-global-promo img{display: block; width: 100%; height: 100%;}
.webege-global-promo img{object-fit: contain; object-position: center center;}
.webege-global-promo:focus-visible{outline: rgb(22, 207, 91) solid 3px; outline-offset: -3px;}
body > .webege-global-promo ~ header.glass-header{position: sticky !important; top: 0px !important; margin-bottom: -73px !important;}
@media (max-width: 760px){body > .webege-global-promo ~ header.glass-header{margin-bottom: -112px !important;}}
@media (max-width: 700px){.webege-global-promo{height: auto; aspect-ratio: 794 / 102;}}
@media (max-width: 700px){.webege-global-promo picture,.webege-global-promo img{height: auto;}}
@media (max-width: 700px){.webege-global-promo::after{content: ""; position: absolute; z-index: 2; top: -10.9375%; left: 29.9748%; width: 26.0705%; height: 121.875%; pointer-events: none; background-image: image-set(url("/static/images/webege-promo-mascot-180-perf-v1.webp?v=home_perf_20260904_v1") 1x, url("/static/images/webege-promo-mascot-360-perf-v1.webp?v=home_perf_20260904_v1") 2x); background-position: center center; background-size: contain; background-repeat: no-repeat;}}
.webege-global-promo .webege-promo-year{position: absolute; z-index: 4; top: 50%; left: max(28px, -572px + 50vw); transform: translateY(-50%); display: flex; align-items: center; gap: 16px; color: rgb(10, 71, 53); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; pointer-events: none;}
.webege-global-promo .webege-promo-year > b{font-size: 62px; font-weight: 700; letter-spacing: -3.5px; line-height: 0.9;}
.webege-global-promo .webege-promo-year > small{padding-left: 14px; border-left: 1px solid rgba(10, 71, 53, 0.16); color: rgb(96, 115, 107); font-size: 12.5px; font-weight: 680; letter-spacing: 0.35px; line-height: 1.22; white-space: nowrap;}
.webege-global-promo .webege-promo-year > small strong{color: rgb(10, 71, 53); font-size: 15px; font-weight: 750;}
.webege-global-promo .webege-promo-tablet-center{display: none;}
.webege-global-promo .webege-promo-timer{position: absolute; z-index: 4; top: 50%; right: max(28px, -572px + 50vw); transform: translateY(-50%); display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 7px 13px; border: 1px solid rgba(10, 71, 53, 0.11); border-radius: 14px; background: rgba(255, 255, 255, 0.66); box-shadow: rgba(10, 71, 53, 0.08) 0px 7px 18px; color: rgb(10, 71, 53); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; font-style: normal; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1; pointer-events: none; backdrop-filter: blur(8px);}
.webege-global-promo .webege-promo-timer-caption{display: flex; align-items: center; gap: 6px; color: rgb(96, 115, 107); font-size: 11px; white-space: nowrap;}
.webege-global-promo .webege-promo-timer-caption svg{width: 15px; height: 15px; color: rgb(22, 201, 92);}
.webege-global-promo .webege-promo-time{display: flex; align-items: flex-start; gap: 4px;}
.webege-global-promo .webege-promo-time > span{display: flex; min-width: 29px; flex-direction: column; align-items: center;}
.webege-global-promo .webege-promo-time b{font-size: 18px; font-weight: 650; line-height: 1;}
.webege-global-promo .webege-promo-time small{margin-top: 3px; color: rgb(96, 115, 107); font-size: 7px; font-weight: 600; line-height: 1; text-transform: uppercase;}
.webege-global-promo .webege-promo-time em{font-size: 16px; font-style: normal; font-weight: 700; line-height: 1;}
@media (max-width: 1100px){.webege-global-promo .webege-promo-year{left: 24px;}}
@media (max-width: 1100px){.webege-global-promo .webege-promo-year > b{font-size: 56px;}}
@media (max-width: 1100px){.webege-global-promo .webege-promo-year > small{display: none;}}
@media (max-width: 1100px){.webege-global-promo .webege-promo-timer{right: 24px; min-height: 42px; padding: 6px 10px;}}
@media (max-width: 1100px){.webege-global-promo .webege-promo-timer-caption{display: none;}}
@media (max-width: 1100px){.webege-global-promo .webege-promo-time b{font-size: 16px;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo picture{opacity: 0;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo .webege-promo-tablet-center{position: absolute; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 8px; color: rgb(10, 71, 53); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; pointer-events: none;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo .webege-promo-tablet-center > i{display: block; flex: 0 0 auto; width: 78px; height: 72px; background-image: image-set(url("/static/images/webege-promo-mascot-180-perf-v1.webp?v=home_perf_20260904_v1") 1x, url("/static/images/webege-promo-mascot-360-perf-v1.webp?v=home_perf_20260904_v1") 2x); background-position: center center; background-size: contain; background-repeat: no-repeat;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo .webege-promo-tablet-center > span{display: flex; flex-direction: column; gap: 3px; white-space: nowrap;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo .webege-promo-tablet-center small{color: rgb(96, 115, 107); font-size: 8px; font-weight: 700; letter-spacing: 0.15px; line-height: 1;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo .webege-promo-tablet-center strong{color: rgb(16, 37, 29); font-size: 14px; font-weight: 750; letter-spacing: -0.2px; line-height: 1.05;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-year{display: none;}}
@media (max-width: 700px){.webege-global-promo::after{top: -10.9375%; right: 3.5%; left: auto; width: 26.0705%; height: 121.875%; transform: scaleX(-1); transform-origin: center center;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-timer{right: auto; left: 12px; min-height: 34px; padding: 5px 8px; border-radius: 11px; background: rgba(255, 255, 255, 0.64);}}
@media (max-width: 700px){.webege-global-promo .webege-promo-time{gap: 2px;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-time > span{min-width: 22px;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-time b{font-size: 13px;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-time small{display: none;}}
@media (max-width: 700px){.webege-global-promo .webege-promo-time em{font-size: 12px;}}
@media (max-width: 360px){.webege-global-promo .webege-promo-timer{right: auto; left: 8px; padding-right: 6px; padding-left: 6px;}}
@media (max-width: 360px){.webege-global-promo .webege-promo-time > span{min-width: 19px;}}
@media (max-width: 360px){.webege-global-promo .webege-promo-time b{font-size: 12px;}}
.webege-payment-error{box-sizing: border-box; width: 100%; margin: 12px 0px 0px; padding: 14px; display: grid; grid-template-columns: 38px minmax(0px, 1fr); gap: 12px; align-items: start; border: 1px solid rgba(214, 71, 71, 0.16); border-radius: 17px; background: linear-gradient(135deg, rgba(255, 247, 247, 0.98), rgba(255, 252, 250, 0.98)); box-shadow: rgba(55, 25, 25, 0.043) 0px 8px 24px;}
.webege-payment-error-icon{width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(221, 66, 66, 0.1); color: rgb(216, 72, 72); font-size: 19px; line-height: 1; font-weight: 700;}
.webege-payment-error-body{min-width: 0px;}
.webege-payment-error-title{margin: 1px 0px 4px; color: rgb(43, 31, 31); font-size: 14.5px; line-height: 1.25; font-weight: 850; letter-spacing: -0.015em;}
.webege-payment-error-text{max-width: 390px; color: rgb(120, 105, 105); font-size: 12.8px; line-height: 1.45; font-weight: 600;}
.webege-payment-error-support,.webege-payment-error-support:visited{box-sizing: border-box; width: max-content; max-width: 100%; min-height: 36px; margin-top: 10px; padding: 0px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0px; border-radius: 11px; background: var(--primary, #1bcf56); font-size: 12.5px; line-height: 1; font-weight: 800; box-shadow: rgba(27, 207, 86, 0.17) 0px 7px 17px; transition: transform 0.18s, background 0.18s, box-shadow 0.18s; color: rgb(255, 255, 255) !important; text-decoration: none !important;}
.webege-payment-error-support:hover{background: var(--primary-dark, #18b94d); transform: translateY(-1px); box-shadow: rgba(27, 207, 86, 0.22) 0px 9px 20px;}
.webege-payment-error-arrow{font-size: 15px; line-height: 1; opacity: 0.9;}
.guest-checkout-status.webege-payment-error-host,.topup-result.webege-payment-error-host{display: block !important; padding: 0px !important; margin-top: 12px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}
.guest-checkout-status.webege-payment-error-host .webege-payment-error,.topup-result.webege-payment-error-host .webege-payment-error{margin-top: 0px;}
#cart-modal .cart-inline-topup .webege-payment-error{margin-top: 12px;}
@media (max-width: 700px){.webege-payment-error{margin-top: 10px; padding: 12px; grid-template-columns: 34px minmax(0px, 1fr); gap: 10px; border-radius: 15px;}}
@media (max-width: 700px){.webege-payment-error-icon{width: 34px; height: 34px; border-radius: 11px; font-size: 17px;}}
@media (max-width: 700px){.webege-payment-error-title{font-size: 13.5px;}}
@media (max-width: 700px){.webege-payment-error-text{font-size: 12px; line-height: 1.42;}}
@media (max-width: 700px){.webege-payment-error-support,.webege-payment-error-support:visited{min-height: 36px; margin-top: 9px; padding: 0px 12px; border-radius: 10px; font-size: 12px;}}
@media (max-width: 380px){.webege-payment-error{grid-template-columns: 32px minmax(0px, 1fr); padding: 11px;}}
@media (max-width: 380px){.webege-payment-error-icon{width: 32px; height: 32px;}}
@media (prefers-reduced-motion: reduce){.webege-payment-error-support{transition: none;}}
.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center{position: absolute; z-index: 4; top: 50%; display: flex; align-items: center; font-family: Inter, InterLocal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; pointer-events: none;}
.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center > span{display: flex; flex-direction: column; gap: 4px; white-space: nowrap;}
.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center small{color: rgb(82, 113, 102); font-size: 11px; font-weight: 700; letter-spacing: 0.05px; line-height: 1.1;}
.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center strong{color: rgb(16, 37, 29); font-size: 20px; font-weight: 800; letter-spacing: -0.25px; line-height: 1.05;}
@media (min-width: 1101px){.webege-global-promo[data-webege-direct-start="1"] picture{clip-path: inset(0px min(52.0833%, 50% + 30px) 0px 0px);}}
@media (min-width: 1101px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center{left: max(48.6111%, 50% - 20px); transform: translateY(-50%);}}
@media (min-width: 1101px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center > i{display: none;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center{left: 50%; transform: translate(-50%, -50%);}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center small{font-size: 10px;}}
@media (min-width: 701px) and (max-width: 1100px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center strong{font-size: 17px;}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] picture{visibility: hidden;}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center{left: max(29.8%, 124px); right: 28%; transform: translateY(-50%);}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center > i{display: none;}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center > span{gap: clamp(2px, 0.7vw, 4px);}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center small{font-size: clamp(7.3px, 2.2vw, 15.4px); letter-spacing: 0px;}}
@media (max-width: 700px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center strong{font-size: clamp(8.6px, 2.6vw, 18.2px); letter-spacing: -0.1px;}}
@media (max-width: 360px){.webege-global-promo[data-webege-direct-start="1"] .webege-promo-tablet-center{left: max(30%, 108px);}}
body[data-webege-mascot="ege"]{--webege-shop-mascot: url("../assets/mascots-v1/ege.webp"); --webege-shop-ratio: 384 / 256;}
body[data-webege-mascot="oge"]{--webege-shop-mascot: url("../assets/mascots-v1/oge.webp"); --webege-shop-ratio: 384 / 234;}
body[data-webege-mascot] #shop-year-section,body[data-webege-mascot] .shop-seo-breadcrumbs{position: relative;}
body[data-webege-mascot] #shop-year-section::before,body[data-webege-mascot] .shop-seo-breadcrumbs::after,#cart-modal .cart-items > .cart-item:first-child::before{content: ""; position: absolute; display: block; pointer-events: none; user-select: none; background-repeat: no-repeat; background-size: 100% 100%; z-index: 2;}
body[data-webege-mascot] #shop-year-section{overflow: visible !important;}
body[data-webege-mascot] #shop-year-section::before{width: clamp(150px, 14vw, 184px); aspect-ratio: var(--webege-shop-ratio); background-image: var(--webege-shop-mascot); left: 75%; top: 0px; transform: translate(-50%, calc(-100% + 9px));}
body[data-webege-mascot] .shop-seo-breadcrumbs::after{display: none;}
#cart-modal .cart-items > .cart-item:first-child{position: relative; overflow: visible; margin-top: 57px !important;}
#cart-modal .cart-items > .cart-item:first-child::before{width: 88px; aspect-ratio: 224 / 168; left: 50%; bottom: calc(100% - 8px); transform: translateX(-50%); background-image: url("../assets/mascots-v1/cart.webp");}
@media (max-width: 1099px){body[data-webege-mascot] #shop-year-section::before{display: none;}}
@media (max-width: 1099px){body[data-webege-mascot] .shop-seo-breadcrumbs{box-sizing: border-box; min-height: 49px; padding-right: 82px; align-items: center;}}
@media (max-width: 1099px){body[data-webege-mascot] .shop-seo-breadcrumbs::after{display: block; width: 72px; aspect-ratio: var(--webege-shop-ratio); background-image: var(--webege-shop-mascot); right: 2px; bottom: -1px;}}
@media (max-width: 700px){#cart-modal .cart-items > .cart-item:first-child{margin-top: 34px !important;}}
@media (max-width: 700px){#cart-modal .cart-items > .cart-item:first-child::before{width: 56px; bottom: calc(100% - 6px);}}
@media (max-height: 650px){#cart-modal .cart-items > .cart-item:first-child{margin-top: 0px !important;}}
@media (max-height: 650px){#cart-modal .cart-items > .cart-item:first-child::before{display: none;}}
@media print{body[data-webege-mascot] #shop-year-section::before,body[data-webege-mascot] .shop-seo-breadcrumbs::after,#cart-modal .cart-items > .cart-item:first-child::before{display: none;}}
@media print{#cart-modal .cart-items > .cart-item:first-child{margin-top: 0px !important;}}
body[data-webege-mascot="ege"] #shop-year-section::before{transform: translate(-50%, calc(-100% + 13px));}
@media (max-width: 1099px){body[data-webege-mascot] .shop-seo-breadcrumbs{min-height: 0px; padding-right: 0px;}}
@media (max-width: 1099px){body[data-webege-mascot] .shop-seo-breadcrumbs::after{display: none;}}
@media (max-width: 1099px){body[data-webege-mascot] #shop-year-section::before{display: block; width: clamp(72px, 21vw, 100px); left: 75%; top: 0px; transform: translate(-50%, calc(-100% + 7px)); z-index: 4; pointer-events: none;}}
@media (max-width: 1099px){body[data-webege-mascot="ege"] #shop-year-section::before{transform: translate(-50%, calc(-100% + 9px));}}
#cart-modal .cart-items > .cart-item:first-child{margin-top: 0px !important;}
#cart-modal .cart-items > .cart-item:first-child::before{display: none !important; content: none !important;}
#cart-modal .cart-modal-card > .webege-cart-mascot-v2{visibility: hidden; width: 88px; height: 66px; user-select: none; z-index: 4; position: absolute !important; display: block !important; min-width: 0px !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; background: url("../assets/mascots-v1/cart.webp") center center / contain no-repeat !important; pointer-events: none !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
#cart-modal .cart-modal-card > .webege-cart-mascot-v2[hidden]{display: none !important;}
@media (max-width: 700px){#cart-modal .cart-modal-card > .webege-cart-mascot-v2{width: 56px; height: 42px;}}
@media (max-height: 650px){#cart-modal .cart-modal-card > .webege-cart-mascot-v2{display: none !important;}}
@media print{body[data-webege-mascot] #shop-year-section::before,#cart-modal .cart-modal-card > .webege-cart-mascot-v2{display: none !important;}}
@media (min-width: 701px){#cart-modal .cart-modal-card > .webege-cart-mascot-v2{transform: translateY(3px) !important;}}
@media (max-width: 1099px){body[data-webege-mascot] #shop-year-section::before{left: auto; right: 12px; transform: translateY(calc(-100% + 3px));}}
@media (max-width: 1099px){body[data-webege-mascot="ege"] #shop-year-section::before{transform: translateY(calc(-100% + 5px));}}
@media (max-width: 1099px){body[data-webege-mascot] .shop-page-hero-title > .shop-page-hero-subtitle{box-sizing: border-box; padding-right: calc(24px + clamp(72px, 21vw, 100px));}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .section-kicker{backdrop-filter: none !important;}}
@media (max-width: 700px){#cart-modal .cart-modal-card > .webege-cart-mascot-v2{z-index: 60;}}
#shop-offer-step .wg-offer-promo{align-items: center; gap: 8px; max-width: 100%; box-sizing: border-box; border-radius: 10px; background: rgb(229, 249, 235); display: inline-flex !important; margin: 17px 0px 0px !important; padding: 8px 11px !important; color: rgb(8, 127, 48) !important; font-size: 13px !important; line-height: 1.45 !important; font-weight: 650 !important;}
#shop-offer-step .wg-offer-promo > svg{width: 18px; height: 18px; flex: 0 0 18px;}
#shop-offer-step .final-course-buy-card > .add-cart-btn{order: 100 !important; margin-top: 0px !important;}
#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state:not(:disabled){gap: 10px !important; background: rgb(8, 123, 60) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgb(7, 108, 53) !important; box-shadow: rgba(8, 123, 60, 0.18) 0px 7px 18px !important; cursor: pointer !important; opacity: 1 !important; font-weight: 750 !important; transition: background 0.15s, box-shadow 0.15s, transform 0.15s !important;}
#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state::before{content: none !important; display: none !important;}
#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state:not(:disabled)::after,#webege-offer-mobile-bar .wg-mobile-cart-button:not(:disabled)::after{content: ""; display: block; flex: 0 0 18px; width: 18px; height: 18px; background-color: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / contain no-repeat;}
@media (hover: hover) and (pointer: fine){#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state:not(:disabled):hover{background: rgb(6, 102, 50) !important; border-color: rgb(5, 91, 44) !important; box-shadow: rgba(8, 105, 52, 0.24) 0px 9px 22px !important; transform: translateY(-1px) !important;}}
#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state:not(:disabled):active{background: rgb(5, 91, 44) !important; box-shadow: rgba(8, 105, 52, 0.18) 0px 3px 8px !important; transform: translateY(1px) !important;}
#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state:focus-visible{outline: rgb(145, 228, 173) solid 3px !important; outline-offset: 3px !important;}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button{display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0px; min-height: 52px; padding: 11px 10px; border: 1px solid rgb(22, 191, 80); border-radius: 13px; background: rgb(27, 207, 89); color: rgb(7, 59, 27); font: 750 14px / 1.25 InterLocal, system-ui, sans-serif; cursor: pointer; transition: background 0.15s, transform 0.15s;}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button:not(.is-added):not(:disabled){color: rgb(255, 255, 255); font-size: 15px;}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button.is-added{background: rgb(8, 123, 60); color: rgb(255, 255, 255); border-color: rgb(7, 108, 53);}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button:not(:disabled):active{background: rgb(22, 189, 80); transform: translateY(1px);}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button.is-added:not(:disabled):active{background: rgb(5, 91, 44);}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button:disabled{background: rgb(237, 242, 239); color: rgb(116, 130, 121); border-color: rgb(220, 229, 223); cursor: default;}}
@media (max-width: 760px){#webege-offer-mobile-bar .wg-mobile-cart-button:focus-visible{outline: rgb(145, 228, 173) solid 3px; outline-offset: 3px;}}
@media (max-width: 760px){body.webege-offer-mobile-cta-ready #shop-offer-step .final-course-buy-card > .add-cart-btn{display: none !important;}}
@media (max-width: 350px){#webege-offer-mobile-bar .wg-mobile-cart-button{font-size: 12.5px; gap: 7px;}}
@media (prefers-reduced-motion: reduce){#shop-offer-step .final-course-buy-card > .add-cart-btn.webege-cart-added-state,#webege-offer-mobile-bar .wg-mobile-cart-button{transition: none !important;}}
@media (max-width: 760px){#shop-offer-step .final-course-side.wg-mobile-offer-purchase{display: block !important; position: static !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: auto !important; min-height: 0px !important; margin: 16px 0px 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (max-width: 760px){#shop-offer-step .wg-mobile-offer-purchase > .final-course-buy-card{width: 100% !important; box-sizing: border-box !important; height: auto !important; min-height: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important;}}
@media (max-width: 760px){#shop-offer-step .webege-offer-description .wg-offer-promo{margin-top: 12px !important; padding: 7px 10px !important;}}
@media (max-width: 760px){#shop-offer-step .wg-mobile-offer-purchase .webege-buy-card-head{display: none !important;}}
.wea-modal{border: 0px; padding: 110px 20px 24px; background: transparent; max-width: none; width: min(100%, 510px); max-height: 100dvh; box-sizing: border-box; color: rgb(20, 25, 35); overflow: auto; overscroll-behavior: contain; font-family: InterLocal, Inter, Arial, sans-serif;}
.wea-modal::backdrop{background: rgba(19, 43, 31, 0.32); backdrop-filter: blur(7px);}
.wea-email-wrap{display: flex; align-items: center; gap: 12px; border: 1.5px solid rgb(216, 222, 231); border-radius: 13px; padding: 0px 15px; height: 54px; margin-bottom: 14px; background: rgb(253, 253, 254);}
.wea-email-wrap:focus-within{border-color: rgb(0, 203, 81); box-shadow: rgba(0, 203, 81, 0.094) 0px 0px 0px 3px;}
.wea-email-wrap svg{width: 23px; height: 23px; flex-shrink: 0; color: rgb(130, 144, 165);}
.wea-email-wrap input{width: 100%; min-width: 0px; height: 100%; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; color: rgb(27, 38, 50); border: 0px !important; outline: 0px !important; background: transparent !important; box-shadow: none !important; padding: 0px !important;}
.wea-email-wrap input::placeholder{color: rgb(129, 144, 167);}
.wea-email-value{font-size: 17px !important; overflow-wrap: anywhere;}
@media (max-width: 520px){.wea-modal{padding: 78px 14px 20px; width: 100%;}}
@media (max-height: 550px){.wea-modal{padding-top: 12px;}}
@media (prefers-reduced-motion: reduce){.wea-modal *{scroll-behavior: auto !important;}}
.wea-modal{outline: 0px; box-shadow: none !important; background: transparent !important;}
.wea-email-wrap input:-webkit-autofill,.wea-email-wrap input:-webkit-autofill:hover,.wea-email-wrap input:-webkit-autofill:focus{caret-color: rgb(27, 38, 50); box-shadow: rgb(253, 253, 254) 0px 0px 0px 1000px inset !important; -webkit-text-fill-color: rgb(27, 38, 50) !important; background-color: rgb(253, 253, 254) !important; background-clip: content-box !important;}
.wea-email-wrap input:autofill{box-shadow: rgb(253, 253, 254) 0px 0px 0px 1000px inset !important; color: rgb(27, 38, 50) !important;}
.wa-verified-email{box-sizing: border-box; display: flex; align-items: center; gap: 12px; width: 100%; border: 1px solid rgb(220, 236, 225); border-radius: 15px; padding: 15px; background: rgb(243, 250, 245); text-align: left; margin: 0px 0px 12px; cursor: default; box-shadow: none !important;}
.wa-verified-email > div{flex: 1 1 0%; min-width: 0px;}
.wa-verified-email b{display: block; font-size: 12px; font-weight: 650; color: rgb(52, 130, 78); margin: 0px 0px 4px;}
.wa-verified-email div > span{display: block; font-size: 14px; color: rgb(35, 63, 44); font-weight: 600; overflow-wrap: anywhere;}
.wa-verified-email small{display: block; font-size: 11px; font-weight: 400; color: rgb(130, 144, 135); line-height: 1.4; margin-top: 5px;}
.wa-verified-email > svg{height: 19px; width: 19px; flex-shrink: 0; color: rgb(138, 154, 144);}
.wa-link-modal{padding-top: 24px;}
.wa-link-modal h2{font-size: 32px; letter-spacing: -1px; padding-right: 18px;}
.wa-link-modal .wea-dot{margin-top: 4px;}
.wa-link-modal .wa-muted{margin: 14px 0px 19px;}
@media (max-width: 700px){.wa-link-modal h2{font-size: 29px;}}
@media (max-width: 700px){.wa-verified-email{padding: 13px; gap: 10px;}}
@media (max-width: 700px){.wa-verified-email div > span{font-size: 13px;}}
@media (max-width: 360px){.wa-link-modal .wea-card h2{font-size: 25px;}}
.wa-account-overview > .profile-balance-card{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0px;}
@media (max-width: 760px){.wa-account-overview .profile-balance-card{padding: 20px;}}
@media (min-width: 761px) and (max-width: 1100px){.glass-header:has(.profile-mini-identity) .cart-header-text{display: none;}}
@media (min-width: 761px) and (max-width: 980px){.glass-header:has(.profile-mini-identity) .auth-block{gap: 6px;}}
@media (min-width: 761px) and (max-width: 980px){.glass-header:has(.profile-mini-identity) .cart-header-btn{padding: 0px 8px; gap: 6px;}}
@media (max-width: 760px){.glass-header:has(.profile-mini-identity) .auth-block{min-width: 0px; width: 100%; max-width: 100%; gap: 6px; justify-content: flex-end;}}
@media (max-width: 760px){.glass-header:has(.profile-mini-identity) .cart-header-btn{flex: 0 0 auto; padding: 0px 7px; gap: 6px;}}
.sr-wallet-cart{display: flex; flex-direction: column; gap: 6px; margin: 12px 0px; padding: 13px 14px; border: 1px solid rgb(213, 232, 220); border-radius: 13px; background: rgb(241, 250, 244); color: rgb(53, 88, 65); font: 500 13px / 1.5 InterLocal, Arial, sans-serif;}
.sr-wallet-cart strong{color: rgb(23, 60, 38); font-weight: 700;}
.sr-wallet-cart small{color: rgb(98, 121, 107); font-size: 12px;}
@keyframes modalIn { 
  0% { opacity: 0; transform: translateY(14px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes heroZoomIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes webegeDesktopCartDrawerV245 { 
  0% { opacity: 0.92; transform: translate3d(34px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes webegeDesktopCartBackdropV245 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes webegeDesktopCartOutV246 { 
  0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
  100% { opacity: 0.96; transform: translate3d(30px, 0px, 0px); }
}
@keyframes webegeDesktopCartBackdropOutV246 { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes webegeDesktopCartDrawerV245 { 
  0% { opacity: 0.92; transform: translate3d(34px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes webegeDesktopCartBackdropV245 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes webegeDesktopCartOutV246 { 
  0% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
  100% { opacity: 0.96; transform: translate3d(30px, 0px, 0px); }
}
@keyframes webegeDesktopCartBackdropOutV246 { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes webegeCartSheetV262B { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}/* 02.11: вход по почте — в пустой корзине без надписи «0 курсов» (стояла внизу и ничего не сообщала) */
#cart-modal.cart-auth-first-modal .cart-modal-card:has(.cart-empty) .cart-items-count{display:none!important}
/* 02.11: оплата корзины одной кнопкой — строка статуса под кнопкой */
#cart-modal .cart-pay-status{margin:10px 0 0!important;font-size:13px!important;line-height:1.45!important;color:var(--muted,#5b6660)!important;text-align:center}
#cart-modal .cart-pay-status.is-error{color:#d9443a!important}
#cart-modal .cart-pay-status.is-ok{color:var(--green-ink,#007A35)!important;font-weight:700}

/* 02.11: вход через Telegram — шаг подтверждения и кнопка (только новый дизайн, обе темы) */
@keyframes weaStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes weaPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.75);opacity:0}}
@keyframes weaFloat{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(2px,-3px) rotate(-6deg)}}
@keyframes weaSpin{to{transform:rotate(360deg)}}
#email-auth-modal #wea-tg-step:not([hidden]){animation:weaStepIn .32s ease both}
#email-auth-modal .wea-tg-emblem{display:grid!important;position:relative;width:76px;height:76px;margin:4px auto 0;border-radius:50%;background:linear-gradient(160deg,#37BBFE,#1E96DA);color:#fff;box-shadow:0 10px 26px rgba(34,158,217,.35)}
#email-auth-modal .wea-tg-emblem::before,#email-auth-modal .wea-tg-emblem::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #2AABEE;animation:weaPulse 2.2s ease-out infinite}
#email-auth-modal .wea-tg-emblem::after{animation-delay:1.1s}
#email-auth-modal .wea-tg-emblem svg{width:36px;height:36px;margin-left:-3px;animation:weaFloat 2.6s ease-in-out infinite}
#email-auth-modal .wea-tg-step h3{margin:22px 0 8px!important;font-size:20px!important}
#email-auth-modal .wea-tg-step p{margin:0 auto 22px!important;max-width:34ch}
#email-auth-modal #wea-tg-link{display:flex;align-items:center;justify-content:center;gap:10px;background:#2AABEE!important;border-color:#2AABEE!important;color:#fff!important;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
#email-auth-modal #wea-tg-link[hidden]{display:none}
#email-auth-modal #wea-tg-link::before{content:"";width:20px;height:20px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 3.4 18.4 20c-.2 1.2-.9 1.5-1.9.9l-4.8-3.5-2.3 2.2c-.2.3-.4.5-.9.5l.3-4.9L17.7 7c.4-.3-.1-.5-.5-.2L6.2 13.7l-4.8-1.5c-1-.3-1-1 .2-1.5l18.8-7.3c.9-.3 1.6.2 1.2 0Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 3.4 18.4 20c-.2 1.2-.9 1.5-1.9.9l-4.8-3.5-2.3 2.2c-.2.3-.4.5-.9.5l.3-4.9L17.7 7c.4-.3-.1-.5-.5-.2L6.2 13.7l-4.8-1.5c-1-.3-1-1 .2-1.5l18.8-7.3c.9-.3 1.6.2 1.2 0Z'/%3E%3C/svg%3E") center/contain no-repeat}
#email-auth-modal #wea-tg-link:hover{background:#1E9BDC!important;transform:translateY(-1px);box-shadow:0 10px 22px rgba(34,158,217,.32)}
#email-auth-modal #wea-tg-link:active{transform:translateY(0) scale(.99)}
#email-auth-modal .wea-tg-step .wea-text{display:inline-block;margin-top:16px!important;text-decoration:none!important;font-weight:600;color:var(--muted)!important;transition:color .15s}
#email-auth-modal .wea-tg-step .wea-text:hover{color:var(--green-ink)!important}
/* «Готовим вход… / Ожидаем подтверждения…» — по центру, со спиннером и бегущими точками */
#email-auth-modal .wea-card:has(#wea-tg-step:not([hidden])) #wea-status:not([hidden]){display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;margin-top:18px!important;color:var(--muted)!important}
#email-auth-modal .wea-card:has(#wea-tg-step:not([hidden])) #wea-status:not([hidden])::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid color-mix(in srgb,#2AABEE 30%,transparent);border-top-color:#2AABEE;animation:weaSpin .8s linear infinite}
/* «Войти через Telegram» на первом шаге */
#email-auth-modal .wea-telegram{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background-color .18s ease}
#email-auth-modal .wea-telegram svg{transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
#email-auth-modal .wea-telegram:hover:not(:disabled){border-color:#2AABEE!important;transform:translateY(-1px);box-shadow:0 8px 20px rgba(34,158,217,.18)}
#email-auth-modal .wea-telegram:hover:not(:disabled) svg{transform:translate(2px,-2px) rotate(-8deg)}
#email-auth-modal .wea-telegram:active:not(:disabled){transform:scale(.99)}
@media (prefers-reduced-motion:reduce){#email-auth-modal #wea-tg-step,#email-auth-modal .wea-tg-emblem::before,#email-auth-modal .wea-tg-emblem::after,#email-auth-modal .wea-tg-emblem svg,#email-auth-modal #wea-status::before{animation:none!important}#email-auth-modal .wea-tg-emblem::before,#email-auth-modal .wea-tg-emblem::after{display:none}#email-auth-modal #wea-tg-link,#email-auth-modal .wea-telegram,#email-auth-modal .wea-telegram svg{transition:none;transform:none!important}}

/* Курс без картинки — логотип школы вместо значка (логотипы из админки «Порядок онлайн-школ», для тёмной темы — свой файл) */
#cart-modal .cart-item-thumb.is-logo{padding:9px !important;background:var(--surface-2, #F1F5F2) !important;border:1px solid var(--line) !important;box-sizing:border-box !important}
#cart-modal .cart-item-thumb.is-logo img{object-fit:contain !important}
#cart-modal .cart-item-thumb.is-logo img.lg-d{display:none !important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #cart-modal .cart-item-thumb.is-logo img.lg-l:has(+ .lg-d){display:none !important}:root:not([data-theme="light"]) #cart-modal .cart-item-thumb.is-logo img.lg-d{display:block !important}}
:root[data-theme="dark"] #cart-modal .cart-item-thumb.is-logo img.lg-l:has(+ .lg-d){display:none !important}
:root[data-theme="dark"] #cart-modal .cart-item-thumb.is-logo img.lg-d{display:block !important}

/* зелёная точка после «Корзина» — как «Вход•» */
#cart-modal .cart-modal-card > .section-kicker:first-of-type::after,
html body #cart-modal .cart-modal-card > .section-kicker:first-of-type::after { content: "" !important; display: inline-block !important; position: static !important; width: .3em !important; height: .3em !important; min-width: 7px; min-height: 7px; max-width: 12px; max-height: 12px; margin: .18em 0 0 .1em !important; border-radius: 50% !important; background: #00cb51 !important; box-shadow: none !important; vertical-align: top !important; transform: none !important; }

/* пустая корзина — персонаж с корзинкой; только новый дизайн */
body.v9 .cart-empty::before { content: ""; display: block; width: 150px; height: 150px; margin: 0 auto 10px; background: url(/static/assets/v9/states/empty-cart.webp) center / contain no-repeat; }
@media (max-width: 640px) { body.v9 .cart-empty::before { width: 124px; height: 124px; } }