/* Exact JP tablet accessories only: complete source image; all existing title words retained. */
body.shop-1 [data-hh-category-id="307"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="308"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="325"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="335"] .hh-web-studio-hero h1{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@media(max-width:700px){
body.shop-1 [data-hh-category-id="307"] .hh-web-studio-hero .hh-cat-editorial-copy,
body.shop-1 [data-hh-category-id="308"] .hh-web-studio-hero .hh-cat-editorial-copy,
body.shop-1 [data-hh-category-id="325"] .hh-web-studio-hero .hh-cat-editorial-copy,
body.shop-1 [data-hh-category-id="335"] .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}
body.shop-1 [data-hh-category-id="307"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="308"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="325"] .hh-web-studio-hero h1,
body.shop-1 [data-hh-category-id="335"] .hh-web-studio-hero h1{font-size:20px!important;line-height:1.12!important}
}
/* Directory307 has three first-level children; keep the JP column bands and square cards. */
body.shop-1 [data-hh-category-id="307"] .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="307"] .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="307"] .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="307"] .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}

/* Keep the long JP335 title clear of the transparent protector at narrow mobile widths. */
@media(max-width:389px){body.shop-1 [data-hh-category-id="335"] .hh-web-studio-hero h1{font-size:18px!important}}