/* Home hero: approved "Фото мастерской" layout, isolated from legacy banners. */
.hero-first-screen.hero-workshop {
  display:block;
  min-height:0;
  padding-block:clamp(28px,4svh,40px);
  background:linear-gradient(120deg,#fbfaff 0%,#f3f1fa 100%);
}
.hero-workshop .hero-workshop-grid {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:clamp(26px,3vw,40px);
  align-items:center;
}
.hero-workshop .hero-workshop-copy,.hero-workshop .hero-workshop-photo {min-width:0}
.hero-workshop .hero-workshop-label {
  margin:0 0 16px;
  font-size:12px;
  line-height:1.4;
  letter-spacing:1.25px;
  text-transform:uppercase;
  font-weight:700;
  color:#3c2b99;
}
.hero-workshop h1 {
  font-size:clamp(36px,3.5vw,49px);
  line-height:1.08;
  letter-spacing:-.6px;
  margin:0 0 20px;
  color:#303035;
}
.hero-workshop h1 .hero-workshop-city {color:#3c2b99}
.hero-workshop .hero-workshop-intro {font-size:20px;line-height:1.45;max-width:440px;margin:0;font-weight:400}
.hero-workshop .hero-workshop-actions {display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:25px}
.hero-workshop .hero-workshop-actions .btn {gap:10px;padding:14px 22px;min-height:54px;font-size:19px;border-radius:11px;line-height:1.2}
.hero-workshop .hero-workshop-actions .ui-icon {width:20px;height:20px;flex:none}
.hero-workshop .hero-workshop-price-link {font-size:17px;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding-block:8px;color:#3c2b99}
.hero-workshop .hero-workshop-help {font-size:15px;line-height:1.4;color:#62616e;max-width:400px;margin:13px 0 0}
.hero-workshop .hero-workshop-photo-box {position:relative;overflow:hidden;border-radius:22px;background:#18241e;margin:0}
.hero-workshop .hero-workshop-photo-box img {display:block;width:100%;height:clamp(280px,25vw,360px);object-fit:cover;object-position:48% 50%}
.hero-workshop .hero-workshop-photo-box figcaption {position:absolute;inset:auto 0 0;padding:38px 20px 18px;background:linear-gradient(transparent,rgba(12,24,16,.88));color:#fff;font-size:15px;line-height:1.3}
.hero-workshop .hero-workshop-photo-box figcaption strong {display:block;font-size:19px;font-weight:700;margin-bottom:4px}
.hero-workshop .hero-workshop-address {display:flex;align-items:center;gap:8px;margin:12px 3px 0;color:#62616e;font-size:14px;line-height:1.4;text-decoration:none}
.hero-workshop .hero-workshop-address:hover {color:#3c2b99;text-decoration:underline}
.hero-workshop .hero-workshop-address .ui-icon {width:16px;height:16px;flex:none}
.hero-workshop .hero-workshop-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;padding:24px 0 0;border-top:1px solid #dcd7ec;list-style:none}
.hero-workshop .hero-workshop-facts li {display:flex;align-items:center;gap:14px;padding:0 24px;border-left:1px solid #dcd7ec;margin:0;min-width:0}
.hero-workshop .hero-workshop-facts li:first-child {padding-left:0;border-left:0}
.hero-workshop .hero-workshop-facts li:last-child {padding-right:0}
.hero-workshop .hero-workshop-facts .ui-icon {width:28px;height:28px;flex:none;color:#3c2b99}
.hero-workshop .hero-workshop-facts strong {display:block;font-size:30px;line-height:1;font-weight:800;color:#3c2b99;white-space:nowrap}
.hero-workshop .hero-workshop-facts span {display:block;margin-top:0;font-size:15px;line-height:1.3;color:#62616e}
@media(max-width:950px) {
  .hero-workshop h1 {font-size:36px}
  .hero-workshop .hero-workshop-intro {font-size:19px}
  .hero-workshop .hero-workshop-grid {gap:26px}
  .hero-workshop .hero-workshop-actions {gap:12px 18px;margin-top:22px}
  .hero-workshop .hero-workshop-actions .btn {font-size:18px;padding-inline:18px}
  .hero-workshop .hero-workshop-photo-box img {height:310px}
  .hero-workshop .hero-workshop-facts li {gap:9px;padding-inline:16px}
  .hero-workshop .hero-workshop-facts strong {font-size:26px}
  .hero-workshop .hero-workshop-facts span {font-size:14px}
}
@media(max-width:600px) {
  .hero-first-screen.hero-workshop {padding-block:27px 25px}
  .hero-workshop .hero-workshop-grid {grid-template-columns:minmax(0,1fr);gap:26px}
  .hero-workshop .hero-workshop-label {font-size:11px;letter-spacing:1px;margin-bottom:14px}
  .hero-workshop h1 {font-size:clamp(30px,8.3vw,35px);line-height:1.07;letter-spacing:-.4px;margin-bottom:16px}
  .hero-workshop .hero-workshop-intro {font-size:18px;max-width:100%}
  .hero-workshop .hero-workshop-actions {gap:12px 17px;margin-top:21px}
  .hero-workshop .hero-workshop-actions .btn {font-size:18px;min-height:52px;padding:14px 17px}
  .hero-workshop .hero-workshop-price-link {font-size:16px}
  .hero-workshop .hero-workshop-help {font-size:13px;margin-top:12px;max-width:300px}
  .hero-workshop .hero-workshop-photo-box {border-radius:17px}
  .hero-workshop .hero-workshop-photo-box img {height:230px}
  .hero-workshop .hero-workshop-photo-box figcaption {padding:32px 17px 16px;font-size:14px}
  .hero-workshop .hero-workshop-photo-box figcaption strong {font-size:18px}
  .hero-workshop .hero-workshop-address {font-size:12px;margin-top:10px}
  .hero-workshop .hero-workshop-facts {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);margin-top:22px;padding-top:20px;gap:12px}
  .hero-workshop .hero-workshop-facts li {display:block;padding-inline:8px}
  .hero-workshop .hero-workshop-facts .ui-icon {display:none}
  .hero-workshop .hero-workshop-facts strong {font-size:21px}
  .hero-workshop .hero-workshop-facts span {font-size:12px;line-height:1.25}
}
@media(max-width:360px) {
  .hero-workshop .hero-workshop-facts {gap:8px}
  .hero-workshop .hero-workshop-facts strong {font-size:19px}
  .hero-workshop .hero-workshop-facts li {padding-inline:6px}
}