/* Wider desktop presentation; mobile retains its current layout. */
@media(min-width:1200px){
 body .wrap{width:min(calc(100% - 64px),1440px)!important;max-width:1440px!important}
 body header .nav{width:100%;max-width:none;gap:24px}
 body .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:56px;align-items:center}
 body .hero h1{font-size:clamp(62px,4.3vw,82px);line-height:1.08;max-width:780px}
 body .hero-lead{max-width:660px}
 body .hero-art{min-height:clamp(470px,31vw,620px)}
 body .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
 body .catalog-picture[role=button]{cursor:zoom-in}
}
.catalog-picture[role=button]:focus-visible{outline:3px solid #ec008c;outline-offset:-3px}