/* Contact page reference design. Loaded after cms.css to avoid shared-page conflicts. */
.contact-page-body{background:#fff!important}
.contact-page-body .site-header{background:transparent!important;border:0!important;box-shadow:none!important;padding:14px 0!important}
.contact-page-body .site-header.scrolled{background:transparent!important;border:0!important;box-shadow:none!important}
.contact-page-body .nav-wrap{width:min(1320px,calc(100vw - 56px))!important;height:76px!important;margin:auto!important;padding:0 26px!important;background:rgba(255,255,255,.94)!important;border:1px solid #DEE8F6!important;border-radius:18px!important;box-shadow:0 18px 48px rgba(13,39,79,.09)!important}
.contact-page-body .nav-links{justify-content:center!important;gap:34px!important;margin:0!important}
.contact-page-body .nav-links a{color:#13223D!important;font-size:14px!important;font-weight:900!important}
.contact-page-body .nav-links a[href$="/contact"]{color:#0B6FFF!important}
.contact-page-body .nav-links a[href$="/contact"]:after{display:block!important;transform:scaleX(1)!important;bottom:-28px!important;height:3px!important;background:#0B6FFF!important}
.contact-page-body .header-cta.store-cta{min-height:46px!important;padding:0 22px!important;border-radius:8px!important;background:linear-gradient(135deg,#0B6FFF,#0456E8)!important;box-shadow:0 14px 28px rgba(11,111,255,.22)!important}
.contact-reference-page{--c-blue:#0B6FFF;--c-blue2:#0456E8;--c-ink:#061A3D;--c-muted:#687790;--c-line:#DDE7F5;padding:122px 0 44px;color:var(--c-ink);background:radial-gradient(circle at 9% 15%,rgba(11,111,255,.06),transparent 24%),radial-gradient(circle at 91% 16%,rgba(11,111,255,.08),transparent 23%),#fff}
.contact-reference-page .container{width:min(1320px,calc(100% - 56px))}
.contact-reference-hero{position:relative;padding:22px 0 48px;text-align:center;overflow:hidden}
.contact-reference-hero h1{margin:0 0 14px;color:#061A3D;font-size:clamp(58px,6.1vw,78px);line-height:1.03;font-weight:900;letter-spacing:0}
.contact-reference-hero p{max-width:620px;margin:0 auto;color:#748198;font-size:18px;line-height:1.8;font-weight:700}
.contact-deco{position:absolute;top:18px;width:270px;height:150px;pointer-events:none}.contact-deco-left{left:5%}.contact-deco-right{right:5%}
.contact-deco-left i{position:absolute;width:72px;height:72px;left:8px;top:6px;border:1px solid #BED3F4;border-radius:18px;transform:rotate(15deg)}
.contact-deco-left b{position:absolute;width:62px;height:62px;left:56px;top:58px;border-radius:14px;background:linear-gradient(145deg,#4089FF,#075DED);box-shadow:0 18px 34px rgba(11,111,255,.24)}
.contact-deco-left span{position:absolute;width:60px;height:60px;left:148px;top:46px;background-image:radial-gradient(#BDD0ED 2px,transparent 2px);background-size:16px 16px}
.contact-deco-right i{position:absolute;width:156px;height:86px;right:18px;top:18px;border:1px solid #BFD5F7;border-radius:50%;transform:rotate(12deg)}
.contact-deco-right i:after{content:"";position:absolute;inset:-2px;border:1px solid #CFE0F8;border-radius:50%;transform:rotate(-28deg)}
.contact-deco-right b{position:absolute;right:58px;top:36px;width:108px;height:86px;border-radius:48px 48px 48px 16px;background:linear-gradient(145deg,#5C98FF,#075DEC);box-shadow:0 22px 46px rgba(11,111,255,.28)}
.contact-deco-right b:after{content:"";position:absolute;left:26px;top:36px;width:10px;height:10px;border-radius:50%;background:#DCE8FF;box-shadow:24px 0 0 #DCE8FF,48px 0 0 #DCE8FF}
.contact-deco-right span{position:absolute;right:15px;top:28px;width:8px;height:8px;border-radius:50%;background:#1D66EA;box-shadow:-190px 22px 0 #BBD1F3,-22px 74px 0 #9ABAF0}
.contact-reference-main{padding:0 0 28px}
.contact-reference-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.98fr)!important;gap:28px!important;align-items:start!important}
html[dir=rtl] .contact-reference-grid{direction:ltr}html[dir=rtl] .contact-reference-grid>*{direction:rtl}
.contact-reference-form{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:26px!important;background:#fff!important;border:1px solid var(--c-line)!important;border-radius:16px!important;box-shadow:0 22px 54px rgba(13,39,79,.08)!important;color:#061A3D!important}
.contact-form-head{position:relative;min-height:58px;margin-bottom:4px;padding-inline-end:74px}.contact-form-head h2{margin:0 0 8px;color:#061A3D;font-size:23px;line-height:1.2;font-weight:900}.contact-form-head p{margin:0;color:#7B8798;font-size:13px;font-weight:700}
.contact-head-icon{position:absolute;inset-inline-end:0;top:0;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--c-blue);background:linear-gradient(145deg,#EEF5FF,#DCE9FF);font-size:24px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-reference-form label{position:relative;display:grid!important;gap:0!important}
.contact-reference-form label span{position:absolute;z-index:2;top:50%;inset-inline-end:16px;transform:translateY(-50%);color:#7A879B!important;font-size:14px!important;font-weight:700!important;pointer-events:none}
.contact-reference-form label:after{position:absolute;top:50%;inset-inline-start:16px;transform:translateY(-50%);color:#69788F;font-size:18px;pointer-events:none}.contact-reference-form label:nth-of-type(1):after{content:"♡"}.contact-reference-form label:nth-of-type(2):after{content:"⌕"}.contact-reference-form>label:nth-of-type(1):after{content:"✉"}.contact-reference-form>label:nth-of-type(2):after{content:"⌁"}.contact-reference-form>label:nth-of-type(3):after{content:"☰";top:24px}
.contact-reference-form input,.contact-reference-form select,.contact-reference-form textarea{width:100%!important;min-height:48px!important;padding:0 46px 0 44px!important;border:1px solid var(--c-line)!important;border-radius:9px!important;background:#fff!important;color:#061A3D!important;font:700 14px Cairo,Inter,system-ui,sans-serif!important;box-shadow:0 10px 24px rgba(13,39,79,.035)!important;outline:none!important}
.contact-reference-form textarea{min-height:116px!important;padding-top:18px!important;resize:vertical}.contact-reference-form textarea::placeholder{color:#94A0B2}
.contact-reference-form input:focus,.contact-reference-form select:focus,.contact-reference-form textarea:focus{border-color:#0B6FFF!important;box-shadow:0 0 0 4px rgba(11,111,255,.1)!important}
.contact-submit{min-height:50px!important;border-radius:8px!important;background:linear-gradient(135deg,#075DF3,#0B72FF)!important;box-shadow:0 14px 34px rgba(11,111,255,.24)!important;font-size:15px!important}.contact-submit span{transform:rotate(-35deg)}
.contact-privacy{margin:0;color:#7A8AA3;text-align:center;font-size:11px;font-weight:700}.form-result{padding:0!important}
.contact-reference-side{display:grid;gap:22px}.contact-reference-info{position:relative!important;min-height:270px!important;padding:30px!important;overflow:hidden!important;border:0!important;border-radius:14px!important;color:#fff!important;background:radial-gradient(circle at 13% 24%,rgba(18,117,255,.22),transparent 30%),linear-gradient(135deg,#071B3B,#06162D)!important;box-shadow:0 24px 58px rgba(9,28,58,.18)!important}
.contact-reference-info:before{display:none!important}.contact-reference-info h2{margin:0 0 26px!important;color:#fff!important;font-size:24px!important;font-weight:900!important}
.contact-side-icon{position:absolute;top:22px;inset-inline-end:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#126FFF,#075CEA);color:#fff;font-size:25px}
.contact-map-dots{position:absolute;left:28px;top:84px;width:260px;height:110px;opacity:.35;background-image:radial-gradient(#8EB9FF 2px,transparent 2px);background-size:9px 9px;clip-path:polygon(0 34%,15% 25%,28% 36%,42% 22%,58% 32%,77% 19%,100% 30%,94% 74%,72% 68%,55% 86%,39% 72%,18% 82%,4% 66%)}.contact-map-dots i{position:absolute;left:100px;top:34px;width:34px;height:34px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#126FFF;opacity:1}
.contact-reference-info .contact-address{position:relative!important;z-index:2!important;max-width:360px!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;gap:12px!important;color:#E6F0FF!important}
.contact-reference-info .contact-address strong{color:#fff!important;font-size:18px!important}.contact-reference-info .contact-address a,.contact-reference-info .contact-address span{display:block!important;margin:0!important;color:#ECF4FF!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important}
.contact-action-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-action-card{position:relative;min-height:198px;padding:24px;border:1px solid var(--c-line);border-radius:14px;background:#fff;box-shadow:0 20px 44px rgba(13,39,79,.06);text-decoration:none;color:#061A3D;display:flex;flex-direction:column;align-items:flex-start}.contact-action-card span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:22px;border-radius:50%;color:#fff;font-size:20px}.contact-action-card.whatsapp span{background:#16C66A}.contact-action-card.email span{background:#126FFF}.contact-action-card strong{display:block;margin-bottom:12px;color:#126FFF;font-size:17px;font-weight:900}.contact-action-card.whatsapp strong{color:#18B963}.contact-action-card small{display:block;color:#718096;font-size:13px;font-weight:700;line-height:1.6}.contact-action-card b{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:auto;border:1px solid currentColor;border-radius:8px;color:#126FFF;font-size:13px;font-weight:900;line-height:1.2}.contact-action-card.whatsapp b{color:#18B963}
.contact-reference-map{padding:0 0 28px}.contact-map-card{position:relative;min-height:112px;overflow:hidden;border:1px solid var(--c-line);border-radius:14px;background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),repeating-linear-gradient(30deg,transparent 0 22px,#DDE7F4 23px 24px),repeating-linear-gradient(120deg,transparent 0 27px,#E6EEF8 28px 29px),#EEF4FB}.map-pin{position:absolute;left:22%;top:31px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#126FFF;color:#fff;font-weight:900;box-shadow:0 15px 30px rgba(18,111,255,.28)}.map-location{position:absolute;right:15%;top:12px;min-width:255px;min-height:88px;padding:18px 24px 18px 92px;border:1px solid var(--c-line);border-radius:14px;background:#fff;box-shadow:0 20px 48px rgba(13,39,79,.08);text-align:center}.map-location span{position:absolute;left:24px;top:22px;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;color:#126FFF;background:#EEF5FF;font-size:25px}.map-location strong,.map-location b,.map-location small{display:block}.map-location strong{font-size:19px;color:#061A3D}.map-location b{margin:3px 0;color:#516176;font-size:13px}.map-location small{color:#607086;font-size:12px;font-weight:700}
.contact-benefits{padding:4px 0 0}.contact-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.contact-benefits-grid div{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:14px;min-height:70px;border-inline-start:1px solid #D9E4F2}.contact-benefits-grid div:last-child{border-inline-start:0}.contact-benefits-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#EEF5FF;color:#126FFF;font-weight:900}.contact-benefits-grid strong{display:block;color:#061A3D;font-size:15px;font-weight:900}.contact-benefits-grid small{display:block;margin-top:5px;color:#708096;font-size:12px;font-weight:700}
@media(max-width:1100px){.contact-reference-grid{grid-template-columns:1fr!important}.contact-reference-form{order:1!important}.contact-reference-side{order:2!important}.contact-reference-info{order:1!important}.contact-action-cards{order:2!important}.contact-action-cards,.contact-benefits-grid{grid-template-columns:repeat(2,1fr)}.contact-reference-info .contact-address{margin:0!important}}
@media(max-width:900px){.contact-reference-page{padding-top:98px}.contact-page-body .site-header{padding:8px 0!important}.contact-page-body .nav-wrap{height:62px!important;border-radius:16px!important;padding:0 12px!important}.contact-reference-hero h1{font-size:44px}.contact-reference-hero p{font-size:15px}.contact-deco{opacity:.45}}
@media(max-width:620px){.contact-reference-page .container{width:calc(100% - 24px)}.contact-deco{display:none}.contact-reference-hero{padding:18px 0 32px}.contact-reference-form{padding:18px!important}.contact-form-row,.contact-action-cards,.contact-benefits-grid{grid-template-columns:1fr}.contact-reference-side{display:grid!important;gap:16px!important}.contact-reference-info{order:1!important;padding:22px!important;min-height:auto!important}.contact-action-cards{order:2!important}.contact-action-card{min-height:210px!important;padding:22px!important}.contact-action-card small{margin-bottom:18px}.contact-action-card b{position:static!important;margin-top:auto!important}.contact-reference-info .contact-address{gap:10px!important}.contact-reference-info .contact-address a,.contact-reference-info .contact-address span{line-height:1.55!important;word-break:break-word!important;overflow-wrap:anywhere!important}.contact-map-dots{display:none}.contact-map-card{min-height:150px}.map-pin{left:24px}.map-location{left:82px;right:14px;min-width:0;padding:16px;text-align:start}.map-location span{display:none}.contact-benefits-grid div{border-inline-start:0}}

/* Contact v3 spacing fix: keep card copy above buttons and prevent side panels from overlapping. */
.contact-page-body .contact-reference-side{
  align-self:start!important;
}
.contact-page-body .contact-reference-info{
  min-height:340px!important;
  height:auto!important;
  padding-bottom:34px!important;
}
.contact-page-body .contact-action-cards{
  position:relative!important;
  z-index:3!important;
  align-items:stretch!important;
}
.contact-page-body .contact-action-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:224px!important;
  height:auto!important;
  padding:24px!important;
  overflow:hidden!important;
}
.contact-page-body .contact-action-card span{
  flex:0 0 auto!important;
}
.contact-page-body .contact-action-card strong,
.contact-page-body .contact-action-card small,
.contact-page-body .contact-action-card b{
  position:static!important;
  width:100%!important;
  transform:none!important;
}
.contact-page-body .contact-action-card strong{
  margin:0 0 10px!important;
  line-height:1.35!important;
}
.contact-page-body .contact-action-card small{
  margin:0 0 22px!important;
  line-height:1.75!important;
  white-space:normal!important;
}
.contact-page-body .contact-action-card b{
  margin-top:auto!important;
  min-height:44px!important;
  padding:0 14px!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:normal!important;
}
.contact-page-body .contact-reference-info .contact-address{
  overflow:visible!important;
}
.contact-page-body .contact-reference-info .contact-address a,
.contact-page-body .contact-reference-info .contact-address span{
  line-height:1.65!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:1100px){
  .contact-page-body .contact-reference-info{
    min-height:300px!important;
  }
  .contact-page-body .contact-action-card{
    min-height:220px!important;
  }
}

@media(max-width:620px){
  .contact-page-body .contact-reference-info{
    min-height:auto!important;
  }
  .contact-page-body .contact-action-card{
    min-height:205px!important;
  }
  .contact-page-body .contact-action-card small{
    margin-bottom:18px!important;
  }
}