/* Umrah Package Card — Frontend Styles v1.2.0 */
.upc-card *,.upc-card *::before,.upc-card *::after{box-sizing:border-box;margin:0;padding:0}
.upc-card{font-family:'Geist',system-ui,-apple-system,sans-serif;width:100%;max-width:var(--upc-max-w,380px);border-radius:var(--upc-radius,24px);overflow:hidden;border:1px solid var(--upc-brd);box-shadow:0 4px 24px var(--upc-shadow);background:var(--upc-bg);-webkit-font-smoothing:antialiased;position:relative;color:var(--upc-text)}

/* ── LIGHT THEMES ── */
.upc-card.upc-bronze{
  --upc-ac:#A0764A;--upc-ac2:#7A5220;--upc-ac-light:#F5EDE3;
  --upc-bg:#FFFFFF;--upc-bg2:#FBF8F4;--upc-brd:rgba(160,118,74,.15);
  --upc-shadow:rgba(160,118,74,.1);--upc-text:#2C1A0E;--upc-text2:#8A7A66;--upc-text3:#B5A692;
  --upc-divider:rgba(160,118,74,.1)
}
.upc-card.upc-silver{
  --upc-ac:#6B8EA0;--upc-ac2:#4A6B80;--upc-ac-light:#EDF3F6;
  --upc-bg:#FFFFFF;--upc-bg2:#F6F9FB;--upc-brd:rgba(107,142,160,.15);
  --upc-shadow:rgba(107,142,160,.1);--upc-text:#1A2530;--upc-text2:#6B8090;--upc-text3:#9AB0BC;
  --upc-divider:rgba(107,142,160,.1)
}
.upc-card.upc-gold{
  --upc-ac:#C49A30;--upc-ac2:#9A7818;--upc-ac-light:#FDF6E3;
  --upc-bg:#FFFFFF;--upc-bg2:#FDFAF2;--upc-brd:rgba(196,154,48,.15);
  --upc-shadow:rgba(196,154,48,.1);--upc-text:#2A2008;--upc-text2:#8A7A50;--upc-text3:#B5A878;
  --upc-divider:rgba(196,154,48,.1)
}
.upc-card.upc-platinum{
  --upc-ac:#8A70B8;--upc-ac2:#6A4EA0;--upc-ac-light:#F0ECF6;
  --upc-bg:#FFFFFF;--upc-bg2:#F8F5FB;--upc-brd:rgba(138,112,184,.15);
  --upc-shadow:rgba(138,112,184,.1);--upc-text:#1E162A;--upc-text2:#7A6A90;--upc-text3:#A898C0;
  --upc-divider:rgba(138,112,184,.1)
}

/* Image */
.upc-card__image{position:relative;height:var(--upc-img-h,160px);overflow:hidden}
.upc-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.upc-card__image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.35) 100%);pointer-events:none}

