
/* Isolate the existing composition so legal details sit below it. */
.page-stage{position:relative;min-height:100svh}
.about{height:auto;min-height:0}.about .page-stage{height:100svh;min-height:760px}
.sourcing .scene,.enquire .scene{position:absolute}
.company-footer{position:relative;margin-top:36px;display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:28px 4.4vw 30px;background:#514030;color:#d5cabc;font:9.5px/1.8 Arial,Helvetica,sans-serif;border-top:0}
.company-footer p{margin:0}.company-details{display:flex;align-items:center;gap:24px;text-align:left}.company-footer .copyright{padding-top:0}.company-footer a{font-size:8px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;padding:10px 0;flex-shrink:0}
.enquire .company-footer{background:#e8e1d5;color:#625b50}
.sourcing .company-footer{padding-left:5.7vw}
@media(min-width:761px) and (max-width:1100px){.sourcing .company-footer{padding-left:5vw}}
@media(max-width:999px){.about .company-footer{padding-left:7vw;padding-right:7vw}}
@media(max-width:760px){.sourcing .company-footer{padding-left:27px}}
@media(min-width:1000px) and (max-height:800px){.about .page-stage{min-height:700px}}
@media(max-width:999px){.about .page-stage{height:auto;min-height:0}}
@media(max-width:760px){.sourcing .scene,.enquire .scene{position:relative}.company-footer{padding:25px 27px;align-items:flex-start;flex-direction:column;gap:8px}.company-details{text-align:left;flex-wrap:wrap;gap:12px}.company-footer{gap:18px}}

/* Final mobile polish: natural flow, matching reading order and compact legal footer. */
@media(max-width:760px){
 .about,.sourcing{height:auto;min-height:0}
 .about .page-stage,.sourcing .page-stage{height:auto;min-height:0}
 .about-copy{padding-bottom:32px}
 .about .site-footer{padding-bottom:14px}
 .sourcing-copy{padding-bottom:30px}
 .about .company-footer,.sourcing .company-footer{margin-top:0;padding-top:16px;padding-bottom:18px;gap:6px}
 .enquire .form-bottom{flex-direction:column;align-items:stretch;gap:20px}
 .enquire .send-button,.enquire .email-link{order:0}
 .enquire .email-link{align-self:flex-start}
}

/* Keep mobile legal details closely grouped below copyright. */
@media(max-width:760px){
 .company-footer,.about .company-footer,.sourcing .company-footer{gap:4px}
 .company-details{align-items:flex-start}
}

/* One shared mobile legal-footer layout across all pages. */
@media(max-width:760px){
 .about .company-footer,.sourcing .company-footer,.enquire .company-footer,.company-footer{
  margin-top:0;padding:16px 27px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;
 }
 .company-footer .company-details{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:0 12px;text-align:left}
 .company-footer p{margin:0;padding:0;font:9.5px/1.8 Arial,Helvetica,sans-serif;letter-spacing:normal}
}

/* Align Privacy with the VAT text while retaining a generous tap area. */
@media(max-width:760px){
 .company-footer .company-details{column-gap:10px;row-gap:0}
 .company-footer .company-details a{position:relative;min-height:0;padding:0;line-height:17.1px;align-self:flex-start}
 .company-footer .company-details a::before{content:"";position:absolute;inset:-13px -4px}
}

/* Desktop legal details follow the page composition in normal flow. */
@media(min-width:761px){
 .sourcing .company-footer{margin-top:0}
 .enquire .company-footer{margin-top:0;padding-top:8px}
}
