/* Contact Our Team second-pass layout: photo office tiles, actual contact icons,
   Social cards, full-width Gmail and a bottom-aligned enquiry form.
   Scoped to #/contact; preserves existing CMS links and form handlers. */
body.an-contact-mode #app .an-contact-offices{gap:0!important}
body.an-contact-mode #app .an-contact-channels-title{
  margin:5px 0 4px!important;
  font-size:15px!important;
  font-weight:850!important;
  color:#ffa446!important;
}
body.an-contact-mode #app .an-contact-social{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  margin:0!important;
  align-items:stretch!important;
}
body.an-contact-mode #app .an-contact-social a,
body.an-contact-mode #app .an-contact-social .an-contact-phone{
  position:relative;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:36px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:9px!important;
  padding:3px 8px!important;
  border:1px solid var(--contact-card-edge,hsl(31 76% 65%))!important;
  border-radius:11px!important;
  background:
    linear-gradient(180deg,hsl(0 0% 100% / .21),transparent 54%,hsl(0 0% 0% / .14)),
    var(--contact-card-fill,linear-gradient(120deg,hsl(28 86% 37%),hsl(16 67% 28%)))!important;
  text-decoration:none!important;
  color:#fff!important;
  font-size:13px!important;
  box-shadow:inset 0 1px 0 hsl(0 0% 100% / .26),0 5px 16px hsl(0 0% 0% / .16);
}
body.an-contact-mode #app .an-contact-social a:not(.an-social-unset):is(:hover,:focus-visible){
  box-shadow:inset 0 1px 0 hsl(0 0% 100% / .4),inset 0 0 0 1px hsl(0 0% 100% / .25),0 5px 16px hsl(0 0% 0% / .24);
}
body.an-contact-mode #app .an-contact-social .an-contact-icon{
  display:inline-flex;
  width:27px; height:27px;
  flex:0 0 27px;
  align-items:center;justify-content:center;
  border-radius:9px;
  background:#fff;
  box-shadow:0 0 0 1px #ffffff22;
}
body.an-contact-mode #app .an-contact-social .an-contact-icon svg{
  display:block;width:19px;height:19px;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-copy{
  flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;
}
body.an-contact-mode #app .an-contact-social a small,
body.an-contact-mode #app .an-contact-social .an-contact-phone small{
  display:block!important;
  line-height:1.12!important;
  font-size:11px!important;
  font-weight:850!important;
  color:#fff!important;
  white-space:normal!important;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
  display:block;max-width:100%;
  color:#f4c99c;
  font-size:10px;
  line-height:1.2;
  overflow-wrap:anywhere;
  word-break:break-word;
}
body.an-contact-mode #app .an-contact-social .an-social-unset{
  opacity:1!important;
  filter:none!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"]{
  grid-column:1 / -1!important;
  width:100%!important;
  justify-content:center!important;
  --contact-card-edge:hsl(40 72% 68%);
  --contact-card-fill:linear-gradient(108deg,hsl(350 66% 38%),hsl(29 81% 32%) 28%,hsl(145 54% 28%) 55%,hsl(216 61% 41%) 83%,hsl(262 43% 39%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="facebook"]{
  --contact-card-edge:hsl(213 92% 73%);
  --contact-card-fill:linear-gradient(120deg,hsl(215 84% 43%),hsl(222 72% 32%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="tiktok"]{
  --contact-card-edge:hsl(215 11% 56%);
  --contact-card-fill:linear-gradient(120deg,hsl(220 8% 27%),hsl(225 11% 13%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="youtube"]{
  --contact-card-edge:hsl(354 84% 72%);
  --contact-card-fill:linear-gradient(120deg,hsl(353 79% 43%),hsl(352 68% 31%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="linkedin"]{
  --contact-card-edge:hsl(199 80% 70%);
  --contact-card-fill:linear-gradient(120deg,hsl(202 82% 39%),hsl(209 77% 29%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="whatsapp"]{
  --contact-card-edge:hsl(145 64% 63%);
  --contact-card-fill:linear-gradient(120deg,hsl(146 63% 34%),hsl(153 62% 25%));
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"] .an-contact-card-copy{flex:0 1 auto}
body.an-contact-mode #app .an-contact-email{display:none!important}
/* Use the available desktop panel height for the contact cards and message. */
@media(min-width:801px){
 body.an-contact-mode #app .an-contact-social{
   flex:1 0 auto!important;
   grid-auto-rows:minmax(48px,1fr);
   gap:7px!important;
 }
 body.an-contact-mode #app .an-contact-social a,
 body.an-contact-mode #app .an-contact-social .an-contact-phone{
   padding:6px 10px!important;
 }
 body.an-contact-mode #app .an-contact-social a small,
 body.an-contact-mode #app .an-contact-social .an-contact-phone small{
   font-size:13px!important;
 }
 body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
   font-size:12px;
 }
 body.an-contact-mode #app .an-contact-fields{
   grid-template-rows:auto auto minmax(min-content,1fr);
   align-content:stretch!important;
 }
 body.an-contact-mode #app .an-contact-fields textarea{
   min-height:132px!important;
   flex:1 0 auto;
 }
}
@media(max-width:800px){
 body.an-contact-mode #app .an-contact-head{padding-top:10px!important}
 body.an-contact-mode #app>.an-contact-content{padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important}
 body.an-contact-mode #app .an-contact-main{
   display:flex!important;
   flex-direction:column!important;
   gap:6px!important;
   overflow:visible!important;
   min-height:0!important;
 }
 body.an-contact-mode #app .an-contact-offices{
   flex:0 0 auto!important;
   display:flex!important;
   flex-direction:column!important;
   min-height:0!important;
   overflow:visible!important;
   padding:7px 8px!important;
 }
 body.an-contact-mode #app .an-contact-main h2{font-size:14px!important;margin:0 0 5px!important}
 body.an-contact-mode #app .an-contact-office-grid{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:6px!important;
   flex:0 0 auto!important;
 }
 body.an-contact-mode #app .an-contact-office{
   height:auto!important;
   min-height:62px!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:flex-end!important;
   gap:0!important;
   position:relative!important;
   isolation:isolate;
   padding:5px!important;
   overflow:hidden!important;
   border:1px solid #ad733f!important;
   border-radius:11px!important;
   background:#131720!important;
 }
 body.an-contact-mode #app .an-contact-office-photo{
   display:block!important;
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   background-position:center!important;
   background-size:cover!important;
   z-index:-2!important;
   border-radius:inherit;
 }
 body.an-contact-mode #app .an-contact-office-photo::after{
   content:""!important;
   position:absolute;
   inset:0;
   background:linear-gradient(0deg,#070a0ff5 0%,#0c0e18ce 40%,#0b14285c 100%)!important;
   z-index:0;
 }
 body.an-contact-mode #app .an-contact-office-photo::before{display:none!important}
 body.an-contact-mode #app .an-contact-office-photo span{display:none!important}
 body.an-contact-mode #app .an-contact-office b,
 body.an-contact-mode #app .an-contact-office p,
 body.an-contact-mode #app .an-contact-office .an-contact-map{
   position:relative; z-index:1;
   text-shadow:0 1px 3px #000d;
   margin-inline:0!important;
 }
 body.an-contact-mode #app .an-contact-office b{
   font-size:clamp(11px,2.9vw,13px)!important;
   line-height:1.1!important;
   margin:0 0 3px!important;
   color:#fff!important;
 }
 body.an-contact-mode #app .an-contact-office b span{color:#ffbd70!important}
 body.an-contact-mode #app .an-contact-office p{
   margin:0 0 4px!important;
   font-size:9px!important;
   line-height:1.15!important;
   color:#fff!important;
 }
 body.an-contact-mode #app .an-contact-office .an-contact-map{
   align-self:flex-start!important;
   margin:0!important;
   font-size:0!important;
   color:#ffcf98!important;
   text-shadow:0 1px 3px #000;
 }
 body.an-contact-mode #app .an-contact-office .an-contact-map::before{
   content:"View location ↗"!important;
   font-size:9px!important;
   font-weight:800!important;
 }
 body.an-contact-mode #app .an-contact-office .an-contact-photo-credit{display:none!important}
 body.an-contact-mode #app .an-contact-channels-title{
   margin:7px 0 5px!important;
   font-size:12px!important;
   line-height:1.1!important;
 }
 body.an-contact-mode #app .an-contact-social{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   flex:1 1 auto!important;
   min-height:0!important;
   gap:5px 6px!important;
 }
 body.an-contact-mode #app .an-contact-social a,
 body.an-contact-mode #app .an-contact-social .an-contact-phone{
   min-height:38px!important;
   height:auto!important;
   padding:3px 6px!important;
   gap:4px!important;
   border-radius:9px!important;
 }
 body.an-contact-mode #app .an-contact-social .an-contact-icon{
   width:21px;height:21px;flex-basis:21px;border-radius:7px;
 }
 body.an-contact-mode #app .an-contact-social .an-contact-icon svg{width:15px;height:15px}
 body.an-contact-mode #app .an-contact-social a small,
 body.an-contact-mode #app .an-contact-social .an-contact-phone small{
   font-size:10px!important;
   line-height:1.15!important;
 }
 body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
   font-size:9px!important;
   line-height:1.12!important;
   white-space:normal!important;
 }
 body.an-contact-mode #app .an-contact-social [data-an-social="gmail"]{
   min-height:32px!important;
   padding:4px 10px!important;
   grid-column:1/-1!important;
 }
 body.an-contact-mode #app .an-contact-enquiry{
   flex:1 0 auto!important;
   display:flex!important;
   height:auto!important;
   min-height:0!important;
   padding:8px 9px!important;
   overflow:visible!important;
   background:linear-gradient(140deg,#201f28,#11131a)!important;
   box-shadow:0 -7px 28px #0007;
 }
 body.an-contact-mode #app .an-contact-enquiry h2{
   margin:0 0 5px!important;
   font-size:14px!important;
 }
 body.an-contact-mode #app .an-contact-enquiry form{
   display:flex!important;
   flex-direction:column!important;
   flex:1 0 auto!important;
   height:auto!important;
   overflow:visible!important;
 }
 body.an-contact-mode #app .an-contact-fields{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:5px 7px!important;
   flex:1 0 auto!important;
   min-height:0!important;
   overflow:visible!important;
   grid-template-rows:auto auto minmax(min-content,1fr);
   align-content:stretch!important;
 }
 body.an-contact-mode #app .an-contact-fields label{font-size:10px!important;gap:2px!important}
 body.an-contact-mode #app .an-contact-fields label:last-child{grid-column:1 / -1!important}
 body.an-contact-mode #app .an-contact-fields input,
 body.an-contact-mode #app .an-contact-fields textarea{
   min-height:30px!important;
   height:30px!important;
   padding:5px 7px!important;
   border-radius:7px!important;
   font-size:11px!important;
 }
 body.an-contact-mode #app .an-contact-fields textarea{
   min-height:82px!important;
   height:auto!important;
   flex:1 0 auto;
   resize:vertical!important;
 }
 body.an-contact-mode #app .an-contact-enquiry button[type=submit]{
   min-height:31px!important;
   margin-top:5px!important;
   padding:5px 10px!important;
   border-radius:8px!important;
 }
 body.an-contact-mode #app .an-contact-feedback{
   min-height:0!important;
   margin-top:3px!important;
   font-size:9px!important;
   line-height:1.2!important;
 }
}

