.price-with-benefit{display:inline-flex;align-items:baseline;gap:.375rem}.price-with-benefit-original{text-decoration:line-through;opacity:.6;font-size:.9em}.price-with-benefit-current{font-weight:600}.coupon-form{display:flex;gap:4px;flex-direction:row;align-items:end;width:100%}.coupon-form label{display:flex;flex-direction:column;gap:4px;width:100%}.coupon-result{color:red;min-height:1rem;font-size:14px;margin-top:-8px}.coupon-result.coupon-valid{color:green}.order-summary .form-subtitle{padding-bottom:16px}.order-summary-item{display:flex;justify-content:space-between;padding-bottom:4px}.order-summary-item.total{font-weight:700;font-size:20px;padding-top:16px}.shop-page{padding:0 16px 16px;max-width:500px;align-self:center;overflow-y:auto}.shop-page .banner-container{margin-top:2px}.shop{overflow-y:auto;padding:16px 0}.shop-empty{margin-top:32px;color:var(--secondaryText);font-size:18px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;grid-row-gap:12px;row-gap:12px}.shop-product-card{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;gap:12px;cursor:pointer;border-radius:12px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;position:relative;z-index:1}.shop-product-card:hover{transform:translateY(-4px) scale(1.02);background:color-mix(in srgb,var(--surface2) 60%,transparent);z-index:10}.shop-product-card:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}.shop-product-card .slide-container{height:100%;aspect-ratio:1;align-items:flex-start;border-radius:8px;overflow:hidden;transition:all .3s ease}.shop-product-card:hover .slide-container{transform:scale(1.05)}.shop-product-card img{border-radius:8px;aspect-ratio:1;object-fit:cover;width:100%;height:100%;transition:transform .3s ease}.shop-product-info{font-size:14px;display:flex;flex-direction:column;gap:4px;transition:all .3s ease}.shop-product-card:hover .shop-product-info{transform:translateY(-2px)}.shop-product-title{font-weight:700;color:var(--primaryText)}.shop-product-price{font-weight:400;color:var(--secondaryText);transition:color .3s ease}.shop-product-card:hover .shop-product-price{color:var(--primaryText)}.shop-with-close-button{padding-top:32px}.shop-with-close-button .close-button{border:1px solid var(--graph1)}@media (orientation:portrait){.shop-page{padding:0;max-width:100%}.shop-page .banner-container{margin-left:16px;margin-right:16px}}.checkout{padding:20px 24px;height:100%}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.checkout-items{margin-bottom:24px}.checkout-form,.checkout-items{display:flex;flex-direction:column;gap:16px;padding:20px 0}.checkout-completed{justify-content:center;align-items:center;gap:32px;height:100%;text-align:center}.checkout-completed,.radio-group{display:flex;flex-direction:column}.radio-group{gap:12px;width:100%}.radio-option{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease-in-out;border-radius:8px;padding:12px 16px;background:var(--surface2);border:1px solid var(--graph1)}.radio-option:hover:not(.disabled){border-color:var(--primaryText)}.radio-option.disabled{opacity:.5;cursor:not-allowed}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio-custom{position:relative;width:20px;height:20px;border:2px solid var(--graph1);border-radius:50%;background:var(--surface2);transition:all .2s ease-in-out;flex-shrink:0}.radio-option:hover:not(.disabled) .radio-custom{border-color:var(--primaryBrand)}.radio-input:checked+.radio-custom{border-color:var(--primaryBrand);background:var(--primaryBrand)}.radio-input:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--primaryBrandText);border-radius:50%}.radio-input:disabled+.radio-custom{opacity:.5;cursor:not-allowed}.radio-label{font-size:16px;font-weight:500;color:var(--primaryText);flex:1 1;line-height:1.4}.radio-label-container{display:flex;flex-direction:column}.radio-description{font-size:14px}.radio-description,.radio-option.disabled .radio-label{color:var(--secondaryText)}.radio-input:focus+.radio-custom{outline:2px solid var(--primaryBrand);outline-offset:2px}.radio-input:checked+.radio-custom{animation:radioSelect .2s ease-in-out}@keyframes radioSelect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quantity-selector{display:flex;flex-direction:column;gap:8px}.quantity-label{font-size:14px;font-weight:600}.quantity-controls{display:flex;align-items:center;gap:16px}.quantity-button{width:40px;height:40px;border:2px solid var(--graph1);border-radius:8px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-button:not(:disabled):hover{border-color:var(--primaryText)}.quantity-button:disabled{opacity:.5}.quantity-display{min-width:40px;text-align:center}.selected-product-content{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:20px}.selected-product-images{position:relative;width:100%;height:300px;overflow:hidden}.selected-product-swiper{width:100%;height:100%}.selected-product-image{width:100%;height:100%;object-fit:cover;aspect-ratio:1}.selected-product-details{padding:24px;display:flex;flex-direction:column;gap:20px}.selected-product-name{font-size:24px;font-weight:700;margin:0;line-height:1.2}.selected-product-description{color:var(--secondaryText);line-height:1.5}.selected-product-price{font-size:20px;font-weight:600}.selected-product-stock{font-size:14px;color:var(--secondaryText);margin-top:-8px}.selected-product-options{display:flex;flex-direction:column;gap:16px}.option-group{display:flex;flex-direction:column;gap:8px}.option-label{font-size:14px;font-weight:600}.option-values{display:flex;flex-wrap:wrap;gap:8px}.option-value{padding:8px 16px;border:2px solid var(--graph1);border-radius:8px;background:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center;color:var(--primaryText)}.option-value:hover{border-color:var(--graph1)}.option-value.selected{border-color:var(--primaryBrand)}.option-value:disabled{opacity:.5}.selected-product-swiper .swiper-pagination{bottom:16px}.selected-product-swiper .swiper-pagination-bullet{background:rgba(255,255,255,.6);opacity:1}.selected-product-swiper .swiper-pagination-bullet-active{background:white}.add-to-cart-button-wrapper{position:-webkit-sticky;position:sticky;bottom:20px;padding:0 20px;background:var(--surface2)}@media (orientation:portrait){.selected-product-modal{max-width:95vw;max-height:95vh}.selected-product-images{height:unset}.selected-product-details{padding:16px;gap:16px}.selected-product-name{font-size:20px}.selected-product-price{font-size:18px}.add-to-cart-button-wrapper{padding:0 16px}}.event-meta{display:flex;align-items:center;justify-content:space-between;text-align:center;gap:16px;width:-moz-fit-content;width:fit-content}.event-price{outline:1px solid var(--primaryText);border-radius:8px;padding:4px;white-space:nowrap}.event-title-detail{width:-moz-fit-content;width:fit-content}@media (orientation:portrait){.event-title-detail{font-size:16px;width:100%}.event-title h3:not(:has(.event-price)) .event-title-detail{width:unset}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.course-page-top,.courses-page-top{align-self:center;max-width:600px;width:100%;padding:0 16px}.courses-text{font-size:16px;margin-top:16px;color:var(--secondaryText);white-space:pre-line}.courses-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;max-width:1200px;margin:0 auto}.courses-content{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.courses-list{padding:16px 16px 40px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.courses-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--secondaryText);font-size:14px;font-weight:600;text-align:center}.course-item{display:flex;flex-direction:column;border-radius:12px;background:var(--surface2);border:1px solid var(--surface1);cursor:pointer;transition:all .2s ease-in-out}.course-item:active,.course-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--overlay1)}.course-item-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.course-item-image img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0}.course-item-content{display:flex;flex-direction:column;padding:16px;gap:8px;justify-content:space-between;flex:1 1}.course-item-title{font-size:18px;font-weight:700;margin:0;line-height:1.3}.course-item-subtitle{font-size:14px;font-weight:400;margin:0;color:var(--secondaryText);line-height:1.4}.course-item-bottom{display:flex;justify-content:space-between;align-items:center}.courses-with-close-button{position:relative;.close-button{position:-webkit-sticky;position:sticky;top:16px;margin-bottom:8px;inset-inline-start:16px;z-index:10}.courses-list{grid-template-columns:1fr;gap:16px}.course-item{background-color:var(--surface1)}}@media (orientation:portrait){.courses-container{margin-top:16px;max-width:100%}.courses-list{grid-template-columns:1fr;gap:16px}.course-item-title{font-size:16px}}@media (max-width:768px){.courses-list{grid-template-columns:1fr}}.course-content{display:flex;gap:24px;align-items:flex-start}.course-content-sidebar{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:12px;transition:width .3s ease;position:-webkit-sticky;position:sticky;top:0}.course-content:has(.course-lesson-view) .course-content-sidebar{width:300px}.course-content-title{font-size:20px;font-weight:700;margin:0}.course-content-summary{font-size:14px;color:var(--secondaryText);margin-bottom:8px}.course-module{display:flex;flex-direction:column;border:1px solid var(--surface1);border-radius:8px;overflow:hidden}.course-module-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface2);border:none;cursor:pointer;width:100%;text-align:left}.course-module-header:hover{background:var(--surface1)}.course-module-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.course-module-description{color:var(--secondaryText);line-height:1.4}.course-module-lesson-count{font-size:14px;color:var(--secondaryText)}.course-module-lessons{display:flex;flex-direction:column;padding:8px;gap:8px;overflow:hidden}.course-lesson{display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;background:transparent;border:none}.course-lesson:hover{background:var(--surface1)}.course-lesson.selected{background:var(--surface2)}.course-lesson:disabled{opacity:.7;cursor:not-allowed}.course-content-sidebar>.course-lesson{border:1px solid var(--surface1)}.course-lesson-thumbnail{position:relative;width:80px;height:45px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--surface1)}.course-lesson-thumbnail img{width:100%;height:100%;object-fit:cover}.course-lesson-thumbnail-placeholder{width:100%;height:100%;background:var(--surface1)}.course-lesson-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;text-align:start}.course-lesson-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-lesson-title{font-weight:600;font-size:14px;min-width:0}.course-lesson-free-preview{background:var(--primaryBrand);color:var(--primaryBrandText);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.course-lesson-description{color:var(--secondaryText);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-lesson-view{flex:1 1;display:flex;flex-direction:column;gap:24px;overflow-anchor:none}.course-lesson-video{border-radius:12px;overflow:hidden;aspect-ratio:16/9}.course-lesson-details{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:8px;border:1px solid var(--graph1);overflow-anchor:none}.course-lesson-details-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.course-lesson-details-header h2{margin:0;font-size:24px;font-weight:700}.course-lesson-details-header-end{display:flex;align-items:center;gap:12px}.course-lesson-action{display:flex;align-self:center}.course-lesson-number{font-size:14px;color:var(--secondaryText);white-space:nowrap;padding:4px 8px;border-radius:12px;border:1px solid var(--graph2)}.course-lesson-details-description{font-size:16px;line-height:1.6;margin:0}.course-lesson-navigation{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--graph1)}.course-lesson-navigation svg:dir(rtl){transform:rotate(180deg)}.courses-with-close-button{.course-content{flex-direction:column-reverse}.course-content:has(.course-lesson-view) .course-content-sidebar{width:100%}.course-lesson-view{width:100%}}@media (orientation:portrait){.course-content{flex-direction:column-reverse}.course-content-sidebar{position:relative}.course-content:has(.course-lesson-view) .course-content-sidebar{width:100%}.course-lesson-view{width:100%}}.course-enrollment{max-width:1200px;padding:20px;width:100%;overflow-y:auto;align-self:center;display:flex;flex-direction:column;gap:32px}.course-swiper-container{position:relative;max-width:900px;width:100%;align-self:center}.course-swiper{height:50vh}.course-enrollment-content{display:flex;gap:40px;align-items:flex-start}.course-enrollment-main{flex:1 1;display:flex;flex-direction:column;gap:32px;overflow:hidden;width:100%}.course-enrollment-header h1{margin:0;font-size:32px;font-weight:700}.course-subtitle{margin:8px 0 0;font-size:18px;color:var(--secondaryText);font-weight:400}.course-about-section h2{font-size:24px;font-weight:700;margin:0 0 16px}.course-description{line-height:1.6}.course-description-link{color:var(--primaryBrand);text-decoration:none}.course-description-link:hover{text-decoration:underline}.course-instructor-section{display:flex;gap:16px;align-items:flex-start}.course-instructor-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden}.course-instructor-avatar img{width:100%;height:100%;object-fit:cover}.course-instructor-info h3{margin:0 0 8px;font-size:20px;font-weight:700}.course-instructor-bio{margin:0;color:var(--secondaryText);line-height:1.6}.course-enrollment-sidebar{width:350px;flex-shrink:0}.course-enrollment-sidebar:has(.course-price-section){position:-webkit-sticky;position:sticky;top:20px}.course-price-section{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surface2);border-radius:12px;border:1px solid var(--surface1);text-align:center}.course-price-amount{font-size:32px;font-weight:700}.course-not-available{color:var(--secondaryText);font-size:14px}.course-enrollment-form{display:flex;flex-direction:column;gap:20px;width:100%}.course-enrollment-success{font-size:24px;text-align:center;white-space:pre-wrap}.form-part{display:flex;flex-direction:column;gap:16px;width:100%}.form-part h3{margin:0;font-size:24px;font-weight:700}.courses-with-close-button{.course-enrollment{max-width:100%;padding:16px;overflow-y:visible}.course-enrollment-content{flex-direction:column}.course-enrollment-sidebar{width:100%}.course-price-section{gap:8px;border-radius:0;border:none;padding:16px 0}.course-price-section .course-price-amount{font-size:24px}.course-enrollment-sidebar:has(.course-price-section){top:unset;bottom:0}.course-swiper{height:30vh}.course-enrollment-header h1{font-size:24px}.course-about-section h2{font-size:20px}}@media (orientation:portrait){.course-enrollment{padding:16px}.course-enrollment-content{flex-direction:column}.course-enrollment-sidebar{width:100%}.course-price-section{gap:8px}.course-price-section .course-price-amount{font-size:24px}.course-enrollment-sidebar:has(.course-price-section){top:unset;bottom:0}.course-swiper{height:30vh}}.events-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;.events-container,.events-content{overflow:unset}}.events-page-top{align-self:center;max-width:600px;width:100%;padding:0 16px}.events-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:600px;margin:16px auto 0}.events-container .tabs{margin-bottom:8px}.events-content{overflow:hidden}.events-content,.events-list{flex:1 1;display:flex;flex-direction:column}.events-list{overflow-y:auto;padding:16px;gap:16px}.events-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--secondaryText);font-size:14px;font-weight:600;text-align:center}.event-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"image title" "image meta";grid-gap:12px;gap:12px;padding:12px;border-radius:8px;background:var(--surface2);border:1px solid var(--surface1);cursor:pointer;transition:all .2s ease-in-out}.event-item:active,.event-item:hover{background:var(--surface2);border-color:var(--primaryBrand);transform:translateY(-1px)}.event-item-image{position:relative;display:flex;grid-area:image}.event-item-image img{object-fit:cover;border-radius:8px}.event-active-indicator{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.active-dot{width:6px;height:6px;background-color:#34C759;border-radius:50%;animation:pulse 2s infinite}.event-item-title{grid-area:title;font-size:16px;font-weight:700;margin:0 0 8px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.event-item-subtitle{font-size:14px;font-weight:400;margin-top:4px;color:var(--secondaryText)}.event-meta-container{grid-area:meta;align-self:end}@media (orientation:portrait){.events-container{margin-top:16px;max-width:100%}.events-list{padding:12px;gap:12px}.event-item{grid-template-areas:"image title" "meta meta"}.event-title{font-size:14px;margin-bottom:0}}