.booking-sidebar{position:sticky;top:var(--lgo-space-24);margin-top:-240px;z-index:100}@media(max-width:1024px){.booking-sidebar{margin-top:0;position:static}}.detail-hero-section{padding:var(--lgo-space-16) 0 var(--lgo-space-24);margin-bottom:var(--lgo-space-8);position:relative;overflow:hidden}@media(min-width:1024px){.detail-hero-section{padding:var(--lgo-space-20) 0;margin-bottom:var(--lgo-space-12)}}.detail-title{margin-bottom:var(--lgo-space-4);font-size:var(--lgo-fs-2xl);line-height:var(--lgo-lh-tight);letter-spacing:var(--lgo-ls-normal);font-weight:var(--lgo-fw-bold)}@media(min-width:640px){.detail-title{font-size:var(--lgo-fs-3xl)}}@media(min-width:1024px){.detail-title{font-size:var(--lgo-fs-4xl)}}.instructor-brand{display:flex;align-items:center;gap:var(--lgo-space-4);margin-top:var(--lgo-space-6)}.instructor-label{margin-bottom:0;color:var(--lgo-gray-500);font-size:var(--lgo-fs-xs);font-weight:var(--lgo-fw-semibold);text-transform:uppercase}.instructor-name-link{color:inherit;text-decoration:none}.instructor-name-link:hover,.instructor-name-link:focus-visible{color:var(--lgo-primary);text-decoration:underline}.instructor-brand .lgo-avatar a{display:block;width:100%;height:100%;border-radius:inherit}.detail-content-section{padding-bottom:var(--lgo-space-20)}.detail-enrollment-card{padding:var(--lgo-space-5)}@media(min-width:768px){.detail-enrollment-card{padding:var(--lgo-space-8)}}.detail-enrollment-card{display:flex;flex-direction:column}#enrollBtn{height:auto;flex-shrink:0}.enrollment-card{border:1px solid rgba(var(--lgo-white-rgb),.4);box-shadow:0 25px 50px -12px rgba(var(--lgo-black-rgb),.15);background:rgba(var(--lgo-white-rgb),.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:var(--lgo-radius-xl)}.detail-section-title{display:flex;align-items:center;gap:var(--lgo-space-3);font-size:var(--lgo-fs-lg);font-weight:var(--lgo-fw-bold);margin-bottom:var(--lgo-space-6);color:var(--lgo-gray-900);border-bottom:2px solid var(--lgo-gray-100);padding-bottom:var(--lgo-space-2)}.detail-section-title i,.meta-list-item i,.session-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(var(--lgo-primary-rgb),.12);border-radius:var(--lgo-radius-md);background:rgba(var(--lgo-primary-rgb),.08);color:var(--lgo-primary)}.detail-section-title i{width:32px;height:32px;font-size:var(--lgo-fs-sm)}.meta-info-sidebar{display:flex;flex-direction:column;gap:var(--lgo-space-4);padding-top:var(--lgo-space-6)}.detail-sidebar-divider{margin-block:var(--lgo-space-8)}.meta-list-item{display:flex;align-items:flex-start;gap:var(--lgo-space-3);text-align:left}.meta-list-item i{width:32px;height:32px;font-size:var(--lgo-fs-sm);margin-top:0}.meta-list-label{display:block;font-size:var(--lgo-fs-xs);font-weight:var(--lgo-fw-semibold);color:var(--lgo-gray-400);text-transform:uppercase;letter-spacing:.5px;line-height:1;margin-bottom:2px}.meta-list-value{font-size:var(--lgo-fs-sm);font-weight:var(--lgo-fw-semibold);color:var(--lgo-gray-800);margin:0;line-height:1.2}.sessions-timeline{display:flex;flex-direction:column;gap:var(--lgo-space-4)}.session-item{display:flex;align-items:center;gap:var(--lgo-space-4);padding:var(--lgo-space-4);border:1px solid var(--lgo-gray-100);border-radius:var(--lgo-radius-lg);transition:all var(--lgo-transition-base);background:var(--lgo-white)}.session-item:hover{border-color:var(--lgo-primary-light);transform:translate(4px);box-shadow:var(--lgo-shadow-md)}.session-item--past{opacity:.5}.session-item--past:hover{transform:none;box-shadow:none}.session-icon-wrapper{width:48px;height:48px;font-size:1.25rem}.content-pane{display:flex;flex-direction:column;gap:var(--lgo-space-12)}.description-text{font-size:var(--lgo-fs-base);line-height:var(--lgo-lh-relaxed);color:var(--lgo-gray-700)}.info-box-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--lgo-space-3)}.info-box-list li{display:flex;align-items:start;gap:var(--lgo-space-3)}.info-box-list li i{color:var(--lgo-success);margin-top:4px}#groupClassDetail>*{animation:lgo-fade-in var(--lgo-transition-slow) both}@media(prefers-reduced-motion:reduce){#groupClassDetail>*{animation:none}}
