/* Source: /assets/copper/mobile-refresh.css?v=mobile2 */
/* Mobile: one stable photo stage, overlaid copy, floating tabs and two actions. */
html[data-design=copper] #home .cp-hero-copy{display:contents}
@media(max-width:900px){
 html[data-design=copper] #home .main-banner{--cp-mobile-stage:clamp(350px,94vw,450px);display:block;min-height:0!important;height:auto!important;overflow:visible;background:#111315!important;padding:0!important;margin:0!important}
 html[data-design=copper] #home .main-banner .lab-hero-media{position:absolute;inset:0 0 auto;height:var(--cp-mobile-stage);width:100%;overflow:hidden;z-index:0}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:65% center;opacity:0;transform:none!important}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo[data-slide="0"]{object-position:72% center}
 html[data-design=copper] #home .main-banner .lab-hero-media img.cp-hero-photo.is-active{opacity:1}
 html[data-design=copper] #home .main-banner:after{inset:0 0 auto;height:var(--cp-mobile-stage);z-index:1;background:linear-gradient(180deg,#080d1020 0%,#080d1025 23%,#080d10a8 52%,#080d10f2 100%),linear-gradient(90deg,#080d1038,transparent 70%)}
 html[data-design=copper] #home .main-banner>.widgetContent{position:relative;z-index:2;padding:0!important;min-height:0;background:none!important}
 html[data-design=copper] #home .main-banner>.widgetContent>.innerContainer{display:block;width:100%;max-width:none;padding:0!important;margin:0}
 html[data-design=copper] #home .main-banner .cp-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:var(--cp-mobile-stage);min-height:0;padding:24px 6% 48px;gap:12px;box-sizing:border-box}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-hero-kicker{display:none}
 html[data-design=copper] #home .main-banner[data-slide-theme=office] .cp-hero-copy{justify-content:flex-start}
 html[data-design=copper] #home .main-banner[data-slide-theme=office]:after{background:linear-gradient(180deg,#080d10e0 0%,#080d10a8 38%,#080d1025 70%,#080d1060 100%)}
 html[data-design=copper] #home .main-banner[data-slide-theme=office] .cp-hero-copy>.cp-headline{max-width:calc(100% - 36px);font-size:clamp(28px,7.7vw,37px)}
 html[data-design=copper] #home .main-banner[data-slide-theme=vehicle] .cp-hero-copy{align-items:flex-end;text-align:right}
 html[data-design=copper] #home .main-banner[data-slide-theme=vehicle] .cp-hero-copy>.cp-headline{font-size:clamp(27px,7.6vw,36px)}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline{font-size:clamp(29px,8.4vw,39px);line-height:1.12;letter-spacing:-.04em;max-width:100%;height:auto;min-height:0;margin:0!important;color:#fff;text-shadow:0 2px 20px #0005}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline em{font-size:1em;line-height:inherit;color:#ffc185}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.lab-hero-description{font-size:12px;line-height:1.6;max-width:550px;height:auto;min-height:0;margin:0!important;color:#f1efeb;text-shadow:0 1px 8px #0008}
 html[data-design=copper] #home .main-banner .cp-hero-caption,html[data-design=copper] #home .main-banner .lab-hero-topics,html[data-design=copper] #home>.iconMenuWidget{display:none}
 html[data-design=copper] #home .main-banner .cp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:0;padding:39px 4% 22px;box-sizing:border-box;align-items:stretch}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary{width:100%;min-width:0!important;max-width:none;min-height:54px;height:auto!important;display:flex;justify-content:space-between;gap:6px;padding:9px 9px 9px 12px!important;font-size:11px!important;line-height:1.3!important;white-space:normal;border-radius:10px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn>span:first-child{min-width:0}
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon{width:29px;height:29px;min-width:29px;flex-shrink:0;border-radius:7px}
 html[data-design=copper] #home .main-banner .cp-actions .cp-btn-icon svg{width:16px;height:16px}
 html[data-design=copper] #home .main-banner .cp-carousel-controls{position:absolute;top:calc(var(--cp-mobile-stage) - 22px);bottom:auto;left:4%;right:4%;width:auto;max-width:none;height:44px;display:block;padding:0;z-index:6;background:#191e22d9;border:1px solid #ffffff1a;border-radius:9px;box-shadow:none;backdrop-filter:blur(8px)}
 html[data-design=copper] #home .main-banner .cp-slide-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;height:100%}
 html[data-design=copper] #home .main-banner .cp-slide-tab{min-width:0;min-height:44px;height:100%;padding:6px 4px;justify-content:center;gap:0;text-align:center;white-space:normal;font-size:10.5px;font-weight:500;line-height:1.3;color:#d3d5d5;border-radius:8px;transition:background .2s,color .2s}
 html[data-design=copper] #home .main-banner .cp-slide-tab+.cp-slide-tab{border-left:1px solid #ffffff0b}
 html[data-design=copper] #home .main-banner .cp-slide-number{display:none}
 html[data-design=copper] #home .main-banner .cp-slide-tab i{left:18%;right:18%;bottom:5px;background:transparent}
 html[data-design=copper] #home .main-banner .cp-slide-tab[aria-current=true]{background:#ffffff08;color:#ebc5a0}
 html[data-design=copper] #home .main-banner .cp-slide-tab[aria-current=true] i{background:#d5a57999;height:1px}
 html[data-design=copper] #home .main-banner .cp-slide-arrows{position:absolute;top:calc(36px - var(--cp-mobile-stage));right:0;left:auto;gap:0}
 html[data-design=copper] #home .main-banner .cp-slide-arrows>.cp-carousel-button:nth-child(-n+2){display:none}
 html[data-design=copper] #home .main-banner .cp-carousel-button{width:44px;height:44px;padding:12px;background:#111a20c9;color:#fff;border-color:#ffffff42}
}
@media(min-width:601px) and (max-width:900px){
 html[data-design=copper] #home .main-banner .cp-hero-copy{padding-inline:6%;gap:16px}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.cp-headline{font-size:43px;max-width:560px}
 html[data-design=copper] #home .main-banner .cp-actions{padding-inline:6%;gap:16px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn{font-size:14px!important}
 html[data-design=copper] #home .main-banner .cp-slide-tab{font-size:12px}
}
@media(max-width:350px){
 html[data-design=copper] #home .main-banner .cp-hero-copy{gap:10px;padding-inline:5%;padding-bottom:48px}
 html[data-design=copper] #home .main-banner .cp-hero-copy>.lab-hero-description{font-size:11.5px}
 html[data-design=copper] #home .main-banner .cp-slide-tab{font-size:10px}
 html[data-design=copper] #home .main-banner .cp-actions>.cp-btn,html[data-design=copper] #home .main-banner .cp-actions>.lab-primary.cp-btn-secondary{font-size:10px!important;padding-left:9px!important}
}

