/* DAS Stols Group — Phase 1X.4 Transfer Studio Compact UX */

.transfer-page .transfer-hero{
  min-height:auto;
  padding-top:118px;
  padding-bottom:38px;
}
.transfer-page .transfer-hero .inner{
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  gap:30px;
}
.transfer-page .transfer-hero .kicker{margin-top:14px!important}
.transfer-page .transfer-hero h1{
  margin:10px 0 12px;
  font-size:clamp(42px,4.55vw,61px);
  line-height:.96;
}
.transfer-page .transfer-hero p{
  max-width:650px;
  font-size:13px;
  line-height:1.58;
}
.transfer-page .transfer-hero .actions{margin-top:18px}
.transfer-page .transfer-hero .btn{min-height:42px;padding-top:11px;padding-bottom:11px}
.transfer-page .transfer-format-panel{padding:15px;border-radius:18px}
.transfer-page .transfer-format-panel>span{margin-bottom:7px}
.transfer-page .transfer-format-grid{gap:6px}
.transfer-page .transfer-format{min-height:60px;padding:9px 10px;border-radius:11px}
.transfer-page .transfer-format b{font-size:15px}
.transfer-page .transfer-format small{font-size:8px;line-height:1.28}
.transfer-page .transfer-since{margin-top:7px;padding:9px 11px;border-radius:11px}
.transfer-page .transfer-since strong{font-size:17px}
.transfer-page .transfer-since span{font-size:8px;line-height:1.35}

