/* Exact HH286/306 mixed directories: retain legacy12tracks and sibling geometry. Mobile remains unchanged. */
@media(min-width:701px){
body.shop-3 [data-hh-category-id="286"] .hh-web-studio-directory .hh-cat-directory-grid,
body.shop-3 [data-hh-category-id="306"] .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}
body.shop-3 [data-hh-category-id="286"] .hh-cat-directory-card.hh-web-studio-card[href*="/287-"],
body.shop-3 [data-hh-category-id="306"] .hh-cat-directory-card.hh-web-studio-card[href*="/313-"]{grid-column:span 3!important;grid-row:auto!important;align-self:start!important}
body.shop-3 [data-hh-category-id="286"] .hh-cat-directory-card:not(.hh-web-studio-card),
body.shop-3 [data-hh-category-id="306"] .hh-cat-directory-card:not(.hh-web-studio-card){align-self:start!important}
}
@media(min-width:901px) and (max-width:1180px){
body.shop-3 [data-hh-category-id="286"] .hh-cat-directory-card.hh-web-studio-card[href*="/287-"],
body.shop-3 [data-hh-category-id="306"] .hh-cat-directory-card.hh-web-studio-card[href*="/313-"]{grid-column:span 4!important}
}
@media(min-width:701px) and (max-width:900px){
body.shop-3 [data-hh-category-id="286"] .hh-cat-directory-card.hh-web-studio-card[href*="/287-"],
body.shop-3 [data-hh-category-id="306"] .hh-cat-directory-card.hh-web-studio-card[href*="/313-"]{grid-column:span 6!important}
}