/* DXB Trends identity · shared by every DXB site: the website, Studio, Menus, the Suite apps, Play and the Academy.
   Fonts are self-hosted (no outside requests), so it works under each site's strict security policy. */
@font-face{font-family:"Unbounded";font-weight:500;font-display:swap;src:url(fonts/unbounded-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-weight:800;font-display:swap;src:url(fonts/unbounded-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-weight:900;font-display:swap;src:url(fonts/unbounded-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Noto Kufi Arabic";font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;src:url(fonts/noto-kufi-arabic-arabic-400-normal.woff2) format("woff2")}
@font-face{font-family:"Noto Kufi Arabic";font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF;src:url(fonts/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2")}

:root{
  --dxb-ink:#09080F;--dxb-ink2:#12101D;--dxb-ink3:#1A1729;
  --dxb-pink:#FF2E88;--dxb-orange:#FF8A00;--dxb-gold:#FFC93C;--dxb-violet:#7B5CFF;--dxb-cyan:#23E5DB;--dxb-lime:#C6FF3D;
  --dxb-grad:linear-gradient(90deg,#FF2E88,#FF8A00,#FFC93C,#7B5CFF,#23E5DB,#FF2E88);
  --dxb-grad-short:linear-gradient(120deg,#FF2E88,#FF8A00 55%,#7B5CFF);
  --dxb-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --dxb-body:"Plus Jakarta Sans","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --dxb-ease:cubic-bezier(.16,1,.3,1);
}
@keyframes dxb-grad{to{background-position:300% 0}}
@keyframes dxb-spin{to{transform:rotate(360deg)}}

/* the product lockup: mark + DXB + name */
.dxb-lockup{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:inherit;min-width:0}
.dxb-lockup img{width:38px;height:38px;flex:none;border-radius:11px;box-shadow:0 8px 22px -8px rgba(255,46,136,.6)}
.dxb-lockup span{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.dxb-lockup small{font:800 9.5px/1 var(--dxb-display);letter-spacing:.22em;color:var(--dxb-lime)}
.dxb-lockup b{font:800 17px/1.15 var(--dxb-display);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxb-lockup.on-light small{color:#6A2BFF}

/* "Powered by DXB Trends" — on every page of every product */
.dxb-powered{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 7px;border-radius:999px;text-decoration:none!important;
  font:700 12.5px/1 var(--dxb-body);letter-spacing:.01em;color:inherit;background:rgba(127,127,127,.12);border:1px solid rgba(127,127,127,.24);
  position:relative;isolation:isolate;transition:transform .3s var(--dxb-ease),border-color .3s}
.dxb-powered img{width:22px;height:22px;border-radius:7px;flex:none}
.dxb-powered b{font-weight:800;background:var(--dxb-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dxb-grad 8s linear infinite}
.dxb-powered:hover{transform:translateY(-2px);border-color:rgba(255,46,136,.6)}
.dxb-powered-row{display:flex;justify-content:center;padding:22px 16px calc(22px + env(safe-area-inset-bottom))}
.dxb-powered.fixed{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media (prefers-reduced-motion:reduce){.dxb-powered b{animation:none}}

/* the DXB gradient as a button and as text */
.dxb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;
  font:800 15px/1 var(--dxb-body);color:#fff;background:var(--dxb-grad);background-size:300% 100%;animation:dxb-grad 7s linear infinite;
  box-shadow:0 12px 30px -12px rgba(255,46,136,.75);cursor:pointer;text-decoration:none;transition:transform .3s var(--dxb-ease)}
.dxb-btn:hover{transform:translateY(-2px)}
.dxb-grad-text{background:var(--dxb-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dxb-grad 8s linear infinite}
.dxb-doc{padding:18px 0 28px}
@media print{.dxb-doc{padding:4mm 0 0}.dxb-powered{border:0;background:none;padding:0;font-size:9pt}.dxb-powered img{width:14px;height:14px}.dxb-powered b{color:#E5177A;background:none;-webkit-text-fill-color:#E5177A}}