:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}
.subject-detail-clean-page{background-color:var(--bg-light,#faf9f6);min-height:100vh;padding:24px 0 0}.subject-detail-clean-page .subject-mini-header-bar{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 22px;display:flex;box-shadow:0 4px 18px #0a315208}@media (max-width:576px){.subject-detail-clean-page .subject-mini-header-bar{padding:10px 14px}}.subject-detail-clean-page .subject-mini-header-bar .platform-brand{align-items:center;gap:10px;display:flex}.subject-detail-clean-page .subject-mini-header-bar .platform-brand .brand-logo-glow{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0a31520f}.subject-detail-clean-page .subject-mini-header-bar .platform-brand .brand-logo-glow .brand-logo-img{object-fit:contain;width:100%;height:100%}.subject-detail-clean-page .subject-mini-header-bar .platform-brand .brand-title-group{flex-direction:column;display:flex}.subject-detail-clean-page .subject-mini-header-bar .platform-brand .brand-title-group .brand-name{color:#0a3152;letter-spacing:-.2px;font-size:14.5px;font-weight:900;line-height:1.1}.subject-detail-clean-page .subject-mini-header-bar .platform-brand .brand-title-group .brand-subtitle{color:#64748b;font-size:11px;font-weight:600}.subject-detail-clean-page .subject-mini-header-bar .explore-more-top-btn{color:#0a3152;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.subject-detail-clean-page .subject-mini-header-bar .explore-more-top-btn:hover{color:#fff;background:#0a3152;border-color:#0a3152;transform:translateY(-1px)}.subject-detail-clean-page .subject-luxury-hero{background:linear-gradient(#fff 0%,#fdfdfe 100%);border:1px solid #e2e8f0;border-radius:24px;align-items:center;gap:32px;margin-bottom:30px;padding:34px 38px;display:flex;position:relative;box-shadow:0 10px 40px #0a31520d}@media (max-width:768px){.subject-detail-clean-page .subject-luxury-hero{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:28px 20px}}.subject-detail-clean-page .subject-luxury-hero .hero-icon-area{flex-shrink:0}.subject-detail-clean-page .subject-luxury-hero .hero-icon-area .icon-frame-luxury{background:linear-gradient(135deg,#0a3152 0%,#00a896 100%);border-radius:24px;justify-content:center;align-items:center;width:120px;height:120px;padding:4px;display:flex;position:relative;box-shadow:0 12px 30px #0a315226}@media (max-width:576px){.subject-detail-clean-page .subject-luxury-hero .hero-icon-area .icon-frame-luxury{border-radius:20px;width:100px;height:100px}}.subject-detail-clean-page .subject-luxury-hero .hero-icon-area .icon-frame-luxury .hero-main-icon{color:#fff}.subject-detail-clean-page .subject-luxury-hero .hero-icon-area .icon-frame-luxury .verified-seal-dot{bottom:-6px;color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;inset-inline-end:-6px;box-shadow:0 4px 10px #10b9814d}.subject-detail-clean-page .subject-luxury-hero .hero-details-area{flex:1}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .badges-line{align-items:center;gap:10px;margin-bottom:12px;display:flex}@media (max-width:768px){.subject-detail-clean-page .subject-luxury-hero .hero-details-area .badges-line{justify-content:center}}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .badges-line .badge-chip{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .badges-line .badge-chip.verified-chip{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .badges-line .badge-chip.stage-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .subject-title{color:#0a3152;margin-bottom:8px;font-size:28px;font-weight:900;line-height:1.25}@media (max-width:576px){.subject-detail-clean-page .subject-luxury-hero .hero-details-area .subject-title{font-size:22px}}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .subject-overview-text{color:#475569;max-width:720px;margin-bottom:20px;font-size:15px;line-height:1.65}@media (max-width:576px){.subject-detail-clean-page .subject-luxury-hero .hero-details-area .subject-overview-text{font-size:13.5px}}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:768px){.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats{justify-content:center}}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill strong{color:#0a3152;font-weight:900}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill .star-icon{color:#f5a623}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill .users-icon{color:#2563eb}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill .book-icon{color:#0a3152}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .stat-pill .zap-icon{color:#00a896}.subject-detail-clean-page .subject-luxury-hero .hero-details-area .hero-clean-stats .divider{color:#cbd5e1;font-size:12px}.subject-detail-clean-page .subject-clean-grid{grid-template-columns:1fr 340px;align-items:start;gap:30px;margin-bottom:60px;display:grid}@media (max-width:992px){.subject-detail-clean-page .subject-clean-grid{grid-template-columns:1fr}}.subject-detail-clean-page .subject-clean-grid .main-content-column{flex-direction:column;gap:24px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 30px;box-shadow:0 4px 18px #0a315205}@media (max-width:576px){.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section{padding:22px 18px}}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .section-header-flex{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .section-header-flex .section-title{margin-bottom:0}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .section-header-flex .section-tag-badge{color:#0a3152;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:800}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .section-title{color:#0a3152;letter-spacing:-.2px;margin-bottom:16px;font-size:20px;font-weight:800}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .bio-text{color:#475569;margin-bottom:20px;font-size:15px;line-height:1.75}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .outcomes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .outcomes-box .outcomes-subtitle{color:#0a3152;margin-bottom:14px;font-size:15px;font-weight:800}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .outcomes-box .outcomes-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .outcomes-box .outcomes-list li{color:#475569;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .outcomes-box .outcomes-list li .check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper{flex-direction:column;gap:16px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:18px;padding:20px;transition:all .25s;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury:hover{background:#fff;border-color:#0a3152;box-shadow:0 6px 20px #0a31520d}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-number-badge{color:#fff;background:#0a3152;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info{flex:1}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info .unit-title{color:#0a3152;margin-bottom:6px;font-size:16.5px;font-weight:800}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info .unit-desc{color:#64748b;margin-bottom:12px;font-size:13.5px;line-height:1.55}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info .unit-meta{color:#475569;align-items:center;gap:16px;font-size:12.5px;font-weight:700;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info .unit-meta span{align-items:center;gap:6px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .units-list-wrapper .unit-card-luxury .unit-info .unit-meta span svg{color:#00a896}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .perks-grid-mini{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (max-width:576px){.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .perks-grid-mini{grid-template-columns:1fr}}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .perks-grid-mini .perk-card-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .perks-grid-mini .perk-card-item .perk-icon{color:#10b981;background:#10b9811a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .perks-grid-mini .perk-card-item .perk-title{color:#0a3152;font-size:13.5px;font-weight:800;line-height:1.4}.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .teachers-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (max-width:576px){.subject-detail-clean-page .subject-clean-grid .main-content-column .clean-section .teachers-cards-grid{grid-template-columns:1fr}}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px 24px;position:sticky;top:100px;box-shadow:0 10px 30px #0a31520d}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .card-top-head{margin-bottom:22px}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .card-top-head .badge-tag{color:#00a896;background:#00a8961a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .card-top-head .card-title{color:#0a3152;margin-bottom:6px;font-size:20px;font-weight:900}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .card-top-head .card-sub{color:#64748b;font-size:13px;line-height:1.5}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:22px;padding:16px 18px}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-main-wrap{align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-main-wrap .price-amount{color:#0a3152;letter-spacing:-.5px;font-size:32px;font-weight:900;line-height:1}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-main-wrap .price-currency{color:#00a896;font-size:15px;font-weight:800}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-main-wrap .price-label{color:#64748b;font-size:12.5px;font-weight:600}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-discount-wrap{align-items:center;gap:10px;display:flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-discount-wrap .original-price{color:#94a3b8;font-size:14px;font-weight:700;text-decoration:line-through}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-price-showcase .price-discount-wrap .discount-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:14px;padding:3px 10px;font-size:11.5px;font-weight:800;box-shadow:0 3px 10px #ef444433}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-checklist{flex-direction:column;gap:12px;margin:0 0 26px;padding:0;list-style:none;display:flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-checklist li{color:#475569;align-items:flex-start;gap:10px;font-size:13.5px;font-weight:700;line-height:1.5;display:flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-checklist li .check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-actions{flex-direction:column;gap:12px;display:flex}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-actions .main-book-btn{border-radius:14px;justify-content:center;width:100%;font-weight:800}.subject-detail-clean-page .subject-clean-grid .sidebar-column .sidebar-sticky-card .sidebar-actions .browse-teachers-btn{border-radius:14px;justify-content:center;width:100%;font-weight:700}.subject-detail-clean-page .subject-full-teachers-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:60px;padding:34px 38px;scroll-margin-top:100px;box-shadow:0 4px 20px #0a315208}@media (max-width:576px){.subject-detail-clean-page .subject-full-teachers-section{border-radius:20px;padding:24px 18px}}.subject-detail-clean-page .subject-full-teachers-section .section-header-flex{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}@media (max-width:576px){.subject-detail-clean-page .subject-full-teachers-section .section-header-flex{flex-direction:column;align-items:flex-start}}.subject-detail-clean-page .subject-full-teachers-section .section-header-flex .section-title{color:#0a3152;letter-spacing:-.2px;margin-bottom:4px;font-size:22px;font-weight:900}.subject-detail-clean-page .subject-full-teachers-section .section-header-flex .section-subtitle{color:#64748b;margin:0;font-size:14px}.subject-detail-clean-page .subject-full-teachers-section .section-header-flex .section-tag-badge{color:#0a3152;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:800}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper{position:relative}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper{padding:10px 4px 50px}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-slide{height:auto;display:flex}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-slide>div{width:100%}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-pagination-bullet{opacity:1;background:#cbd5e1;width:10px;height:10px;transition:all .3s}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-pagination-bullet-active{background:#0a3152;border-radius:6px;width:26px}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-next,.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-prev{color:#0a3152;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:38px;height:38px;transition:all .25s;box-shadow:0 4px 14px #0a315214}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-next:after,.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-prev:after{font-size:14px;font-weight:900}.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-next:hover,.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-prev:hover{color:#fff;background:#0a3152;border-color:#0a3152}@media (max-width:768px){.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-next,.subject-detail-clean-page .subject-full-teachers-section .teachers-swiper-wrapper .teachers-swiper .swiper-button-prev{display:none}}.subject-detail-clean-page .booking-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0a1e32a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:100%;max-width:520px;padding:32px 30px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0a315238}@media (max-width:576px){.subject-detail-clean-page .booking-modal-overlay .booking-modal-card{border-radius:22px;padding:24px 20px}}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-close-btn{top:20px;color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;inset-inline-end:20px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-header-area{align-items:center;gap:16px;margin-bottom:24px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-header-area .modal-icon-badge{color:#00a896;background:linear-gradient(135deg,#00a8961f,#0a315214);border:1px solid #00a89633;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-header-area .modal-title-group .modal-title{color:#0a3152;letter-spacing:-.3px;margin-bottom:4px;font-size:20px;font-weight:900}@media (max-width:576px){.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-header-area .modal-title-group .modal-title{font-size:18px}}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-header-area .modal-title-group .modal-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.4}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content{flex-direction:column;gap:16px;margin-bottom:26px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box.student-box{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box.student-box .block-icon{color:#fff;background:#0284c7}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box.subject-box{background:#f8fafc}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box.subject-box .block-icon{color:#fff;background:#0a3152}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details{flex:1}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .block-label{color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .student-main-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .student-main-meta .student-name{color:#0a3152;font-size:15px;font-weight:900}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .student-main-meta .student-code-badge{color:#0284c7;background:#fff;border:1px solid #bae6fd;border-radius:12px;padding:3px 10px;font-size:11.5px;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .subject-title-in-modal{color:#0a3152;margin:0 0 4px;font-size:15px;font-weight:900}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .info-block-box .block-details .stage-pill-modal{color:#475569;background:#e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal{flex-direction:column;gap:8px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .form-label-modal{color:#0a3152;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container{position:relative}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger{cursor:pointer;text-align:start;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger:hover,.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger.open{background:#fff;border-color:#0a3152}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger.has-value{background:#0a315208;border-color:#0a3152}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger.has-value .trigger-text-group span{color:#0a3152;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger .trigger-text-group{color:#64748b;align-items:center;gap:10px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger .trigger-text-group .select-icon{color:#0a3152;flex-shrink:0}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger .trigger-text-group span{color:#0a3152;font-size:13.5px;font-weight:700}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger .chevron-icon{color:#94a3b8;transition:transform .25s}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-select-trigger .chevron-icon.rotate{transform:rotate(180deg)}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel{top:calc(100% + 6px);z-index:100;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:6px;width:100%;max-height:240px;padding:8px;display:flex;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 16px 40px #0a315229}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel::-webkit-scrollbar{width:5px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn{cursor:pointer;text-align:start;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .2s;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn:hover{background:#f8fafc}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn.selected{background:#0a31520d}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn.selected .teacher-title-text{color:#0a3152;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn.selected .check-mark{color:#00a896}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info{align-items:center;gap:12px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .all-teachers-badge-icon{color:#0a3152;background:#0a315214;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .avatar-mini-box{border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .avatar-mini-box .teacher-avatar-img{object-fit:cover;width:100%;height:100%}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .teacher-name-group{flex-direction:column;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .teacher-name-group .teacher-title-text{color:#0a3152;font-size:13.5px;font-weight:700}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .option-teacher-info .teacher-name-group .teacher-sub-text{color:#64748b;font-size:11.5px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .form-group-modal .custom-select-container .custom-dropdown-panel .dropdown-option-btn .check-mark{color:#00a896}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;padding:16px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-header-row .summary-title{color:#0a3152;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-header-row .discount-tag{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display{justify-content:space-between;align-items:baseline;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display .final-price-group{align-items:baseline;gap:4px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display .final-price-group .price-num{color:#0a3152;font-size:28px;font-weight:900}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display .final-price-group .currency-label{color:#00a896;font-size:14px;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display .final-price-group .billing-term{color:#64748b;margin-inline-start:4px;font-size:12px;font-weight:600}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-body-content .modal-price-summary-card .price-amount-display .old-price{color:#94a3b8;font-size:14px;font-weight:700;text-decoration:line-through}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-footer-actions{flex-direction:column;gap:10px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-footer-actions .confirm-btn-modal{border-radius:14px;justify-content:center;width:100%;font-weight:800}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-footer-actions .cancel-btn-modal{border-radius:14px;justify-content:center;width:100%;font-weight:700}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-success-view{text-align:center;padding:20px 10px 10px}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-success-view .success-icon-badge{color:#10b981;background:#10b9811f;border:2px solid #10b98140;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;display:flex}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-success-view .success-title{color:#0a3152;margin-bottom:8px;font-size:22px;font-weight:900}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-success-view .success-desc{color:#475569;margin-bottom:24px;font-size:14px;line-height:1.6}.subject-detail-clean-page .booking-modal-overlay .booking-modal-card .modal-success-view .close-success-btn{border-radius:14px;justify-content:center;width:100%;font-weight:800}