/* Internal pages use the same VisionMed-derived geometry as the homepage.
   Scoped to main: shared navigation, branding and appointment forms stay shared. */

.ref8-interior :is(.page-top,.service-header-v6,.contacts-v5){padding-top:48px}



.ref8-interior :is(.page-top h1,.contacts-header h1,.service-heading h1,.service-title-v6,.doctor-hero-copy h1){font-size:clamp(36px,3.4vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.025em;max-width:27ch;margin:0;overflow-wrap:break-word}
.ref8-interior :is(.page-top .lead,.contacts-header .lead,.service-heading .lead){font-size:18px;line-height:1.6;margin-top:24px;max-width:65ch;color:var(--color-muted)}
.ref8-interior :is(.page-top>.eyebrow,.contacts-header>.eyebrow,.service-heading>.eyebrow){display:block;margin-bottom:20px;color:var(--color-primary);font-size:14px;font-weight:400;letter-spacing:.025em;line-height:1.45}
.ref8-interior :is(.page-top>.eyebrow,.contacts-header>.eyebrow,.service-heading>.eyebrow)::before{content:'';display:inline-block;width:5px;height:5px;margin:0 9px 3px 0;background:currentColor;border-radius:50%}



.ref8-interior>.ref8-section:not(#appointment){margin-top:var(--interior-space)}
.ref8-interior>.page-top+.ref8-section:not(#appointment){margin-top:48px}

.ref8-interior :is(.section-head h2,.service-section>h2,.price-groups h2){font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.22;letter-spacing:-.025em}


.ref8-interior .prose :is(p,li){font-size:16px;line-height:1.75}




.ref8-interior :is(.service-section,.price-groups>section,.article-toc,.content-gallery,.detail-grid,[id^=entity-]){scroll-margin-top:calc(var(--header-height) + 24px)}
.ref8-interior :is(.service-card,.doctor-card,.journal-card,.branch-card,.document-card){box-shadow:none}


/* Service summaries also appear on the homepage. A hidden price must leave
   the final grid track reserved for its arrow on desktop and mobile. */
.ref8-service-summary>.ref8-service-arrow{grid-column:-2/-1}
/* Centered callouts inherit their own desktop/mobile alignment. */
.ref8-callout-center>h2{align-self:auto}
.catalog-cart-open:hover{border-color:var(--color-primary)}

/* Every direction keeps a full card, including the related-service collection. */












.ref8-interior .service-card-price :is(.price-unit,.price-note){font-size:14px;line-height:1.45;color:var(--color-muted)}




/* The service catalogue uses the homepage's full-width expandable rows. */



.interior-services .ref8-services .search-field{max-width:520px;margin:0 0 24px}
@media(max-width:1199px){.ref8-interior .ref8-service-row .ref8-service-summary h3{font-size:20px}}
@media(max-width:767px){.ref8-interior .ref8-service-row .ref8-service-summary h3{font-size:18px;font-weight:500}}

.ref8-interior :is(.search-field,.price-search-bar) input{border-color:var(--color-line);background:var(--color-surface-soft);border-radius:999px;min-height:54px;padding-inline:22px;font-size:16px}
.ref8-interior :is(.search-field,.price-search-bar) input:focus{border-color:var(--color-primary);background:var(--color-white)}

/* Service title and its wide image form one clear introduction. */
















.ref8-interior .purchase-card :is(.price-note,.purchase-meta){font-size:14px;line-height:1.6;color:var(--color-muted)}













/* Portraits are compact and vertical, retaining the face and upper body. */

.ref8-interior :is(.service-section #entity-doctors,.service-doctors-grid,#entity-doctors){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}








/* Journal cards stay horizontal, with a small attached preview. */







.ref8-interior .journal-card :is(h2,h3){font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.02em}
.ref8-interior .journal-card :is(p,.journal-card-meta){font-size:14px;line-height:1.6}


















.ref8-interior #entity-description :is(h2,h3){scroll-margin-top:calc(var(--header-height) + 24px)}












/* Prices read as a calm, legible list rather than oversized tiles. */











.ref8-interior :is(.price-groups,.service-section) :is(.table-scroll,.table-wrap){border:1px solid var(--color-line);border-radius:20px;overflow:hidden}

.ref8-interior .data-table tbody :is(th,td){padding:20px 22px;border-bottom:1px solid var(--color-line);background:var(--color-white)}
.ref8-interior .data-table tbody tr:last-child :is(th,td){border-bottom:0}
.ref8-interior .data-table :is(.price-table-name,tbody th){font-size:16px;line-height:1.5;font-weight:400}

.ref8-interior .data-table :is(.price-unit,.price-note){font-size:14px;line-height:1.5;margin-top:5px;color:var(--color-muted)}
.ref8-interior .data-table .price-table-action :is(.text-link,.btn){min-height:44px;padding:10px 14px;border:1px solid var(--color-line);border-radius:999px;color:var(--color-primary);font-size:14px;gap:8px}


/* Real clinic addresses and contact details are given equal visual weight. */
























/* The same gallery proportions, panels and quiet typography as on the homepage. */


















@media(min-width:1450px){
 .ref8-interior .service-section #entity-doctors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1199px){
 .ref8-interior{--interior-space:72px}
 .ref8-interior :is(.page-top,.service-header-v6,.contacts-v5){padding-top:40px}
 .ref8-interior :is(.page-top h1,.contacts-header h1,.service-heading h1,.service-title-v6,.doctor-hero-copy h1){font-size:44px}
 .ref8-interior .service-layout{grid-template-columns:minmax(0,1fr) 280px;gap:28px}
 .ref8-interior .service-card{padding:24px}
 .ref8-interior .service-card-head{gap:14px}
 .ref8-interior .service-card h3{font-size:24px}
 .ref8-interior .service-card .card-actions{align-items:start;flex-direction:column;gap:8px}
 .ref8-interior #doctors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ref8-interior .service-section #entity-doctors{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ref8-interior .doctor-hero{gap:40px}
 .ref8-interior .contacts-v5{grid-template-columns:minmax(0,1fr) 280px;gap:24px}
 .ref8-interior .contacts-grid{grid-template-columns:1fr}
 .ref8-interior .branch-card-body{padding:24px}
 .ref8-interior .article-layout{grid-template-columns:minmax(0,1fr) 250px;gap:40px 28px}
 .ref8-interior .journal-card-body{grid-template-columns:88px minmax(0,1fr);gap:20px;padding:22px}
 .ref8-interior .journal-card-media{width:88px;height:112px}
 .ref8-interior .journal-card h3{font-size:20px}
 .ref8-interior .article-layout .related-services .service-card{padding:24px}
 .ref8-interior .price-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
 .ref8-interior .data-table tbody :is(th,td){padding:18px}
 .ref8-interior .founder-section{gap:40px}
}
@media(max-width:1023px){
 .ref8-interior #services-grid,.ref8-interior .article-layout .related-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref8-interior #articles-grid{grid-template-columns:1fr}
 .ref8-interior .service-layout{grid-template-columns:1fr}
 .ref8-interior .service-main{display:block}
 .ref8-interior .service-body{grid-row:auto}
 .ref8-interior .purchase-aside{grid-row:auto;position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .ref8-interior .purchase-aside .help-card{display:grid}
 .ref8-interior .service-section #entity-doctors{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ref8-interior .contacts-v5{grid-template-columns:1fr}
 .ref8-interior .contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref8-interior .contacts-aside{grid-template-columns:1fr 1fr;gap:32px}
 .ref8-interior .content-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref8-interior .price-layout{grid-template-columns:1fr;gap:32px}
 .ref8-interior .price-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:14px}
 .ref8-interior .price-nav a{border:0;font-size:14px;padding:10px 14px}
 .ref8-interior .detail-grid{grid-template-columns:1fr}
 .ref8-interior .detail-grid>.purchase-card{position:static}
}
@media(max-width:767px){
 .ref8-interior{--interior-radius:22px;--interior-space:56px}
 .ref8-interior :is(.page-top,.service-header-v6,.contacts-v5){padding-top:32px}
 .ref8-interior .breadcrumb,.ref8-interior .service-heading .breadcrumb{margin-bottom:28px;font-size:14px;gap:8px 12px}
 .ref8-interior :is(.page-top h1,.contacts-header h1,.service-heading h1,.service-title-v6,.doctor-hero-copy h1){font-size:34px;line-height:1.23}
 .ref8-interior :is(.page-top .lead,.contacts-header .lead,.service-heading .lead){font-size:16px;line-height:1.6;margin-top:20px}
 .ref8-interior :is(.page-top>.eyebrow,.contacts-header>.eyebrow,.service-heading>.eyebrow){font-size:14px;margin-bottom:18px}
 .ref8-interior>.page-top+.section,.ref8-interior>.page-top+.ref8-section:not(#appointment){padding-top:0;margin-top:32px}
 .ref8-interior .section-head{align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:24px}
 .ref8-interior :is(.section-head h2,.service-section>h2,.price-groups h2){font-size:28px;line-height:1.25}
 .ref8-interior .prose h2{font-size:27px;margin-top:32px;margin-bottom:18px}
 .ref8-interior .prose h3{font-size:23px;margin-top:28px}
 .ref8-interior .cards-grid{gap:16px}
 .ref8-interior #services-grid,.ref8-interior .article-layout .related-services{grid-template-columns:1fr}
 .ref8-interior .service-card{padding:24px}
 .ref8-interior .service-card h3{font-size:25px}
 .ref8-interior .service-card .card-actions{flex-direction:row;align-items:center;gap:10px}
 .ref8-interior .service-card-price .price-label{min-height:0}
 .ref8-interior .service-card .card-actions>.btn{padding:12px 18px}
 .ref8-interior .service-header-v6{gap:28px;padding-bottom:28px}
 .ref8-interior .service-photo,.ref8-interior.interior-legacy .detail-cover{aspect-ratio:16/8;max-height:none}
 .ref8-interior .section-tabs{gap:8px 22px}
 .ref8-interior .section-tabs a{font-size:15px;min-height:50px;padding-block:14px}
 .ref8-interior .service-section{padding-block:32px}
 .ref8-interior .service-section>h2,.ref8-interior .service-section .section-head{margin-bottom:24px}
 .ref8-interior .overview-lead{padding:24px;border-radius:22px;margin-bottom:28px}
 .ref8-interior .purchase-aside{grid-template-columns:1fr}
 .ref8-interior .purchase-aside .help-card{display:none}
 .ref8-interior .purchase-card{padding:24px;gap:20px}
 .ref8-interior .purchase-card .price-amount{font-size:32px}
 .ref8-interior .accordion details{padding-inline:20px;border-radius:18px}
 .ref8-interior .accordion summary{font-size:16px;min-height:76px;padding-block:18px;gap:20px}
 .ref8-interior .accordion details>div,.ref8-interior .accordion details>p{padding:0 24px 20px 0;font-size:16px}
 .ref8-interior #doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .ref8-interior :is(.service-section #entity-doctors,#entity-doctors){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .ref8-interior .doctor-hero{grid-template-columns:1fr;gap:28px;padding-top:0}
 .ref8-interior .doctor-profile-photo{position:static;max-width:360px;width:100%;margin-inline:0}
 .ref8-interior .doctor-hero-copy{padding-top:0;gap:24px}
 .ref8-interior .doctor-hero-copy .lead{font-size:16px}
 .ref8-interior .journal-card-body{grid-template-columns:84px minmax(0,1fr);gap:18px;padding:20px}
 .ref8-interior .journal-card-media{width:84px;height:104px;border-radius:14px}
 .ref8-interior .journal-card h3{font-size:20px}
 .ref8-interior .journal-card-excerpt{display:none}
 .ref8-interior .blog-filter{gap:8px;margin-bottom:24px}
 .ref8-interior .blog-filter a{padding:10px 14px}
 .ref8-interior .article-layout{grid-template-columns:1fr;gap:28px}
 .ref8-interior .article-layout>article{display:block;grid-column:1;grid-row:1}
 .ref8-interior .article-layout>article>#entity-description{grid-column:auto;grid-row:auto}
 .ref8-interior .article-contents{grid-column:auto;grid-row:auto;position:static;top:auto;max-height:none;overflow:visible;gap:16px;margin-bottom:32px}
 .ref8-interior .article-toc{padding:20px}
 .ref8-interior .article-layout>.detail-aside>h2{grid-column:1;grid-row:3;margin:16px 0 0;font-size:28px}
 .ref8-interior .article-layout .related-services{grid-column:1;grid-row:4}
 .ref8-interior .price-search-bar{padding-top:28px;flex-direction:column;align-items:start;gap:14px}
 .ref8-interior .price-search-status{padding-bottom:0}
 .ref8-interior .price-layout{padding-top:28px;margin-top:0!important}
 .ref8-interior .price-nav{padding:12px;gap:4px}
 .ref8-interior .price-groups{gap:48px}
 .ref8-interior .price-groups h2{font-size:28px;margin-bottom:20px}
 .ref8-interior .price-groups>section>h2{margin-bottom:0}
 .ref8-interior .data-table tbody :is(th,td){border:0;padding:16px 18px}
 .ref8-interior .data-table tbody tr{border-bottom:1px solid var(--color-line)}
 .ref8-interior .data-table .price-table-name{padding-bottom:8px}
 .ref8-interior .data-table .price-table-amount,.ref8-interior .data-table .price-table-amount .price-amount{font-size:22px}
 .ref8-interior .data-table .price-table-action{padding-left:8px}
 .ref8-interior .data-table .price-table-action :is(.text-link,.btn){padding-inline:12px}
 .ref8-interior .contacts-grid{grid-template-columns:1fr;gap:16px}
 .ref8-interior .contacts-v5{gap:28px}
 .ref8-interior .contacts-aside{grid-template-columns:1fr;padding:24px;gap:32px}
 .ref8-interior .branch-card-body,.ref8-interior .contact-card{padding:24px;gap:22px}
 .ref8-interior .branch-card-title,.ref8-interior .contact-card h2{font-size:27px}
 .ref8-interior .detail-grid{gap:24px}
 .ref8-interior .detail-grid>.panel{padding:24px}
 .ref8-interior .content-gallery{gap:12px;margin-top:28px}
 .ref8-interior .content-gallery img{border-radius:18px}
 .ref8-interior .content-gallery.document-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ref8-interior .document-card{padding:24px}
 .ref8-interior .document-card h3{font-size:23px}
 .ref8-interior .founder-section{grid-template-columns:1fr;gap:28px}
 .ref8-interior .founder-section>img{max-width:360px;max-height:none}
 .ref8-interior .founder-section h2{font-size:28px}
 .ref8-interior .catalog-demo{padding-top:28px}
 .ref8-interior .catalog-product-card{border-radius:18px}
 .ref8-interior.interior-legacy .detail-grid{gap:28px}
}
@media(max-width:479px){
 .ref8-interior .service-section #entity-doctors{grid-template-columns:1fr}
 .ref8-interior .journal-card-body{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px}
 .ref8-interior .journal-card-media{width:72px;height:92px}
 .ref8-interior .journal-card h3{font-size:18px;line-height:1.4}
 .ref8-interior .journal-card-copy{gap:12px}
}
@media(max-width:359px){
 .ref8-interior #doctors-grid{grid-template-columns:1fr}
 .ref8-interior .service-card{padding:22px}
 .ref8-interior .service-card .card-actions{flex-wrap:wrap;gap:8px 14px}
 .ref8-interior .service-card .card-actions>.btn{padding-inline:16px}
 .ref8-interior .journal-card-body{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px}
 .ref8-interior .journal-card-media{width:64px;height:84px}
 .ref8-interior .content-gallery.document-previews{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ref8-interior *{scroll-behavior:auto}}

/* Portrait cards need room for the full information panel. */
@media(min-width:1024px){
 .ref8-interior .service-layout{row-gap:0}
 .ref8-interior :is(.service-main,.service-body){display:contents}
 .ref8-interior .service-body>:is(.section-tabs,.service-section){grid-column:1}
 .ref8-interior .purchase-aside{grid-column:2;grid-row:1/span 3;align-self:start;position:static}
 .ref8-interior .service-body>#service-doctors{grid-column:1/-1}
}
@media(max-width:1023px) and (min-width:768px){.ref8-interior :is(#doctors-grid,.service-section #entity-doctors){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.ref8-interior :is(#doctors-grid,.service-section #entity-doctors){grid-template-columns:1fr}}

/* Address cards follow their content instead of stretching to the sidebar. */



/* Published procedure titles in the price list are direct detail links. */
a.price-table-title{text-decoration:underline;text-decoration-color:var(--color-line);text-underline-offset:5px;text-decoration-thickness:1px}a.price-table-title:hover{color:var(--color-primary);text-decoration-color:currentColor}

/* Expanded directions use one spacing rhythm for links and actions. */
.ref8-service-expanded{display:flex;flex-direction:column;gap:28px;min-width:0}
.ref8-service-procedures{margin:0;gap:16px 32px}
.ref8-service-procedures>li{min-width:0}
.ref8-service-procedure-link{display:inline-block;overflow-wrap:anywhere}
.ref8-service-procedure-link:after{content:none}
.ref8-service-more{margin-top:0;flex-wrap:wrap;gap:16px 24px}
@media(max-width:767px){.ref8-service-expanded{gap:24px}.ref8-service-procedures{gap:14px}.ref8-service-more{gap:16px}}

/* Give price-table footers and service-card actions room to breathe. */
.interior-service #entity-prices>.price-note{margin:24px 0 0}
.interior-service #service-cost>.text-link{display:inline-flex;margin-top:24px;min-height:44px}
.interior-service .purchase-card>.text-link{padding-top:8px;min-height:48px;line-height:1.5}
.interior-service .purchase-card .purchase-meta{padding-top:0;border-top:0}
.ref8-services a.text-link>.icon,.ref8-service-more a.text-link>.icon,
.interior-service a.text-link>.icon,.interior-procedure a.text-link>.icon{display:none}
@media(max-width:767px){.interior-service #service-cost>.text-link{margin-top:20px}}

/* Service headings match the homepage, including bold imported rich text. */
.ref8-interior:is(.interior-service,.interior-procedure) :is(h1,h2,h3,h4,h5,h6){font-weight:500}
.ref8-interior:is(.interior-service,.interior-procedure) :is(h1,h2,h3,h4,h5,h6) *{font-weight:inherit!important}

/* Align the calendar with the single schedule line in the shared header. */
.ref8-header-hours{align-items:center}

/* Recognizable social destinations replace the footer's generic arrow. */
.ref8-footer-contacts>.radent-footer-socials{display:flex;flex-direction:column;gap:12px}
.ref8-footer-contacts .radent-social-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
.ref8-footer-contacts .radent-social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border-radius:12px;background:#ffffff10;color:white;font-size:13px;text-decoration:none;line-height:1.3;transition:background .18s ease}
.radent-social-link svg{width:20px;height:20px;flex:none}
.ref8-footer-contacts .radent-social-link:hover{background:#ffffff24}
.radent-social-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.ref8-service-summary .ref8-service-amount{align-self:center}

/* Shared doctor cards: portrait first, separate blue information panel below. */
:is(.ref8-doctor-media,.doctor-card-media){grid-template-rows:auto 1fr;gap:12px;min-height:0;overflow:visible;border-radius:0;background:transparent}
:is(.ref8-doctor-media,.doctor-card-media)>img,:is(.ref8-doctor-media,.doctor-card-media)>.image-placeholder{position:static;inset:auto;grid-row:1;height:auto;aspect-ratio:4/5;border-radius:24px;background:var(--color-image-backdrop)}
:is(.ref8-doctor-details,.doctor-card-body){margin:0}
.doctor-card .card-actions,.ref8-doctor-actions{margin-top:auto}
@media(max-width:767px){
 :is(.ref8-doctor-details,.doctor-card-body){margin:0}
 .service-section .doctor-card-media,.service-doctors-grid .doctor-card-media{min-height:0}
}

/* Small direction icons in the shared service navigation. */
.ref8-nav-link-service{min-width:0;padding-block:10px}
.ref8-nav-link-service>.ref8-nav-service-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--color-accent);color:var(--color-primary)}
.ref8-nav-service-icon>.icon{display:block;width:26px;height:26px}
.ref8-nav-link-service>.ref8-nav-copy{min-width:0}























.ref8-interior.interior-contacts .contact-hours-list:has(>.contact-hours-row){display:grid}







@media(hover:hover){
 .ref8-interior.interior-contacts .contact-aside-email:hover{border-color:var(--color-primary);color:var(--color-primary)}
 .ref8-interior.interior-contacts .contacts-aside .social-links>a:hover{background:var(--color-white);color:var(--color-primary)}
 .ref8-interior.interior-contacts .contacts-aside .social-links>a:hover .icon{color:var(--color-primary);transform:translate(2px,-2px) rotate(-45deg)}
 .ref8-interior.interior-contacts .contacts-aside .social-links>a:hover .clinic-social-icon{transform:none}
}
@media(max-width:767px){
 .ref8-interior.interior-contacts .contacts-aside>.contact-aside-panel{padding:20px;gap:20px}
 .ref8-interior.interior-contacts .contacts-aside h2{font-size:22px}
}

/* Real entrances make each address easy to recognize before the first visit. */























.ref8-interior .branch-card :is(a,button):focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
@media(hover:hover){.ref8-interior .branch-card:has(.branch-card-entrance):hover .branch-card-entrance img{transform:scale(1.025)}.ref8-interior .branch-card-phone:hover{color:var(--color-primary)}}
@media(max-width:767px){
 .ref8-interior .branch-card{scroll-margin-top:100px}
 .ref8-interior .branch-card-body{padding:20px;gap:20px}
 .ref8-interior .branch-card-title{font-size:25px}
 .ref8-interior .branch-card-phone{font-size:21px}
 .ref8-interior .branch-hours{padding:16px}
}
@media(max-width:359px){.ref8-interior .branch-card .branch-actions>.btn{width:auto;justify-content:center}.ref8-interior .branch-card .branch-actions>.text-link{width:auto;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.ref8-interior .branch-card-entrance img{transition:none;transform:none!important}}

/* Integrate in interior.css: vacancies template only; no new runtime asset. */









.ref8-interior.interior-vacancies :is(.vacancies-list,.vacancies-response){scroll-margin-top:calc(var(--header-height) + 24px)}
























@media(max-width:1100px){
 .ref8-interior.interior-vacancies .vacancies-hero-grid{gap:32px}
 .ref8-interior.interior-vacancies .vacancies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref8-interior.interior-vacancies .vacancy-card:last-child{grid-column:1/-1}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details{grid-template-columns:1fr 1fr;column-gap:32px}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details>p{grid-row:2}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details>p+.vacancy-detail-label{margin-top:0}
 .ref8-interior.interior-vacancies .vacancies-response{gap:28px;padding:28px}
}
@media(max-width:767px){
 .ref8-interior.interior-vacancies .vacancies-hero-grid{grid-template-columns:1fr;gap:28px}
 .ref8-interior.interior-vacancies .vacancies-hero-copy{gap:20px}
 .ref8-interior.interior-vacancies .vacancies-hero-copy h1{max-width:20ch}
 .ref8-interior.interior-vacancies .vacancies-hero-photo img{aspect-ratio:1.5;border-radius:20px}
 .ref8-interior.interior-vacancies .vacancies-hero-photo figcaption{margin-top:12px;font-size:13px}
 .ref8-interior.interior-vacancies .vacancies-list>.section-head{display:grid;align-items:start;gap:18px;margin-bottom:24px}
 .ref8-interior.interior-vacancies .vacancies-section-note{max-width:none;font-size:15px}
 .ref8-interior.interior-vacancies .vacancies-grid{grid-template-columns:1fr;gap:16px}
 .ref8-interior.interior-vacancies .vacancy-card{padding:24px;gap:22px;border-radius:20px}
 .ref8-interior.interior-vacancies .vacancy-card:last-child{grid-column:auto}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details{grid-template-columns:1fr;gap:10px}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details>p{grid-row:auto}
 .ref8-interior.interior-vacancies .vacancy-card:last-child .vacancy-details>p+.vacancy-detail-label{margin-top:10px}
 .ref8-interior.interior-vacancies .vacancies-response{grid-template-columns:1fr;gap:24px;padding:24px;border-radius:20px}
 .ref8-interior.interior-vacancies .vacancies-response-action{justify-self:start;white-space:normal}
}