body.an-contact-mode #app .an-contact-feedback:empty{display:none!important}
@media(max-width:800px){
 body.an-contact-mode #app .an-contact-social a{padding-inline:4px!important}
 body.an-contact-mode #app .an-contact-social [data-an-social="whatsapp"] .an-contact-card-detail,
 body.an-contact-mode #app .an-contact-social .an-contact-phone .an-contact-card-detail{font-size:8px!important}
}
@media(max-width:800px) and (max-height:660px){
 body.an-contact-mode #app .an-contact-fields textarea{
   min-height:65px!important;
   height:65px!important;
 }
}

/* Keep the office and social cards on one edge-to-edge artwork. */
body.an-contact-mode #app .an-contact-offices{
  overflow:hidden!important;
  --mosaic-inset:clamp(12px,4vw,22px);
  --mosaic-size:calc(100% - 2 * var(--mosaic-inset));
  background:
    linear-gradient(#090c1524,#090c1552) center / var(--mosaic-size) var(--mosaic-size) no-repeat,
    #050608 url('assets/contact-flag-mosaic.webp') center / var(--mosaic-size) var(--mosaic-size) no-repeat!important;
  margin:clamp(12px,3vw,28px);
  box-shadow:0 0 0 clamp(12px,3vw,28px) #050608;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone){
  background:
    linear-gradient(160deg,#ffffff28,transparent 60%),
    color-mix(in srgb,var(--contact-card-edge,#ffae71) 19%,#0a101966)!important;
  backdrop-filter:blur(1px);
  text-shadow:0 1px 3px #000,0 0 5px #000;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
  color:#fff3df!important;
}
body.an-contact-mode #app .an-contact-offices h2,
body.an-contact-mode #app .an-contact-channels-title{
  text-shadow:0 1px 3px #000,0 0 9px #000;
}
body.an-contact-mode #app .an-contact-office{
  position:relative;
  isolation:isolate;
  background:linear-gradient(105deg,#080b1366 0%,#080b1340 64%,#080b131a 100%)!important;
}
body.an-contact-mode #app .an-contact-office .an-contact-office-photo{
  opacity:.18;
}
body.an-contact-mode #app .an-contact-office :is(b,p,.an-contact-map){
  position:relative;
  text-shadow:0 1px 3px #000,0 0 5px #000;
}
body.an-contact-mode #app .an-contact-office p{
  color:#fff!important;
  font-weight:550;
}