.transfer-page .transfer-services-section{padding-top:50px;padding-bottom:42px!important}
.transfer-page .transfer-services-section .heading{margin-bottom:20px}
.transfer-page .transfer-services-section .heading h2{
  font-size:clamp(28px,3vw,40px);
  margin:8px 0 9px;
}
.transfer-page .transfer-services-section .heading p{max-width:680px;font-size:12px;line-height:1.52}
.transfer-page .transfer-core-services{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.transfer-page .transfer-core-services .transfer-service{
  min-width:0;
  min-height:205px;
  padding:16px;
  display:flex;
  flex-direction:column;
}
.transfer-page .transfer-core-services .transfer-service h3{
  font-size:20px;
  line-height:1.08;
  margin:7px 0 6px;
}
.transfer-page .transfer-core-services .transfer-service p{font-size:11px;line-height:1.48}
.transfer-page .transfer-core-services .formats{margin-top:auto;padding-top:10px;gap:4px}
.transfer-page .transfer-core-services .formats span{font-size:7.8px;padding:4px 6px}
.transfer-support-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:9px;
}
.transfer-support-card{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(255,255,255,.72);
}
.transfer-support-card .n{
  align-self:start;
  margin-top:2px;
  color:#8a6a36;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.transfer-support-card h3{margin:0 0 3px;font-family:Georgia,serif;font-size:18px;font-weight:400}
.transfer-support-card p{margin:0;color:#68737e;font-size:10.5px;line-height:1.42}
.transfer-support-help{grid-template-columns:auto minmax(0,1fr) auto}
.transfer-support-help .text-link{white-space:nowrap;font-size:9px}

.transfer-page .transfer-output-section{padding-top:38px!important;padding-bottom:40px!important}
.transfer-page .transfer-output{gap:14px;align-items:stretch}
.transfer-page .transfer-output-card,.transfer-page .transfer-quote-note{height:100%}
.transfer-page .transfer-output-card{padding:18px;border-radius:17px}
.transfer-page .transfer-output-card h3{font-size:21px;margin:6px 0}
.transfer-page .transfer-output-card p{font-size:11px;line-height:1.48}
.transfer-page .transfer-output-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px}
.transfer-page .transfer-output-list div{padding:8px 9px;border-radius:10px}
.transfer-page .transfer-output-list strong{font-size:9px}
.transfer-page .transfer-output-list span{font-size:7.8px}
.transfer-page .transfer-quote-note{padding:17px 18px;border-radius:15px}
.transfer-page .transfer-quote-note h3{font-size:20px;margin-bottom:5px}
.transfer-page .transfer-quote-note p{font-size:11px;line-height:1.48}
.transfer-page .transfer-quote-note ul{display:grid;grid-template-columns:1fr 1fr;margin-top:8px;column-gap:16px}
.transfer-page .transfer-quote-note li{padding:5px 0;font-size:9.5px}

.transfer-page .transfer-process-section{padding-top:38px!important;padding-bottom:38px!important}
.transfer-page .transfer-process-section .heading{margin-bottom:14px}
.transfer-page .transfer-process-section .heading h2{font-size:clamp(27px,2.9vw,38px);margin:7px 0}
.transfer-page .steps{margin-top:14px;gap:7px}
.transfer-page .step{padding:13px;border-radius:13px}
.transfer-page .step b{width:25px;height:25px;margin-bottom:7px;font-size:9px}
.transfer-page .step h3{font-size:11.5px;margin-bottom:3px}
.transfer-page .step p{font-size:9.5px;line-height:1.4}

.transfer-page #quick-enquiry{padding-top:44px;padding-bottom:26px}
.transfer-page .transfer-enquiry{gap:20px}
.transfer-page .transfer-enquiry-copy h2{font-size:clamp(31px,3.15vw,42px);margin:8px 0 10px}
.transfer-page .transfer-enquiry-copy p{font-size:12px;line-height:1.5}
.transfer-page .transfer-enquiry-copy .pills{margin-top:12px}
.transfer-page .transfer-builder{padding:17px 18px;border-radius:16px}
.transfer-page .transfer-builder h3{font-size:21px}
.transfer-page .transfer-builder>p{font-size:10px;margin-bottom:9px}
.transfer-page .transfer-field{margin-top:8px}
.transfer-page .transfer-field select,
.transfer-page .transfer-field input,
.transfer-page .transfer-field textarea{padding:8px 9px;font-size:11px}
.transfer-page .transfer-field textarea{min-height:56px}
.transfer-page .transfer-checks label{padding:7px 8px;font-size:9.5px}
.transfer-page .transfer-builder .btn{margin-top:10px}

.transfer-page .transfer-admin-section{padding:22px 0!important}
.transfer-page .transfer-admin-strip{
  grid-template-columns:.64fr 1.86fr;
  gap:16px;
  padding:14px 16px;
  border-radius:14px;
}
.transfer-page .transfer-admin-intro h2{font-size:20px;margin:4px 0 3px}
.transfer-page .transfer-admin-intro p{font-size:9.5px;line-height:1.35}
.transfer-page .transfer-admin-list{gap:5px}
.transfer-page .transfer-admin-list div{padding:8px 9px;border-radius:9px}
.transfer-page .transfer-admin-list strong{font-size:9px}
.transfer-page .transfer-admin-list span{font-size:7.5px;line-height:1.25}

.transfer-page .transfer-faq-section{padding-top:36px!important;padding-bottom:42px!important}
.transfer-page .transfer-faq-section .heading{margin-bottom:12px}
.transfer-page .transfer-faq-section .heading h2{font-size:clamp(27px,2.9vw,38px);margin:7px 0}
.transfer-page .transfer-faq{gap:7px}
.transfer-page .transfer-faq details{padding:0 11px;border-radius:10px}
.transfer-page .transfer-faq summary{padding:10px 0;font-size:10px}
.transfer-page .transfer-faq p{font-size:9.8px;line-height:1.42;margin-bottom:10px}

@media(max-width:1050px){
  .transfer-page .transfer-core-services{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-core-services .transfer-service{min-height:175px}
  .transfer-page .transfer-admin-strip{grid-template-columns:1fr;gap:10px}
}
@media(max-width:900px){
  .transfer-page .transfer-hero{padding-top:104px;padding-bottom:30px}
  .transfer-page .transfer-hero .inner{grid-template-columns:1fr;gap:18px}
  .transfer-page .transfer-format-panel{margin-top:0}
  .transfer-page .transfer-output{grid-template-columns:1fr}
  .transfer-page .transfer-quote-note ul{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-admin-list{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .transfer-page .transfer-hero{padding-top:90px;padding-bottom:24px}
  .transfer-page .transfer-hero .kicker{margin-top:10px!important}
  .transfer-page .transfer-hero h1{font-size:38px;margin:8px 0 10px}
  .transfer-page .transfer-hero p{font-size:12.5px;line-height:1.5}
  .transfer-page .transfer-hero .actions{margin-top:15px}
  .transfer-page .transfer-format-grid{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-format{padding:9px;min-height:58px}
  .transfer-page .transfer-format small{font-size:7.5px}
  .transfer-page .transfer-since{align-items:center}
  .transfer-page .transfer-since span{max-width:130px}
  .transfer-page .transfer-services-section{padding-top:36px;padding-bottom:32px!important}
  .transfer-page .transfer-services-section .heading{margin-bottom:16px}
  .transfer-page .transfer-services-section .heading h2{font-size:29px}
  .transfer-page .transfer-core-services{grid-template-columns:1fr 1fr;gap:7px}
  .transfer-page .transfer-core-services .transfer-service{min-height:188px;padding:13px}
  .transfer-page .transfer-core-services .transfer-service h3{font-size:17px}
  .transfer-page .transfer-core-services .transfer-service p{font-size:9.6px;line-height:1.4}
  .transfer-page .transfer-core-services .formats{padding-top:8px}
  .transfer-page .transfer-core-services .formats span{font-size:7px}
  .transfer-support-row{grid-template-columns:1fr;gap:7px;margin-top:7px}
  .transfer-support-card,.transfer-support-help{grid-template-columns:auto minmax(0,1fr);padding:12px 13px}
  .transfer-support-help .text-link{grid-column:2;margin-top:3px}
  .transfer-page .transfer-output-section{padding-top:30px!important;padding-bottom:32px!important}
  .transfer-page .transfer-output-list{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-quote-note ul{grid-template-columns:1fr}
  .transfer-page .transfer-process-section{padding-top:32px!important;padding-bottom:32px!important}
  .transfer-page .steps{grid-template-columns:1fr 1fr}
  .transfer-page #quick-enquiry{padding-top:36px;padding-bottom:22px}
  .transfer-page .transfer-checks{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-admin-section{padding:18px 0!important}
  .transfer-page .transfer-admin-strip{padding:12px 13px}
  .transfer-page .transfer-admin-list{grid-template-columns:1fr 1fr}
  .transfer-page .transfer-faq-section{padding-top:30px!important;padding-bottom:36px!important}
  .transfer-page .transfer-faq{grid-template-columns:1fr}
}
@media(max-width:390px){
  .transfer-page .transfer-core-services{grid-template-columns:1fr}
  .transfer-page .transfer-core-services .transfer-service{min-height:auto}
  .transfer-page .transfer-admin-list{grid-template-columns:1fr}
}
