/*
Theme Name: Study10x
Theme URI: https://example.com/
Author: Study10x.in
Description: Study10x educational WordPress theme for CTET and teaching-exam websites.
Version: 5.9.1
License: GPL-2.0-or-later
Text Domain: study10x
*/

:root{
  --s10x-primary:#2563eb;
  --s10x-primary-2:#7c3aed;
  --s10x-text:#172033;
  --s10x-muted:#64748b;
  --s10x-bg:#f7f9fc;
  --s10x-card:#ffffff;
  --s10x-border:rgba(15,23,42,.09);
  --s10x-radius:18px;
  --s10x-shadow:0 12px 35px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--s10x-bg);color:var(--s10x-text);font-family:'Poppins',sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.s10x-site{min-height:100vh;display:flex;flex-direction:column}
.s10x-main{flex:1}
.s10x-glass{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 8px 28px rgba(15,23,42,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

/* Header */
.s10x-header{position:fixed;z-index:1000;top:0;left:0;right:0}
.s10x-nav{min-height:74px;display:flex;align-items:center;gap:24px;padding:10px 18px}
.s10x-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;font-weight:800;font-size:21px;line-height:0}
.s10x-brand img{display:block;width:auto;height:30px;max-width:128px;object-fit:contain}
.s10x-menu{display:flex;align-items:center;gap:18px;flex:1}
.s10x-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.s10x-menu a{font-size:14px;font-weight:600;color:#263247}
.s10x-menu a:hover{color:var(--s10x-primary)}
.s10x-search{display:flex;align-items:center;border:1px solid var(--s10x-border);background:rgba(255,255,255,.75);border-radius:999px;overflow:hidden;width:230px}
.s10x-search input{border:0;outline:0;background:transparent;padding:10px 14px;width:100%;font-size:13px}
.s10x-search button{border:0;background:transparent;padding:9px 13px;cursor:pointer}
.s10x-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.s10x-search-toggle svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s10x-auth{display:flex;align-items:center;gap:10px}
.s10x-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 17px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-weight:700;cursor:pointer;transition:.2s}
.s10x-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,99,235,.2)}
.s10x-profile{position:relative}
.s10x-profile>button{width:42px;height:42px;border-radius:50%;border:1px solid var(--s10x-border);background:#fff;cursor:pointer;font-weight:800}
.s10x-profile-menu{position:absolute;right:0;top:52px;width:220px;background:#fff;border:1px solid var(--s10x-border);border-radius:16px;box-shadow:var(--s10x-shadow);padding:8px;display:none}
.s10x-profile-menu.is-open{display:block}
.s10x-profile-menu a{display:block;padding:10px 12px;border-radius:10px;font-size:13px}
.s10x-profile-menu a:hover{background:#f1f5f9}
.s10x-mobile-toggle{display:none;border:0;background:transparent;font-size:25px;cursor:pointer}

/* Hero */
.s10x-hero{padding-top:0}
.s10x-slider{position:relative;overflow:hidden;min-height:520px}
.s10x-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;display:flex;align-items:center}
.s10x-slide.is-active{opacity:1;z-index:2}
.s10x-slide-bg{position:absolute;inset:0;background:linear-gradient(100deg,rgba(9,17,39,.9),rgba(37,99,235,.35)),linear-gradient(135deg,#172554,#7c3aed)}
.s10x-slide.has-image .s10x-slide-bg{background-position:center;background-size:cover}
.s10x-slide-content{position:relative;z-index:3;color:#fff;width:min(1180px,calc(100% - 32px));margin:auto;padding-top:90px}
.s10x-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.s10x-slide h1{font-size:clamp(32px,5vw,60px);line-height:1.12;max-width:720px;margin:10px 0 15px}
.s10x-slide p{max-width:650px;margin:0 0 24px;color:rgba(255,255,255,.86)}
.s10x-slider-controls{position:absolute;z-index:5;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px}
.s10x-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.s10x-dots{display:flex;gap:7px}
.s10x-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);border:0;padding:0;cursor:pointer}
.s10x-dot.is-active{width:24px;border-radius:99px;background:#fff}

/* Ticker */
.s10x-ticker{overflow:hidden;background:#D97706;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);height:46px;display:flex;align-items:center}
.s10x-ticker-track{display:flex;white-space:nowrap;animation:s10xTicker 30s linear infinite}
.s10x-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 28px;font-size:13px;font-weight:600}
.s10x-ticker-item:before{content:"✦";color:#fff}
@keyframes s10xTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Sections/cards */
.s10x-section{padding:58px 0}
.s10x-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.s10x-section-head h2{margin:0;font-size:28px;line-height:1.2}
.s10x-section-head p{margin:6px 0 0;color:var(--s10x-muted);font-size:14px}
.s10x-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s10x-card{background:var(--s10x-card);border:1px solid var(--s10x-border);border-radius:var(--s10x-radius);overflow:hidden;box-shadow:var(--s10x-shadow);transition:.25s}
.s10x-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,23,42,.12)}
.s10x-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#dbeafe,#ede9fe);display:flex;align-items:center;justify-content:center;overflow:hidden}
.s10x-card-thumb img{width:100%;height:100%;object-fit:cover}
.s10x-card-body{padding:18px}
.s10x-badge{display:inline-flex;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:5px 9px;font-size:11px;font-weight:700}
.s10x-card h3{font-size:18px;margin:10px 0 7px}
.s10x-card p{font-size:13px;color:var(--s10x-muted);margin:0 0 15px}
.s10x-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}

.s10x-course-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
.s10x-purchased-label{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.02em;background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;white-space:nowrap}
.s10x-course-card-footer{display:block;margin-top:16px}
.s10x-course-card-footer .s10x-btn{width:100%;min-height:46px;padding:12px 16px;box-sizing:border-box}
.s10x-course-access-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 8px 18px rgba(22,163,74,.18)}
.s10x-course-access-btn:hover{box-shadow:0 12px 24px rgba(22,163,74,.25)}
.s10x-card-owned{border-color:#bbf7d0}

.s10x-link{color:var(--s10x-primary);font-size:13px;font-weight:700}
.s10x-price{font-weight:800;font-size:14px}

/* Footer */
.s10x-footer{background:#0b1220;color:#cbd5e1;margin-top:40px}
.s10x-footer-main{padding:52px 0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:45px}
.s10x-footer-brand{color:#fff;font-size:22px;font-weight:800}
.s10x-footer h3{font-size:15px;color:#fff;margin:0 0 15px}
.s10x-footer p,.s10x-footer a{font-size:13px;color:#94a3b8}
.s10x-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.s10x-play{display:inline-flex;align-items:center;gap:10px;border:1px solid #334155;border-radius:12px;padding:10px 14px;margin-top:7px}
.s10x-bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0;font-size:12px;color:#64748b;display:flex;justify-content:space-between}

/* Archive/course single */
.s10x-page-hero{padding:130px 0 55px;background:linear-gradient(135deg,#eef4ff,#f5f3ff)}
.s10x-page-hero h1{font-size:40px;margin:0 0 8px}
.s10x-page-hero p{color:var(--s10x-muted);margin:0}
.s10x-single{padding:50px 0}
.s10x-course-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:30px}
.s10x-detail-cover{border-radius:20px;overflow:hidden;background:#e2e8f0;aspect-ratio:16/9}
.s10x-detail-cover img{width:100%;height:100%;object-fit:cover}
.s10x-detail-panel{background:#fff;border:1px solid var(--s10x-border);border-radius:20px;padding:25px;box-shadow:var(--s10x-shadow)}
.s10x-detail-panel h1{margin:0 0 10px;font-size:32px}
.s10x-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.s10x-meta span{background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}
.s10x-content{background:#fff;border:1px solid var(--s10x-border);border-radius:20px;padding:28px;margin-top:25px}
.s10x-content h2{font-size:23px}

/* Responsive */
@media(max-width:980px){
  .s10x-menu{display:none;position:absolute;top:74px;left:12px;right:12px;background:rgba(255,255,255,.96);border:1px solid var(--s10x-border);border-radius:18px;padding:16px;box-shadow:var(--s10x-shadow)}
  .s10x-menu.is-open{display:block}
  .s10x-menu ul{flex-direction:column;align-items:flex-start}
  .s10x-search{margin-left:auto;width:200px}
  .s10x-mobile-toggle{display:block}
  .s10x-grid{grid-template-columns:repeat(2,1fr)}
  .s10x-course-detail{grid-template-columns:1fr}
}
@media(max-width:640px){
  .container{width:min(100% - 22px,1180px)}
  .s10x-nav{gap:10px;padding:9px 10px}
  .s10x-brand{font-size:17px}
  .s10x-brand img{height:24px;max-width:106px}
  .s10x-search{position:relative;width:44px;height:44px;background:transparent;border:0;border-radius:12px;overflow:visible;z-index:1100}
  .s10x-search input{display:none}
  .s10x-search-toggle{width:44px;height:44px;padding:0;border:0;background:transparent;color:#172033}
  .s10x-search-toggle svg{width:25px;height:25px;stroke-width:2.15}
  .s10x-search.is-open{width:min(310px,calc(100vw - 22px));height:44px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14);border:0;border-radius:14px}
  .s10x-search.is-open input{display:block;min-width:0;padding:10px 12px;font-size:13px}
  .s10x-search.is-open .s10x-search-toggle{width:44px;height:44px}
  .s10x-search.is-open .s10x-search-toggle svg{width:22px;height:22px}
  .s10x-search.is-open .s10x-search-toggle:after{content:"";position:absolute;inset:0;pointer-events:none}
  .s10x-auth .s10x-btn{padding:9px 11px;font-size:12px}
  .s10x-slider{min-height:500px}
  .s10x-slide-content{padding-top:100px}
  .s10x-slide h1{font-size:35px}
  .s10x-grid{grid-template-columns:1fr}
  .s10x-section{padding:42px 0}
  .s10x-section-head{display:block}
  .s10x-section-head h2{font-size:24px}
  .s10x-footer-main{grid-template-columns:1fr;gap:30px}
  .s10x-bottom{display:block}
  .s10x-bottom div+div{margin-top:7px}
}

.s10x-student-page{padding:48px 20px;background:#f7faff;min-height:70vh}.s10x-student-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:250px 1fr;gap:24px}.s10x-student-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:20px;height:max-content;position:sticky;top:90px}.s10x-student-user{text-align:center;padding:8px 5px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.s10x-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-size:25px;font-weight:700}.s10x-student-user strong,.s10x-student-user small{display:block}.s10x-student-user small{color:#64748b;margin-top:4px;word-break:break-word}.s10x-student-nav{display:grid;gap:5px}.s10x-student-nav a{padding:11px 12px;border-radius:12px;color:#334155;text-decoration:none}.s10x-student-nav a:hover,.s10x-student-nav a.is-active{background:#eff6ff;color:#2563eb}.s10x-account-head{margin-bottom:22px}.s10x-account-head h1{margin:5px 0;font-size:34px}.s10x-account-head p{color:#64748b}.s10x-account-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.s10x-account-cards a{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;text-decoration:none;color:#0f172a}.s10x-account-cards strong,.s10x-account-cards span{display:block}.s10x-account-cards span{font-size:13px;color:#64748b;margin-top:7px}.s10x-account-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-bottom:18px}.s10x-account-panel h2{margin-top:0}.s10x-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.s10x-overview-grid div{padding:15px;background:#f8fafc;border-radius:12px}.s10x-overview-grid small,.s10x-overview-grid strong{display:block}.s10x-overview-grid small{color:#64748b;margin-bottom:5px}.s10x-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}.s10x-profile-form label{font-weight:600;font-size:14px;color:#334155}.s10x-profile-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px}.s10x-profile-form input:disabled{background:#f1f5f9}.s10x-alert{padding:13px 15px;border-radius:12px;margin-bottom:16px}.s10x-alert.success{background:#ecfdf5;color:#047857}.s10x-alert.error{background:#fef2f2;color:#b91c1c}@media(max-width:900px){.s10x-student-shell{grid-template-columns:1fr}.s10x-student-sidebar{position:static}.s10x-account-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.s10x-account-cards,.s10x-overview-grid,.s10x-form-grid{grid-template-columns:1fr}.s10x-student-page{padding:28px 14px}}

/* Study10x Account UI */
.s10x-account-page{min-height:72vh;padding:50px 20px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
.s10x-account-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}
.s10x-account-sidebar{background:rgba(255,255,255,.88);border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 15px 40px rgba(15,23,42,.06);height:max-content;position:sticky;top:90px}
.s10x-account-user{text-align:center;padding:10px 5px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.s10x-account-avatar{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-size:25px;font-weight:800}.s10x-account-user strong,.s10x-account-user span{display:block}.s10x-account-user span{font-size:12px;color:#64748b;margin-top:4px;overflow-wrap:anywhere}
.s10x-student-nav{display:grid;gap:4px}.s10x-student-nav a{padding:12px 13px;border-radius:12px;text-decoration:none;color:#334155;font-weight:600}.s10x-student-nav a:hover,.s10x-student-nav a.is-active{background:#eff6ff;color:#2563eb}
.s10x-account-title{margin-bottom:24px}.s10x-account-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:#2563eb}.s10x-account-title h1{font-size:36px;margin:6px 0}.s10x-account-title p{color:#64748b;margin:0}
.s10x-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;margin-bottom:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.s10x-profile-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.s10x-profile-card h2{margin:0 0 5px}.s10x-profile-card p{color:#64748b}.s10x-status{font-size:12px;padding:6px 10px;border-radius:999px;background:#ecfdf5;color:#047857}.s10x-lock{font-size:20px}
.s10x-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.s10x-password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.s10x-profile-form label{display:block;font-size:13px;font-weight:700;color:#334155}.s10x-profile-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;font:inherit}.s10x-profile-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.s10x-profile-form input:disabled{background:#f1f5f9;color:#64748b}.s10x-profile-form small{display:block;color:#94a3b8;font-weight:400;margin-top:5px}
.s10x-account-btn{display:inline-block;border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.s10x-account-btn:hover{opacity:.92;color:#fff}
.s10x-account-message{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-weight:600}.s10x-account-message.success{background:#ecfdf5;color:#047857}.s10x-account-message.error{background:#fef2f2;color:#b91c1c}
.s10x-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.s10x-overview-grid div{background:#f8fafc;padding:16px;border-radius:12px}.s10x-overview-grid small,.s10x-overview-grid strong{display:block}.s10x-overview-grid small{color:#64748b;margin-bottom:5px}
.s10x-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.s10x-quick-grid a{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;text-decoration:none;color:#0f172a;transition:transform .2s,box-shadow .2s}.s10x-quick-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.s10x-quick-grid strong,.s10x-quick-grid span{display:block}.s10x-quick-grid span{font-size:13px;color:#64748b;margin-top:8px}
@media(max-width:950px){.s10x-account-wrap{grid-template-columns:1fr}.s10x-account-sidebar{position:static}.s10x-quick-grid{grid-template-columns:repeat(2,1fr)}.s10x-password-grid{grid-template-columns:1fr}}
@media(max-width:600px){.s10x-account-page{padding:28px 14px}.s10x-account-title h1{font-size:29px}.s10x-profile-grid,.s10x-quick-grid,.s10x-overview-grid{grid-template-columns:1fr}}

/* Study10x Unified Account Center */
.s10x-account-center{min-height:75vh;padding:48px 20px;background:linear-gradient(180deg,#f7faff,#fff)}
.s10x-account-center-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:255px 1fr;gap:24px}
.s10x-account-center-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;height:max-content;position:sticky;top:90px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.s10x-center-user{text-align:center;padding:10px 4px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.s10x-center-avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-size:26px;font-weight:800}.s10x-center-user strong,.s10x-center-user span{display:block}.s10x-center-user span{font-size:12px;color:#64748b;margin-top:4px;overflow-wrap:anywhere}
.s10x-center-nav{display:grid;gap:4px}.s10x-center-nav a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:11px;text-decoration:none;color:#334155;font-weight:600}.s10x-center-nav a:hover,.s10x-center-nav a.active{background:#eff6ff;color:#2563eb}.s10x-nav-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.s10x-center-nav a.active .s10x-nav-dot{background:#2563eb}
.s10x-center-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.s10x-center-header span{font-size:11px;letter-spacing:.15em;font-weight:800;color:#2563eb}.s10x-center-header h1{font-size:36px;margin:5px 0}.s10x-center-header p{color:#64748b;margin:0}.s10x-view-site{padding:10px 14px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#334155;text-decoration:none}
.s10x-center-welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbe3ee;border-radius:20px;padding:25px;margin-bottom:18px}.s10x-center-welcome small{font-weight:800;letter-spacing:.12em;color:#2563eb}.s10x-center-welcome h2{margin:5px 0}.s10x-center-welcome p{margin:0;color:#64748b}.s10x-center-welcome a{background:#fff;padding:11px 15px;border-radius:10px;text-decoration:none;color:#2563eb;font-weight:700}
.s10x-center-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.s10x-center-cards a{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:20px;text-decoration:none;color:#0f172a;transition:.2s}.s10x-center-cards a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.s10x-center-cards b,.s10x-center-cards span{display:block}.s10x-center-cards span{font-size:13px;color:#64748b;margin-top:7px}
.s10x-center-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;margin-bottom:18px;box-shadow:0 8px 25px rgba(15,23,42,.03)}.s10x-center-panel h2{margin-top:0}.s10x-center-panel p{color:#64748b}.s10x-panel-title{margin-bottom:20px}.s10x-panel-title h2{margin-bottom:5px}.s10x-panel-title p{margin:0}
.s10x-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.s10x-summary div{background:#f8fafc;border-radius:12px;padding:16px}.s10x-summary small,.s10x-summary b{display:block}.s10x-summary small{color:#64748b;margin-bottom:5px}
.s10x-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:20px}.s10x-fields.password-fields{grid-template-columns:repeat(3,1fr)}.s10x-fields label{font-size:13px;font-weight:700;color:#334155}.s10x-fields input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:12px 13px;border:1px solid #cbd5e1;border-radius:10px;font:inherit;background:#fff}.s10x-fields input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.s10x-fields input:disabled{background:#f1f5f9;color:#64748b}
.s10x-center-btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;text-decoration:none;font-weight:700;cursor:pointer}.s10x-center-btn:hover{color:#fff;opacity:.92}.s10x-msg{padding:13px 16px;border-radius:11px;margin-bottom:17px;font-weight:600}.s10x-msg.ok{background:#ecfdf5;color:#047857}.s10x-msg.bad{background:#fef2f2;color:#b91c1c}
@media(max-width:950px){.s10x-account-center-wrap{grid-template-columns:1fr}.s10x-account-center-sidebar{position:static}.s10x-center-cards{grid-template-columns:repeat(2,1fr)}.s10x-fields.password-fields{grid-template-columns:1fr}}
@media(max-width:600px){.s10x-account-center{padding:28px 14px}.s10x-center-header{display:block}.s10x-view-site{display:inline-block;margin-top:15px}.s10x-center-header h1{font-size:29px}.s10x-center-cards,.s10x-summary,.s10x-fields{grid-template-columns:1fr}.s10x-center-welcome{display:block}.s10x-center-welcome a{display:inline-block;margin-top:15px}}

/* Study10x profile.php */
.s10x-profile-page{min-height:72vh;padding:50px 20px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}
.s10x-profile-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px}
.s10x-profile-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;height:max-content;position:sticky;top:90px;box-shadow:0 14px 38px rgba(15,23,42,.06)}
.s10x-profile-user{text-align:center;padding:8px 4px 20px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.s10x-profile-user img,.s10x-profile-initial{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 11px;object-fit:cover}.s10x-profile-initial{background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-size:27px;font-weight:800}.s10x-profile-user strong,.s10x-profile-user span{display:block}.s10x-profile-user span{font-size:12px;color:#64748b;margin-top:4px;overflow-wrap:anywhere}
.s10x-profile-nav{display:grid;gap:4px}.s10x-profile-nav a{padding:12px 13px;border-radius:11px;text-decoration:none;color:#334155;font-weight:600}.s10x-profile-nav a:hover,.s10x-profile-nav a.is-active{background:#eff6ff;color:#2563eb}
.s10x-profile-heading{margin-bottom:24px}.s10x-profile-heading>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:#2563eb}.s10x-profile-heading h1{font-size:36px;margin:6px 0}.s10x-profile-heading p{color:#64748b;margin:0}
.s10x-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;margin-bottom:18px;box-shadow:0 8px 25px rgba(15,23,42,.04)}.s10x-profile-card-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.s10x-profile-card-title h2{margin:0 0 5px}.s10x-profile-card-title p{margin:0;color:#64748b}.s10x-profile-badge{background:#ecfdf5;color:#047857;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.s10x-profile-security{font-size:20px}
.s10x-profile-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:20px}.s10x-profile-password-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:20px}.s10x-profile-form label{display:block;font-size:13px;font-weight:700;color:#334155}.s10x-profile-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;font:inherit}.s10x-profile-form input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.s10x-profile-form input:disabled{background:#f1f5f9;color:#64748b}.s10x-profile-form small{display:block;color:#94a3b8;font-weight:400;margin-top:5px}
.s10x-profile-btn{border:0;border-radius:11px;padding:13px 19px;background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-weight:800;cursor:pointer}.s10x-profile-btn:hover{opacity:.92}
.s10x-profile-alert{padding:13px 16px;border-radius:11px;margin-bottom:18px;font-weight:600}.s10x-profile-alert.success{background:#ecfdf5;color:#047857}.s10x-profile-alert.error{background:#fef2f2;color:#b91c1c}
@media(max-width:950px){.s10x-profile-wrap{grid-template-columns:1fr}.s10x-profile-sidebar{position:static}.s10x-profile-password-fields{grid-template-columns:1fr}}
@media(max-width:600px){.s10x-profile-page{padding:28px 14px}.s10x-profile-heading h1{font-size:29px}.s10x-profile-fields,.s10x-profile-password-fields{grid-template-columns:1fr}.s10x-profile-card{padding:21px}}

/* Study10x Final Profile UI */
.s10x-profile-heading{display:flex;align-items:flex-start;justify-content:space-between}.s10x-profile-back{background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:10px;text-decoration:none;color:#334155;font-weight:700}.s10x-profile-summary{display:flex;align-items:center;gap:14px;background:#f8fafc;border-radius:15px;padding:14px;margin-bottom:22px}.s10x-summary-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;flex:none}.s10x-summary-avatar img,.s10x-summary-avatar span{width:100%;height:100%;display:grid;place-items:center;object-fit:cover}.s10x-summary-avatar span{background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2));color:#fff;font-size:20px;font-weight:800}.s10x-profile-summary strong,.s10x-profile-summary span{display:block}.s10x-profile-summary span{color:#64748b;font-size:13px;margin-top:3px}
.s10x-profile-nav a{display:flex;align-items:center;gap:10px}.s10x-profile-nav a:first-letter{font-size:16px}
@media(max-width:600px){.s10x-profile-heading{display:block}.s10x-profile-back{display:inline-block;margin-top:15px}}

/* Study10x Home Quiz Card */
.s10x-home-quiz-card{background:#fff;border:1px solid #e4e8ed;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,.06)}.s10x-home-quiz-card>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.s10x-home-quiz-card-body{padding:16px}.s10x-home-quiz-card h3{margin:0 0 13px}.s10x-start-quiz{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);padding:10px 15px;border-radius:10px}

/* Unified Study10x quiz cards for homepage */
.s10x-unified-quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.s10x-unified-quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.06);display:flex;min-height:180px}.s10x-unified-quiz-card-icon{width:78px;min-width:78px;background:linear-gradient(145deg,#2563eb,#7c3aed);color:#fff;font-size:34px;font-weight:800;display:grid;place-items:center}.s10x-unified-quiz-card-content{padding:18px;flex:1}.s10x-unified-quiz-card-exam{font-size:11px;font-weight:800;letter-spacing:.08em;color:#2563eb;text-transform:uppercase}.s10x-unified-quiz-card h3{font-size:18px;margin:7px 0}.s10x-unified-quiz-card p{font-size:13px;color:#64748b;margin:0 0 15px}.s10x-unified-start-quiz{display:inline-flex;gap:8px;align-items:center;text-decoration:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff!important;padding:9px 13px;border-radius:9px;font-size:13px;font-weight:800}.s10x-unified-empty{padding:24px;border:1px dashed #cbd5e1;border-radius:14px;text-align:center;color:#64748b}
@media(max-width:900px){.s10x-unified-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.s10x-unified-quiz-grid{grid-template-columns:1fr}.s10x-unified-quiz-card{min-height:150px}.s10x-unified-quiz-card-icon{width:62px;min-width:62px}}

/* Study10x authoritative homepage quiz section */
.s10x-homepage-quizzes-section{max-width:1200px;margin:45px auto;padding:0 20px}.s10x-homepage-quizzes-heading{text-align:center;margin-bottom:25px}.s10x-homepage-quizzes-heading span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#2563eb}.s10x-homepage-quizzes-heading h2{font-size:32px;margin:7px 0}.s10x-homepage-quizzes-heading p{color:#64748b;margin:0}.s10x-homepage-quizzes-section .s10x-unified-quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.s10x-homepage-quizzes-section .s10x-unified-quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.s10x-homepage-quizzes-section{padding:0 14px}.s10x-homepage-quizzes-heading h2{font-size:26px}.s10x-homepage-quizzes-section .s10x-unified-quiz-grid{grid-template-columns:1fr}}

/* Study10x premium course detail */
.s10x-course-detail-page{padding:42px 0 70px;background:#f6f9fb}.s10x-course-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;background:#fff;border:1px solid #e0e7eb;border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.s10x-course-cover{border-radius:16px;overflow:hidden;min-height:320px;background:#eaf0f3}.s10x-course-cover img{width:100%;height:100%;object-fit:cover;display:block}.s10x-course-info{padding:25px 22px;align-self:center}.s10x-course-info h1{font-size:38px;line-height:1.12;margin:9px 0 15px}.s10x-course-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.s10x-course-stats span{padding:7px 10px;border-radius:999px;background:#eef5f7;color:#47616d;font-size:11px;font-weight:800}.s10x-course-description{color:#687789;line-height:1.65}.s10x-course-primary{display:block;text-align:center;background:#0d8baa;color:#fff!important;text-decoration:none!important;padding:13px 16px;border-radius:11px;font-weight:800;margin-top:18px}.s10x-course-locked{margin-top:18px;padding:14px;border:1px solid #e6e9ed;border-radius:11px;background:#f8fafc;color:#64748b;font-weight:700}.s10x-course-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:24px}.s10x-course-body>div,.s10x-course-outline{background:#fff;border:1px solid #e0e7eb;border-radius:16px;padding:24px}.s10x-course-body h2{margin-top:0}.s10x-outline-folder{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f3;font-size:13px}.s10x-outline-folder span{color:#87929d;font-size:11px}@media(max-width:850px){.s10x-course-hero,.s10x-course-body{grid-template-columns:1fr}.s10x-course-info h1{font-size:30px}}


/* ===== Study10x Course Details Premium UI v5.2 ===== */
:root{
  --s10x-bg:#f5f7fb;
  --s10x-card:#ffffff;
  --s10x-text:#152033;
  --s10x-muted:#68758a;
  --s10x-border:rgba(21,32,51,.09);
  --s10x-accent:#0797b5;
  --s10x-accent-dark:#05758c;
  --s10x-shadow:0 18px 50px rgba(21,32,51,.08);
}
body.single-course{
  background:var(--s10x-bg);
}
body.single-course .site-header,
body.single-course header{
  position:relative !important;
  z-index:1000 !important;
}
.s10x-course-page{
  position:relative;
  z-index:1;
  max-width:1180px;
  margin:0 auto;
  padding:48px 24px 80px;
}
.s10x-course-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);
  gap:34px;
  align-items:stretch;
  background:rgba(255,255,255,.96);
  border:1px solid var(--s10x-border);
  border-radius:28px;
  padding:22px;
  box-shadow:var(--s10x-shadow);
  overflow:hidden;
  margin:0 0 28px !important;
}
.s10x-course-hero-media{
  min-height:420px;
  border-radius:20px;
  overflow:hidden;
  background:#e9eef5;
}
.s10x-course-hero-media img{
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
}
.s10x-course-hero-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px 22px 28px 4px;
}
.s10x-course-hero-info h1{
  margin:12px 0 18px !important;
  font-size:clamp(38px,4vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em;
  color:var(--s10x-text);
}
.s10x-course-badge{
  display:inline-flex;
  align-self:flex-start;
  padding:7px 12px;
  border-radius:999px;
  background:#eef8fb;
  color:#087c98;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.s10x-course-stats{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px !important;
}
.s10x-course-stats span{
  padding:9px 13px;
  border-radius:999px;
  background:#f1f5f8;
  color:#5d6a7b;
  font-size:14px;
  font-weight:700;
}
.s10x-course-primary{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:54px;
  width:max-content;
  max-width:100%;
  padding:0 24px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,var(--s10x-accent),#087d99) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 12px 25px rgba(7,151,181,.22);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.s10x-course-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(7,151,181,.28);
  background:linear-gradient(135deg,#087d99,var(--s10x-accent-dark)) !important;
}
.s10x-rzp-message{
  margin-top:10px;
  font-size:14px;
  color:#68758a;
}
.s10x-rzp-message.error{color:#b42318;font-weight:600;}
.s10x-rzp-message.success{color:#087c98;font-weight:700;}
.s10x-course-body-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);
  gap:28px;
  align-items:start;
}
.s10x-course-about,
.s10x-course-content{
  background:var(--s10x-card);
  border:1px solid var(--s10x-border);
  border-radius:22px;
  box-shadow:0 10px 30px rgba(21,32,51,.05);
  padding:30px;
}
.s10x-course-about h2,
.s10x-course-content h2{
  margin:0 0 20px !important;
  color:var(--s10x-text);
  font-size:28px !important;
  letter-spacing:-.025em;
}
.s10x-course-content{
  position:sticky;
  top:105px;
}
.s10x-course-content .s10x-subject{
  border-top:1px solid var(--s10x-border);
  padding:17px 0;
}
.s10x-course-content .s10x-subject:first-of-type{
  border-top:0;
}
@media(max-width:900px){
  .s10x-course-page{padding:28px 16px 60px;}
  .s10x-course-hero{
    grid-template-columns:1fr;
    gap:0;
    padding:14px;
  }
  .s10x-course-hero-media,
  .s10x-course-hero-media img{min-height:280px;}
  .s10x-course-hero-info{padding:28px 14px 24px;}
  .s10x-course-body-grid{grid-template-columns:1fr !important;}
  .s10x-course-content{position:static;}
}


/* =========================================================
   Study10x Course Details — v5.3 visual correction
   Targets the ACTUAL course template classes.
   ========================================================= */
body.single-course{
  background:#f4f7fb;
  color:#172033;
}
body.single-course .s10x-main{
  padding-top:92px !important; /* fixed glass header clearance */
}

/* Page shell */
body.single-course .s10x-course-detail-page{
  padding:34px 0 80px !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(16,166,194,.07),transparent 30%),
    radial-gradient(circle at 90% 8%,rgba(91,103,255,.05),transparent 28%),
    #f4f7fb !important;
}
body.single-course .s10x-course-detail-page > .container{
  width:min(1240px,calc(100% - 40px)) !important;
}

/* Hero */
body.single-course .s10x-course-hero{
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr) !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  min-height:500px;
  border:1px solid rgba(20,35,55,.08) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 24px 70px rgba(20,35,55,.10) !important;
}
body.single-course .s10x-course-cover{
  min-height:500px !important;
  border-radius:0 !important;
  position:relative;
  background:#dfe7ed !important;
}
body.single-course .s10x-course-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,22,35,0) 55%,rgba(10,22,35,.10));
  pointer-events:none;
}
body.single-course .s10x-course-cover img{
  width:100% !important;
  height:100% !important;
  min-height:500px !important;
  object-fit:cover !important;
}
body.single-course .s10x-course-info{
  padding:48px 46px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%);
}
body.single-course .s10x-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#eaf8fb !important;
  color:#087d98 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em;
}
body.single-course .s10x-course-info h1{
  margin:16px 0 18px !important;
  font-size:clamp(42px,4vw,62px) !important;
  line-height:1 !important;
  letter-spacing:-.055em;
  color:#152033 !important;
}
body.single-course .s10x-course-stats{
  gap:8px !important;
  margin:0 0 20px !important;
}
body.single-course .s10x-course-stats span{
  padding:9px 13px !important;
  border:1px solid #e8eef2;
  background:#f5f8fa !important;
  color:#566578 !important;
  font-size:13px !important;
  font-weight:750 !important;
}
body.single-course .s10x-course-description{
  max-width:520px;
  margin-bottom:2px;
  color:#68778a !important;
  line-height:1.7 !important;
}
body.single-course .s10x-course-primary{
  width:auto !important;
  min-width:220px;
  min-height:56px;
  margin-top:22px !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#0799b7,#087f9a) !important;
  box-shadow:0 14px 30px rgba(8,140,168,.24) !important;
  font-size:16px !important;
  font-weight:850 !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
body.single-course .s10x-course-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(8,140,168,.30) !important;
}
body.single-course .s10x-rzp-message{
  margin-top:11px !important;
  font-size:13px !important;
}

/* Content area */
body.single-course .s10x-course-body{
  grid-template-columns:minmax(0,1fr) 350px !important;
  gap:26px !important;
  margin-top:28px !important;
}
body.single-course .s10x-course-body > div,
body.single-course .s10x-course-outline{
  border:1px solid rgba(20,35,55,.075) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 12px 35px rgba(20,35,55,.055) !important;
  padding:32px !important;
}
body.single-course .s10x-course-body h2{
  margin:0 0 20px !important;
  font-size:28px !important;
  line-height:1.15 !important;
  letter-spacing:-.035em;
  color:#152033 !important;
}
body.single-course .s10x-course-outline{
  position:sticky;
  top:104px;
}
body.single-course .s10x-course-outline h3{
  margin:0 0 8px !important;
  font-size:21px !important;
  color:#152033 !important;
}
body.single-course .s10x-outline-folder{
  min-height:52px;
  align-items:center;
  padding:15px 2px !important;
  border-bottom:1px solid #edf1f4 !important;
}
body.single-course .s10x-outline-folder strong{
  color:#253247;
  font-size:14px;
}
body.single-course .s10x-outline-folder span{
  color:#8793a1 !important;
  font-size:12px !important;
  white-space:nowrap;
}

/* Make empty course description area less awkward */
body.single-course .s10x-course-body > div:empty{
  display:none;
}

/* Responsive */
@media(max-width:900px){
  body.single-course .s10x-main{padding-top:82px !important;}
  body.single-course .s10x-course-detail-page > .container{
    width:min(100% - 24px,680px) !important;
  }
  body.single-course .s10x-course-hero{
    grid-template-columns:1fr !important;
    min-height:0;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:300px !important;
    height:300px !important;
  }
  body.single-course .s10x-course-info{
    padding:32px 26px !important;
  }
  body.single-course .s10x-course-info h1{
    font-size:42px !important;
  }
  body.single-course .s10x-course-body{
    grid-template-columns:1fr !important;
  }
  body.single-course .s10x-course-outline{
    position:static;
  }
}
@media(max-width:560px){
  body.single-course .s10x-course-detail-page{
    padding:18px 0 50px !important;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:220px !important;
    height:220px !important;
  }
  body.single-course .s10x-course-info{
    padding:25px 20px !important;
  }
  body.single-course .s10x-course-info h1{
    font-size:36px !important;
  }
  body.single-course .s10x-course-primary{
    width:100% !important;
  }
  body.single-course .s10x-course-body > div,
  body.single-course .s10x-course-outline{
    padding:24px !important;
  }
}


/* ============================================================
   Study10x Signature Premium Course UI — v5.4
   ============================================================ */
body.single-course{
  --s10x-navy:#0b1730;
  --s10x-navy-2:#12264a;
  --s10x-cyan:#08a8c6;
  --s10x-cyan-2:#087f9c;
  --s10x-ink:#101b31;
  --s10x-muted:#718096;
  --s10x-bg:#f3f7fb;
  --s10x-white:rgba(255,255,255,.94);
  --s10x-line:rgba(15,35,65,.09);
  --s10x-shadow:0 24px 80px rgba(12,28,55,.10);
  background:
    radial-gradient(900px 500px at 8% -5%,rgba(8,168,198,.11),transparent 60%),
    radial-gradient(700px 450px at 95% 5%,rgba(22,55,105,.08),transparent 60%),
    var(--s10x-bg);
  color:var(--s10x-ink);
}
body.single-course .s10x-main{
  padding-top:88px !important;
}
body.single-course .s10x-course-detail-page{
  padding:42px 0 90px !important;
}

/* Signature hero */
body.single-course .s10x-course-hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.42fr) minmax(390px,.82fr) !important;
  gap:0 !important;
  padding:0 !important;
  min-height:520px;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.78) !important;
  border-radius:30px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,252,255,.92)) !important;
  box-shadow:var(--s10x-shadow) !important;
  isolation:isolate;
}
body.single-course .s10x-course-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(8,168,198,.045),transparent 42%,rgba(12,31,64,.035));
  pointer-events:none;
  z-index:-1;
}
body.single-course .s10x-course-cover{
  position:relative !important;
  min-height:520px !important;
  overflow:hidden !important;
  background:var(--s10x-navy) !important;
}
body.single-course .s10x-course-cover img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:520px !important;
  object-fit:cover !important;
  transform:scale(1.005);
}
body.single-course .s10x-course-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,16,38,.03) 45%,rgba(5,16,38,.32) 100%),
    linear-gradient(0deg,rgba(5,16,38,.22),transparent 32%);
  pointer-events:none;
}

/* Info panel */
body.single-course .s10x-course-info{
  position:relative !important;
  z-index:2;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:54px 48px !important;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.single-course .s10x-badge{
  padding:8px 13px !important;
  border:1px solid rgba(8,168,198,.14) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#effcff,#e5f8fb) !important;
  color:#087d98 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  box-shadow:0 6px 18px rgba(8,168,198,.08);
}
body.single-course .s10x-course-info h1{
  margin:18px 0 17px !important;
  color:var(--s10x-navy) !important;
  font-size:clamp(44px,4.2vw,66px) !important;
  line-height:.96 !important;
  font-weight:900 !important;
  letter-spacing:-.06em !important;
}
body.single-course .s10x-course-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin:0 0 8px !important;
}
body.single-course .s10x-course-stats span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 13px !important;
  border:1px solid var(--s10x-line) !important;
  border-radius:999px !important;
  background:#f7fafc !important;
  color:#58677c !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body.single-course .s10x-course-primary{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:225px;
  min-height:58px;
  margin-top:23px !important;
  padding:0 25px !important;
  border:0 !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,var(--s10x-cyan),var(--s10x-cyan-2)) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
  text-decoration:none !important;
  box-shadow:0 14px 30px rgba(8,142,171,.25),inset 0 1px 0 rgba(255,255,255,.22);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body.single-course .s10x-course-primary:hover{
  transform:translateY(-2px);
  filter:saturate(1.05);
  box-shadow:0 19px 38px rgba(8,142,171,.30),inset 0 1px 0 rgba(255,255,255,.24);
}
body.single-course .s10x-course-primary:active{
  transform:translateY(0);
}
body.single-course .s10x-rzp-message{
  margin-top:10px !important;
  font-size:13px !important;
  font-weight:650;
}

/* Lower section */
body.single-course .s10x-course-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 370px !important;
  gap:28px !important;
  margin-top:28px !important;
}
body.single-course .s10x-course-body > div,
body.single-course .s10x-course-outline{
  border:1px solid var(--s10x-line) !important;
  border-radius:24px !important;
  background:var(--s10x-white) !important;
  box-shadow:0 14px 45px rgba(12,28,55,.055) !important;
}
body.single-course .s10x-course-body > div{
  padding:34px !important;
}
body.single-course .s10x-course-body h2{
  margin:0 0 20px !important;
  color:var(--s10x-navy) !important;
  font-size:27px !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
body.single-course .s10x-course-outline{
  position:sticky !important;
  top:105px !important;
  padding:28px !important;
}
body.single-course .s10x-course-outline h3{
  margin:0 0 15px !important;
  color:var(--s10x-navy) !important;
  font-size:19px !important;
  font-weight:900 !important;
}
body.single-course .s10x-outline-folder{
  min-height:54px;
  padding:15px 2px !important;
  border-bottom:1px solid #edf1f5 !important;
}
body.single-course .s10x-outline-folder strong{
  color:#23324a !important;
  font-size:14px !important;
  font-weight:800 !important;
}
body.single-course .s10x-outline-folder span{
  color:#8b96a5 !important;
  font-size:12px !important;
}

/* Header remains glassy but content never crosses it */

/* Responsive */
@media(max-width:960px){
  body.single-course .s10x-main{padding-top:82px !important;}
  body.single-course .s10x-course-detail-page{padding:26px 0 65px !important;}
  body.single-course .s10x-course-detail-page > .container{
    width:min(100% - 28px,720px) !important;
  }
  body.single-course .s10x-course-hero{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:320px !important;
    height:320px !important;
  }
  body.single-course .s10x-course-info{
    padding:36px 30px 38px !important;
  }
  body.single-course .s10x-course-body{
    grid-template-columns:1fr !important;
  }
  body.single-course .s10x-course-outline{
    position:static !important;
  }
}
@media(max-width:560px){
  body.single-course .s10x-course-detail-page > .container{
    width:calc(100% - 20px) !important;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:220px !important;
    height:220px !important;
  }
  body.single-course .s10x-course-info{
    padding:28px 22px 30px !important;
  }
  body.single-course .s10x-course-info h1{
    font-size:40px !important;
  }
  body.single-course .s10x-course-primary{
    width:100% !important;
  }
  body.single-course .s10x-course-body > div,
  body.single-course .s10x-course-outline{
    padding:25px !important;
  }
}


/* ============================================================
   Study10x Course Page — Reference Premium UI v5.5
   ============================================================ */
body.single-course{
  --s10x-blue:#1267ff;
  --s10x-blue2:#3348f5;
  --s10x-cyan:#08a9c7;
  --s10x-navy:#07152f;
  --s10x-ink:#13203a;
  --s10x-muted:#6d7b91;
  --s10x-bg:#f4f7fc;
  --s10x-line:#e5ebf4;
  background:
    radial-gradient(900px 420px at 12% 0%,rgba(8,169,199,.10),transparent 62%),
    radial-gradient(850px 460px at 92% 8%,rgba(43,76,245,.08),transparent 60%),
    var(--s10x-bg) !important;
  color:var(--s10x-ink);
}
body.single-course .s10x-main{
  padding-top:0 !important;
}
body.single-course .s10x-course-detail-page{
  padding:28px 0 70px !important;
}
body.single-course .s10x-course-detail-page > .container{
  width:min(1380px,calc(100% - 52px)) !important;
  max-width:none !important;
}

/* Breadcrumb if present */
body.single-course .s10x-breadcrumb{
  margin:0 0 22px !important;
  color:#5f6e83 !important;
}

/* Hero */
body.single-course .s10x-course-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.7fr) minmax(420px,.95fr) !important;
  gap:0 !important;
  padding:0 !important;
  min-height:478px !important;
  overflow:hidden !important;
  border:1px solid rgba(17,35,65,.08) !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:0 20px 60px rgba(16,37,71,.10) !important;
}
body.single-course .s10x-course-cover{
  min-height:478px !important;
  background:#07152f !important;
  overflow:hidden !important;
}
body.single-course .s10x-course-cover img{
  width:100% !important;
  height:100% !important;
  min-height:478px !important;
  object-fit:cover !important;
  display:block !important;
}
body.single-course .s10x-course-cover:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 62%,rgba(7,21,47,.18));
  pointer-events:none;
}
body.single-course .s10x-course-info{
  padding:40px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  background:#fff !important;
}
body.single-course .s10x-badge{
  padding:7px 12px !important;
  border:1px solid #d9e8ff !important;
  background:#edf5ff !important;
  color:#175ce8 !important;
  border-radius:9px !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
body.single-course .s10x-course-info h1{
  margin:18px 0 18px !important;
  font-size:clamp(44px,4vw,64px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  color:var(--s10x-navy) !important;
}
body.single-course .s10x-course-stats{
  display:flex !important;
  gap:9px !important;
  margin:0 0 20px !important;
}
body.single-course .s10x-course-stats span{
  padding:9px 14px !important;
  background:#f4f7fb !important;
  border:1px solid #e7edf5 !important;
  color:#45556d !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body.single-course .s10x-course-info:after{
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:#edf1f6;
  order:4;
  margin:2px 0 2px;
}
body.single-course .s10x-course-primary{
  order:5;
  width:100% !important;
  min-height:58px !important;
  margin-top:22px !important;
  border:0 !important;
  border-radius:13px !important;
  background:linear-gradient(100deg,var(--s10x-blue),var(--s10x-blue2)) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(35,88,242,.23) !important;
  font-size:17px !important;
  font-weight:900 !important;
  transition:.18s ease !important;
}
body.single-course .s10x-course-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(35,88,242,.30) !important;
}
body.single-course .s10x-rzp-message{
  order:6;
  margin-top:9px !important;
  font-size:13px !important;
}

/* Add visual pricing treatment when the course template exposes the price text. */
body.single-course .s10x-course-price{
  order:4;
  margin-top:20px;
  color:var(--s10x-navy);
  font-size:34px;
  font-weight:900;
  letter-spacing:-.04em;
}

/* Lower cards */
body.single-course .s10x-course-body{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(350px,.72fr) !important;
  gap:26px !important;
  margin-top:26px !important;
}
body.single-course .s10x-course-body > div,
body.single-course .s10x-course-outline{
  border:1px solid rgba(17,35,65,.075) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 12px 36px rgba(16,37,71,.055) !important;
}
body.single-course .s10x-course-body > div{
  padding:30px !important;
}
body.single-course .s10x-course-body h2{
  margin:0 0 18px !important;
  font-size:27px !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  color:var(--s10x-navy) !important;
}
body.single-course .s10x-course-description{
  color:#52627a !important;
  font-size:15px !important;
  line-height:1.7 !important;
  max-width:760px;
}

/* Benefit chips/cards */
body.single-course .s10x-course-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:26px;
}
body.single-course .s10x-course-benefit{
  padding:14px;
  border:1px solid #e9eef5;
  border-radius:15px;
  background:#fbfcfe;
}
body.single-course .s10x-course-benefit strong{
  display:block;
  color:#172641;
  font-size:13px;
}
body.single-course .s10x-course-benefit span{
  color:#78869a;
  font-size:12px;
}

/* Curriculum */
body.single-course .s10x-course-outline{
  position:sticky !important;
  top:94px !important;
  padding:26px !important;
}
body.single-course .s10x-course-outline h3{
  margin:0 0 14px !important;
  font-size:20px !important;
  color:var(--s10x-navy) !important;
}
body.single-course .s10x-outline-folder{
  min-height:52px;
  padding:14px 2px !important;
  border-bottom:1px solid #edf1f6 !important;
}
body.single-course .s10x-outline-folder strong{
  font-size:14px !important;
  color:#1d2b44 !important;
}
body.single-course .s10x-outline-folder span{
  color:#8995a5 !important;
  font-size:12px !important;
}

/* Mobile */
@media(max-width:1050px){
  body.single-course .s10x-course-hero{
    grid-template-columns:1fr !important;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:320px !important;
    height:320px !important;
  }
  body.single-course .s10x-course-body{
    grid-template-columns:1fr !important;
  }
  body.single-course .s10x-course-outline{position:static !important;}
}
@media(max-width:650px){
  body.single-course .s10x-course-detail-page > .container{
    width:calc(100% - 20px) !important;
  }
  body.single-course .s10x-course-info{
    padding:28px 22px 30px !important;
  }
  body.single-course .s10x-course-info h1{
    font-size:40px !important;
  }
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{
    min-height:220px !important;
    height:220px !important;
  }
  body.single-course .s10x-course-benefits{
    grid-template-columns:1fr 1fr;
  }
}


/* ============================================================
   STUDY10X V5.6 — HARD PREMIUM COURSE PAGE OVERRIDES
   ============================================================ */
body.single-course .s10x-course-detail-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:32px 0 80px !important;
  background:#f5f7fb !important;
}
body.single-course .s10x-course-detail-page > .container{
  width:min(1280px,calc(100% - 40px)) !important;
  max-width:1280px !important;
  margin:0 auto !important;
}
body.single-course .s10x-course-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr) !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  min-height:500px !important;
  border-radius:28px !important;
  border:1px solid #e4eaf2 !important;
  background:#fff !important;
  box-shadow:0 24px 70px rgba(13,31,60,.11) !important;
}
body.single-course .s10x-course-cover{
  position:relative !important;
  min-height:500px !important;
  overflow:hidden !important;
  background:#081733 !important;
}
body.single-course .s10x-course-cover img{
  display:block !important;
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  object-fit:cover !important;
}
body.single-course .s10x-course-info{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:46px !important;
  background:#fff !important;
}
body.single-course .s10x-course-info h1{
  margin:16px 0 18px !important;
  color:#07152f !important;
  font-size:clamp(42px,4vw,64px) !important;
  line-height:.98 !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
}
body.single-course .s10x-badge{
  display:inline-flex !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#edf5ff !important;
  border:1px solid #d8e7ff !important;
  color:#155be8 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.1em !important;
}
body.single-course .s10x-course-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 4px !important;
}
body.single-course .s10x-course-stats span{
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#f5f7fa !important;
  border:1px solid #e6ebf2 !important;
  color:#536278 !important;
  font-size:12px !important;
  font-weight:800 !important;
}
body.single-course .s10x-course-price{
  display:block !important;
  margin-top:22px !important;
  color:#07152f !important;
  font-size:36px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
body.single-course .s10x-course-price small{
  display:block !important;
  margin-top:7px !important;
  color:#7a8798 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
body.single-course .s10x-course-primary{
  display:flex !important;
  width:100% !important;
  min-height:58px !important;
  margin-top:20px !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(100deg,#1267ff,#3348f5) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(36,86,241,.25) !important;
  text-decoration:none !important;
}
body.single-course .s10x-course-body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:26px !important;
  margin-top:26px !important;
}
body.single-course .s10x-course-body > div,
body.single-course .s10x-course-outline{
  padding:30px !important;
  border-radius:22px !important;
  border:1px solid #e5eaf2 !important;
  background:#fff !important;
  box-shadow:0 12px 40px rgba(13,31,60,.055) !important;
}
body.single-course .s10x-course-body h2{
  margin:0 0 18px !important;
  color:#07152f !important;
  font-size:27px !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
}
body.single-course .s10x-course-outline{
  position:sticky !important;
  top:96px !important;
}
@media(max-width:1000px){
  body.single-course .s10x-course-hero{grid-template-columns:1fr !important;}
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{height:320px !important;min-height:320px !important;}
  body.single-course .s10x-course-body{grid-template-columns:1fr !important;}
  body.single-course .s10x-course-outline{position:static !important;}
}
@media(max-width:600px){
  body.single-course .s10x-course-detail-page > .container{width:calc(100% - 20px) !important;}
  body.single-course .s10x-course-info{padding:28px 22px 30px !important;}
  body.single-course .s10x-course-cover,
  body.single-course .s10x-course-cover img{height:220px !important;min-height:220px !important;}
  body.single-course .s10x-course-info h1{font-size:40px !important;}
}


/* STUDY10X V5.7 — HEADER IS UNTOUCHED.
   Course-page styles begin below the existing site header and do not restyle it. */
body.single-course .s10x-course-detail-page{
  margin-top:0 !important;
}


/* ============================================================
   STUDY10X V5.9 — COURSE PLAYER
   Uses the original site-wide header and footer unchanged.
   ============================================================ */
body.s10x-course-player{
  background:
    radial-gradient(850px 420px at 8% 0%,rgba(8,169,199,.08),transparent 62%),
    radial-gradient(850px 460px at 92% 2%,rgba(18,103,255,.07),transparent 62%),
    #f5f8fc !important;
}
body.s10x-course-player .s10x-player-page{
  width:70%;
  max-width:1460px;
  min-width:0;
  margin:0 auto;
  padding:28px 0 70px;
}
body.s10x-course-player .s10x-player-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
}
body.s10x-course-player .s10x-player-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#087f9c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.s10x-course-player .s10x-player-topbar h1{
  margin:0;
  color:#0b1730;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.045em;
}
body.s10x-course-player .s10x-player-back{
  color:#51627a;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
body.s10x-course-player .s10x-player-back:hover{color:#1267ff;}

body.s10x-course-player .s10x-player-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:24px;
  align-items:start;
}
body.s10x-course-player .s10x-player-main,
body.s10x-course-player .s10x-player-sidebar{
  background:#fff;
  border:1px solid #e2e9f2;
  border-radius:24px;
  box-shadow:0 18px 55px rgba(13,31,60,.075);
  overflow:hidden;
}
body.s10x-course-player .s10x-video-wrap{
  padding:12px;
  background:#edf4fb;
}
body.s10x-course-player .s10x-video{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  border-radius:16px;
  background:#07152f;
  overflow:hidden;
}
body.s10x-course-player .s10x-video-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
}
body.s10x-course-player .s10x-video{
  max-width:100%;
}
body.s10x-course-player .s10x-no-video{
  min-height:500px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#07152f;
  color:#9eabbc;
}
body.s10x-course-player .s10x-lesson-meta{
  padding:26px 28px 28px;
}
body.s10x-course-player .s10x-current-label{
  color:#087f9c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
body.s10x-course-player .s10x-lesson-heading h2{
  margin:7px 0 20px;
  color:#0b1730;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:-.045em;
}
body.s10x-course-player .s10x-lesson-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.s10x-course-player .s10x-lesson-info>div{
  padding:14px 16px;
  border:1px solid #e7edf4;
  border-radius:15px;
  background:#fbfcfe;
}
body.s10x-course-player .s10x-lesson-info small{
  display:block;
  margin-bottom:5px;
  color:#7b899c;
  font-size:11px;
}
body.s10x-course-player .s10x-lesson-info strong{
  color:#1b2a43;
  font-size:13px;
  font-weight:850;
}

body.s10x-course-player .s10x-player-sidebar{
  position:sticky;
  top:96px;
}
body.s10x-course-player .s10x-player-sidebar-header{
  padding:25px 25px 21px;
  border-bottom:1px solid #e7edf4;
}
body.s10x-course-player .s10x-player-sidebar-header>span{
  color:#087f9c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
body.s10x-course-player .s10x-player-sidebar-header h2{
  margin:8px 0 5px;
  color:#0b1730;
  font-size:21px;
  font-weight:900;
  letter-spacing:-.035em;
}
body.s10x-course-player .s10x-player-sidebar-header p{
  margin:0;
  color:#7a8799;
  font-size:12px;
}
body.s10x-course-player .s10x-folder{
  border-bottom:1px solid #edf1f6;
}
body.s10x-course-player .s10x-folder summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:17px 21px;
  cursor:pointer;
  list-style:none;
  color:#182842;
  font-size:14px;
  font-weight:900;
}
body.s10x-course-player .s10x-folder summary::-webkit-details-marker{display:none;}
body.s10x-course-player .s10x-subject-name:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin:0 9px 1px 0;
  border-radius:50%;
  background:#1267ff;
}
body.s10x-course-player .s10x-folder-count{
  color:#8996a8;
  font-size:11px;
  font-weight:800;
}
body.s10x-course-player .s10x-lessons{
  padding:0 11px 10px;
}
body.s10x-course-player .s10x-lesson-link{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:0 0 7px;
  padding:11px 12px;
  border-radius:14px;
  color:#25354e;
  text-decoration:none;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
body.s10x-course-player .s10x-lesson-link:hover{
  background:#f2f8ff;
  color:#1267ff;
  transform:translateX(2px);
}
body.s10x-course-player .s10x-lesson-link.active{
  background:linear-gradient(100deg,#e8f6ff,#edf8ff);
  color:#087f9c;
}
body.s10x-course-player .s10x-lesson-num{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:10px;
  background:#edf3f8;
  color:#627289;
  font-size:11px;
  font-weight:900;
}
body.s10x-course-player .s10x-lesson-link.active .s10x-lesson-num{
  background:#087f9c;
  color:#fff;
}
body.s10x-course-player .s10x-lesson-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}
body.s10x-course-player .s10x-duration{
  color:#8794a6;
  font-size:10px;
  white-space:nowrap;
}
@media(max-width:1000px){
  body.s10x-course-player .s10x-player-grid{grid-template-columns:1fr;}
  body.s10x-course-player .s10x-player-sidebar{position:static;}
}
@media(max-width:650px){
  body.s10x-course-player .s10x-player-page{width:calc(100% - 18px);padding:18px 0 50px;}
  body.s10x-course-player .s10x-player-topbar{align-items:flex-start;flex-direction:column;}
  body.s10x-course-player .s10x-player-topbar h1{font-size:24px;}
  body.s10x-course-player .s10x-video-wrap{padding:7px;}
  body.s10x-course-player .s10x-lesson-meta{padding:22px 18px;}
  body.s10x-course-player .s10x-lesson-heading h2{font-size:23px;}
  body.s10x-course-player .s10x-lesson-info{grid-template-columns:1fr;}
}


/* =========================================================
   Study10x — Course Details Header
   Keep the course-details header identical to the homepage:
   fixed + transparent glass + backdrop blur.
   ========================================================= */
body.single-course .s10x-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:1000 !important;
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 8px 28px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}
body.single-course .s10x-main{
  padding-top:92px !important;
}


/* =========================================================
   STUDY10X — GLOBAL SITE HEADER
   One shared header for every normal theme page.
   Do not create page-specific header styles.
   ========================================================= */
.s10x-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:99999 !important;
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 8px 28px rgba(15,23,42,.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) !important;
  backdrop-filter:blur(16px) saturate(150%) !important;
}
.s10x-header .s10x-nav{
  min-height:74px !important;
}
/* Every normal page gets the same clearance below the fixed header. */
body:not(.s10x-course-player) .s10x-main{
  padding-top:74px;
}
/* Homepage hero should visually start beneath/under the glass header. */
body.home .s10x-main,
body.front-page .s10x-main{
  padding-top:0;
}
/* Course details keeps the same header and enough top clearance. */
body.single-course .s10x-main{
  padding-top:92px !important;
}
/* Login/register now uses the same global header too. */
body.s10x-auth-page .s10x-main{
  padding-top:74px !important;
}
@media(max-width:900px){
  .s10x-header .s10x-nav{min-height:64px !important;}
  body:not(.s10x-course-player) .s10x-main{padding-top:64px;}
  body.home .s10x-main, body.front-page .s10x-main{padding-top:0;}
  body.single-course .s10x-main{padding-top:78px !important;}
  body.s10x-auth-page .s10x-main{padding-top:64px !important;}
}

/* =========================================================
   STUDY10X COURSE PLAYER — IMAGE-MATCHED PREMIUM LAYOUT
   ========================================================= */
body.s10x-course-player .s10x-player-page{
  width:70%;
  max-width:none;
  margin:0 auto;
  padding:38px 0 70px;
}
body.s10x-course-player .s10x-player-breadcrumbs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px;
  color:#718096;
  font-size:12px;
}
body.s10x-course-player .s10x-player-breadcrumbs a{color:#60718b}
body.s10x-course-player .s10x-player-breadcrumbs a:hover{color:#1267ff}
body.s10x-course-player .s10x-player-breadcrumbs strong{color:#263752;font-weight:800}
body.s10x-course-player .s10x-player-grid{
  grid-template-columns:minmax(0,1fr) 335px;
  gap:20px;
  align-items:start;
}
body.s10x-course-player .s10x-player-main,
body.s10x-course-player .s10x-player-sidebar{
  border-radius:22px;
  border:1px solid rgba(218,227,239,.9);
  box-shadow:0 18px 55px rgba(30,53,86,.07);
}
body.s10x-course-player .s10x-video-wrap{
  padding:9px;
  background:#edf3f9;
}
body.s10x-course-player .s10x-video{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:contain;
  object-position:center;
  border-radius:15px;
  background:#07152f;
}
body.s10x-course-player .s10x-player-lesson-bar{
  padding:14px 18px;
  border-top:1px solid #edf1f5;
  border-bottom:1px solid #edf1f5;
  background:#fff;
}
body.s10x-course-player .s10x-player-prevnext{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
}
body.s10x-course-player .s10x-prevnext-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#1267ff;
}
body.s10x-course-player .s10x-prevnext-item.next{justify-content:flex-end;text-align:right}
body.s10x-course-player .s10x-prevnext-item>span{font-size:25px;line-height:1;color:#1267ff}
body.s10x-course-player .s10x-prevnext-item small{display:block;color:#1267ff;font-size:10px;font-weight:800;margin-bottom:2px}
body.s10x-course-player .s10x-prevnext-item a,
body.s10x-course-player .s10x-prevnext-item strong{display:block;color:#182842;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
body.s10x-course-player .s10x-complete-btn{
  border:1px solid #dce6f2;
  background:#f8fbff;
  color:#1267ff;
  border-radius:10px;
  padding:10px 15px;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
}
body.s10x-course-player .s10x-complete-btn.is-complete{background:#e9fbf2;border-color:#bfe9d0;color:#0b8b54}
body.s10x-course-player .s10x-lesson-meta{padding:22px 24px 24px}
body.s10x-course-player .s10x-lesson-heading h1{margin:6px 0 20px;color:#0b1730;font-size:25px;line-height:1.15;font-weight:900;letter-spacing:-.04em}
body.s10x-course-player .s10x-player-sidebar{background:#fff;position:sticky;top:94px}
body.s10x-course-player .s10x-player-sidebar-header{padding:24px 22px 20px}
body.s10x-course-player .s10x-player-sidebar-header>span{font-size:9px}
body.s10x-course-player .s10x-player-sidebar-header h2{font-size:20px;margin:7px 0 5px}
body.s10x-course-player .s10x-folder summary{padding:16px 18px}
body.s10x-course-player .s10x-lessons{padding:0 10px 9px}
body.s10x-course-player .s10x-lesson-link{padding:10px 10px;margin-bottom:5px;grid-template-columns:32px minmax(0,1fr) auto}
body.s10x-course-player .s10x-lesson-link.active{background:linear-gradient(100deg,#eaf6ff,#f0f9ff);box-shadow:inset 0 0 0 1px rgba(8,127,156,.04)}
body.s10x-course-player .s10x-lesson-link.active .s10x-lesson-num{font-size:10px}
body.s10x-course-player .s10x-view-all-wrap{padding:12px 12px 15px}
body.s10x-course-player .s10x-view-all{width:100%;padding:11px 12px;border:1px solid #dce6f2;background:#fff;color:#1267ff;border-radius:11px;font-size:11px;font-weight:850;cursor:pointer}
body.s10x-course-player .s10x-view-all:hover{background:#f5f9ff}
body.s10x-course-player .s10x-footer{margin-top:0}
@media(max-width:1200px){
  body.s10x-course-player .s10x-player-page{width:80%}
}
@media(max-width:1000px){
  body.s10x-course-player .s10x-player-page{width:calc(100% - 32px)}
  body.s10x-course-player .s10x-player-grid{grid-template-columns:1fr}
  body.s10x-course-player .s10x-player-sidebar{position:static}
}
@media(max-width:650px){
  body.s10x-course-player .s10x-player-page{width:calc(100% - 20px);padding:22px 0 50px}
  body.s10x-course-player .s10x-player-breadcrumbs{font-size:10px;gap:7px;margin-bottom:15px}
  body.s10x-course-player .s10x-player-prevnext{grid-template-columns:1fr 1fr;gap:10px}
  body.s10x-course-player .s10x-complete-btn{grid-column:1/-1;grid-row:1}
  body.s10x-course-player .s10x-prevnext-item.next{justify-content:flex-end}
  body.s10x-course-player .s10x-lesson-meta{padding:20px 17px}
}


/* Study10x Purchased Courses + Razorpay Purchase History */
.s10x-owned-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.s10x-owned-course-card,.s10x-purchase-card{background:#fff;border:1px solid #e4eaf0;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.s10x-owned-course-thumb{display:block;height:190px;background:linear-gradient(135deg,#eaf7fb,#f3f7ff);overflow:hidden;text-decoration:none}.s10x-owned-course-thumb img{width:100%;height:100%;object-fit:cover;display:block}.s10x-owned-course-thumb span{height:100%;display:grid;place-items:center;font-weight:900;color:#0d8baa;font-size:22px}
.s10x-owned-course-body{padding:20px}.s10x-owned-course-body h2{margin:8px 0 8px;font-size:19px;color:#14233c}.s10x-owned-course-body p{margin:0 0 14px;color:#718096;font-size:13px;line-height:1.6}.s10x-owned-badge{font-size:9px;letter-spacing:.1em;font-weight:900;color:#087f52;background:#eaf8f2;border:1px solid #c8eadb;border-radius:999px;padding:5px 8px}.s10x-owned-meta{display:flex;gap:14px;color:#718096;font-size:11px;font-weight:700;margin-bottom:16px}
.s10x-purchase-list{display:grid;gap:16px}.s10x-purchase-card{padding:20px}.s10x-purchase-main{display:flex;align-items:center;gap:13px}.s10x-purchase-icon{width:42px;height:42px;border-radius:12px;background:#eaf7fb;color:#0d8baa;display:grid;place-items:center;font-weight:900}.s10x-purchase-date{display:block;color:#8a96a3;font-size:10px;font-weight:700;margin-bottom:3px}.s10x-purchase-main h2{margin:0;color:#172033;font-size:16px}.s10x-purchase-status{margin-top:5px;color:#087f52;font-size:11px;font-weight:800}.s10x-purchase-details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;padding:15px;background:#f8fafc;border:1px solid #edf1f5;border-radius:12px}.s10x-purchase-details small{display:block;color:#8a96a3;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;margin-bottom:5px}.s10x-purchase-details strong{display:block;color:#334155;font-size:11px;word-break:break-word}.s10x-purchase-actions{display:flex;gap:9px;align-items:center}.s10x-invoice-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:#f1f5f9;color:#334155!important;border:1px solid #dce5ed;text-decoration:none!important;font-size:11px;font-weight:850}.s10x-empty-state{text-align:center;padding:45px 25px}.s10x-empty-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:15px;background:#eaf7fb;color:#0d8baa;display:grid;place-items:center;font-weight:900;font-size:20px}.s10x-empty-state h2{margin:0 0 7px}.s10x-empty-state p{color:#718096;font-size:13px;margin:0 auto 18px;max-width:520px}
@media(max-width:800px){.s10x-owned-course-grid{grid-template-columns:1fr}.s10x-purchase-details{grid-template-columns:1fr 1fr}.s10x-purchase-actions{flex-wrap:wrap}}
@media(max-width:520px){.s10x-purchase-details{grid-template-columns:1fr}.s10x-purchase-card{padding:15px}.s10x-owned-course-thumb{height:165px}}

/* Study10x account deletion */
.s10x-danger-zone{border:1px solid #fecaca!important;background:linear-gradient(180deg,#fff,#fffafa)}
.s10x-danger-zone h2{color:#b91c1c}
.s10x-delete-warning{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin:16px 0;border-radius:12px;background:#fff7f7;border:1px solid #fecaca;color:#7f1d1d}
.s10x-danger-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;background:#dc2626;color:#fff;font-weight:700;cursor:pointer}
.s10x-danger-btn:hover{background:#b91c1c}.s10x-inline-form{margin-top:10px}.s10x-link-btn{border:0;background:none;padding:0;color:#2563eb;font-weight:600;cursor:pointer}


/* Study10x device limit */
.s10x-device-panel{margin-top:18px}.s10x-device-count{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:7px 10px;border-radius:999px;background:#eef6ff;color:#2563eb;font-size:11px;font-weight:900}.s10x-device-list{display:grid;gap:10px;margin-top:16px}.s10x-device-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e6edf3;border-radius:12px;background:#fbfdff}.s10x-device-row strong{display:block;color:#26354d;font-size:13px}.s10x-device-row small{display:block;margin-top:4px;color:#8a96a3;font-size:10px}.s10x-current-device{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#eaf8f2;color:#087f52;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.s10x-device-remove{border:1px solid #dbe4ec;background:#fff;color:#475569;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.s10x-device-remove:hover{background:#f8fafc}.s10x-device-reset-form{margin-top:12px}.s10x-device-empty{color:#718096;font-size:12px;margin:15px 0 0}.s10x-device-panel .s10x-msg{margin-top:14px}
@media(max-width:600px){.s10x-device-row{align-items:flex-start}.s10x-device-remove{flex:none}}


/* Study10x subtle stationary-jump video watermark */
body.s10x-course-player .s10x-video-wrap{position:relative;overflow:hidden}
body.s10x-course-player .s10x-video-watermark{position:absolute;z-index:5;left:6%;top:8%;display:flex;flex-direction:column;gap:1px;max-width:34%;padding:3px 5px;color:rgba(255,255,255,.30);font-size:8px;line-height:1.2;letter-spacing:.015em;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none;user-select:none;transition:opacity .42s ease}
body.s10x-course-player .s10x-wm-name{font-size:9px;font-weight:400}
body.s10x-course-player .s10x-wm-contact{font-size:8px;font-weight:400;word-break:break-all}
body.s10x-course-player .s10x-video-watermark.is-changing{opacity:.04}
@media(max-width:650px){body.s10x-course-player .s10x-video-watermark{max-width:48%;padding:2px 4px;font-size:7px}body.s10x-course-player .s10x-wm-name{font-size:8px}body.s10x-course-player .s10x-wm-contact{font-size:7px}}


/* Study10x coupon checkout */\n.s10x-buy-wrap{margin-top:14px}.s10x-coupon-box{background:#f8fafc;border:1px solid #e3eaf1;border-radius:14px;padding:13px 14px;margin-bottom:10px}.s10x-coupon-box label{display:block;font-size:12px;font-weight:700;color:#536174;margin-bottom:7px}.s10x-coupon-row{display:flex;gap:8px}.s10x-coupon-row input{flex:1;min-width:0;border:1px solid #d7e0e8;border-radius:9px;padding:10px 11px;background:#fff;text-transform:uppercase;font-size:13px}.s10x-coupon-row button{border:1px solid #cdd8e2;background:#fff;border-radius:9px;padding:0 14px;font-weight:700;color:#0d8baa;cursor:pointer}.s10x-coupon-summary{min-height:18px;margin-top:8px;font-size:12px;color:#526174}.s10x-coupon-summary .s10x-old-price{text-decoration:line-through;color:#8995a5;margin-right:5px}.s10x-coupon-summary strong{color:#0d8baa;font-size:14px}.s10x-coupon-summary em{font-style:normal;color:#16865a;margin-left:6px;font-weight:700}.s10x-rzp-message{font-size:12px;margin-top:8px}.s10x-rzp-message.error{color:#c0392b}.s10x-rzp-message.success{color:#16865a}\n\n\n/* Study10x V5.9.1 — Course checkout spacing + live coupon price */
body.single-course .s10x-course-info{padding:34px 38px !important;}
body.single-course .s10x-course-info h1{font-size:clamp(40px,3.5vw,54px) !important;line-height:1.02 !important;margin:15px 0 16px !important;letter-spacing:-.045em !important;}
body.single-course .s10x-course-stats{gap:8px !important;margin:0 0 16px !important;}
body.single-course .s10x-course-stats span{padding:7px 11px !important;font-size:11px !important;}
body.single-course .s10x-course-price{margin-top:16px !important;font-size:32px !important;line-height:1.1 !important;}
body.single-course .s10x-course-price small{margin-top:6px !important;font-size:11px !important;}
body.single-course .s10x-buy-wrap{width:100%;margin-top:16px !important;}
body.single-course .s10x-coupon-box{width:100%;padding:15px 16px !important;margin:0 0 14px !important;border-radius:14px !important;background:#f8fafc !important;}
body.single-course .s10x-coupon-box label{font-size:11px !important;margin-bottom:8px !important;line-height:1.35 !important;}
body.single-course .s10x-coupon-row{gap:9px !important;}
body.single-course .s10x-coupon-row input{height:44px !important;padding:0 12px !important;font-size:13px !important;border-radius:10px !important;}
body.single-course .s10x-coupon-row button{height:44px !important;padding:0 16px !important;font-size:13px !important;border-radius:10px !important;white-space:nowrap;}
body.single-course .s10x-coupon-summary{min-height:20px;margin-top:9px !important;font-size:11px !important;line-height:1.5 !important;}
body.single-course .s10x-coupon-summary strong{font-size:13px !important;}
body.single-course .s10x-coupon-summary em{margin-left:5px !important;font-size:11px !important;}
body.single-course .s10x-course-primary.s10x-buy-course{min-height:56px !important;height:56px !important;margin-top:0 !important;font-size:15px !important;line-height:1 !important;border-radius:12px !important;}
body.single-course .s10x-rzp-message{min-height:18px !important;margin-top:9px !important;font-size:11px !important;line-height:1.45 !important;}
@media(max-width:1000px){body.single-course .s10x-course-info{padding:30px 28px !important;}}
@media(max-width:600px){body.single-course .s10x-course-info{padding:26px 20px 28px !important;}body.single-course .s10x-course-info h1{font-size:36px !important;}body.single-course .s10x-coupon-row button{padding:0 13px !important;}body.single-course .s10x-course-price{font-size:29px !important;}}


/* My Library */
.s10x-library-link{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;color:var(--s10x-primary,#2563eb);font-size:13px;font-weight:800;padding:9px 11px;border-radius:10px;background:#eff6ff;border:1px solid #dbeafe}
.s10x-library-link:hover{background:#dbeafe;color:#1d4ed8}
.s10x-library-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#f5f3ff,#eff6ff)}
.s10x-library-hero h2{margin:4px 0 6px}
.s10x-library-count{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:999px;background:#eef2ff;color:#5b21b6;font-weight:800}
@media(max-width:720px){
 .s10x-library-link{display:none}
 .s10x-library-hero{align-items:flex-start;flex-direction:column}
}


/* Study10x protected PDF viewer — website header remains intact */
.s10x-pdf-page{padding:30px 0 50px;background:#f5f7fb;min-height:calc(100vh - 80px)}
.s10x-pdf-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.s10x-pdf-heading h1{margin:7px 0 5px;font-size:34px}.s10x-pdf-heading p{margin:0;color:#68758a}
.s10x-pdf-viewer{background:#101827;border:1px solid #263244;border-radius:16px;overflow:hidden;box-shadow:0 18px 55px rgba(15,23,42,.14)}
.s10x-pdf-viewer-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#172131;color:#fff;gap:12px}
.s10x-pdf-toolbar-left,.s10x-pdf-toolbar-center,.s10x-pdf-toolbar-right{display:flex;align-items:center;gap:8px}.s10x-pdf-tool{height:36px;min-width:36px;border:1px solid #354155;background:#202c3e;color:#fff;border-radius:8px;cursor:pointer;font-weight:800}.s10x-pdf-tool:hover{background:#2b3950}.s10x-pdf-toolbar-left input{width:42px;height:32px;text-align:center;background:#0f1725;color:#fff;border:1px solid #3c485b;border-radius:7px}.s10x-pdf-secure{font-size:12px;font-weight:800;color:#b9d7ff;background:#173a68;border-radius:999px;padding:9px 12px}
.s10x-pdf-reader{display:grid;grid-template-columns:180px minmax(0,1fr);height:min(76vh,820px);background:#dfe4eb}.s10x-pdf-thumbs{background:#f8fafc;padding:14px 10px;overflow:auto}.s10x-pdf-thumbs-title{font-weight:800;color:#25324a;margin:0 5px 12px}.s10x-pdf-thumb{display:block;width:100%;margin:0 0 10px;border:2px solid transparent;background:#fff;border-radius:8px;padding:5px;cursor:pointer}.s10x-pdf-thumb.active{border-color:#6938ef}.s10x-pdf-thumb canvas{display:block;width:100%;height:auto}.s10x-pdf-thumb span{display:block;text-align:center;font-size:11px;color:#667085;padding-top:4px}
.s10x-pdf-canvas-wrap{position:relative;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:28px;background:#cfd5de}.s10x-pdf-canvas-wrap canvas{background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.22);max-width:none}.s10x-pdf-loading{position:absolute;top:22px;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;padding:12px 15px;color:#475467;font-weight:700;z-index:2;min-width:210px;box-shadow:0 8px 25px rgba(15,23,42,.12)}.s10x-pdf-loading-label{display:flex;justify-content:space-between;gap:18px;font-size:13px}.s10x-pdf-loading-label b{color:#6938ef}.s10x-pdf-loading-bar{height:5px;background:#ece9ff;border-radius:99px;overflow:hidden;margin-top:9px}.s10x-pdf-loading-bar span{display:block;width:0;height:100%;background:#6938ef;border-radius:99px;transition:width .15s ease}.s10x-pdf-protection{height:42px;display:flex;align-items:center;justify-content:center;color:#b9d7ff;background:#121b29;font-size:12px;font-weight:800}
.s10x-pdf-empty{padding:60px;background:#fff;border:1px solid #e4e8f0;border-radius:16px;text-align:center}.s10x-pdf-empty h2{margin-top:0}
@media(max-width:760px){.s10x-pdf-heading{align-items:flex-start;flex-direction:column}.s10x-pdf-heading h1{font-size:26px}.s10x-pdf-reader{grid-template-columns:1fr;height:70vh}.s10x-pdf-thumbs{display:none}.s10x-pdf-toolbar-center{display:none}.s10x-pdf-secure{font-size:10px;padding:7px 9px}}

.s10x-pdf-page{padding-top:0}.s10x-pdf-heading,.s10x-pdf-protection{display:none!important}.s10x-pdf-viewer{margin:0}

.s10x-quiz-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 14px}.s10x-quiz-card-meta span{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.s10x-quiz-card-meta span:first-child{background:#f4efff;color:#6938ef}

.s10x-pdf-price-badge{display:inline-flex;margin:7px 0 0 7px;padding:5px 9px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:800}

.s10x-pdf-card-top,.s10x-quiz-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}

/* PDF card Info + purchased-state UI */
.s10x-pdf-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.s10x-pdf-info-btn{
  border:1px solid #d7deea;background:#fff;color:#2457a6;border-radius:999px;
  padding:6px 11px;font-size:11px;font-weight:800;cursor:pointer;line-height:1;
  white-space:nowrap;transition:.2s ease;
}
.s10x-pdf-info-btn:hover{background:#eef5ff;border-color:#9eb9e6}
.s10x-pdf-info-modal{
  position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(15,23,42,.62);
}
.s10x-pdf-info-modal.show{display:flex}
.s10x-pdf-info-dialog{
  width:min(680px,100%);max-height:min(78vh,720px);background:#fff;border-radius:14px;
  box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:hidden;display:flex;flex-direction:column;
}
.s10x-pdf-info-head{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:16px 18px;border-bottom:1px solid #e6eaf0;background:#fff;
}
.s10x-pdf-info-head h3{margin:0;font-size:18px;color:#172033}
.s10x-pdf-info-close{
  width:32px;height:32px;border:0;border-radius:50%;background:#f1f4f8;color:#475467;
  font-size:22px;line-height:1;cursor:pointer;
}
.s10x-pdf-info-content{
  padding:20px;overflow:auto;color:#344054;font-size:14px;line-height:1.7;
}
.s10x-pdf-info-content p{margin:0 0 12px}
.s10x-pdf-info-content p:last-child{margin-bottom:0}
.s10x-pdf-info-content img{max-width:100%;height:auto}
@media(max-width:600px){
  .s10x-pdf-info-modal{padding:10px}
  .s10x-pdf-info-dialog{max-height:86vh;border-radius:12px}
  .s10x-pdf-info-head{padding:13px 14px}
  .s10x-pdf-info-head h3{font-size:15px}
  .s10x-pdf-info-content{padding:15px;font-size:13px;line-height:1.6}
}
.s10x-pdf-card-btn,.s10x-unified-start-quiz{width:100%;box-sizing:border-box;justify-content:center;min-height:46px;padding:12px 16px}
.s10x-pdf-access-btn,.s10x-quiz-access-btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 8px 18px rgba(22,163,74,.18)}
.s10x-pdf-access-btn:hover,.s10x-quiz-access-btn:hover{box-shadow:0 12px 24px rgba(22,163,74,.25)}
.s10x-pdf-buy-btn,.s10x-quiz-buy-btn{background:linear-gradient(135deg,var(--s10x-primary),var(--s10x-primary-2))!important}

.s10x-library-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.s10x-library-difficulty{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f1f5f9;border-radius:999px;padding:5px 8px}
.s10x-library-access-btn{display:flex!important;width:100%;box-sizing:border-box;justify-content:center;align-items:center;gap:7px;margin-top:14px;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:0;min-height:46px;padding:12px 16px;border-radius:12px;font-weight:800;text-decoration:none;box-shadow:0 8px 18px rgba(22,163,74,.18)}
.s10x-library-access-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(22,163,74,.25)}
.s10x-library-quiz-thumb{display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);height:190px}
.s10x-library-quiz-thumb span{font-size:26px;font-weight:900;color:#4f46e5;letter-spacing:.08em}
.s10x-library-quiz-card{border-color:#bbf7d0}
.s10x-library-quiz-card .s10x-owned-course-body h2{margin-top:5px}

.s10x-pdf-library-page{padding:34px 0 60px;background:#f5f7fb;min-height:calc(100vh - 80px)}
.s10x-pdf-library-head{margin-bottom:22px}
.s10x-pdf-library-head h1{margin:8px 0 6px;font-size:32px;color:#172033}
.s10x-pdf-library-head p{margin:0;color:#68758a}
.s10x-pdf-library-list{display:grid;gap:12px}
.s10x-library-item{display:grid;grid-template-columns:86px minmax(0,1fr) 150px;align-items:center;gap:16px;background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:12px 14px;box-shadow:0 4px 16px rgba(15,23,42,.05)}
.s10x-library-thumb{height:78px;border-radius:10px;background:#eef2f7;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:900;color:#667085}
.s10x-library-thumb img{width:100%;height:100%;object-fit:cover}
.s10x-library-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;color:#2463b3}
.s10x-library-info h2{margin:3px 0 5px;font-size:17px;color:#172033}
.s10x-library-info p{margin:0;color:#667085;font-size:12px;line-height:1.45}
.s10x-library-action{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap}
.s10x-library-action .s10x-btn{min-width:130px;justify-content:center}
.s10x-library-lock{font-weight:800;color:#b42318;font-size:12px}
@media(max-width:650px){
 .s10x-pdf-library-page{padding:22px 0 45px}
 .s10x-pdf-library-head h1{font-size:25px}
 .s10x-library-item{grid-template-columns:62px minmax(0,1fr);gap:11px;padding:10px}
 .s10x-library-thumb{height:64px}
 .s10x-library-info h2{font-size:14px}
 .s10x-library-action{grid-column:1/-1;justify-content:stretch}
 .s10x-library-action .s10x-btn{width:100%;min-width:0}
}

#s10x-add-pdf{font-weight:700}.s10x-pdf-item input{box-sizing:border-box}


/* PDF Library - Package / Chapter List UI */
.s10x-pdf-library-page{
  padding:30px 0 70px;
  background:#f6f8fc;
  min-height:calc(100vh - 80px);
}
.s10x-library-breadcrumb{
  display:flex;
  align-items:center;
  gap:9px;
  color:#7b8495;
  font-size:13px;
  margin-bottom:18px;
}
.s10x-library-breadcrumb a:hover{color:var(--s10x-primary)}
.s10x-library-breadcrumb strong{color:#344054}

.s10x-library-package-head{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 280px;
  gap:24px;
  align-items:center;
  background:#fff;
  border:1px solid #e3e8f0;
  border-radius:20px;
  padding:20px;
  box-shadow:0 8px 28px rgba(15,23,42,.05);
}
.s10x-library-package-cover{
  width:190px;
  height:190px;
  border-radius:14px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#dbeafe,#ede9fe);
  color:#475467;
  font-size:28px;
  font-weight:900;
}
.s10x-library-package-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.s10x-library-package-info h1{
  margin:8px 0 8px;
  font-size:30px;
  line-height:1.2;
  color:#172033;
}
.s10x-library-package-info p{
  margin:0 0 20px;
  color:#68758a;
  max-width:650px;
  font-size:14px;
}
.s10x-library-package-stats{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  color:#667085;
  font-size:13px;
}
.s10x-library-package-stats strong{color:#172033}

.s10x-library-package-access{
  border:1px solid #e7ebf2;
  border-radius:15px;
  padding:18px;
  background:#fbfcfe;
}
.s10x-library-access-title{
  font-size:15px;
  font-weight:800;
  color:#172033;
}
.s10x-library-package-access p{
  margin:7px 0 14px;
  color:#68758a;
  font-size:12px;
  line-height:1.5;
}
.s10x-library-package-access .s10x-btn{
  width:100%;
  justify-content:center;
}
.s10x-library-owned-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:8px;
  background:#dcfce7;
  color:#15803d;
  font-size:12px;
  font-weight:800;
}
.s10x-library-owned-badge + p{margin-bottom:0}

.s10x-library-lessons-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:15px;
  margin:30px 0 14px;
}
.s10x-library-lessons-head h2{
  margin:0;
  font-size:23px;
  color:#172033;
}
.s10x-library-lessons-head p{
  margin:5px 0 0;
  color:#7a8495;
  font-size:13px;
}
.s10x-library-unlocked-label{
  color:#15803d;
  background:#ecfdf3;
  border:1px solid #bbf7d0;
  padding:8px 11px;
  border-radius:9px;
  font-size:12px;
  font-weight:800;
}

.s10x-pdf-library-list{
  display:grid;
  gap:0;
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(15,23,42,.04);
}
.s10x-library-table-head,
.s10x-library-row{
  display:grid;
  grid-template-columns:55px minmax(330px,1fr) 70px 120px 135px;
  gap:16px;
  align-items:center;
  padding:15px 18px;
}
.s10x-library-table-head{
  background:#fafbfc;
  color:#697386;
  font-size:12px;
  font-weight:800;
  border-bottom:1px solid #e7ebf1;
}
.s10x-library-row{
  min-height:90px;
  border-bottom:1px solid #edf0f4;
}
.s10x-library-row:last-child{border-bottom:0}
.s10x-library-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eff5ff;
  color:#1769ff;
  font-size:13px;
  font-weight:800;
}
.s10x-library-lesson-info{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.s10x-library-pdf-icon{
  width:40px;
  height:44px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#fff0f0;
  color:#dc2626;
  font-size:10px;
  font-weight:900;
}
.s10x-library-lesson-info h3{
  margin:0 0 4px;
  font-size:15px;
  line-height:1.35;
  color:#172033;
}
.s10x-library-lesson-info p{
  margin:0 0 4px;
  color:#7b8495;
  font-size:11px;
}
.s10x-library-free-badge{
  display:inline-flex;
  color:#15803d;
  background:#ecfdf3;
  border:1px solid #bbf7d0;
  border-radius:6px;
  padding:3px 6px;
  font-size:9px;
  font-weight:900;
}
.s10x-library-type{
  color:#667085;
  font-size:12px;
  font-weight:700;
}
.s10x-library-access-status{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border-radius:7px;
  padding:6px 8px;
  font-size:11px;
  font-weight:800;
}
.s10x-library-access-status.is-free{
  color:#15803d;
  background:#ecfdf3;
}
.s10x-library-access-status.is-locked{
  color:#b42318;
  background:#fff1f1;
}
.s10x-library-row-action{
  display:flex;
  justify-content:flex-end;
}
.s10x-library-row-action .s10x-btn{
  min-width:125px;
  justify-content:center;
  padding:10px 13px;
  border-radius:8px;
}
.s10x-library-row-lock{
  min-width:105px;
  padding:9px 12px;
  border-radius:8px;
  border:1px solid #d8b4fe;
  background:#fff;
  color:#7c3aed;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.s10x-library-row-lock:hover{
  background:#faf5ff;
}
.s10x-library-empty{
  padding:45px 20px;
  display:grid;
  gap:5px;
  text-align:center;
  color:#667085;
}
.s10x-library-empty strong{color:#172033}

@media(max-width:900px){
  .s10x-library-package-head{
    grid-template-columns:140px minmax(0,1fr);
  }
  .s10x-library-package-cover{
    width:140px;
    height:140px;
  }
  .s10x-library-package-access{
    grid-column:1/-1;
  }
  .s10x-library-table-head{display:none}
  .s10x-library-row{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    padding:15px;
  }
  .s10x-library-type,
  .s10x-library-access-status{
    display:none;
  }
  .s10x-library-row-action{
    grid-column:1/-1;
    justify-content:stretch;
  }
  .s10x-library-row-action .s10x-btn,
  .s10x-library-row-lock{
    width:100%;
  }
}
@media(max-width:600px){
  .s10x-pdf-library-page{padding:20px 0 45px}
  .s10x-library-breadcrumb{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .s10x-library-package-head{
    grid-template-columns:1fr;
    padding:15px;
  }
  .s10x-library-package-cover{
    width:145px;
    height:145px;
  }
  .s10x-library-package-info h1{font-size:24px}
  .s10x-library-package-stats{gap:10px 14px}
  .s10x-library-lessons-head{
    display:block;
  }
  .s10x-library-unlocked-label{
    display:inline-flex;
    margin-top:10px;
  }
  .s10x-library-lesson-info h3{font-size:14px}
}


/* Custom in-site PDF reader */
.s10x-custom-pdf-reader-page{background:#eef1f5;padding:22px 0 50px;min-height:calc(100vh - 80px)}
.s10x-custom-pdf-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.s10x-custom-pdf-head h1{margin:0;font-size:22px;flex:1;min-width:220px}
.s10x-custom-pdf-head span{font-size:13px;color:#68758a}
.s10x-custom-pdf-back{font-weight:700;text-decoration:none}
.s10x-custom-pdf-viewer{background:#dfe3e8;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(20,30,50,.12)}
.s10x-custom-pdf-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;background:#172033;color:#fff}
.s10x-custom-pdf-toolbar button{border:0;border-radius:7px;padding:7px 11px;background:#fff;color:#172033;cursor:pointer;font-weight:700}
.s10x-custom-pdf-loading{text-align:center;padding:22px;color:#334155;font-weight:700}
.s10x-custom-pdf-pages{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 8px 24px;overflow:auto}
.s10x-custom-pdf-page-card{width:min(100%,900px);display:flex;flex-direction:column;align-items:center}
.s10x-custom-pdf-page-label{font-size:12px;color:#536174;margin:0 0 6px}
.s10x-custom-pdf-page-card canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.16)}
@media(max-width:600px){.s10x-custom-pdf-reader-page{padding:10px 0 25px}.s10x-custom-pdf-head{padding:0 10px;gap:8px}.s10x-custom-pdf-head h1{font-size:18px}.s10x-custom-pdf-toolbar{gap:5px;padding:7px}.s10x-custom-pdf-toolbar button{padding:7px 9px}.s10x-custom-pdf-pages{padding:8px 4px 18px;gap:10px}.s10x-custom-pdf-page-card{width:100%}.s10x-custom-pdf-page-card canvas{width:100%;height:auto}.s10x-custom-pdf-page-label{font-size:11px}}

/* =========================================================
   Overlay PDF Reader — mobile + desktop
   ========================================================= */
body.s10x-pdf-overlay-open{overflow:hidden!important}
.s10x-pdf-overlay{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.s10x-pdf-overlay.is-open{display:flex}
.s10x-pdf-overlay-backdrop{position:absolute;inset:0;background:rgba(7,12,22,.78);backdrop-filter:blur(4px)}
.s10x-pdf-overlay-dialog{position:relative;z-index:2;width:min(1180px,96vw);height:min(94vh,920px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.45);display:flex;flex-direction:column}
.s10x-pdf-overlay-head{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;background:#111827;color:#fff;border-bottom:1px solid #263244}
.s10x-pdf-overlay-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.s10x-pdf-overlay-title-wrap>div{min-width:0}.s10x-pdf-overlay-title-wrap strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(62vw,650px)}.s10x-pdf-overlay-title-wrap small{display:block;margin-top:2px;color:#aab6c8;font-size:11px}
.s10x-pdf-overlay-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dc2626;color:#fff;font-size:10px;font-weight:900}
.s10x-pdf-overlay-close{width:40px;height:40px;border:0;border-radius:50%;background:#293447;color:#fff;font-size:30px;line-height:1;cursor:pointer}.s10x-pdf-overlay-close:hover{background:#3b4658}
.s10x-pdf-overlay-body{min-height:0;flex:1;display:flex;background:#cfd5de}
.s10x-pdf-overlay-thumbs{width:145px;flex:0 0 145px;display:none;background:#f7f8fa;border-right:1px solid #d8dde5;padding:10px;overflow:auto;box-sizing:border-box}.s10x-pdf-overlay-thumbs.is-visible{display:block}.s10x-pdf-overlay-thumbs button{display:block;width:100%;margin:0 0 9px;padding:4px;border:2px solid transparent;border-radius:6px;background:#fff;cursor:pointer}.s10x-pdf-overlay-thumbs button.active{border-color:#2563eb}.s10x-pdf-overlay-thumbs canvas{display:block;width:100%;height:auto}
.s10x-pdf-overlay-stage{position:relative;min-width:0;flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:26px;box-sizing:border-box;background:#cbd1da}.s10x-pdf-overlay-stage canvas{display:block;background:#fff;box-shadow:0 7px 28px rgba(15,23,42,.27);max-width:none}
.s10x-pdf-overlay-loading{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:5;width:min(300px,80%);padding:11px 13px;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 8px 25px rgba(15,23,42,.16);box-sizing:border-box;text-align:center;color:#334155}.s10x-pdf-overlay-loading:not(.show){display:none}.s10x-pdf-overlay-loading b{display:block;font-size:12px}.s10x-pdf-overlay-loading span{display:block;height:4px;margin-top:8px;background:#e5e7eb;border-radius:99px;overflow:hidden}.s10x-pdf-overlay-loading i{display:block;width:0;height:100%;background:#2563eb;border-radius:99px;transition:width .15s ease}
.s10x-pdf-overlay-toolbar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;background:#fff;border-top:1px solid #dfe3e8;box-shadow:0 -4px 18px rgba(15,23,42,.08)}.s10x-pdf-overlay-tools{display:flex;align-items:center;gap:6px}.s10x-pdf-overlay-tools button{width:40px;height:38px;border:1px solid #d6dbe3;border-radius:8px;background:#fff;color:#182230;font-size:21px;font-weight:700;cursor:pointer}.s10x-pdf-overlay-tools button:hover{background:#f1f5f9}.s10x-pdf-overlay-tools.center span{min-width:50px;text-align:center;font-size:12px;font-weight:800;color:#475467}.s10x-pdf-overlay-tools.center button:last-child{font-size:12px;padding:0 10px;width:auto}
@media(max-width:760px){
  .s10x-pdf-overlay{padding:0}.s10x-pdf-overlay-dialog{width:100vw;height:100dvh;border-radius:0;max-width:none;max-height:none}
  .s10x-pdf-overlay-head{height:54px;flex-basis:54px;padding:0 10px 0 12px}.s10x-pdf-overlay-title-wrap strong{font-size:13px;max-width:62vw}.s10x-pdf-overlay-badge{width:30px;height:30px}.s10x-pdf-overlay-close{width:38px;height:38px}
  .s10x-pdf-overlay-body{position:relative}.s10x-pdf-overlay-stage{padding:14px 8px 18px;align-items:flex-start}.s10x-pdf-overlay-toolbar{height:58px;flex-basis:58px;padding:0 8px}.s10x-pdf-overlay-tools{gap:4px}.s10x-pdf-overlay-tools button{width:38px;height:38px}.s10x-pdf-overlay-tools.center button:last-child{display:none}.s10x-pdf-overlay-tools.center span{min-width:45px}.s10x-pdf-overlay-thumbs{position:absolute;z-index:10;left:0;top:0;bottom:0;width:120px;box-shadow:7px 0 22px rgba(0,0,0,.18)}
}


/* =========================================================
   GLOBAL HEADER CLEARANCE
   Keep every content zone below the fixed site header.
   Clearance = 110% of the header height.
   ========================================================= */
:root{
  --s10x-header-height:74px;
  --s10x-header-clearance:calc(var(--s10x-header-height) * 1.10);
}
body .s10x-main{
  padding-top:var(--s10x-header-clearance) !important;
}

@media(max-width:900px){
  :root{
    --s10x-header-height:64px;
    --s10x-header-clearance:calc(var(--s10x-header-height) * 1.10);
  }
  body .s10x-main{
    padding-top:var(--s10x-header-clearance) !important;
  }
}