/* HotelOS SMART — Contact QR V7.5.5 */
.pf-contact-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:20px;
  align-items:center;
  margin:20px 0 8px;
  padding:22px;
  border:1px solid rgba(215,173,53,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 8%,rgba(215,173,53,.15),transparent 32%),
    linear-gradient(135deg,#11162b,#1d2c51 72%,#243763);
  box-shadow:0 18px 44px rgba(17,22,43,.12);
  color:#fff;
}
.pf-contact-card::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  border:1px solid rgba(240,208,107,.12);
  border-radius:50%;
  inset-inline-end:-88px;
  top:-92px;
  pointer-events:none;
}
.pf-contact-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#f0d06b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  margin-bottom:7px;
}
.pf-contact-title{
  margin:0;
  color:#fff;
  font-size:25px;
  line-height:1.35;
  font-weight:900;
}
.pf-contact-desc{
  margin:8px 0 13px;
  max-width:540px;
  color:#d7deeb;
  font-size:13px;
  line-height:1.8;
}
.pf-contact-email{
  display:inline-flex;
  direction:ltr;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:9px 12px;
  border-radius:13px;
  background:#ffffff0d;
  border:1px solid #ffffff18;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.pf-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.pf-contact-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:13px;
  padding:9px 13px;
  border:1px solid rgba(240,208,107,.30);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
}
.pf-contact-btn.primary{
  background:linear-gradient(135deg,#d7ad35,#f0d06b);
  color:#11162b;
  border-color:transparent;
}
.pf-contact-btn.secondary{
  background:#ffffff0c;
  color:#fff;
}
.pf-contact-hint{
  margin-top:10px;
  color:#aeb8ca;
  font-size:10px;
  line-height:1.55;
}
.pf-contact-qr{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  padding:10px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
.pf-contact-qr img{
  display:block;
  width:128px;
  height:128px;
  object-fit:contain;
}
.pf-contact-qr small{
  display:block;
  color:#4e5869;
  text-align:center;
  font-size:8px;
  line-height:1.4;
  margin-top:5px;
  font-weight:800;
}
.pf-contact-mini{
  margin:18px 22px 0;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(215,173,53,.26);
  background:#ffffff08;
  color:#fff;
}
.pf-contact-mini-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.pf-contact-mini h3{
  margin:0;
  color:#f0d06b;
  font-size:15px;
}
.pf-contact-mini p{
  margin:5px 0 0;
  color:#ffffffa8;
  font-size:11px;
  line-height:1.55;
}
.pf-contact-mini .pf-contact-mini-actions{
  display:flex;
  gap:7px;
  margin-top:10px;
}
.pf-contact-mini .pf-contact-btn{
  min-height:38px;
  padding:8px 11px;
  font-size:11px;
}
.pf-contact-mini-qr{
  width:66px;height:66px;
  background:#fff;
  border-radius:12px;
  padding:5px;
  flex:0 0 auto;
}
.pf-contact-mini-qr img{width:100%;height:100%;display:block}
@media(max-width:650px){
  .pf-contact-card{
    grid-template-columns:1fr 108px;
    gap:13px;
    padding:17px;
    border-radius:23px;
  }
  .pf-contact-title{font-size:20px}
  .pf-contact-desc{font-size:12px;line-height:1.65}
  .pf-contact-email{font-size:11.5px}
  .pf-contact-qr{padding:7px;border-radius:16px}
  .pf-contact-qr img{width:94px;height:94px}
  .pf-contact-actions{gap:6px}
  .pf-contact-btn{padding:8px 10px;font-size:11px}
}
@media(max-width:420px){
  .pf-contact-card{
    grid-template-columns:1fr;
  }
  .pf-contact-qr{
    width:122px;
    margin-inline:auto;
    grid-row:1;
  }
  .pf-contact-qr img{width:102px;height:102px}
  .pf-contact-copy{text-align:center}
}
@media print{
  .pf-contact-card,.pf-contact-mini{display:none!important}
}