/* Droocy V20 — premium readable UI. Built on V19. */
:root{--v20-ink:#151525;--v20-text:#303246;--v20-muted:#50566a;--v20-purple:#6847e8;--v20-line:#dfe2ea}
html{scroll-padding-top:150px}
body{color:var(--v20-ink)}

/* Shared readability: never hide useful copy in tiny grey type */
body,button,input,select,textarea{font-family:"Cairo",Tahoma,Arial,sans-serif}
p,small,.muted,.sub,.desc,.hint,.meta,.droocy-brand-copy small,.droocy-user-copy small{color:var(--v20-muted)}

/* All platform headers remain visible while scrolling. Admin uses a stacked sticky system. */
.droocy-admin-utility{position:sticky!important;top:0!important;z-index:10020!important}
.droocy-site-header{position:sticky!important;top:0!important;z-index:10010!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px);box-shadow:0 6px 22px rgba(20,20,45,.08)!important}
.droocy-admin-utility + .droocy-site-header{top:40px!important}
.droocy-online-bar{position:sticky!important;top:74px!important;z-index:10000!important;background:#fff!important}
.droocy-admin-utility ~ .droocy-online-bar{top:114px!important}
.droocy-site-header.droocy-role-guest{background:linear-gradient(90deg,#090815,#111024)!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.12)!important}
.droocy-site-header.droocy-role-guest .droocy-brand-copy strong,.droocy-site-header.droocy-role-guest .droocy-nav-link,.droocy-site-header.droocy-role-guest .droocy-login-btn{color:#fff!important}
.droocy-site-header.droocy-role-guest .droocy-brand-copy small{color:#d8d5e5!important}
.droocy-site-header.droocy-role-guest .droocy-nav-link:hover,.droocy-site-header.droocy-role-guest .droocy-nav-link.active{background:rgba(255,255,255,.09)!important}
.droocy-main-nav .droocy-nav-link{font-size:13px!important;font-weight:800!important}
.droocy-brand-copy strong{font-size:16px!important}.droocy-brand-copy small{font-size:10px!important}
.droocy-login-btn,.droocy-register-btn,.droocy-logout-btn{font-size:12px!important;font-weight:900!important}

/* Main homepage hero: one hero only, matching the supplied visual direction */
.v20-home-hero{background:linear-gradient(180deg,#f6f2ff,#fff);padding:0;border-bottom:1px solid #ece9f8}
.v20-hero-shell{width:100%;min-height:400px;display:grid;grid-template-columns:46% 54%;direction:ltr;background:radial-gradient(circle at 18% 20%,rgba(112,72,232,.18),transparent 32%),linear-gradient(90deg,#e7dcff 0%,#f8f6ff 44%,#fff 100%);overflow:hidden}
.v20-hero-media{height:400px;position:relative;overflow:hidden}.v20-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:48% 46%}.v20-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(248,246,255,.9) 100%)}
.v20-hero-copy{direction:rtl;align-self:center;padding:34px clamp(28px,6vw,95px) 34px 28px;text-align:right}.v20-title-row{display:flex;align-items:center;gap:13px;justify-content:flex-start}.v20-title-row h1{margin:0;font-size:clamp(31px,3.25vw,50px);line-height:1.35;font-weight:950;color:#18172a}.v20-cap{font-size:44px;line-height:1;filter:drop-shadow(0 8px 12px rgba(104,71,232,.2))}.v20-hero-copy h2{font-size:clamp(27px,3vw,44px);line-height:1.45;margin:10px 0 8px;font-weight:950;color:#151525}.v20-hero-copy h2 strong{color:var(--v20-purple)}.v20-hero-copy>p{font-size:15px!important;line-height:1.95!important;color:#45495b!important;max-width:680px;margin:0 0 19px;font-weight:600}
.v20-hero-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:730px}.v20-hero-tools article{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.84);border:1px solid #e5e0f6;border-radius:15px;padding:12px 13px;box-shadow:0 8px 24px rgba(55,40,120,.06)}.v20-tool-icon{width:38px;height:38px;border:2px solid #7652ed;border-radius:50%;display:grid;place-items:center;color:#6744e8;font-size:17px;flex:0 0 auto}.v20-hero-tools b{display:block;font-size:13px;color:#1d1c2d;margin-bottom:2px}.v20-hero-tools small{font-size:11.5px!important;color:#4d5566!important;line-height:1.65}

/* Filter directly under hero */
.subjects{padding:0 0 18px!important;background:#fff!important}.simple-course-filter{width:min(1260px,calc(100% - 36px))!important;margin:-28px auto 0!important;position:relative;z-index:10;background:rgba(255,255,255,.98)!important;border:1px solid #dedaf0!important;border-radius:20px!important;padding:14px!important;box-shadow:0 18px 45px rgba(56,42,122,.11)!important}.simple-filter-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.simple-filter-field{min-width:0!important;border:1.5px solid #d9dce6!important;border-radius:13px!important;padding:9px 11px!important;background:#fff!important}.simple-filter-label{font-size:11px!important;color:#555b6d!important;font-weight:800!important}.simple-filter-field select{font-size:13px!important;color:#17172a!important;font-weight:800!important;min-height:34px!important}.simple-filter-number{font-size:10px!important}.simple-filter-summary{font-size:11px!important;color:#454b5f!important}.simple-reset,.simple-share{font-size:11px!important;font-weight:900!important}

/* Marketplace heading and course cards */
.market{padding-top:14px!important}.market-toolbar h2{font-size:27px!important}.market-toolbar p,#filterText{font-size:12px!important;color:#4e5467!important}.eyebrow{font-size:11px!important}.course-grid{gap:18px!important}.course-card{border:1.5px solid #dfe2e9!important;border-radius:19px!important;min-height:390px!important;box-shadow:0 9px 26px rgba(35,31,70,.07)!important;overflow:hidden;background:#fff!important}.course-card:hover{border-color:#bcaef5!important;box-shadow:0 18px 38px rgba(62,45,145,.14)!important;transform:translateY(-4px)!important}.course-visual{min-height:145px!important;background:linear-gradient(135deg,#6546dc,#8170dc)!important;color:#fff!important}.course-card:nth-child(4n+2) .course-visual{background:linear-gradient(135deg,#7656e9,#a276ee)!important}.course-card:nth-child(4n+3) .course-visual{background:linear-gradient(135deg,#4f46ad,#7867d0)!important}.course-card:nth-child(4n) .course-visual{background:linear-gradient(135deg,#7760d7,#4e3c9c)!important}.course-visual .subject-name,.course-visual .course-title{color:#fff!important}.course-title{font-size:19px!important}.subject-name{font-size:13px!important}.grade-badge,.discount-badge{font-size:10.5px!important}.course-body{padding:17px!important}.teacher strong{font-size:12.5px!important}.teacher small{font-size:10px!important;color:#51576a!important}.course-desc{font-size:12px!important;line-height:1.8!important;color:#3d4354!important}.meta span{font-size:10px!important;color:#42485b!important}.price-main strong{font-size:20px!important}.actions .add,.actions .start,.view{font-size:11px!important}

/* Marketing teacher landing keeps its own distinct header */
.tm-nav{position:sticky!important;top:0!important;z-index:12000!important;background:linear-gradient(90deg,#090815,#121024)!important;box-shadow:0 8px 26px rgba(8,7,20,.18)!important}.tm-nav-in{min-height:68px!important}.tm-brand{font-size:25px!important}.tm-links{font-size:13px!important;gap:25px!important}.tm-country{font-size:11.5px!important}.tm-market-select{font-size:11.5px!important}.hero h1{font-size:clamp(38px,4vw,55px)!important}.hero p{font-size:14px!important;line-height:1.95!important;color:#e0ddea!important}.eyebrow{font-size:11.5px!important}.hero-bullets span{font-size:11.5px!important}.btn{font-size:12.5px!important}.micro{font-size:10.5px!important;color:#c5c1d1!important}.teacher-visual figcaption strong{font-size:15px!important}.teacher-visual figcaption span{font-size:11px!important}.proof strong{font-size:15px!important}.proof small{font-size:10px!important;color:#53596b!important}.head h2{font-size:clamp(27px,2.6vw,34px)!important}.head p{font-size:13px!important;line-height:1.9!important;color:#4a5062!important}.kicker{font-size:11.5px!important}.feature{border:1.5px solid #dfe2e9!important;border-radius:16px!important;padding:20px 14px!important}.feature h3{font-size:13px!important}.feature p{font-size:11px!important;line-height:1.7!important;color:#4d5366!important}.benefit strong{font-size:12.5px!important}.benefit small{font-size:10.5px!important;color:#51576a!important}.plan h3{font-size:19px!important}.plan .desc{font-size:11.5px!important;color:#4d5366!important}.ticks li{font-size:11px!important}.field label{font-size:11px!important}.field input,.field select,.field textarea{font-size:12px!important}.form-sub,.privacy{font-size:10.5px!important;color:#51576a!important}.faq summary{font-size:13px!important}.faq p{font-size:11.5px!important;line-height:1.9!important;color:#484f61!important}

@media(max-width:1000px){.v20-hero-shell{grid-template-columns:1fr}.v20-hero-copy{order:1;padding:28px 24px;text-align:center}.v20-title-row{justify-content:center}.v20-hero-media{order:2;height:310px}.v20-hero-media:after{background:linear-gradient(180deg,rgba(248,246,255,.65),transparent 28%)}.v20-hero-tools{margin-inline:auto}.simple-course-filter{margin-top:-18px!important}.simple-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.droocy-admin-utility + .droocy-site-header{top:38px!important}.droocy-main-nav{display:none!important}.v20-title-row{gap:7px}.v20-cap{font-size:31px}.v20-title-row h1{font-size:28px}.v20-hero-copy h2{font-size:25px}.v20-hero-copy>p{font-size:13px!important}.v20-hero-tools{grid-template-columns:1fr}.v20-hero-media{height:245px}.simple-course-filter{width:calc(100% - 18px)!important;padding:11px!important}.simple-filter-grid{grid-template-columns:1fr!important}.simple-filter-field{padding:8px 10px!important}.tm-links{display:none!important}.tm-nav-in{min-height:60px!important}.hero p{font-size:13px!important}.feature-grid{grid-template-columns:1fr!important}.feature h3{font-size:13px!important}.feature p{font-size:11px!important}}

/* V20.1 readability refinement */
.v20-hero-tools b{font-size:13.5px!important}.v20-hero-media{background:#e8e3f6}