:root{--tc-main:#00999a;--tc-main-d:#007f80;--tc-soft:#e5f6f6;--tc-ink:#17324a;--tc-mut:#7a8a99;--tc-line:#e3eaee}
/* ---------- selector on course page ---------- */
.tcs{direction:rtl;text-align:right;color:var(--tc-ink);font-family:inherit}
.tcs *{box-sizing:border-box}
.tcs-row{display:block;margin:0 0 16px}
.tcs-row[hidden]{display:none}
.tcs-label{margin:0 0 8px;font-weight:700;font-size:14px;color:var(--tc-main)}
.tcs-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.tcs-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:78px;padding:10px 6px;background:#fff;border:2px solid var(--tc-line);border-radius:14px;color:var(--tc-ink);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.tcs-level svg{width:20px;height:20px;color:var(--tc-mut)}
.tcs-level small{font-weight:400;font-size:11.5px;color:var(--tc-mut);text-align:center;line-height:1.6}
.tcs-level:hover{border-color:#9bd9da}
.tcs-level.is-active{border-color:var(--tc-main);background:var(--tc-soft);box-shadow:0 6px 18px rgba(0,153,154,.18)}
.tcs-level.is-active svg{color:var(--tc-main)}
.tcs-terms{display:flex;flex-wrap:wrap;gap:8px}
.tcs-terms[hidden]{display:none}
.tcs-chip{display:inline-flex;flex-direction:column;align-items:center;min-width:84px;padding:8px 12px;background:#fff;border:2px solid var(--tc-line);border-radius:12px;color:var(--tc-ink);font-family:inherit;font-weight:700;font-size:13.5px;line-height:1.5;cursor:pointer;transition:all .2s}
.tcs-chip small{font-weight:400;font-size:11px;color:var(--tc-mut);margin-top:1px}
.tcs-chip:hover{border-color:#9bd9da}
.tcs-chip.is-on{border-color:var(--tc-main);background:var(--tc-main);color:#fff;box-shadow:0 6px 16px rgba(0,153,154,.3)}
.tcs-chip.is-on small{color:#d6f3f3}
.tcs-chip.is-owned{opacity:.55;cursor:not-allowed;background:#f4f6f8}
.tcs-detail{display:block;flex-basis:100%;margin-top:4px;font-size:12.5px;color:var(--tc-main);text-decoration:none}
.tcs-detail:hover{text-decoration:underline}
.tcs-summary{margin:0 0 10px;padding:10px 12px;background:#f7fafb;border:1px dashed #b7dede;border-radius:12px}
.tcs-summary[hidden]{display:none}
.tcs-sum-title{margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--tc-mut)}
.tcs-sum-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}
.tcs-sum-item span{flex:1}
.tcs-sum-item b{font-weight:600;white-space:nowrap}
.tcs-sum-item button{width:22px;height:22px;border:0;border-radius:50%;background:#ffecec;color:#d33;line-height:1;cursor:pointer}
.tcs-total{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px;padding:11px 14px;background:var(--tc-soft);border-radius:12px;font-size:14px}
.tcs-total b{font-size:17px;color:var(--tc-main)}
.tcs-add{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border:0;border-radius:14px;color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--tc-main),#007a7b);box-shadow:0 10px 24px rgba(0,153,154,.32);transition:transform .2s,box-shadow .2s}
.tcs-add:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,153,154,.4)}
.tcs-msg{min-height:20px;margin:8px 0 0;font-size:13px;color:#d33}
.tcs-msg.ok{color:var(--tc-main)}
.tcs-owned{padding:12px;background:#f4f6f8;border-radius:12px;text-align:center}

.tcs-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 16px;padding:10px 14px;background:#f7fafb;border:1px dashed #b7dede;border-radius:12px;font-size:13px}
.tcs-links span{color:var(--tc-mut)}
.tcs-links a{color:var(--tc-main);font-weight:700;text-decoration:none}
.tcs-links a:hover{text-decoration:underline}
.tcs-void{display:none}

/* ---------- full-width block ---------- */
.tcs-wide{direction:rtl;width:100%;max-width:1240px;margin:28px auto;padding:26px 28px;background:#fff;border:1px solid #e6eef0;border-radius:22px;box-shadow:0 14px 40px rgba(0,60,70,.08);font-family:inherit}
.tcs-wide-title{margin:0 0 20px;padding:0 0 14px;border:0;border-bottom:1px solid var(--tc-line);font-size:21px;font-weight:700;color:var(--tc-main)}
.tcs-wide .tcs:not(.tcs-all){display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:28px;align-items:start}
.tcs-wide .tcs-side{position:sticky;top:90px;padding:18px;background:#f7fafb;border:1px solid var(--tc-line);border-radius:18px}
.tcs-wide .tcs-side .tcs-summary{background:#fff}
.tcs-wide .tcs-all{max-width:460px}
.tcs-wide .tcs-levels{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.tcs-wide .tcs-level{min-height:96px;font-size:15px}
.tcs-wide .tcs-chip{min-width:100px}
@media(max-width:900px){.tcs-wide{padding:18px 14px}.tcs-wide .tcs:not(.tcs-all){display:block}.tcs-wide .tcs-side{position:static;margin-top:10px}}

/* ---------- floating cart + drawer ---------- */
.tc-fab{position:fixed;left:22px;bottom:90px;z-index:99990;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--tc-main),#007a7b);box-shadow:0 10px 26px rgba(0,153,154,.45);cursor:pointer}
.tc-fab[hidden]{display:none}
.tc-fab-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:#f5a623;color:#fff;font:700 12px/22px inherit;text-align:center}
.tc[hidden]{display:none}
.tc{position:fixed;inset:0;z-index:99999;direction:rtl}
.tc-overlay{position:absolute;inset:0;background:rgba(15,30,45,.45)}
.tc-panel{position:absolute;top:0;bottom:0;left:0;width:420px;max-width:94vw;display:flex;flex-direction:column;background:#fff;box-shadow:12px 0 40px rgba(0,0,0,.2);font-family:inherit;color:var(--tc-ink)}
.tc-head{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--tc-line)}
.tc-head h3{margin:0;font-size:19px;font-weight:700;color:var(--tc-main)}
.tc-badge{min-width:30px;height:30px;padding:0 8px;border-radius:15px;background:var(--tc-soft);color:var(--tc-main);font-weight:700;line-height:30px;text-align:center}
.tc-close{margin-right:auto;border:0;background:none;font-size:30px;line-height:1;color:var(--tc-mut);cursor:pointer}
.tc-body{flex:1;overflow-y:auto;padding:16px 20px 24px}
.tc-empty{padding:34px 0;text-align:center;color:var(--tc-mut)}
.tc-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px;padding:12px;background:#f7fafb;border:1px solid var(--tc-line);border-radius:14px}
.tc-item.is-bad{background:#fff4f4;border-color:#f3c9c9}
.tc-thumb{flex:none;width:58px;height:58px;border-radius:10px;background:#dfe7ea center/cover no-repeat}
.tc-info{flex:1;min-width:0}
.tc-info strong{display:block;font-size:14px;line-height:1.7}
.tc-info span{display:block;font-size:12.5px;color:var(--tc-mut)}
.tc-info em{display:block;font-style:normal;font-size:12px;color:#d33}
.tc-price{margin-top:6px;font-weight:700;font-size:14px;color:var(--tc-main)}
.tc-price s{margin-left:8px;font-weight:400;font-size:12px;color:var(--tc-mut)}
.tc-del{flex:none;width:32px;height:32px;border:0;border-radius:9px;background:#ffecec;color:#d33;font-size:18px;cursor:pointer}
.tc-more{display:block;margin:6px 0 14px;padding:12px;border:2px dashed #9bd9da;border-radius:14px;text-align:center;font-weight:700;color:var(--tc-main);text-decoration:none}
.tc-more:hover{background:var(--tc-soft)}
.tc-sum{margin:0 0 14px}
.tc-sum>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--tc-line);font-size:14px}
.tc-sum dt,.tc-sum dd{margin:0;font-weight:400}
.tc-sum-total{font-size:16px!important;font-weight:700}
.tc-sum-total dd,.tc-sum-total dt{font-weight:700;color:var(--tc-main)}
.tc-sum-discount[hidden]{display:none}
.tc-sum-discount dd{color:#1a9a4a}
.tc-code{display:flex;gap:8px;margin:0 0 6px}
.tc-code input{flex:1;padding:11px 14px;border:1px solid #d5dde2;border-radius:12px;font-family:inherit;direction:ltr;text-align:right}
.tc-code button{padding:0 20px;border:0;border-radius:12px;background:var(--tc-ink);color:#fff;font-family:inherit;cursor:pointer}
.tc-code-msg{min-height:20px;margin:0 0 8px;font-size:13px;color:#d33}
.tc-code-msg.ok{color:#1a9a4a}
.tc-law{display:flex;align-items:center;gap:8px;margin:6px 0 12px;font-size:13.5px;cursor:pointer}
.tc-pay{width:100%;padding:15px 20px;border:0;border-radius:14px;color:#fff;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--tc-main),#007a7b);box-shadow:0 10px 24px rgba(0,153,154,.32)}
.tc-pay:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.tc-msg{min-height:20px;margin:10px 0 0;font-size:13px;color:#d33;text-align:center}
.tc-msg.ok{color:var(--tc-main)}
@media(max-width:640px){.tc-fab{left:14px;bottom:80px}}

#tcs-top-slot{width:100%;padding:0 16px;box-sizing:border-box}

/* ---------- button reset (theme styles <button> aggressively) ---------- */
.tcs button,.tc button,.tc-fab{-webkit-appearance:none;appearance:none;margin:0;text-transform:none;letter-spacing:0;line-height:1.4;font-family:inherit;text-shadow:none}
.tc .tc-del,#tata-cart .tc-del{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:36px!important;height:36px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#ffecec!important;color:#d33!important;box-shadow:none!important}
.tc .tc-del:hover{background:#ffd9d9!important}
.tcs .tcs-sum-item .tcs-sum-x{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:24px!important;height:24px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#ffecec!important;color:#d33!important;font-size:16px;line-height:1;box-shadow:none!important}
#tata-cart .tc-close{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#f1f4f6!important;color:#5b6b79!important;font-size:24px;box-shadow:none!important}
.tc-fab{width:58px!important;height:58px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:50%!important}
.tc .tc-code button{min-width:0!important;border-radius:12px!important;padding:0 22px!important}
.tc .tc-pay{display:block;border-radius:14px!important;padding:15px 20px!important}

@media(max-width:640px){
  .tcs-wide{margin:16px 0;padding:16px 12px;border-radius:18px}
  .tcs-wide-title{font-size:17px;margin-bottom:14px;padding-bottom:10px}
  .tcs-levels,.tcs-wide .tcs-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tcs .tcs-level{min-height:64px;padding:8px 4px;font-size:13px;border-radius:12px}
  .tcs-level svg{width:18px;height:18px}
  .tcs-level small{display:none}
  .tcs .tcs-chip,.tcs-wide .tcs-chip{min-width:0;flex:1 1 calc(50% - 8px);padding:8px 8px;font-size:13px}
  .tcs-wide .tcs-side{padding:12px}
  .tcs-links{font-size:12.5px}
  .tc-fab{left:12px;bottom:76px;width:52px!important;height:52px!important}
}
.tcs .tcs-level{min-width:0!important;border-radius:14px!important;background-color:#fff}
.tcs .tcs-level.is-active{background-color:var(--tc-soft)}
.tcs .tcs-chip{border-radius:12px!important;background-color:#fff;color:var(--tc-ink)}
.tcs .tcs-chip.is-on{background-color:var(--tc-main);color:#fff}
.tcs .tcs-chip.is-owned{background-color:#f4f6f8}
.tcs .tcs-level{color:var(--tc-ink)}
.tcs .tcs-add{border-radius:14px!important}
