/* V3.1 category-aware premium storefront. Shared PHP/MySQL commerce engine unchanged. */
.ks26-hero-grid.ks31-hero-solo {grid-template-columns:minmax(0,1fr)}
.ks31-mosaic {display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:16px}
.ks31-mosaic > a {min-width:0;min-height:260px;position:relative;border-radius:22px;overflow:hidden;background:#15263b;display:block}
.ks31-mosaic > a:first-child {min-height:320px}
.ks31-mosaic img {position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ks31-mosaic a:hover img {transform:scale(1.055)}
.ks31-mosaic a:focus-visible {outline:3px solid #fb8a27;outline-offset:3px}
.ks31-mosaic > a::before {content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(12,20,36,.85),transparent 75%)}
.ks31-mosaic a > span {position:absolute;z-index:2;bottom:23px;left:24px;right:22px;display:flex;gap:9px;flex-direction:column;color:#fff}
.ks31-mosaic a small {letter-spacing:.08em;font-size:12px;color:#fff8}
.ks31-mosaic a strong {font-size:clamp(17px,2vw,27px);line-height:1.18;max-width:18ch}
.ks31-mosaic a em {font-style:normal;font-weight:700;color:#fff}
.ks31-admin-heading {margin-bottom:22px}.ks31-admin-heading h2{font-size:clamp(22px,3vw,31px);letter-spacing:-.035em;margin:0 0 8px}.ks31-admin-heading p{color:#64748b;margin:0}
.ks31-quality-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 24px}
.ks31-quality-metrics>div{padding:24px;border-radius:18px;border:1px solid #e2e8f0;background:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 32px #15263b08}
.ks31-quality-metrics small{color:#64748b;font-weight:650}.ks31-quality-metrics strong{font-size:32px;color:#13263b}
.ks31-quality-alert{padding:10px 13px;border:1px solid #f6dbb5;border-radius:10px;background:#fffbf4;color:#784915}
.ks31-admin-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
@media (max-width:980px){.ks31-mosaic{grid-template-columns:1fr 1fr}.ks31-mosaic>a:first-child{grid-column:1/-1}.ks31-quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ks31-mosaic{grid-template-columns:1fr}.ks31-mosaic>a:first-child{grid-column:auto}.ks31-mosaic>a{min-height:240px!important}.ks31-quality-metrics{gap:8px}.ks31-quality-metrics>div{padding:14px}.ks31-quality-metrics strong{font-size:24px}}
.ks31-mosaic {height:auto!important;align-items:stretch}
.ks31-mosaic .ks26-mosaic-small {min-height:320px}
.ks26-promo-side:has(>a:only-child){grid-template-rows:1fr}
@media(max-width:790px){.ks31-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.ks31-mosaic>a:first-child{grid-column:1/-1}}
@media(max-width:600px){.ks31-mosaic{grid-template-columns:1fr}.ks31-mosaic>a:first-child{grid-column:auto}}