/**
 * iBeta Whitelist — frontend styles
 * v1.0.0
 */

.ib-drops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1024px){.ib-drops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ib-drops-grid{grid-template-columns:1fr}}

.ib-drop-card{background:#fff;border:1px solid #E1E8F2;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.ib-drop-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,58,153,.1)}

.ib-drop-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#F5F7FF}
.ib-drop-card__media img,.ib-drop-card__img{width:100%;height:100%;object-fit:cover}
.ib-drop-card__img-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#EEF3FF 0%,#FFF0E8 100%)}

.ib-drop-card__badges{position:absolute;top:12px;left:12px}

.ib-drop-card__body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}
.ib-drop-card__brand{font-size:12px;font-weight:700;color:#5B6B85;text-transform:uppercase;letter-spacing:.05em}
.ib-drop-card__title{font-size:18px;font-weight:800;color:#0A1628;margin:0;line-height:1.3}
.ib-drop-card__title a{color:inherit;text-decoration:none}
.ib-drop-card__title a:hover{color:#1855CC}
.ib-drop-card__excerpt{font-size:14px;color:#5B6B85;line-height:1.5;margin:0}

.ib-drop-card__countdown{display:flex;gap:8px;align-items:center;background:#0A1628;color:#fff;padding:10px 14px;border-radius:12px;font-variant-numeric:tabular-nums;font-weight:700}
.ib-drop-card__countdown span{font-size:18px}
.ib-drop-card__countdown i{font-style:normal;font-size:11px;opacity:.6;font-weight:500;margin-right:4px}

.ib-drop-card__progress{display:flex;flex-direction:column;gap:6px}
.ib-drop-card__progress-bar{height:6px;background:#EEF3FF;border-radius:999px;overflow:hidden}
.ib-drop-card__progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#1855CC,#F05A00);border-radius:999px;transition:width .4s ease}
.ib-drop-card__progress small{color:#5B6B85;font-size:12px;font-weight:600}

.ib-drop-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.ib-drop-card__price{font-size:18px;font-weight:800;color:#0A1628}

/* Single drop page */
.ib-drop-single{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:32px 0}
@media (max-width:900px){.ib-drop-single{grid-template-columns:1fr}}
.ib-drop-single__media{border-radius:24px;overflow:hidden;background:#F5F7FF;aspect-ratio:1/1}
.ib-drop-single__media img{width:100%;height:100%;object-fit:cover}
.ib-drop-single__body{display:flex;flex-direction:column;gap:20px}
.ib-drop-single__title{font-size:36px;font-weight:900;color:#0A1628;margin:0;line-height:1.1}
.ib-drop-single__brand{font-size:14px;font-weight:700;color:#F05A00;text-transform:uppercase;letter-spacing:.08em}
.ib-drop-single__lede{font-size:18px;color:#5B6B85;line-height:1.6}
.ib-drop-single__panel{background:#fff;border:1px solid #E1E8F2;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}

/* Reservation feedback */
.ib-wl-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0A1628;color:#fff;padding:14px 22px;border-radius:14px;font-weight:600;z-index:9999;box-shadow:0 12px 30px rgba(15,58,153,.18);opacity:0;transition:opacity .2s ease,transform .2s ease}
.ib-wl-toast.is-show{opacity:1;transform:translate(-50%,-6px)}
.ib-wl-toast.is-error{background:#EF4444}
.ib-wl-toast.is-success{background:#10B981}