.region-panel[hidden],.case-card[hidden],.case-image-controls[hidden]{display:none}
.region-panel>strong{display:block;font-size:19px;font-weight:500;color:#e0eaf0}
.region-panel>span{display:block;font-size:12px;color:var(--muted);margin-top:7px}
.region-detail>section>div{max-height:180px;overflow:auto;margin-top:17px;padding-right:10px;display:grid;gap:6px}
.case-catalog-tools,.case-catalog-pages,.case-image-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0}
.case-catalog-tools select,.case-catalog-pages button,.case-image-controls button{background:#102635;color:#e9eef2;border:1px solid #456073;min-height:44px;padding:8px 14px;border-radius:2px}
.case-catalog-tools label{display:flex;align-items:center;gap:12px}
.case-catalog-pages button:disabled,.case-image-controls button:disabled{opacity:.4;cursor:default}
.case-image-controls{padding:0 24px 12px}
.case-grid{scroll-margin-top:120px}
.catalog-auto.apparel-composition,.catalog-auto.gift-composition{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:260px}
.catalog-auto .apparel-piece,.catalog-auto .gift-piece{grid-column:auto!important;grid-row:auto!important;height:auto!important}
@media(max-width:800px){.region-detail>section>div{max-height:140px}}
@media(max-width:640px){.catalog-auto.apparel-composition,.catalog-auto.gift-composition{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}.case-catalog-tools select{max-width:180px}.case-catalog-pages,.case-image-controls{gap:8px}.case-image-controls{padding-inline:12px}}

/* A filtered page keeps the same composition as the first page. */
.case-grid>.case-card[data-page-position="0"]{grid-column:span 8}
.case-grid>.case-card[data-page-position="1"]{grid-column:span 4}
.case-grid>.case-card[data-page-position="0"] img,.case-grid>.case-card[data-page-position="1"] img{height:400px}
@media(max-width:800px){.case-grid>.case-card[data-page-position="0"]{grid-column:span 7}.case-grid>.case-card[data-page-position="1"]{grid-column:span 5}.case-grid>.case-card[data-page-position="0"] img,.case-grid>.case-card[data-page-position="1"] img{height:260px}}
@media(max-width:520px){.case-grid>.case-card[data-page-position]{grid-column:1/-1}.case-grid>.case-card[data-page-position] img{height:240px}}