/* New website photographs never replace the apps' artwork. */
body.shop-1 .hh-web-studio-directory .hh-cat-directory-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:16px!important}
@media(max-width:1000px){body.shop-1 .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){body.shop-1 .hh-web-studio-directory .hh-cat-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
body.shop-1 .hh-cat-directory-card.hh-web-studio-card{display:block!important;grid-column:auto!important;grid-row:auto!important;min-height:0!important;aspect-ratio:auto!important;border:1px solid #dce5f0!important;border-radius:10px!important;background:#fff!important;overflow:hidden;box-shadow:none!important}
body.shop-1 .hh-web-studio-card .hh-cat-directory-media{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;min-height:0!important;background:#edf2f7!important;overflow:hidden!important}
body.shop-1 .hh-web-studio-card .hh-cat-directory-media img{position:static!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
body.shop-1 .hh-web-studio-card .hh-cat-directory-media::after{display:none!important}
body.shop-1 .hh-web-studio-card .hh-cat-directory-copy{position:static!important;display:flex!important;align-items:center;justify-content:space-between;min-height:52px!important;padding:12px 14px!important;background:#fff!important}
body.shop-1 .hh-cat-landing .hh-cat-directory-card.hh-web-studio-card .hh-cat-directory-copy h3{margin:0!important;color:#102b49!important;font-size:17px!important;line-height:1.22!important;text-shadow:none!important}
body.shop-1 .hh-web-studio-card .hh-cat-directory-copy i{font-size:18px;color:#1264f4}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-media img{object-fit:cover!important;object-position:center!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-media::after{display:none!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-shade{background:linear-gradient(90deg,rgba(248,244,237,.65),transparent 45%)!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy{position:absolute!important;inset:0 auto auto 0!important;width:40%!important;min-height:0!important;padding:clamp(16px,2vw,28px)!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy h1{color:#102b49!important;text-shadow:none!important;font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important}
body.shop-1 .hh-cat-landing .hh-web-studio-hero{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:#edf2f7;box-shadow:none}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-media{position:relative!important;inset:auto!important;height:auto!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-media img{position:static!important;height:auto!important;object-fit:contain!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-shade{display:none!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy h1{text-wrap:wrap!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy{width:32%!important;padding:clamp(16px,2vw,28px)!important}
body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy h1{font-size:clamp(24px,2.8vw,42px)!important;line-height:1.12!important;hyphens:auto}
@media(max-width:700px){
 body.shop-1 .hh-web-studio-card .hh-cat-directory-copy{min-height:48px!important;padding:10px!important}
 body.shop-1 .hh-web-studio-card .hh-cat-directory-copy h3{font-size:15px!important}
 body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy{position:relative!important;inset:auto!important;width:100%!important;padding:16px!important;order:-1;background:#edf2f7!important}
 body.shop-1 .hh-cat-landing .hh-web-studio-hero{display:flex!important;flex-direction:column!important}
 body.shop-1 .hh-web-studio-hero .hh-cat-editorial-copy h1{font-size:25px!important}
}

/* Keep decorative arrows from consuming short mobile category labels. */
@media(max-width:700px){body.shop-1 .hh-web-studio-card .hh-cat-directory-copy>i{display:none!important}}

/* Three long category names retain complete words on narrow JP screens. */
@media(max-width:350px){
 body.shop-1 .hh-cat-landing .hh-web-studio-card[data-jp-category-id="348"] .hh-cat-directory-copy h3{font-size:16px!important}
 body.shop-1 .hh-cat-landing .hh-web-studio-card[data-jp-category-id="301"] .hh-cat-directory-copy h3,
 body.shop-1 .hh-cat-landing .hh-web-studio-card[data-jp-category-id="347"] .hh-cat-directory-copy h3{font-size:15px!important}
 body.shop-1 .hh-cat-landing .hh-web-studio-card[data-jp-category-id="347"] .hh-cat-directory-copy{padding-left:6px!important;padding-right:6px!important}
}