/* R7: four bounded refinements inside the existing visual world. */
@media(max-width:700px){
 #catalog-app[data-public-catalog] .view-detail{display:none!important}
 #catalog-app[data-public-catalog] .image-button{cursor:zoom-in}
 #catalog-app[data-public-catalog] .card-actions{grid-template-columns:1fr;margin-top:auto;padding:8px}
 #catalog-app[data-public-catalog] .card-actions .ask-button{width:100%;min-height:44px}
 #catalog-app[data-public-catalog] .style-options{margin:0 8px 8px;font:400 14px/1.5 var(--sans)}
 #catalog-app[data-public-catalog] .style-options summary{min-height:44px;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
 #catalog-app[data-public-catalog] .style-options .tags{padding:0 0 8px}
 #catalog-app[data-public-catalog] .style-options .customize-link{min-height:44px;width:100%;font:400 14px/1.45 var(--sans);padding:8px;background:transparent;color:var(--ink);border:1px solid var(--line);cursor:pointer}
 #catalog-app[data-public-catalog] .product-copy>div>p{font-size:14px!important}
}
body[data-page="custom-development"] .page-hero h1{max-width:none;width:100%;text-wrap:balance}
body[data-page="index"] .hero:has(.hero-lifestyle-photo) .facts{font-family:var(--sans);font-size:14px;line-height:1.6;letter-spacing:0;max-width:100%;display:flex;flex-wrap:wrap;gap:4px 16px}
body[data-page="index"] .hero:has(.hero-lifestyle-photo) .facts>span{white-space:nowrap}
body[data-page="about"] #design-team .split{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
body[data-page="about"] #design-team .ed-in{position:relative;aspect-ratio:1280/600;overflow:hidden}
body[data-page="about"] #design-team .ed-in img[data-original="assets/p1/about-designers.webp"]{position:absolute;width:125%!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:1600/900!important;left:-25%;top:-50%;object-fit:contain!important;transform:none!important}
@media(max-width:900px){body[data-page="about"] #design-team .split{grid-template-columns:minmax(0,1fr)}}

@media(max-width:359px){body[data-page="custom-development"] .page-hero h1{font-size:40px}}