.contact-reference{display:none}
@media(min-width:1024px){
 #contacts.has-contact-reference{display:block;padding:64px max(32px,calc((100vw - 1280px)/2)) 24px;color:#720c21}
 #contacts.has-contact-reference::after{display:none;content:none}
 #contacts.has-contact-reference>.section-kicker,#contacts.has-contact-reference>h2,#contacts.has-contact-reference>.contact-layout{display:none}
 #contacts .contact-reference{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:26px;font-family:SlepokCards,Arial,sans-serif;position:relative}
 #contacts .contact-reference h2,#contacts .contact-reference h3{font-family:SlepokCards,Arial,sans-serif;color:#720c21;font-weight:800;letter-spacing:-.035em;line-height:1.13;text-transform:none;transform:none;margin:0}
 #contacts .contact-reference h2{font-size:clamp(32px,3.25vw,46px);white-space:normal;margin:0 0 12px}
 #contacts .contact-reference h3{font-size:clamp(24px,2.1vw,30px)}
 #contacts .contact-reference-intro{font-size:18px;line-height:1.5;margin:0 0 24px}
 #contacts .contact-reference-booking{margin-bottom:24px}
 #contacts .contact-reference-left>h3{margin:0 0 14px}
 #contacts .contact-reference-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #contacts .contact-reference .contact-service{display:flex;align-items:center;gap:16px;min-height:90px;padding:16px 20px;border:2px solid var(--contact-frame,#8d8760);border-radius:14px;background:#fffaf0b8;color:#720c21;box-shadow:none;transform:none;text-decoration:none;min-width:0;box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease}
 #contacts .contact-reference .contact-service:hover{background:#fffaf0;border-color:#720c21}
 #contacts .contact-reference .contact-service:focus-visible{outline:3px solid #720c21;outline-offset:4px}
 #contacts .contact-reference .contact-service::after{display:none}
 #contacts .contact-reference .contact-service-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;background:var(--contact-icon,#8d8760);color:#fffaf0;transform:none}
 #contacts .contact-reference .contact-service-icon svg{width:31px;height:31px}
 #contacts .contact-reference .contact-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
 #contacts .contact-reference .contact-service-name{font-size:clamp(19px,1.75vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.025em;text-transform:none}
 #contacts .contact-reference .contact-service-hint{font-size:15px;line-height:1.3;color:#76664c;text-transform:none;letter-spacing:0;font-weight:500}
 #contacts .contact-reference .contact-service-arrow{position:static;margin-left:auto;color:var(--contact-icon,#8d8760);font-size:30px;line-height:1;flex:none;transform:none}
 #contacts .contact-reference .contact-service-booking{background:#7b2430;border-color:#7b2430;color:#fffaf0;min-height:126px;padding:22px 26px;gap:22px}
 #contacts .contact-reference .contact-service-booking:hover{background:#651323}
 #contacts .contact-reference .contact-service-booking .contact-service-name{font-size:clamp(25px,2.3vw,34px)}
 #contacts .contact-reference .contact-service-booking .contact-service-icon{background:transparent;flex-basis:56px;width:56px;height:56px}
 #contacts .contact-reference .contact-service-booking .contact-service-icon svg{width:52px;height:52px}
 #contacts .contact-reference .contact-service-booking .contact-service-hint,#contacts .contact-reference .contact-service-booking .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-whatsapp{--contact-frame:#858e63;--contact-icon:#398351}
 #contacts .contact-reference .contact-service-telegram{--contact-frame:#537e80;--contact-icon:#2786aa}
 #contacts .contact-reference .contact-service-phone{--contact-frame:#ab9173;--contact-icon:#81735a;grid-column:1/-1;justify-content:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-copy{align-items:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-arrow{display:block}
 #contacts .contact-reference .contact-service-instagram{--contact-frame:#b56a82;--contact-icon:#b85e7b;grid-column:1/-1}
 #contacts .contact-reference-place{border:2px solid #80865e;border-radius:20px;padding:30px 28px;background:#fffaf099}
 #contacts .contact-reference-address{font-size:clamp(27px,2.7vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:18px 0 20px}
 #contacts .contact-reference-hours{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;margin:0 0 18px}
 #contacts .contact-reference-hours svg{width:30px;height:30px;flex:none;color:#737453}
 #contacts .contact-reference .contact-service-yandex{background:#70774e;color:#fffaf0;border-color:#70774e;min-height:76px;padding:12px 18px;--contact-icon:#70774e;--service-color:#70774e}
 #contacts .contact-reference .contact-service-yandex:hover{background:#5c653d}
 #contacts .contact-reference .contact-service-yandex .contact-service-name{font-size:20px}
 #contacts .contact-reference .contact-service-yandex .contact-service-hint,#contacts .contact-reference .contact-service-yandex .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-yandex .contact-service-icon{background:transparent;flex-basis:28px;width:28px}
 #contacts .contact-reference-directions{list-style:none;counter-reset:directions;margin:26px 0 22px;padding:24px 0 0;border-top:1px solid #bba68f;display:grid;gap:20px}
 #contacts .contact-reference-directions li{counter-increment:directions;display:grid;grid-template-columns:36px 1fr;gap:15px;align-items:start;font-size:16px;line-height:1.5}
 #contacts .contact-reference-directions li::before{content:counter(directions);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#7b2430;color:#fffaf0;font-size:17px}
 #contacts .contact-reference-nearby{margin:0;padding:22px 0 0 51px;border-top:1px solid #bba68f;font-size:16px;line-height:1.5}
 #contacts.has-contact-reference>.footer-line{margin-top:40px}
}
@media(min-width:1024px) and (max-width:1150px){
 #contacts .contact-reference{gap:20px}
 #contacts .contact-reference .contact-service{padding:14px;gap:10px}
 #contacts .contact-reference .contact-service-icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}
 #contacts .contact-reference .contact-service-hint{font-size:13px}
 #contacts .contact-reference-place{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){#contacts .contact-reference .contact-service{transition:none}}