/* Badge */
.upc-card__badge{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;background:linear-gradient(160deg,var(--upc-ac),var(--upc-ac2));color:#fff;padding:6px 18px;border-radius:8px;font-size:8px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* Header */
.upc-card__header{padding:14px 18px 12px}
.upc-card__title{font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-bottom:6px;color:var(--upc-text)}
.upc-card__meta{display:flex;gap:16px;flex-wrap:wrap}
.upc-card__meta span{font-size:10px;color:var(--upc-text3);font-weight:500}
.upc-card__meta strong{color:var(--upc-text2);font-weight:700}

/* Body */
.upc-card__body{padding:0 18px 18px}

/* Prices — TRUE equal columns */
.upc-card__prices{
  display:grid;grid-template-columns:1fr 1fr;
  padding:14px 0;
  border-top:1px solid var(--upc-divider);
  border-bottom:1px solid var(--upc-divider);
  margin-bottom:12px;
  align-items:center;
}
.upc-card__price-main{
  display:flex;flex-direction:column;align-items:flex-start;
  padding-right:14px;
}
.upc-card__price-label{font-size:8px;color:var(--upc-ac);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.upc-card__price-amount{font-size:36px;font-weight:900;color:var(--upc-ac);letter-spacing:-1.5px;line-height:1}
.upc-card__price-amount sup{font-size:14px;font-weight:600;vertical-align:super;margin-right:1px;letter-spacing:0}
.upc-card__price-side{
  display:flex;flex-direction:column;gap:6px;
  justify-content:center;
  padding-left:14px;
  border-left:1px solid var(--upc-divider);
}
.upc-card__price-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.upc-card__price-row-label{font-size:9px;color:var(--upc-text3);font-weight:500}
.upc-card__price-row-value{font-size:14px;font-weight:700;color:var(--upc-text);letter-spacing:-.3px}

/* Chips — tight, compact */
.upc-card__chips{display:grid;grid-template-columns:auto auto auto;gap:5px;margin-bottom:12px;justify-content:start}
.upc-card__chip{
  display:inline-flex;align-items:center;gap:4px;
  padding:var(--upc-chip-v,5px) var(--upc-chip-h,10px);
  background:var(--upc-bg2);
  border:1px solid var(--upc-divider);
  border-radius:100px;
  font-size:9px;font-weight:500;color:var(--upc-text2);
  white-space:nowrap;line-height:1;
}
.upc-card__chip svg{width:12px;height:12px;flex-shrink:0}
.upc-card__chip--seats svg{fill:var(--upc-ac)}
.upc-card__chip--meals svg{fill:#5BA67A}
.upc-card__chip--flight svg{fill:#5B7EC0}
.upc-card__chip b{color:var(--upc-text);font-weight:700}

/* Hotels — tight */
.upc-card__hotels{margin-bottom:14px}
.upc-card__hotel{display:flex;align-items:center;gap:10px;padding:7px 0}
.upc-card__hotel + .upc-card__hotel{border-top:1px solid var(--upc-divider)}
.upc-card__hotel-num{width:26px;height:26px;border-radius:50%;background:var(--upc-ac-light);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--upc-ac);flex-shrink:0}
.upc-card__hotel-body{flex:1;min-width:0}
.upc-card__hotel-name{font-size:11px;font-weight:700;color:var(--upc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.upc-card__hotel-row{display:flex;align-items:center;gap:4px;margin-top:1px}
.upc-card__hotel-stars{color:var(--upc-ac);font-size:var(--upc-hotel-stars-size,10px);letter-spacing:.5px;line-height:1}
.upc-card__hotel-detail{font-size:var(--upc-hotel-detail-size,9px);color:var(--upc-text3);font-weight:500;line-height:1}
.upc-card__hotel-dist{font-size:11px;font-weight:700;color:var(--upc-ac);display:flex;align-items:center;gap:3px;flex-shrink:0}
.upc-card__hotel-dist svg{width:14px;height:14px;fill:var(--upc-ac);opacity:.6}

/* Actions */
.upc-card__actions{display:flex;align-items:center;gap:8px}
.upc-card__action-icon{width:44px;height:44px;border-radius:12px;background:var(--upc-bg2);border:1px solid var(--upc-divider);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:all .2s ease;flex-shrink:0}
.upc-card__action-icon svg{width:18px;height:18px;fill:var(--upc-text3)}
.upc-card__action-icon:hover{background:var(--upc-ac-light);border-color:var(--upc-ac)}
.upc-card__action-icon:hover svg{fill:var(--upc-ac)}
.upc-card__action-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 16px;border-radius:14px;background:var(--upc-ac);color:#fff;font-family:inherit;font-size:13px;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.upc-card__action-cta svg{width:16px;height:16px;fill:currentColor}
.upc-card__action-cta:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);color:#fff;text-decoration:none}
.upc-card__action-cta,.upc-card__action-icon{will-change:transform}

@media(max-width:400px){.upc-card__price-amount{font-size:30px}.upc-card__chip{padding:4px 8px;font-size:8px}.upc-card__chip svg{width:10px;height:10px}}
@media print{.upc-card{box-shadow:none;border:1px solid #ccc}.upc-card__actions{display:none}}

/* ── DARK MODE OVERRIDES ── */
.upc-card.upc-dark.upc-bronze{--upc-ac:#C08840;--upc-ac2:#8A6020;--upc-ac-light:rgba(192,136,64,.12);--upc-bg:#1a1410;--upc-bg2:rgba(255,255,255,.04);--upc-brd:rgba(192,136,64,.1);--upc-shadow:rgba(0,0,0,.3);--upc-text:#fff;--upc-text2:rgba(255,255,255,.6);--upc-text3:rgba(255,255,255,.35);--upc-divider:rgba(255,255,255,.06)}
.upc-card.upc-dark.upc-silver{--upc-ac:#9AABB8;--upc-ac2:#6B8290;--upc-ac-light:rgba(154,171,184,.12);--upc-bg:#131618;--upc-bg2:rgba(255,255,255,.04);--upc-brd:rgba(154,171,184,.1);--upc-shadow:rgba(0,0,0,.3);--upc-text:#fff;--upc-text2:rgba(255,255,255,.6);--upc-text3:rgba(255,255,255,.35);--upc-divider:rgba(255,255,255,.06)}
.upc-card.upc-dark.upc-gold{--upc-ac:#D4A843;--upc-ac2:#A07E20;--upc-ac-light:rgba(212,168,67,.12);--upc-bg:#1a1608;--upc-bg2:rgba(255,255,255,.04);--upc-brd:rgba(212,168,67,.1);--upc-shadow:rgba(0,0,0,.3);--upc-text:#fff;--upc-text2:rgba(255,255,255,.6);--upc-text3:rgba(255,255,255,.35);--upc-divider:rgba(255,255,255,.06)}
.upc-card.upc-dark.upc-platinum{--upc-ac:#B8A0D8;--upc-ac2:#7E60A8;--upc-ac-light:rgba(184,160,216,.12);--upc-bg:#16121a;--upc-bg2:rgba(255,255,255,.04);--upc-brd:rgba(184,160,216,.1);--upc-shadow:rgba(0,0,0,.3);--upc-text:#fff;--upc-text2:rgba(255,255,255,.6);--upc-text3:rgba(255,255,255,.35);--upc-divider:rgba(255,255,255,.06)}
.upc-card.upc-dark .upc-card__image::after{background:linear-gradient(180deg,transparent 20%,var(--upc-bg) 95%)}