/* JP306/313 only: new panoramas keep the existing title inside their clear left area. */
body.shop-1 .hh-cat-landing:is([data-hh-category-id="306"],[data-hh-category-id="313"]) .hh-web-studio-hero h1 {
 white-space:normal!important;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;
}
@media(max-width:700px){
 body.shop-1 .hh-cat-landing:is([data-hh-category-id="306"],[data-hh-category-id="313"]) .hh-web-studio-hero .hh-cat-editorial-copy {
  position:absolute!important;inset:0 auto auto 0!important;width:35%!important;padding:8px!important;
  min-height:0!important;background:transparent!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;
 }
 body.shop-1 .hh-cat-landing:is([data-hh-category-id="306"],[data-hh-category-id="313"]) .hh-web-studio-hero h1 {font-size:20px!important;line-height:1.12!important}
}
/* Exact JP306 directory: preserve the real published4/3/2-column grid and gaps; the new iPad tile must not shrink Accessories307. */
body.shop-1 [data-hh-category-id="306"] .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(12px,1.5vw,20px)!important}
body.shop-1 [data-hh-category-id="306"] .hh-cat-directory-card{grid-column:auto!important;grid-row:auto!important;align-self:start!important}
@media(max-width:1180px){body.shop-1 [data-hh-category-id="306"] .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){body.shop-1 [data-hh-category-id="306"] .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}