/* A compact title badge leaves the flag visible around it. */
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone){
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto 1fr;
  align-items:center;
  gap:0 5px!important;
  padding:0!important;
  overflow:hidden;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-copy{display:contents}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small{
  grid-area:1 / 1 / 2 / -1;
  justify-self:center;
  width:max-content;
  max-width:calc(100% - 8px);
  margin-top:3px;
  padding:1px 6px;
  border:1px solid #ff9b554d;
  border-radius:999px;
  background:
    linear-gradient(90deg,#ff823b 0 33%,#fff 33% 68%,#ff9b5e 68% 78%,#fff 78%) text,
    linear-gradient(#08090de0,#08090de0) padding-box;
  color:transparent!important;
  text-align:center;
  text-shadow:none;
  font-size:clamp(9px,2.5vw,12px)!important;
  font-weight:800!important;
}
body.an-contact-mode #app .an-contact-social .an-contact-icon{
  grid-area:2 / 1;
  margin:4px 0 4px 4px;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
  grid-area:2 / 2;
  padding:4px 4px 4px 0;
  color:var(--contact-detail,#101216)!important;
  font-size:clamp(8px,2.35vw,10px)!important;
  font-weight:750!important;
  text-shadow:0 1px 2px #000,0 0 4px #000;
}
body.an-contact-mode #app .an-contact-social [data-an-social="facebook"]{--contact-detail:#8ec4ff}
body.an-contact-mode #app .an-contact-social [data-an-social="linkedin"]{--contact-detail:#89d4ff}
body.an-contact-mode #app .an-contact-social [data-an-social="youtube"]{--contact-detail:#ff8b8b}
body.an-contact-mode #app .an-contact-social [data-an-social="whatsapp"]{--contact-detail:#88f3ab}
body.an-contact-mode #app .an-contact-social :is([data-an-social="tiktok"],.an-contact-phone) .an-contact-card-detail{
  text-shadow:0 0 2px #fff,0 0 4px #fff;
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"]{
  grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"] .an-contact-icon{grid-column:2}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"] .an-contact-card-detail{
  grid-column:3;
  background:linear-gradient(90deg,#9bc8ff,#ffa7a7,#ffe499,#9aeeb4);
  background-clip:text;
  color:transparent!important;
  text-shadow:none;
  filter:drop-shadow(0 1px 2px #000);
}
body.an-contact-mode #app .an-contact-office :is(b,p){
  align-self:flex-start;
  max-width:100%;
  border-radius:6px;
  padding:2px 4px;
  background:#090d1480;
}
body.an-contact-mode #app .an-contact-office b{
  align-self:center;
  text-align:center;
  border:1px solid #ffb05b91;
}


/* 2026-11-09 — compact centered headings and evenly inset flag artwork. */
body.an-contact-mode #app .an-contact-offices{
  --mosaic-inset:clamp(18px,5.2%,38px)!important;
  --mosaic-size:calc(100% - 2 * var(--mosaic-inset))!important;
  background:
    linear-gradient(#090c1512,#090c1526) center / var(--mosaic-size) var(--mosaic-size) no-repeat,
    #050608 url('assets/contact-flag-mosaic.webp') center / var(--mosaic-size) var(--mosaic-size) no-repeat!important;
}
body.an-contact-mode #app .an-contact-office-grid{align-items:stretch!important}
body.an-contact-mode #app .an-contact-office b{
  align-self:center!important;
  text-align:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-inline:auto!important;
  padding:2px 5px!important;
  font-weight:750!important;
  background:#080a10d9!important;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone){
  grid-template-rows:min-content minmax(0,1fr)!important;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small{
  display:block!important;
  width:max-content!important;
  max-width:calc(100% - 10px)!important;
  margin:3px auto 0!important;
  padding:2px 7px!important;
  border:1px solid #ff812f85!important;
  border-radius:5px!important;
  background:#080a0fe8!important;
  color:#fff!important;
  font-weight:750!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  -webkit-text-fill-color:initial!important;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small::first-letter{
  color:#ff781e!important;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
  text-shadow:0 1px 3px #000,0 0 5px #000!important;
}
@media(max-width:800px){
  body.an-contact-mode #app .an-contact-offices{
    --mosaic-inset:clamp(16px,5%,28px)!important;
  }
  body.an-contact-mode #app .an-contact-office b{
    font-size:clamp(10px,2.8vw,12px)!important;
    line-height:1.1!important;
  }
  body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small{
    font-size:clamp(9px,2.55vw,11px)!important;
    padding:2px 5px!important;
    margin-top:3px!important;
  }
}


/* 2026-11-09 second refinement: minimal floating contact pills, no outer social panels. */
body.an-contact-mode #app .an-contact-office .an-contact-map{display:none!important}
body.an-contact-mode #app .an-contact-office{
  border:0!important;background:transparent!important;
  box-shadow:none!important;align-items:center!important;
  justify-content:center!important;min-height:74px!important;
}
body.an-contact-mode #app .an-contact-office .an-contact-office-photo{display:none!important}
body.an-contact-mode #app .an-contact-office b,
body.an-contact-mode #app .an-contact-office p{
  align-self:center!important;text-align:center!important;
  width:max-content!important;max-width:100%!important;
  margin:2px auto!important;padding:3px 7px!important;
  border:1px solid #ff9b5366!important;border-radius:999px!important;
  background:#07090ce8!important;
  line-height:1.2!important;
}
body.an-contact-mode #app .an-contact-office p{
  border-color:#ffffff35!important;color:#fff!important;
  font-size:clamp(9px,2.4vw,12px)!important;
}
body.an-contact-mode #app .an-contact-social{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px 8px!important;
}
body.an-contact-mode #app .an-contact-social .an-contact-phone{display:none!important}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"]{
  grid-column:auto!important;grid-template-columns:26px minmax(0,1fr)!important;
  min-height:55px!important;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone){
  border:0!important;box-shadow:none!important;
  border-radius:0!important;background:transparent!important;
  backdrop-filter:none!important;overflow:visible!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;min-height:55px!important;
  padding:0!important;gap:3px 5px!important;
}
body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small{
  grid-area:1 / 1 / 2 / -1!important;
  display:block!important;justify-self:center!important;
  width:max-content!important;max-width:100%!important;
  padding:4px 12px!important;margin:0 auto!important;
  background:#06080cf2!important;border:1px solid #fa802b85!important;
  border-radius:9px!important;color:#fff!important;
  text-align:center!important;font-size:clamp(10px,2.7vw,13px)!important;
  font-weight:800!important;line-height:1!important;
}
body.an-contact-mode #app .an-contact-social small .an-title-orange{color:#ff781e!important}
body.an-contact-mode #app .an-contact-social small .an-title-white{color:#fff!important}
body.an-contact-mode #app .an-contact-social .an-contact-icon{
  grid-area:2 / 1!important;margin:0!important;
  width:25px!important;height:25px!important;
  flex-basis:25px!important;
}
body.an-contact-mode #app .an-contact-social .an-contact-card-detail{
  grid-area:2 / 2!important;min-width:0!important;
  padding:4px 5px!important;margin:0!important;
  border-radius:7px!important;border:1px solid #ffffff30!important;
  background:#080b12d9!important;
  font-size:clamp(8px,2.2vw,11px)!important;
  line-height:1.16!important;overflow-wrap:anywhere!important;
  text-shadow:none!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="facebook"] .an-contact-card-detail,
