
.mts-explorer{box-sizing:border-box;width:100%;max-width:none;--mts-section:#1c3d84;--mts-line:rgba(255,255,255,.20);--mts-text:#ffffff;--mts-muted:rgba(255,255,255,.78);--mts-soft:rgba(255,255,255,.62);--mts-accent:#7ee7d8;background:transparent;color:var(--mts-text);padding:clamp(30px,5vw,70px) 0;font-family:inherit;position:relative}
.mts-explorer__top{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.mts-kicker{display:block;color:var(--mts-accent);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.mts-explorer h2{margin:0;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;color:var(--mts-text)}
.mts-explorer h2 em{font-style:normal;color:var(--mts-accent)}
.mts-explorer__top>p{color:var(--mts-muted);font-size:17px;max-width:500px;margin:0 0 7px}
.mts-toolbar{width:100%;max-width:none;margin:55px 0 0;z-index:8;padding:14px 0}
.mts-search{display:flex;align-items:center;gap:12px;border:1px solid var(--mts-line);background:rgba(255,255,255,.035);border-radius:16px;padding:0 17px;margin-bottom:14px}
.mts-search span{color:var(--mts-accent);font-size:24px}
.mts-search input{width:100%;height:56px;border:0;outline:0;background:transparent;color:var(--mts-text);font:inherit;font-size:16px}
.mts-search input::placeholder{color:rgba(255,255,255,.58)}
.mts-filters{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) transparent;padding:2px 8px 10px 0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.mts-filters::-webkit-scrollbar{height:6px}.mts-filters::-webkit-scrollbar-track{background:transparent}.mts-filters::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
.mts-filters button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;border:1px solid var(--mts-line);background:transparent;color:rgba(255,255,255,.90);border-radius:999px;padding:10px 14px;font:inherit;cursor:pointer;transition:.2s}
.mts-filters button small{opacity:.55;margin-left:5px}
.mts-filters button:hover,.mts-filters button.is-active{background:var(--mts-text);color:#17366f;border-color:var(--mts-text)}
.mts-results-meta{width:100%;max-width:none;margin:18px 0;color:rgba(255,255,255,.68);font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.mts-grid{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mts-card{border:1px solid var(--mts-line);border-radius:18px;background:rgba(8,27,68,.34);min-height:320px;padding:22px;display:flex;flex-direction:column;position:relative;transition:transform .25s,border-color .25s,background .25s;backdrop-filter:blur(7px)}
.mts-card:hover{transform:translateY(-4px);border-color:rgba(105,240,208,.38);background:rgba(8,27,68,.52)}
.mts-card[hidden]{display:none!important}
.mts-card__index{position:absolute;right:18px;top:16px;font-size:12px;color:rgba(255,255,255,.46);letter-spacing:.12em}
.mts-card__category{display:inline-block;color:var(--mts-accent);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;margin-bottom:18px;max-width:80%}
.mts-card h3{font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--mts-text);padding-right:8px}
.mts-card__official{font-size:11px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-top:12px}
.mts-card p{color:var(--mts-muted);font-size:14px;line-height:1.55;margin:18px 0 0}
.mts-card__open{margin-top:auto;padding:20px 0 0;border:0;border-top:1px solid var(--mts-line);background:none;color:var(--mts-text);display:flex;align-items:center;justify-content:space-between;font:inherit;font-weight:600;cursor:pointer;text-align:left}
.mts-card__open b{font-size:19px;color:var(--mts-accent);font-weight:400}
.mts-more-wrap{text-align:center;margin-top:28px}
.mts-more{border:1px solid var(--mts-line);border-radius:999px;background:transparent;color:var(--mts-text);padding:13px 20px;font:inherit;font-weight:600;cursor:pointer}
.mts-more span{color:var(--mts-accent);margin-left:8px}
.mts-empty{width:100%;max-width:none;margin:35px 0;color:var(--mts-muted);padding:30px;border:1px dashed var(--mts-line);border-radius:18px;text-align:center}
.mts-drawer{position:fixed;inset:0;z-index:99999;pointer-events:none;visibility:hidden}
.mts-drawer.is-open{pointer-events:auto;visibility:visible}
.mts-drawer__backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);opacity:0;transition:.3s;backdrop-filter:blur(7px);cursor:default}
.mts-drawer.is-open .mts-drawer__backdrop{opacity:1}
.mts-drawer__panel{position:absolute;right:0;top:0;height:100%;width:min(610px,92vw);background:#17366f;border-left:1px solid var(--mts-line);padding:clamp(28px,5vw,62px);transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);overflow:auto;box-sizing:border-box}
.mts-drawer.is-open .mts-drawer__panel{transform:translateX(0)}
.mts-drawer__close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:1px solid var(--mts-line);border-radius:50%;background:transparent;color:var(--mts-text);font-size:25px;cursor:pointer}
.mts-drawer__category{display:block;color:var(--mts-accent);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;margin-top:35px}
.mts-drawer__title{font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.05em;margin:18px 0 0;color:var(--mts-text)}
.mts-drawer__official{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.64);margin-top:16px}
.mts-drawer__description{font-size:16px;line-height:1.75;color:var(--mts-muted);margin-top:34px}
.mts-drawer__facts{margin-top:35px;border-top:1px solid var(--mts-line)}
.mts-drawer__facts>div{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--mts-line)}
.mts-drawer__facts small,.mts-outcomes>small{color:rgba(255,255,255,.64);text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.mts-drawer__facts strong{color:var(--mts-text);font-size:14px;font-weight:500}
.mts-outcomes{margin-top:30px}
.mts-outcomes ul{padding:0;margin:14px 0 0;list-style:none}
.mts-outcomes li{position:relative;padding:9px 0 9px 25px;color:var(--mts-muted);border-bottom:1px solid var(--mts-line);font-size:14px}
.mts-outcomes li:before{content:"✓";position:absolute;left:0;color:var(--mts-accent)}
.mts-drawer__cta{margin-top:38px;display:flex;align-items:center;justify-content:space-between;background:var(--mts-text);color:#17366f!important;border-radius:999px;padding:16px 19px;font-weight:700;text-decoration:none!important}
body.mts-no-scroll{overflow:hidden}
@media(max-width:960px){.mts-explorer__top{grid-template-columns:1fr;gap:24px}.mts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mts-explorer{padding-left:0;padding-right:0}.mts-explorer__top>p{font-size:15px}.mts-toolbar{margin-top:36px;padding-top:10px}.mts-search input{height:50px}.mts-grid{grid-template-columns:1fr}.mts-card{min-height:0;padding:18px}.mts-card p{display:none}.mts-card__official{max-width:88%;font-size:10px}.mts-card__open{margin-top:22px}.mts-drawer__panel{width:100%;padding:28px 20px}.mts-drawer__facts>div{grid-template-columns:1fr;gap:5px}.mts-drawer__title{padding-right:45px}}

.mts-install-empty{width:100%;max-width:none;margin:0 0 28px;padding:16px 18px;border:1px dashed var(--mts-line);border-radius:14px;color:var(--mts-muted);display:flex;gap:8px;flex-direction:column}.mts-install-empty strong{color:var(--mts-text)}

.mts-toolbar{position:relative}
.mts-toolbar:after{content:"";position:absolute;right:0;bottom:12px;width:42px;height:42px;pointer-events:none;background:linear-gradient(90deg,rgba(28,61,132,0),rgba(28,61,132,.95))}
.mts-results-meta{font-weight:700;color:rgba(255,255,255,.76)}
.mts-results-meta span{color:#fff}
.mts-card__official{color:rgba(255,255,255,.64)}
.mts-card__index{color:rgba(255,255,255,.50)}
.mts-drawer__panel{box-shadow:-24px 0 70px rgba(4,17,46,.32)}
.mts-drawer__official{color:rgba(255,255,255,.68)}
.mts-drawer__facts small,.mts-outcomes>small{color:rgba(255,255,255,.68)}
.mts-drawer__description,.mts-outcomes li{color:rgba(255,255,255,.80)}
.mts-drawer__close{background:rgba(255,255,255,.06)}
.mts-drawer__cta{background:#fff;color:#17366f!important}
.mts-drawer__cta span{color:#17366f}
@media(max-width:640px){
  .mts-toolbar:after{bottom:12px;width:34px}
  .mts-filters{margin-right:-14px;padding-right:38px}
}


/* =========================================================
   YOOTHEME CONTAINER WIDTH
   Follow the width selected on the YOOtheme section/row.
========================================================= */

.mts-explorer,
.mts-explorer * {
  box-sizing: border-box;
}

.mts-explorer {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-left: 0;
  margin-right: 0;
}

.mts-explorer__top,
.mts-toolbar,
.mts-results-meta,
.mts-grid,
.mts-empty,
.mts-install-empty {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Common YOOtheme wrappers around a Joomla Module element */
.uk-panel > .mts-explorer,
.uk-module > .mts-explorer,
.uk-panel .mts-explorer,
.uk-module .mts-explorer {
  width: 100% !important;
  max-width: none !important;
}

/* Prevent internal grid items from forcing a narrower module */
.mts-explorer__top > *,
.mts-grid > * {
  min-width: 0;
}
