.category-intro.hr-expanded{max-width:1300px}
.hr-section{padding:0;margin:42px 0 65px}
.hr-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}
.hr-heading>div{max-width:760px}
.hr-heading h2{margin:0 0 10px}
.hr-heading p{color:var(--muted);font-size:17px;line-height:1.9;margin:0}
.hr-catalog.button{flex:0 0 auto;margin:0;color:var(--navy)}
.hr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hr-card{border:1px solid #d9e1e8;background:#fff;display:flex;flex-direction:column;min-width:0}
.hr-card:hover{border-color:var(--orange)}
.hr-photo{position:relative;width:100%;height:270px;border:0;border-bottom:1px solid #e6ebef;background:#fff;padding:24px;display:flex;align-items:center;justify-content:center}
.hr-photo img{width:100%;height:100%;object-fit:contain}
.hr-photo-count{position:absolute;inset-inline-end:12px;bottom:11px;background:var(--paper);color:var(--navy);padding:5px 9px;border-radius:3px;font-size:12px}
.hr-body{padding:24px;display:flex;flex-direction:column;flex:1}
.hr-maker{font:700 13px Montserrat,Arial;color:var(--orange);letter-spacing:.08em}
.hr-body h3{font:700 21px Montserrat,Arial;margin:10px 0 12px;line-height:1.4}
.hr-description{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 18px;min-height:140px}
.hr-tags{display:flex;gap:7px;flex-wrap:wrap;align-content:flex-start;margin:0 0 22px;min-height:58px}
.hr-tags span{background:var(--paper);padding:4px 9px;border-radius:3px;font-size:12px}
.hr-actions{display:grid;gap:8px;margin-top:auto}
.hr-actions .button{width:100%;margin:0;padding:11px 12px;text-align:center}
.hr-actions .hr-gallery-button{border:1px solid #c9d3dc;background:#fff;color:var(--navy);font-weight:700;padding:10px 12px}
.hr-dialog{border:0;padding:0;width:min(980px,94vw);max-width:none;max-height:92vh;color:var(--navy);box-shadow:0 25px 90px #0007}
.hr-dialog::backdrop{background:#04172de0}
.hr-modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #d9e1e8}
.hr-modal-head h2{font:700 22px Montserrat,Arial;margin:0}
.hr-close{border:0;background:var(--paper);color:var(--navy);border-radius:50%;width:38px;height:38px;font-size:24px;line-height:1}
.hr-modal-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:24px;padding:22px}
.hr-viewer{min-height:365px;background:#f8fafb;border:1px solid #e1e7ec;position:relative;display:flex;align-items:center;justify-content:center}
.hr-viewer>img{width:100%;height:365px;object-fit:contain;padding:25px}
.hr-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);border:0;background:#fff;color:var(--navy);width:42px;height:42px;border-radius:50%;box-shadow:0 3px 14px #0002;font-size:28px;line-height:1}
.hr-prev{inset-inline-start:10px}.hr-next{inset-inline-end:10px}
.hr-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 4px}
.hr-thumb{flex:0 0 86px;height:72px;border:1px solid #d9e1e8;background:#fff;padding:4px}
.hr-thumb[aria-pressed=true]{border:2px solid var(--orange);padding:3px}
.hr-thumb img{width:100%;height:100%;object-fit:contain}
.hr-counter{font:12px Montserrat,Arial;color:var(--muted);margin-top:5px}
.hr-modal-info h3{font-size:20px;margin:18px 0 7px}
.hr-modal-info p{color:var(--muted);font-size:15px;line-height:1.75}
.hr-modal-info .button{margin:15px 0 0;width:100%}
@media(max-width:950px){
  .hr-grid{grid-template-columns:1fr}
  .hr-card{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr}
  .hr-photo{height:100%;min-height:290px;border-bottom:0;border-inline-end:1px solid #e6ebef}
  .hr-heading{align-items:flex-start}
  .hr-description,.hr-tags{min-height:0}
}
@media(max-width:720px){
  .hr-heading{display:block}.hr-catalog.button{margin-top:18px}
  .hr-card{display:flex}.hr-photo{height:245px;min-height:0;border-inline-end:0;border-bottom:1px solid #e6ebef}
  .hr-modal-body{grid-template-columns:1fr;overflow-y:auto;max-height:calc(92vh - 74px)}
  .hr-viewer{min-height:250px}.hr-viewer>img{height:270px}
}