body.an-contact-mode #app .an-contact-social [data-an-social="linkedin"] .an-contact-card-detail{
  background:linear-gradient(110deg,#0654b7,#f9fcff)!important;
  color:#06142b!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="tiktok"] .an-contact-card-detail{
  background:linear-gradient(110deg,#0a0a0e,#f4f4f4)!important;color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="youtube"] .an-contact-card-detail{
  background:linear-gradient(110deg,#b50923,#fff)!important;color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="whatsapp"] .an-contact-card-detail{
  background:linear-gradient(110deg,#087a39,#f4fff6)!important;color:#073e24!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"] .an-contact-card-detail{
  grid-column:2!important;background:linear-gradient(110deg,#b22a22,#fff)!important;
  background-clip:border-box!important;color:#fff!important;
  filter:none!important;text-shadow:0 1px 2px #000!important;
}
body.an-contact-mode #app .an-contact-social [data-an-social="gmail"] .an-contact-icon{grid-column:1!important}
body.an-contact-mode #app .an-contact-offices{
  --mosaic-inset:clamp(20px,6%,45px)!important;
}
@media(max-width:800px){
 body.an-contact-mode #app .an-contact-social{gap:8px 5px!important}
 body.an-contact-mode #app .an-contact-social :is(a,.an-contact-phone) small{
   padding:4px 7px!important;font-size:clamp(10px,2.7vw,12px)!important;
 }
 body.an-contact-mode #app .an-contact-social .an-contact-card-detail{font-size:clamp(8px,2.15vw,10px)!important}
}