/* Source: /assets/copper/whatsapp.css?v=phone2 */
/* WhatsApp identity and a shared square-and-receiver interaction. */
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action),
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call {
 --wa-from:#087c46;--wa-to:#075e54;--wa-light:#0b8752;
 background:linear-gradient(115deg,var(--wa-from),var(--wa-to),var(--wa-light),var(--wa-from))!important;
 background-size:240% 180%!important;
 color:#fff!important;border:1px solid #35d57b!important;
 box-shadow:0 6px 22px #075e5429!important;
 isolation:isolate;overflow:hidden;
 transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
 text-decoration:none;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action):is(:hover,:focus-visible),
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:is(:hover,:focus-visible) {
 background:linear-gradient(115deg,#087443,#075e54,#0b8752,#087443)!important;
 background-size:240% 180%!important;color:#fff!important;border-color:#78eea8!important;
 box-shadow:0 8px 26px #087c4640!important;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action):focus-visible,
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:focus-visible {
 outline:3px solid #79ecaa;outline-offset:4px;
}
html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action) .cp-glyph {
 color:#fff!important;flex:0 0 auto;width:21px;height:21px;
}
html[data-design=copper] .cp-whatsapp-logo {fill:currentColor;stroke:none}
html[data-design=copper] :is(.tq-whatsapp,.tc-wa,.cp-whatsapp-action) {
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
}
/* The old reference theme hid this on home; keep the real contact action visible. */
html[data-design=copper]:has(#home):not(.thumbnail-mode) .whatsapp-contact {
 display:inline-flex;align-items:center;gap:10px;
}
html[data-design=copper] .whatsapp-contact {
 border-radius:999px;min-height:48px;padding:11px 19px;font-weight:650;
 animation:cp-wa-colour-flow 6s ease-in-out 3;
}
html[data-design=copper] .tq-whatsapp {
 animation:cp-wa-colour-flow 7s ease-in-out 2;
}
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call .cp-btn-icon {
 background:#ffffffed;color:#075e54;
 transform:rotate(0);transform-origin:50% 50%;
 transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
html[data-design=copper] #home .main-banner .cp-team-call .cp-phone-lift {
 color:#075e54;width:20px;height:20px;transform:none;
}
html[data-design=copper] #home .main-banner .lab-primary.cp-btn-secondary.cp-team-call:is(:hover,:focus-visible,:active) .cp-btn-icon {
 transform:rotate(45deg);
}
@keyframes cp-wa-colour-flow {
 0%,100%{background-position:0% 50%}50%{background-position:100% 50%}
}
@media(max-width:600px){
 html[data-design=copper] .whatsapp-contact {
  right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:10px 15px;font-size:12px;min-height:46px;
 }
 html[data-design=copper] .whatsapp-contact .cp-glyph {width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
 html[data-design=copper] :is(.whatsapp-contact,.tq-whatsapp,.tc-wa,.cp-whatsapp-action),
 html[data-design=copper] #home .main-banner .cp-team-call .cp-btn-icon {
  animation:none!important;transition:none!important;
 }
 html[data-design=copper] #home .main-banner .cp-team-call .cp-btn-icon {transform:none!important}
}