/* =========================================================
   TEČAJEVI – archive + single (Fitline / LearnPress layout)
   content 850 + sidebar 410 = 1290
   ========================================================= */
.mt-c-hero{text-align:center;padding:90px 20px 70px}
.mt-c-hero h1{font-family:'Jost',sans-serif;font-size:clamp(38px,2.97vw,57px);font-weight:500;letter-spacing:-.6px;line-height:1.12;color:var(--fl-ink,#0c0f26);margin:0}
.mt-c-hero__down{display:inline-flex;margin-top:18px;color:var(--fl-ink,#0c0f26)}
.mt-c-hero__down svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.mt-c-wrap{max-width:1330px;margin:0 auto;padding:0 20px 120px;display:flex;gap:30px;align-items:flex-start;box-sizing:border-box;font-family:'Kumbh Sans',sans-serif;color:#797c7f}
.mt-c-single{padding-top:90px}
.mt-c-main{flex:1 1 850px;min-width:0}
.mt-c-side{flex:0 0 410px;position:sticky;top:110px}
.mt-c-wrap *{box-sizing:border-box}
.mt-c-wrap svg{fill:none;stroke:currentColor;stroke-width:1.7}

/* toolbar */
.mt-c-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:45px;flex-wrap:wrap}
.mt-c-search{display:flex;align-items:center;gap:10px}
.mt-c-search input{width:240px;height:54px;border:0;border-radius:30px;background:var(--fl-light,#f0f4f5);padding:0 26px;font:400 16px 'Kumbh Sans',sans-serif;color:var(--fl-ink,#0c0f26);outline:0}
.mt-c-search button{width:54px;height:54px;border-radius:50%;border:0;background:var(--fl-accent,#f80051);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}
.mt-c-search button:hover{background:var(--fl-accent-h,#d6004a)}
.mt-c-search svg{width:20px;height:20px}
.mt-c-tools{display:flex;align-items:center;gap:10px}
.mt-c-sort{height:54px;border:0;border-radius:30px;background:var(--fl-light,#f0f4f5);padding:0 44px 0 26px;font:400 16px 'Kumbh Sans',sans-serif;color:#797c7f;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23797c7f' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px}
.mt-c-view{width:40px;height:40px;border:0;background:none;color:#b3b6bb;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mt-c-view svg{width:20px;height:20px}
.mt-c-view.is-active,.mt-c-view:hover{color:var(--fl-ink,#0c0f26)}

/* cards */
.mt-c-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.mt-c-grid--3{grid-template-columns:repeat(3,1fr)}
.mt-c-card{background:var(--fl-light,#f0f4f5);display:flex;flex-direction:column}
.mt-sec-light .mt-c-card{background:#fff}
.mt-c-img{display:block;overflow:hidden}
.mt-c-img img{width:100%;aspect-ratio:410/246;object-fit:cover;display:block;transition:transform .8s}
.mt-c-card:hover .mt-c-img img{transform:scale(1.05)}
.mt-c-body{padding:35px;display:flex;flex-direction:column;flex:1}
.mt-c-title{font-family:'Jost',sans-serif;font-size:32px;font-weight:500;line-height:1.2;margin:0 0 14px}
.mt-c-title a{color:var(--fl-ink,#0c0f26);text-decoration:none}
.mt-c-title a:hover{color:var(--fl-accent,#f80051)}
.mt-c-badge{align-self:flex-start;background:#ffa01e;color:#fff;font:600 11px 'Jost',sans-serif;letter-spacing:1px;text-transform:uppercase;padding:6px 17px;border-radius:15px;margin:0 0 14px}
.mt-c-by{font-size:15px;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid #e3e5e8}
.mt-c-by strong{font-family:'Jost',sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--fl-ink,#0c0f26);font-size:14px}
.mt-c-stats{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}
.mt-c-stats span{display:flex;align-items:center;gap:7px;font:600 15px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-stats svg{width:17px;height:17px;color:var(--fl-accent,#f80051)}
.mt-c-desc{display:none;font-size:16px;line-height:1.6;margin:0 0 14px}
.mt-c-price{font:600 18px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:0 0 26px}
.mt-c-price s{color:#797c7f;font-weight:400;margin-right:6px}
.mt-c-free{color:#1f9d57}
.mt-c-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:47px;border-radius:30px;background:var(--fl-accent,#f80051);color:#fff!important;font:500 15px 'Jost',sans-serif;text-decoration:none!important;box-shadow:0 10px 24px rgba(248,0,81,.22);transition:background .3s,transform .3s}
.mt-c-btn:hover{background:var(--fl-accent-h,#d6004a);transform:translateY(-2px)}

/* list view */
.mt-c-grid.is-list{grid-template-columns:1fr}
.mt-c-grid.is-list .mt-c-card{flex-direction:row}
.mt-c-grid.is-list .mt-c-img{flex:0 0 42%}
.mt-c-grid.is-list .mt-c-img img{height:100%;aspect-ratio:auto}
.mt-c-grid.is-list .mt-c-desc{display:block}
.mt-c-grid.is-list .mt-c-btn{align-self:flex-start;padding:0 40px}

.mt-c-pag{margin-top:50px;display:flex;gap:8px;flex-wrap:wrap}
.mt-c-pag .page-numbers{min-width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--fl-light,#f0f4f5);color:var(--fl-ink,#0c0f26);text-decoration:none;font:500 16px 'Jost',sans-serif}
.mt-c-pag .page-numbers.current,.mt-c-pag .page-numbers:hover{background:var(--fl-accent,#f80051);color:#fff}
.mt-c-empty{font-size:18px}

/* sidebar widgets */
.mt-c-widget{background:var(--fl-light,#f0f4f5);padding:40px;margin-bottom:30px}
.mt-c-widget h4{font:500 22px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:0 0 26px}
.mt-c-feat + .mt-c-feat{margin-top:34px}
.mt-c-feat img{width:100%;aspect-ratio:330/200;object-fit:cover;display:block;margin-bottom:18px}
.mt-c-feat h5{font:500 20px 'Jost',sans-serif;margin:0 0 6px}
.mt-c-feat h5 a{color:var(--fl-ink,#0c0f26);text-decoration:none}
.mt-c-feat p{font-size:15px;line-height:1.5;margin:0 0 12px}
.mt-c-feat__foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mt-c-feat__foot .mt-c-price{margin:0;font-size:16px}
.mt-c-feat__who{display:flex;align-items:center;gap:8px;font:500 14px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-feat__who .mt-c-avatar{width:26px;height:26px;font-size:12px}
.mt-c-cats{list-style:none;margin:0;padding:0}
.mt-c-cats li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e3e5e8}
.mt-c-cats a{color:var(--fl-ink,#0c0f26);text-decoration:none;font-size:16px}
.mt-c-cats a:hover{color:var(--fl-accent,#f80051)}

/* avatar */
.mt-c-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-flex}
.mt-c-avatar--ph{align-items:center;justify-content:center;background:var(--fl-ink,#0c0f26);color:#fff;font:500 32px 'Jost',sans-serif}

/* single */
.mt-c-meta1{display:flex;gap:60px;align-items:center;flex-wrap:wrap}
.mt-c-meta1__item{display:flex;align-items:center;gap:18px}
.mt-c-meta1__item small{display:block;font-size:15px;color:#9a9da4}
.mt-c-meta1__item strong{font:500 17px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-meta1__ico{color:var(--fl-accent,#f80051);display:flex}
.mt-c-meta1__ico svg{width:22px;height:22px}
.mt-c-h1{font:500 35px/1.12 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:55px 0 20px}
.mt-c-meta2{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:50px}
.mt-c-meta2 span{display:flex;align-items:center;gap:7px;font:600 15px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-meta2 svg{width:17px;height:17px;color:var(--fl-accent,#f80051)}
.mt-c-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--fl-light,#f0f4f5)}
.mt-c-tabs button{height:49px;border:0;border-top:3px solid transparent;background:none;font:400 17px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);cursor:pointer;transition:background .3s,border-color .3s}
.mt-c-tabs button.is-active{background:#fff;border-top-color:var(--fl-accent,#f80051);font-weight:500}
.mt-c-panel{display:none;padding-top:35px}
.mt-c-panel.is-active{display:block}
.mt-c-content{font-size:17px;line-height:1.65}
.mt-c-content h2,.mt-c-content h3{font:500 24px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:36px 0 14px}
.mt-c-content ul{padding-left:20px}
.mt-c-sec{border:1px solid #e3e5e8;margin-bottom:20px}
.mt-c-sec h4{margin:0;padding:18px 24px;background:var(--fl-light,#f0f4f5);font:500 19px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-sec ul{list-style:none;margin:0;padding:0}
.mt-c-sec li{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #e3e5e8;font-size:16px;color:var(--fl-ink,#0c0f26)}
.mt-c-sec li em{margin-left:auto;font-style:normal;font-size:14px;color:#9a9da4}
.mt-c-sec__ico{color:var(--fl-accent,#f80051);display:flex}
.mt-c-sec__ico svg{width:17px;height:17px}
.mt-c-instr{display:flex;gap:30px;align-items:flex-start}
.mt-c-instr h4{font:500 24px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:6px 0 10px}
.mt-c-instr p{font-size:17px;line-height:1.65;margin:0}

/* single sidebar box */
.mt-c-box{background:var(--fl-light,#f0f4f5)}
.mt-c-box__img{position:relative;overflow:hidden}
.mt-c-box__img img{width:100%;aspect-ratio:410/280;object-fit:cover;display:block}
.mt-c-ribbon{position:absolute;top:22px;left:-44px;width:170px;transform:rotate(-45deg);background:var(--fl-accent,#f80051);color:#fff;text-align:center;font:600 11px 'Jost',sans-serif;letter-spacing:1.5px;text-transform:uppercase;padding:6px 0}
.mt-c-box__body{padding:34px 40px 40px;text-align:center}
.mt-c-box__price{font:600 30px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-c-box__price s{font-size:20px;font-weight:400;color:#9a9da4;margin-right:8px}
.mt-c-box__note{font-size:15px;line-height:1.5;color:#ff8a00;margin:16px 0 0}
.mt-c-box .mt-c-btn{margin-top:26px}
.mt-c-review{text-align:left;margin-top:36px;position:relative}
.mt-c-review h5{font:500 20px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:0 0 10px}
.mt-c-review .mt-stars{font-size:16px;margin:0 0 10px!important}
.mt-c-review p{font-size:16px;line-height:1.55;margin:0;padding-right:60px}
.mt-c-review__q{position:absolute;right:0;bottom:0;color:#d9dde1}
.mt-c-review__q svg{width:52px;height:52px;fill:currentColor;stroke:none}

@media (max-width:1100px){
  .mt-c-wrap{flex-direction:column}
  .mt-c-side{position:static;flex:none;width:100%;max-width:520px}
  .mt-c-single .mt-c-side{order:-1}
}
@media (max-width:781px){
  .mt-c-hero{padding:50px 20px 40px}
  .mt-c-grid,.mt-c-grid--3{grid-template-columns:1fr}
  .mt-c-grid.is-list .mt-c-card{flex-direction:column}
  .mt-c-search input{width:100%}
  .mt-c-search{flex:1}
  .mt-c-tabs{grid-template-columns:repeat(2,1fr)}
  .mt-c-body{padding:28px}
  .mt-c-title{font-size:26px}
  .mt-c-single{padding-top:40px}
  .mt-c-meta1{gap:24px}
  .mt-c-avatar{width:64px;height:64px}
}

/* curriculum links */
.mt-c-sec li{padding:0!important}
.mt-c-sec li a{display:flex;align-items:center;gap:12px;padding:16px 24px;color:var(--fl-ink,#0c0f26);text-decoration:none;transition:background .25s,color .25s}
.mt-c-sec li a:hover{background:#f7f9fa;color:var(--fl-accent,#f80051)}
.mt-c-sec li.is-current a{background:var(--fl-ink,#0c0f26);color:#fff}
.mt-c-sec li.is-current em,.mt-c-sec li.is-current .mt-c-sec__ico{color:#fff}
.mt-c-sec__t{flex:1}
.mt-c-start{display:inline-block;margin-top:16px;font:500 15px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);text-decoration:underline}
.mt-c-start:hover{color:var(--fl-accent,#f80051)}

/* =========================================================
   LESSON PAGE – curriculum sidebar left, content right
   ========================================================= */
.mt-l-wrap{max-width:1330px;margin:0 auto;padding:70px 20px 120px;display:flex;gap:60px;align-items:flex-start;box-sizing:border-box;font-family:'Kumbh Sans',sans-serif;color:#797c7f}
.mt-l-wrap *{box-sizing:border-box}
.mt-l-wrap svg{fill:none;stroke:currentColor;stroke-width:1.7}
.mt-l-side{flex:0 0 380px;position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;background:var(--fl-light,#f0f4f5);padding:32px}
.mt-l-back{font:500 15px 'Jost',sans-serif;color:var(--fl-accent,#f80051);text-decoration:none}
.mt-l-course{font:500 24px/1.2 'Jost',sans-serif;margin:16px 0 18px}
.mt-l-course a{color:var(--fl-ink,#0c0f26);text-decoration:none}
.mt-l-progress{height:6px;border-radius:6px;background:#dde3e6;overflow:hidden}
.mt-l-progress span{display:block;height:100%;background:var(--fl-accent,#f80051);border-radius:6px}
.mt-l-count{font-size:14px;margin:10px 0 22px}
.mt-l-curr .mt-c-sec{background:#fff;border-color:#e3e5e8;margin-bottom:14px}
.mt-l-curr .mt-c-sec h4{font-size:16px;padding:14px 18px}
.mt-l-curr .mt-c-sec li a{padding:12px 18px;font-size:15px}
.mt-l-curr .mt-c-sec li em{font-size:12px}
.mt-l-main{flex:1;min-width:0;max-width:820px}
.mt-l-title{font:500 clamp(32px,2.6vw,48px)/1.12 'Jost',sans-serif;letter-spacing:-.5px;color:var(--fl-ink,#0c0f26);margin:0 0 18px}
.mt-l-content{margin-top:10px}
.mt-l-content p{font-size:18px;line-height:1.7}
.mt-l-content li{font-size:17px;line-height:1.7;margin-bottom:6px}
.mt-l-task{background:var(--fl-light,#f0f4f5);border-left:4px solid var(--fl-accent,#f80051);padding:26px 30px!important;margin-top:40px}
.mt-l-task h3{font:500 20px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26);margin:0 0 8px}
.mt-l-task p{margin:0}
.mt-l-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:30px;border-top:1px solid #e3e5e8}
.mt-l-nav a{display:flex;flex-direction:column;gap:4px;max-width:48%;padding:18px 24px;background:var(--fl-light,#f0f4f5);text-decoration:none;transition:background .3s}
.mt-l-nav a:hover{background:var(--fl-ink,#0c0f26)}
.mt-l-nav a:hover small,.mt-l-nav a:hover span{color:#fff}
.mt-l-nav small{font:500 13px 'Jost',sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--fl-accent,#f80051)}
.mt-l-nav span{font:500 18px 'Jost',sans-serif;color:var(--fl-ink,#0c0f26)}
.mt-l-nav__next{text-align:right;margin-left:auto}
.mt-l-nav__next.is-done{background:var(--fl-accent,#f80051)}
.mt-l-nav__next.is-done small,.mt-l-nav__next.is-done span{color:#fff}
@media (max-width:1024px){
  .mt-l-wrap{flex-direction:column;gap:40px}
  .mt-l-side{position:static;flex:none;width:100%;max-height:none;order:2}
}
@media (max-width:781px){.mt-l-wrap{padding:40px 20px 80px}.mt-l-nav{flex-direction:column}.mt-l-nav a{max-width:none}}
.mt-c-sec li{display:block!important}.mt-c-sec li a{width:100%}.mt-c-sec li a em{margin-left:auto;white-space:nowrap}

/* course slider (homepage) – reuses blog slider arrows/JS */
.mt-c-track{gap:30px!important;align-items:stretch}
.mt-c-track .mt-c-card{flex:0 0 calc((100% - (var(--mt-vis,3) - 1) * 30px) / var(--mt-vis,3));scroll-snap-align:start;min-width:0;background:#fff}
.mt-c-slider .mt-blog-arrow{margin-top:calc(((100% - 60px) / 3) * .3 - 28px)}
.mt-c-slider + .mt-btn{margin-top:50px}
@media (max-width:1024px){.mt-c-track .mt-c-card{flex-basis:calc((100% - 30px) / 2)}}
@media (max-width:781px){.mt-c-track{gap:16px!important}.mt-c-track .mt-c-card{flex-basis:85%}}
.mt-c-card svg{fill:none;stroke:currentColor;stroke-width:1.7}

/* ---------- course card – exact Fitline metrics (LearnPress card) ---------- */
.mt-c-body{padding:35px}
.mt-c-title{font-size:32px;line-height:39px;margin:0 0 10px}
.mt-c-by{font-size:15px;line-height:19px;color:#797c7f;margin:0 0 15px;padding:0;border:0}
.mt-c-by strong{font:600 13px/18px 'Jost',sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--fl-ink,#0c0f26)}
.mt-c-stats{margin:20px 0 15px;padding-top:20px;border-top:1px solid #d0d6dd}
.mt-c-stats span{font:600 15px/22px 'Jost',sans-serif;gap:6px}
.mt-c-stats svg{width:17px;height:17px}
.mt-c-price{font:600 18px/26px 'Jost',sans-serif;margin:0 0 22px}
.mt-c-btn{height:47px;font:500 15px 'Kumbh Sans',sans-serif;border-radius:30px;box-shadow:0 7px 25px rgba(248,0,81,.2)}
/* homepage slider: white cards with soft shadow, no badge (as original) */
.mt-c-track{padding:10px 15px 40px!important;margin:-10px -15px -40px!important}
.mt-c-track .mt-c-card{background:#fff;box-shadow:0 3px 20px rgba(0,0,0,.06)}
.mt-c-slider .mt-c-badge{display:none}
.mt-sec-courses{background:#eff6f7}
.mt-c-stats{margin-top:5px}
.mt-c-track{padding:10px 0 40px!important;margin:-10px 0 -40px!important}

/* course slider arrows vertically centred on the cards */
.mt-c-slider .mt-blog-arrow{top:50%!important;margin-top:-43px!important;transform:none}
@media (max-width:781px){.mt-c-slider .mt-blog-arrow{margin-top:-38px!important}}