/* CS2-ALL mini categories — all rules are scoped; no framework required. */
.cs16-mini{--mini-ink:#293546;--mini-muted:#748195;--mini-line:#e9edf2;--mini-accent:#bf590b;box-sizing:border-box;margin:0 0 24px;background:#fff;border:1px solid var(--mini-line);border-radius:16px;color:var(--mini-ink);font-family:Rubik,Arial,sans-serif;font-weight:400;box-shadow:0 7px 28px #23364b04;isolation:isolate}
.cs16-mini *{box-sizing:border-box}
.cs16-mini__header{position:relative;padding:24px 26px 23px;border-bottom:1px solid var(--mini-line);border-radius:16px 16px 0 0;background:linear-gradient(90deg,#fff 35%,#fff9f1c9 70%,#fff9f17d),url('../images/mini-categories/banner.webp') right 45%/auto 240% no-repeat;overflow:hidden}
.cs16-mini__eyebrow{display:block;margin:0 0 9px;font-size:10px;font-weight:400;letter-spacing:1.4px;text-transform:uppercase;color:var(--mini-accent)}
.cs16-mini__header h1{margin:0;color:var(--mini-ink);font:400 28px/1.22 Rubik,Arial,sans-serif;letter-spacing:-.6px}
.cs16-mini__header p{margin:9px 0 0;color:#647286;font-size:13px;line-height:1.5}
.cs16-mini__nav{padding:0 20px}
.cs16-mini__row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--mini-line)}
.cs16-mini__group{margin:0!important;padding:0 10px 0 1px;color:#647286;font:400 10px/1.6 Rubik,Arial,sans-serif!important;letter-spacing:.65px;text-transform:uppercase}
.cs16-mini__list{list-style:none!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0!important;padding:0!important}
.cs16-mini__list>li{list-style:none!important;margin:0!important;padding:0!important;min-width:0}
.cs16-mini__list>li::before{content:none!important}
.cs16-mini__link{position:relative;display:flex;align-items:center;gap:8px;min-height:70px;height:100%;padding:7px 5px;border:1px solid transparent;border-radius:10px;color:var(--mini-ink)!important;text-decoration:none!important;transition:background-color .16s,border-color .16s;outline-offset:3px;-webkit-tap-highlight-color:#fff0e0;touch-action:manipulation}
.cs16-mini__icon{display:block;flex:none;width:48px;height:48px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 2px #2935460b)}
.cs16-mini__label{font:400 12px/1.45 Rubik,Arial,sans-serif;overflow-wrap:break-word}
.cs16-mini__link:focus-visible{outline:2px solid #d87620;background:#fff5e9}
.cs16-mini__count{position:absolute;z-index:10;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);padding:6px 9px;white-space:nowrap;max-width:none;border-radius:6px;background:#293546;color:#fff;font:400 11px/1.4 Rubik,Arial,sans-serif;box-shadow:0 4px 12px #18253420;visibility:hidden;opacity:0;transition:opacity .12s;pointer-events:auto}
.cs16-mini__count::after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#293546}
.cs16-mini__count::before{content:"";position:absolute;inset:100% 0 -6px}
.cs16-mini__link:focus-visible .cs16-mini__count{visibility:visible;opacity:1}
@media(hover:hover){.cs16-mini__link:hover{background:#fff5e9;border-color:#ffe4c5;color:#ad4c08!important}.cs16-mini__link:hover .cs16-mini__count{visibility:visible;opacity:1}}
.cs16-mini__link[data-tip-dismissed] .cs16-mini__count{visibility:hidden;opacity:0}
.cs16-mini__more{margin:0;padding:0;border:0;background:none}
.cs16-mini__more>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:12px 2px;list-style:none;cursor:pointer;border-radius:7px;font:400 12px/1.5 Rubik,Arial,sans-serif}
.cs16-mini__more>summary::-webkit-details-marker{display:none}
.cs16-mini__more>summary::marker{content:""}
.cs16-mini__more>summary:focus-visible{outline:2px solid #d87620;outline-offset:2px}
.cs16-mini__hint{color:#647286;font-size:11px}
.cs16-mini__toggle{display:flex;align-items:center;gap:8px;color:var(--mini-accent);white-space:nowrap}
.cs16-mini__more>summary:hover .cs16-mini__toggle{text-decoration:underline;text-underline-offset:4px}
.cs16-mini__opened{display:none}
.cs16-mini__more[open] .cs16-mini__closed{display:none}
.cs16-mini__more[open] .cs16-mini__opened{display:inline}
.cs16-mini__more[open] .cs16-mini__toggle svg{transform:rotate(180deg)}
.cs16-mini__extra{padding-bottom:10px}
.cs16-mini__extra .cs16-mini__row{border-top:1px solid var(--mini-line);border-bottom:0;align-items:start}
.cs16-mini__extra .cs16-mini__group{padding-top:20px}
@media(min-width:701px) and (max-width:1199px){.cs16-mini__row{grid-template-columns:100px minmax(0,1fr);gap:8px}.cs16-mini__list{grid-template-columns:repeat(2,minmax(0,1fr))}.cs16-mini__icon{width:44px;height:44px}}
@media(max-width:700px){.cs16-mini{border-radius:12px;margin-bottom:18px}.cs16-mini__header{padding:20px 17px;background-size:auto 190%;border-radius:12px 12px 0 0}.cs16-mini__header h1{font-size:25px}.cs16-mini__header p{font-size:12px;max-width:210px}.cs16-mini__nav{padding:0 12px}.cs16-mini__row{display:block;padding:13px 0}.cs16-mini__group{padding:0 5px 7px!important;font-size:9px!important;letter-spacing:.8px}.cs16-mini__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.cs16-mini__link{display:grid;grid-template-columns:39px minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;row-gap:2px;padding:7px 4px;min-height:65px;align-content:center}.cs16-mini__icon{width:39px;height:39px;grid-row:1/3}.cs16-mini__label{font-size:11px;align-self:end}.cs16-mini__count,.cs16-mini__link[data-tip-dismissed] .cs16-mini__count{position:static;transform:none;padding:0;background:none;box-shadow:none;color:#69778a;font-size:10px;opacity:1;visibility:visible;grid-column:2;align-self:start;white-space:normal}.cs16-mini__count::before,.cs16-mini__count::after{display:none}.cs16-mini__hint{display:none}.cs16-mini__more>summary{justify-content:center;min-height:48px}.cs16-mini__extra .cs16-mini__group{padding-top:0}.cs16-mini__extra{padding-bottom:0}}
@media(hover:none) and (min-width:701px){.cs16-mini__link{flex-wrap:wrap;gap:4px 8px}.cs16-mini__count{position:static;transform:none;background:none;padding:0 0 0 56px;box-shadow:none;color:#69778a;visibility:visible;opacity:1;width:100%;font-size:10px}.cs16-mini__count::before,.cs16-mini__count::after{display:none}}
@media(prefers-reduced-motion:reduce){.cs16-mini *{transition:none!important}}
