/* Homepage Diwali hampers popup (diwali-popup.js builds it), styled like the rest of the site. Off after Bhai Dooj. */
.dp{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(74,34,112,.32);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}
.dp.open{opacity:1}
.dp-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;
  background:#FDF8F2;border:1.5px dashed #D9BFEF;border-radius:28px;box-shadow:0 24px 60px rgba(74,34,112,.28);
  font-family:'Quicksand',sans-serif;color:#5A4A6B;transform:translateY(18px) scale(.96);transition:transform .45s cubic-bezier(.2,1.25,.4,1)}
.dp.open .dp-card{transform:none}
.dp-card:focus{outline:none}
.dp-go:focus-visible,.dp-later:focus-visible,.dp-x:focus-visible{outline:3px solid #B78BD9;outline-offset:3px}
.dp-sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
/* the same fairy-light string as the site header, across the top of the card */
.dp-lights{position:relative;height:20px;margin:0 22px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath d='M0 1 Q18 12 36 1' stroke='%23A88B5A' stroke-width='1' fill='none'/%3E%3C/svg%3E") repeat-x 0 0/36px 12px}
.dp-lights i{position:absolute;top:6px;width:6px;height:9px;margin-left:-3px;border-radius:50% 50% 45% 45%;background:var(--c);box-shadow:0 0 5px 2px var(--c);
  animation:fest-twinkle 2.2s ease-in-out infinite;animation-delay:var(--d)}
.dp-lights i::before{content:'';position:absolute;top:-2px;left:1.5px;width:3px;height:3px;border-radius:1px;background:#8C7448}
.dp-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:center;padding:14px 30px 28px}
.dp-photo{position:relative;border-radius:22px;overflow:hidden;border:1.5px dashed #D9BFEF;background:#fff;padding:8px}
.dp-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.dp-photo .dp-tag{position:absolute;top:16px;left:16px;background:#E0559B;color:#fff;font-weight:700;font-size:12px;border-radius:999px;padding:5px 11px;
  box-shadow:0 3px 10px rgba(224,85,155,.3)}
.dp-kicker{letter-spacing:.22em;font-size:11px;font-weight:700;color:#B78BD9;text-transform:uppercase}
.dp h2{margin:6px 0 0;font-family:'Baloo 2',sans-serif;font-weight:800;color:#5D2E8C;font-size:clamp(30px,4.6vw,42px);line-height:1.05}
.dp-sub{font-family:'Caveat',cursive;font-weight:600;color:#E0559B;font-size:clamp(22px,3vw,26px);line-height:1.15;margin-top:4px}
.dp p{margin:10px 0 0;font-size:14.5px;line-height:1.55}
.dp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dp-pills span{font-weight:700;font-size:13px;color:#5D2E8C;background:#fff;border:1px solid #E3D5F0;border-radius:999px;padding:6px 12px}
.dp-pills .hot{background:#FFF0F7;border-color:#F6C6DD}
.dp-pills .hot b{color:#E0559B}
.dp-go{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:13px 28px;border-radius:999px;background:#5D2E8C;color:#fff!important;
  font-family:'Baloo 2',sans-serif;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 6px 18px rgba(93,46,140,.3);transition:transform .2s,background .2s}
.dp-go:hover{background:#4A2270;transform:translateY(-1px)}
.dp-go span{transition:transform .2s}
.dp-go:hover span{transform:translateX(3px)}
.dp-later{display:inline-block;margin:12px 0 0 14px;background:none;border:0;font-family:'Quicksand',sans-serif;font-weight:700;font-size:14px;
  color:#E0559B!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;cursor:pointer}
.dp-later:hover{color:#5D2E8C!important}
.dp-x{position:absolute;top:22px;right:16px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid #E3D5F0;background:#fff;
  color:#5D2E8C;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(93,46,140,.1)}
.dp-x:hover{border-color:#E0559B;color:#E0559B}
@media (max-width:640px){
  .dp-in{grid-template-columns:1fr;gap:16px;padding:10px 18px 22px;text-align:center}
  .dp-photo img{aspect-ratio:16/11}
  .dp-pills{justify-content:center}
  .dp-later{display:block;margin:10px auto 0}
}
@media (prefers-reduced-motion: reduce){.dp-card{transition:none}.dp-lights i{animation:none}}