.dareem-gifts{--dg-green:#204541;--dg-gold:#cfa45c;direction:rtl;text-align:center;font-family:inherit;max-width:1180px;margin:32px auto;padding:36px 18px 26px;color:var(--dg-green)}
.dareem-gifts *{box-sizing:border-box}.dareem-gifts-heading{margin:0 auto 22px}.dareem-gifts-eyebrow{display:inline-block;color:#9d793d;font-size:13px;font-weight:700;letter-spacing:.1px;margin-bottom:8px}.dareem-gifts-heading h2{font-size:clamp(23px,3vw,38px);font-weight:900;line-height:1.6;color:var(--dg-green);margin:0 0 6px}.dareem-gifts-heading p{font-size:15px;color:#64716d;line-height:1.9;margin:0}.dareem-gifts-message{display:inline-block;max-width:100%;margin:0 auto 25px;padding:11px 22px;background:#f1f6f3;border:1px solid #dbe7e0;border-radius:100px;color:var(--dg-green);font-size:13px;font-weight:650;line-height:1.8}.dareem-gifts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1400px}.dareem-gift{appearance:none;-webkit-appearance:none;display:block;position:relative;width:100%;height:370px;min-height:0;padding:0;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;text-align:center;cursor:pointer;perspective:1200px;outline-offset:5px}.dareem-gift-inner{display:block;position:relative;width:100%;height:100%;border-radius:24px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.78,.16,1)}.dareem-gift-front,.dareem-gift-back{display:flex;position:absolute;inset:0;overflow:hidden;align-items:center;flex-direction:column;justify-content:center;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dareem-gift-front{background:linear-gradient(165deg,#fffdf8 0%,#faf2e4 100%);border:1px solid #e8d5b5;box-shadow:0 16px 34px #20454117,0 2px 5px #20454108;padding:16px 18px 22px}.dareem-gift-front:after{content:'';position:absolute;inset:8px;border:1px solid #e9d9bf;border-radius:18px;pointer-events:none}.dareem-gift-image{display:block;width:100%;height:238px;overflow:hidden;border-radius:17px;margin-bottom:10px}.dareem-gift-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.dareem-gift-label{font-size:20px;font-weight:900;color:#204541;margin:0 0 7px}.dareem-gift-hint{font-size:12px;font-weight:650;color:#a27a3d}.dareem-gift-back{transform:rotateY(180deg);padding:30px 22px;background:radial-gradient(circle at 50% 10%,#3a6a5c,#204541 72%);border:1px solid #d5b270;box-shadow:0 18px 40px #20454133;color:#fff7e9}.dareem-reveal-sparkle{font-size:49px;color:#f1d08d;line-height:1;margin-bottom:14px}.dareem-reveal-kicker{font-size:14px;color:#f5dfb4;margin-bottom:12px}.dareem-reveal-prize{font-size:clamp(19px,2vw,25px);line-height:1.65;color:#fff;font-weight:900}.dareem-reveal-text{font-size:14px;line-height:2;color:#f2e6d1;margin:13px 0;white-space:pre-line;overflow-wrap:anywhere}.dareem-reveal-footer{font-size:12px;color:#e5c58c;margin-top:auto}.dareem-gift.is-flipped .dareem-gift-inner{transform:rotateY(180deg)}.dareem-gift:not(.is-flipped):hover .dareem-gift-inner{transform:translateY(-8px)}.dareem-gift:not(.is-flipped):hover img{transform:scale(1.065)}.dareem-gift.is-locked .dareem-gift-hint{color:#7c8981}.dareem-gift.is-locked .dareem-gift-hint:before{content:'🔒 ';font-size:12px}.dareem-gift.is-locked .dareem-gift-front{filter:saturate(.84)}.dareem-gift:focus-visible{outline:3px solid var(--dg-gold)}.dareem-gifts-footnote{margin:20px 0 0;font-size:12px;line-height:1.8;color:#84928b}@media(max-width:767px){.dareem-gifts{padding:24px 12px}.dareem-gifts-grid{grid-template-columns:1fr;max-width:390px;margin:auto;gap:16px}.dareem-gift{height:340px}.dareem-gift-image{height:215px}.dareem-gifts-message{border-radius:16px;font-size:12px}}@media(min-width:768px) and (max-width:980px){.dareem-gifts-grid{gap:12px}.dareem-gift{height:320px}.dareem-gift-image{height:190px}.dareem-gift-label{font-size:16px}}@media(prefers-reduced-motion:reduce){.dareem-gift-inner,.dareem-gift-image img{transition:none}}

/* v1.6 — clean jewel-store card treatment, no section heading */
.dareem-gifts{max-width:1040px;margin:16px auto;padding:16px 14px 24px;color:#204541}
.dareem-gifts-message{display:table;margin:0 auto 20px;background:#f4f8f6;border:1px solid #d7e4df;border-radius:12px;color:#204541;padding:9px 18px;font-size:13px;box-shadow:none}
.dareem-gifts-grid{gap:18px;perspective:1500px}
.dareem-gift{height:340px;border-radius:19px!important;perspective:1400px;transition:filter .25s ease}
.dareem-gift-inner,.dareem-gift-front,.dareem-gift-back{border-radius:19px}
.dareem-gift-front{background:linear-gradient(160deg,#ffffff 12%,#f6f9f7 100%);border:1px solid #d7e4dd;box-shadow:0 12px 32px rgba(18,62,54,.10),0 2px 7px rgba(18,62,54,.06);padding:12px 14px 20px}
.dareem-gift-front:after{inset:6px;border:1px solid rgba(204,169,100,.40);border-radius:14px}
.dareem-gift-image{height:235px;margin-bottom:8px;border-radius:13px;background:#eaf1eb}
.dareem-gift-image img{object-fit:cover}
.dareem-gift-label{font-size:18px;letter-spacing:0;font-weight:850;margin:0 0 5px}
.dareem-gift-hint{font-size:12px;color:#98743d}
.dareem-gift-back{background:radial-gradient(circle at 20% 5%,#34675b 0%,#204541 60%,#13352f 100%);border:1px solid #cfa45c;padding:27px 22px;box-shadow:0 15px 35px rgba(16,55,46,.25)}
.dareem-gift-back:after{content:'';position:absolute;inset:8px;border:1px solid rgba(226,190,118,.48);border-radius:13px;pointer-events:none}
.dareem-reveal-sparkle{font-size:44px;color:#e8c17b;filter:drop-shadow(0 0 12px rgba(238,197,120,.4))}
.dareem-reveal-kicker{font-size:13px}
.dareem-reveal-prize{font-size:23px;line-height:1.7}
.dareem-reveal-text{font-size:13px;line-height:2.1;max-height:135px;overflow:auto;padding:0 4px}
.dareem-gift:not(.is-flipped):hover .dareem-gift-inner{transform:translateY(-7px) rotateX(2deg)}
.dareem-gift.is-flipped .dareem-gift-inner{transform:rotateY(180deg)}
.dareem-gift.is-locked:not(.is-flipped):hover .dareem-gift-inner{transform:translateY(-3px)}
@media(max-width:767px){.dareem-gifts{padding:12px 10px 18px}.dareem-gifts-grid{gap:14px;max-width:370px}.dareem-gift{height:325px}.dareem-gift-image{height:222px}.dareem-gifts-message{font-size:12px;max-width:100%;text-align:center}}

/* v1.7 — Dareem brand palette: red primary, emerald secondary, champagne gold accents */
.dareem-gifts{
  --dg-red:#BA2025;--dg-green:#204541;--dg-gold:#cba66a;
  color:var(--dg-red);
}
.dareem-gifts-message{
  color:#8e1c21;
  background:#fff5f4;
  border:1px solid rgba(186,32,37,.19);
  box-shadow:0 3px 12px rgba(186,32,37,.04);
}
.dareem-gift-front{
  background:linear-gradient(150deg,#fff 8%,#fff8f6 78%,#f8f2eb 100%);
  border:1px solid rgba(186,32,37,.23);
  box-shadow:0 13px 34px rgba(92,28,28,.10),0 2px 6px rgba(32,69,65,.05);
}
.dareem-gift-front:before{
  content:"";position:absolute;top:0;left:20%;right:20%;height:3px;
  background:linear-gradient(90deg,transparent,#BA2025 30%,#d5aa72 70%,transparent);
  border-radius:0 0 10px 10px;z-index:1;
}
.dareem-gift-front:after{border-color:rgba(186,32,37,.14)}
.dareem-gift-image{background:#f9f0e9}
.dareem-gift-label{color:#BA2025}
.dareem-gift-hint{color:#204541}
.dareem-gift-back{
  background:radial-gradient(circle at 24% 8%,#d34b4c 0%,#BA2025 47%,#85171b 100%);
  border:1px solid #d7ac6b;
  box-shadow:0 16px 38px rgba(120,19,24,.26);
  color:#fff;
}
.dareem-gift-back:after{border-color:rgba(255,223,174,.48)}
.dareem-reveal-sparkle{color:#f5dba8}
.dareem-reveal-kicker{color:#ffe6c3}
.dareem-reveal-prize{color:#fff}
.dareem-reveal-text{color:#fff6f0}
.dareem-reveal-footer{color:#f4d9ac}
.dareem-gift.is-locked .dareem-gift-hint{color:#5b756e}
.dareem-gift.is-locked .dareem-gift-front{filter:saturate(.9)}
.dareem-gift:not(.is-locked):not(.is-flipped):hover .dareem-gift-front{
  border-color:#BA2025;
  box-shadow:0 18px 40px rgba(186,32,37,.15),0 4px 10px rgba(32,69,65,.06);
}
.dareem-gift:focus-visible{outline:3px solid #BA2025}
@media(prefers-reduced-motion:reduce){
 .dareem-gift-inner,.dareem-gift-image img{transition:none}
}

/* v2.0: approved ivory/red gift visual; brand-first compact cards */
.dareem-gifts{--dg-red:#BA2025;--dg-green:#204541;--dg-gold:#D7B06C;max-width:1040px;padding:14px 12px 28px;margin:12px auto;}
.dareem-gifts-grid{gap:20px;perspective:1700px}
.dareem-gift{height:365px;border-radius:22px!important;perspective:1600px}
.dareem-gift-inner,.dareem-gift-front,.dareem-gift-back{border-radius:22px}
.dareem-gift-inner{transition:transform .9s cubic-bezier(.22,.8,.2,1);will-change:transform}
.dareem-gift-front{padding:9px 9px 18px;background:#fff;border:1px solid #e4b77c;box-shadow:0 14px 36px rgba(88,29,28,.14),0 2px 7px rgba(32,69,65,.05)}
.dareem-gift-front:before{display:none}
.dareem-gift-front:after{inset:5px;border:1px solid rgba(186,32,37,.13);border-radius:17px}
.dareem-gift-image{height:276px;margin:0 0 10px;width:100%;border-radius:16px 16px 8px 8px;background:#f8f1e9}
.dareem-gift-image img{object-fit:cover;object-position:center center}
.dareem-gift-label{color:#BA2025;font-size:18px;font-weight:900;margin:0 0 2px}
.dareem-gift-hint{color:#204541;font-size:12px}
.dareem-gift.is-locked .dareem-gift-front{filter:none}
.dareem-gift.is-locked .dareem-gift-image img{filter:saturate(.78)}
.dareem-gift-back{background:radial-gradient(ellipse at 25% 6%,#c83b3f 0%,#BA2025 43%,#811216 100%);border:1px solid #e0b976;box-shadow:0 17px 42px rgba(115,18,25,.24);padding:30px 22px;color:#fff}
.dareem-gift-back:after{inset:9px;border:1px solid rgba(242,204,141,.65);border-radius:16px}
.dareem-reveal-sparkle{color:#f8dca3;font-size:45px}
.dareem-reveal-kicker{color:#ffe2ae}
.dareem-reveal-prize{color:#fff;font-size:22px}
.dareem-reveal-text{color:#fff6ef;font-size:13px;line-height:2;max-height:145px;overflow:auto}
.dareem-reveal-footer{color:#f8d9a5}
.dareem-gifts-message{background:#fff5f3;border:1px solid #eed2d0;color:#8d1d21;border-radius:100px;padding:9px 18px}
.dareem-gift:not(.is-locked):not(.is-flipped):hover .dareem-gift-front{border-color:#BA2025;box-shadow:0 18px 42px rgba(186,32,37,.2)}
.dareem-gift.is-flipped .dareem-gift-inner{transform:rotateY(180deg)}
.dareem-gift:focus-visible{outline:3px solid #BA2025}
@media(max-width:767px){.dareem-gifts-grid{max-width:365px;gap:16px}.dareem-gift{height:350px}.dareem-gift-image{height:260px}.dareem-gifts-message{border-radius:14px}}
@media(min-width:768px) and (max-width:980px){.dareem-gift{height:325px}.dareem-gift-image{height:230px}.dareem-gift-label{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dareem-gift-inner,.dareem-gift-image img{transition:none}}