/* Budget only: keep the first block legible and its reviews subordinate. */
.hero:has(.hero-copy){align-items:start}
.hero .hero-copy{min-width:0}
.hero .actions,.office-hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.hero .actions>a.button,.office-hero .actions>a.button{width:100%;min-width:0;height:100%;text-align:center}
.hero .hero-reviews{max-width:100%;margin-top:18px;order:9}
.hero-reviews .official-rating-trial{display:flex;flex-wrap:wrap;gap:12px 24px}
.hero-reviews .official-rating-item{border:0;padding:0;border-radius:0;background:transparent;gap:4px;flex:0 1 150px}
.hero-reviews .official-rating-item>strong{font-size:13px;line-height:1.4}
.hero-reviews .official-rating-item>a{font-size:12px;min-height:24px;display:inline-flex;align-items:center}
.hero-reviews h2{font-size:14px;margin-bottom:8px}
.hero .hero-reviews .official-badge{min-height:50px}
@media(min-width:601px) and (max-width:900px){
 .hero:has(.hero-copy){grid-template-columns:1fr}
 .sales-page .hero{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .sales-page .hero-copy{display:contents}
 .sales-page .hero .eyebrow{order:0}
 .sales-page .hero h1{order:1;font-size:36px;margin:14px 0 20px}
 .sales-page .hero-photo{order:2;margin:0 0 20px}
 .sales-page .hero-photo img{height:360px;object-fit:contain}
 .sales-page .hero .lead{order:3}
 .sales-page .hero .hero-price,.sales-page .hero .hero-example{order:4}
 .sales-page .hero .hero-subline,.sales-page .hero .mount-tags{order:5}
 .sales-page .hero .hero-benefit{order:6}
 .sales-page .hero .actions{order:7}
 .sales-page .hero-copy>.fine:not(.hero-benefit){order:8}
}
.cz-photo-zoom{position:relative;display:block;cursor:zoom-in}
.cz-photo-zoom::after{content:"Увеличить";position:absolute;right:12px;bottom:12px;z-index:2;padding:6px 10px;border-radius:6px;background:#fffaf2;color:#432e25;font:600 13px/1.4 Arial,sans-serif;pointer-events:none;opacity:0}
.cz-photo-zoom:focus-visible::after{opacity:1}
.cz-photo-zoom:focus-visible{outline:3px solid #946126;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 .cz-photo-zoom img{transition:filter 180ms cubic-bezier(.23,1,.32,1)}
 .cz-photo-zoom::after{transition:opacity 180ms cubic-bezier(.23,1,.32,1)}
 .cz-photo-zoom:hover{outline:2px solid #946126;outline-offset:-2px}
 .cz-photo-zoom:hover img{filter:brightness(.94)}
 .cz-photo-zoom:hover::after{opacity:1}
}
@media(max-width:600px){
 .hero .actions,.office-hero .actions{grid-template-columns:1fr}
 .sales-page .hero .hero-reviews,.blackout-page .hero .hero-reviews{order:9}
 .hero .hero-reviews{align-self:stretch}
}
@media(prefers-reduced-motion:reduce){.cz-photo-zoom img,.cz-photo-zoom::after{transition:none!important}}