/* DubaiFlora — Diwali 2026 campaign styles (2026-10-23). Loaded by dfdesign only while DfCampaign is on.
   Separate file on purpose: df.css is browser-cached for 7 days without a version string. */
.dfd,.df-dwbar{--dw-mar:#5a1236;--dw-mar2:#7a1d4f;--dw-mag:#9b2d7a;--dw-mg:#e8a33d;--dw-or:#f08a24;--dw-gold:#f6d27a;--dw-cr:#fbf6ef;--dw-ink:#3b0f24}

/* ---- announcement bar (displayBanner) ---- */
.header-banner:has(.df-dwbar){background:none;padding:0}
a.df-dwbar{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem .6rem;padding:.5rem 16px .7rem;
  background:linear-gradient(90deg,var(--dw-mar) 0%,var(--dw-mar2) 50%,var(--dw-mar) 100%);color:#fff!important;font-weight:600;font-size:14px;line-height:1.35;
  text-align:center;text-decoration:none!important}
a.df-dwbar::after{content:"";position:absolute;inset:auto 0 0 0;height:5px;
  background:radial-gradient(circle at 5px 2.5px,var(--dw-or) 2.4px,transparent 2.8px) 0 0/10px 5px repeat-x,
             radial-gradient(circle at 5px 2.5px,var(--dw-mg) 2.4px,transparent 2.8px) 5px 0/10px 5px repeat-x}
a.df-dwbar:hover .df-dwbar__txt{text-decoration:underline}
.df-dwbar__go{display:inline-flex;align-items:center;gap:.3rem;background:var(--dw-mg);color:var(--dw-ink);border-radius:999px;padding:.12rem .7rem;font-weight:700;font-size:13px;white-space:nowrap}
html[dir="rtl"] .df-dwbar__go .rtl-flip{display:inline-block;transform:scaleX(-1)}
.df-dwbar__short{display:none}
@media(max-width:767.98px){a.df-dwbar{font-size:13px;padding:.4rem 10px .6rem;flex-wrap:nowrap;gap:.5rem}.df-dwbar__long{display:none}.df-dwbar__short{display:inline}.df-dwbar__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-dwbar__go{font-size:12px}}

/* ---- home hero (dfhome) ---- */
.dfd{position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(circle at 88% 12%,rgba(246,210,122,.28),transparent 42%),radial-gradient(circle at 8% 95%,rgba(232,163,61,.22),transparent 40%),
             linear-gradient(135deg,var(--dw-mar) 0%,var(--dw-mar2) 55%,var(--dw-mag) 100%)}
/* marigold string along the top edge, two rows like a toran */
.dfd::before{content:"";position:absolute;inset:0 0 auto 0;height:22px;pointer-events:none;
  background:radial-gradient(circle at 11px 8px,var(--dw-or) 7px,transparent 7.6px) 0 0/22px 22px repeat-x,
             radial-gradient(circle at 11px 8px,var(--dw-mg) 7px,transparent 7.6px) 11px 7px/22px 22px repeat-x}
.dfd [hidden]{display:none!important}
.dfd__in{display:grid;grid-template-columns:1.05fr 1fr;gap:2.25rem;align-items:center;padding-top:3.25rem;padding-bottom:2.75rem}
.dfd__kick{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .6rem;padding:.25rem .8rem;border:1px solid rgba(246,210,122,.55);border-radius:999px;
  color:var(--dw-gold);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
html[dir="rtl"] .dfd__kick{letter-spacing:0;text-transform:none;font-size:14px}
.dfd__lamp{font-size:1.15em;line-height:1}
.dfd__h{font-family:'Lora',Georgia,serif;font-size:clamp(32px,4.4vw,50px);line-height:1.1;color:#fff!important;margin:0 0 .4rem}
html[dir="rtl"] .dfd__h{font-family:'Tajawal',sans-serif;line-height:1.3}
.dfd__date{font-family:'Lora',Georgia,serif;font-size:clamp(18px,2vw,23px);color:var(--dw-gold);margin:0 0 1rem;font-weight:600}
html[dir="rtl"] .dfd__date{font-family:'Tajawal',sans-serif}
.dfd__cd{margin:0 0 1.1rem}
.dfd__cd-run{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}
.dfd__cd-label{font-weight:600;color:rgba(255,255,255,.92)}
.dfd__cd-boxes{display:inline-flex;gap:8px}
.dfd__cd-box{display:flex;flex-direction:column;align-items:center;min-width:62px;padding:.4rem .5rem .35rem;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(246,210,122,.5)}
.dfd__cd-box b{font-family:'Lora',Georgia,serif;font-size:28px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.dfd__cd-box small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--dw-gold)}
html[dir="rtl"] .dfd__cd-box small{text-transform:none;letter-spacing:0;font-size:12px}
.dfd__cd-fest{padding:.75rem 1rem;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(246,210,122,.5)}
.dfd__cd-fest b{display:block;font-family:'Lora',Georgia,serif;font-size:22px;color:var(--dw-gold)}
html[dir="rtl"] .dfd__cd-fest b{font-family:'Tajawal',sans-serif}
.dfd__cd-fest span{color:rgba(255,255,255,.92);font-size:15px}
.dfd__sub{font-size:17px;color:rgba(255,255,255,.92);margin:0 0 1.25rem;max-width:36em}
.dfd__cta{display:flex;flex-wrap:wrap;gap:.6rem}
.dfd-btn--mg{background:var(--dw-mg);color:var(--dw-ink)!important;box-shadow:0 2px 0 rgba(0,0,0,.18)}
.dfd-btn--mg:hover{background:var(--dw-gold)}
.dfd-btn--ln{border:2px solid rgba(255,255,255,.75);color:#fff!important;background:transparent;padding:.55rem 1.1rem}
.dfd-btn--ln:hover{background:#fff;color:var(--dw-mar)!important}
.dfd__note{margin:1rem 0 0;font-size:14px;color:rgba(255,255,255,.8)}
.dfd__col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:240px 190px;gap:8px}
.dfd__tile{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--dw-mar);text-decoration:none!important;border:2px solid rgba(246,210,122,.6)}
.dfd__tile--wide{grid-column:span 2}
.dfd__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.dfd__tile:hover img{transform:scale(1.04)}
.dfd__tile span{position:absolute;inset:auto 0 0 0;padding:1.6rem 12px 10px;background:linear-gradient(transparent,rgba(59,15,36,.88));color:#fff;font-weight:700;font-size:14px}
/* first shelf */
.dfa-shelf--diwali .dfa-h2{color:var(--dfa-m,#9b2d7a)}
@media(max-width:991.98px){
  .dfd__in{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}
  .dfd__col{grid-template-rows:220px 170px}
}
@media(max-width:767.98px){
  .dfd__in{padding-top:2.1rem;padding-bottom:1.75rem;gap:1.25rem}
  .dfd__h{font-size:30px}
  .dfd__sub{font-size:15px;margin-bottom:1rem}
  .dfd__cd-box{min-width:0;flex:1 1 0;padding:.35rem .25rem}
  .dfd__cd-boxes{width:100%}
  .dfd__cd-box b{font-size:24px}
  .dfd__cta .dfa-btn{flex:1 1 calc(50% - .6rem);min-width:0;padding-inline:.6rem;font-size:14px;text-align:center}
  .dfd__cta .dfd-btn--mg{flex-basis:100%}
  .dfd__col{grid-template-rows:180px 140px;gap:6px}
  .dfd__tile span{font-size:12px;padding:1.2rem 8px 7px}
}
/* ---- Diwali category date line (ftdcatseo) ---- */
.ftdcatseo-campaign{display:block;margin:.25rem 0 .75rem;padding:.6rem .9rem;border-radius:10px;background:#fdf2dc;border-inline-start:4px solid #e8a33d;color:#5a1236;font-weight:600;font-size:15px}