/* ==========================================================================
   Ali v12.20 - No-Delete Contact Luxury Cards
   Focus: make contact quick cards look more premium, stylish, and conversion-friendly.
   Additive only.
   ========================================================================== */

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-grid{
  position:relative;
  gap:24px !important;
  margin-top:28px !important;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card{
  min-height:236px !important;
  padding:22px 22px 20px !important;
  gap:18px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%) !important;
  border:1px solid rgba(26,64,123,.10) !important;
  box-shadow:0 18px 44px rgba(15,23,42,.08), 0 3px 10px rgba(15,23,42,.04) !important;
  overflow:hidden !important;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 86% 14%, rgba(255,255,255,.55), transparent 24%),
    radial-gradient(circle at 10% 0%, rgba(28,79,146,.09), transparent 30%);
  z-index:0;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card::after{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#c69a38 0%,#e0c26c 45%,#1d4e92 100%);
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card > *{
  position:relative;
  z-index:1;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-phone::after,
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-mobile::after{
  background:linear-gradient(90deg,#1d4e92 0%,#3f74b8 100%);
}
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-whatsapp::after{
  background:linear-gradient(90deg,#16a366 0%,#28c47b 100%);
}
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-map::after{
  background:linear-gradient(90deg,#c69a38 0%,#e4bf64 100%);
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-icon{
  align-self:flex-start !important;
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  min-height:72px !important;
  border-radius:24px !important;
  font-size:31px !important;
  box-shadow:0 10px 24px rgba(20,52,97,.08) !important;
}

body.b4883-v1220-contact-luxury .b4883-v1220-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.2px;
  color:#385472;
  background:#f3f7fb;
  border:1px solid rgba(26,64,123,.08);
  white-space:nowrap;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-whatsapp .b4883-v1220-status-pill{
  color:#127a50;
  background:#ecfbf4;
  border-color:rgba(22,163,102,.14);
}
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-map .b4883-v1220-status-pill{
  color:#8a6819;
  background:#fff8e8;
  border-color:rgba(198,154,56,.18);
}
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-phone .b4883-v1220-status-pill,
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-mobile .b4883-v1220-status-pill{
  color:#1e4d8d;
  background:#eef5ff;
  border-color:rgba(29,78,146,.12);
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-main{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0 2px;
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-main strong{
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  color:#11294b !important;
  margin:0 !important;
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-main em{
  margin:0;
  font-style:normal;
  color:#5f7390;
  font-size:14px;
  line-height:1.95;
  font-weight:700;
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef3f9 100%);
  border:1px solid rgba(26,64,123,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-bottom small{
  margin:0 !important;
  color:#4d6382 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.7 !important;
}

body.b4883-v1220-contact-luxury .b4883-v1220-card-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(26,64,123,.10);
  color:#163761;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 6px 16px rgba(17,35,68,.06);
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-whatsapp .b4883-v1220-card-cta{
  color:#127a50;
}
body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card.is-map .b4883-v1220-card-cta{
  color:#8a6819;
}

body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 54px rgba(15,23,42,.12), 0 5px 14px rgba(15,23,42,.06) !important;
}

@media (max-width: 1180px){
  body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card{
    min-height:220px !important;
  }
}

@media (max-width: 860px){
  body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.b4883-v1220-contact-luxury .b4883-v1220-card-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 640px){
  body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-card{
    min-height:auto !important;
    padding:18px !important;
    gap:14px !important;
    border-radius:24px !important;
  }
  body.b4883-v1220-contact-luxury .b4883-v1220-contact-quick-icon{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;
    border-radius:20px !important;
    font-size:28px !important;
  }
  body.b4883-v1220-contact-luxury .b4883-v1220-card-main strong{
    font-size:28px !important;
  }
  body.b4883-v1220-contact-luxury .b4883-v1220-card-bottom{
    padding:12px 14px;
  }
}
