/* ============================================================
   BBSR — Billionaire Boys Supercar Rental
   Custom layer on top of Tailwind CDN
   ============================================================ */

@import url('fonts.css');

/* --- Design tokens --- */
:root {
  --bg:           #0A0A0A;
  --bg-elev:     #101010;
  --surface:     #141414;
  --surface-2:   #1A1A1A;
  --border:      #262626;
  --border-2:    #333333;
  --gold:        #F5B82E;
  --gold-soft:   #FFD15C;
  --gold-dark:   #B8881F;
  --gold-glow:   rgba(245, 184, 46, 0.14);
  --text:        #FFFFFF;
  --text-muted:  #A1A1A1;
  --text-dim:    #6B6B6B;
  --wa-green:    #25D366;

  /* --- Glassmorphism (Figma spec) ---
     Fill: #000 @ 10%   Stroke: #FFF @ 10% inside 1px   Blur: 20px uniform
     Pro additions:
       --glass-highlight    subtle inset top-edge gloss for "lit glass" feel
       --glass-saturate    boosts color vibrancy through the blur (subtle)
       --glass-shadow      adds depth so the surface lifts off the page
  */
  --glass-bg:        rgba(0, 0, 0, 0.10);
  --glass-bg-strong: rgba(0, 0, 0, 0.40);   /* for navs over busy imagery */
  --glass-border:    rgba(255, 255, 255, 0.10);
  --glass-border-hi: rgba(255, 255, 255, 0.18);
  --glass-highlight: rgba(255, 255, 255, 0.06);
  --glass-blur:      20px;
  --glass-saturate:  140%;
  --glass-shadow:    0 18px 40px -24px rgba(0, 0, 0, 0.55);
}

/* --- Glass primitive ---
   Apply with `.glass`. Variants set border-radius. Compose with utility radius if needed.
*/
.glass {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.glass-strong {
  background: var(--glass-bg-strong);
}
/* Radius scale — context aware */
.glass-sm { border-radius: 8px; }   /* chips, tags, small fields */
.glass-md { border-radius: 16px; }  /* default cards, info blocks */
.glass-lg { border-radius: 24px; }  /* large feature frames, hero panel */

/* Fallback for older browsers without backdrop-filter — fall back to darker solid bg */
@supports not (backdrop-filter: blur(1px)) {
  .glass { background: rgba(20, 20, 20, 0.92); }
  .glass-strong { background: rgba(10, 10, 10, 0.95); }
}

/* --- Reset / base --- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
::selection { background: var(--gold); color: #000; }

/* --- Typography helpers ---
   Display = Thunder Bold LC (Pangram Pangram). Figma spec: 86% line-height, 3% letter-spacing.
*/
.font-display {
  font-family: 'Thunder', 'Bebas Neue', 'Oswald', 'Impact', sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 0.86;
  text-transform: uppercase;
}
.font-display-black { font-weight: 900; }
.font-display-tight { letter-spacing: 0.02em; line-height: 0.84; }
.font-body { font-family: 'Inter', system-ui, sans-serif; }
.eyebrow {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background: var(--gold);
  display: inline-block;
}

/* --- Section watermark (ghost text behind sections) ---
   Figma: Thunder Bold LC ~160px, no fill, 1px linear-gradient stroke (top→bottom
   #C58E27 → #D7A63E → #E8BE55) at 20% opacity. CSS text-stroke doesn't support
   gradients, so JS (initWatermarks in main.js) overlays an inline SVG with a
   linearGradient stroke on top of each .watermark. The native text stays in
   place but transparent — it provides layout sizing for the absolute SVG.
*/
.watermark {
  position: absolute;
  font-family: 'Thunder', 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: clamp(7rem, 16vw, 15rem);
  line-height: 0.86;
  color: transparent;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  z-index: 0;
}
.watermark > svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

/* --- Buttons --- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.9rem 1.6rem;
  border-radius: 0.85rem;
  font-family: 'Thunder', 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
  white-space: nowrap;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }

.btn-gold {
  background: var(--gold);
  color: #0A0A0A;
}
.btn-gold:hover { background: var(--gold-soft); }

.btn-outline-gold {
  background: transparent;
  color: var(--text);
  border-color: var(--gold);
}
.btn-outline-gold:hover { background: var(--gold-glow); }

.btn-dark {
  background: var(--surface);
  color: var(--text);
  border-color: var(--border-2);
}
.btn-dark:hover { background: var(--surface-2); border-color: var(--gold); }

.btn-light {
  background: #FFFFFF;
  color: #0A0A0A;
}
.btn-light:hover { background: #E5E5E5; }

.btn-whatsapp {
  background: transparent;
  color: var(--wa-green);
  border-color: var(--wa-green);
}
.btn-whatsapp:hover { background: rgba(37, 211, 102, 0.1); }

/* --- Card (uses glass primitive) --- */
.card {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.card-hover:hover {
  border-color: rgba(245, 184, 46, 0.5);
  background: rgba(0, 0, 0, 0.18);
  transform: translateY(-4px);
  box-shadow: inset 0 1px 0 var(--glass-highlight), 0 25px 50px -25px var(--gold-glow);
}
@supports not (backdrop-filter: blur(1px)) {
  .card { background: rgba(20, 20, 20, 0.92); }
}

/* --- AED currency glyph --- */
.aed {
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  vertical-align: -0.07em;
  fill: currentColor;
  margin-right: 0.15em;
}

/* --- Marquee (brand logos) --- */
@keyframes marquee-x {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
.marquee {
  display: flex;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.marquee__track {
  display: flex;
  gap: 4.5rem;
  flex-shrink: 0;
  padding-right: 4.5rem;
  animation: marquee-x 45s linear infinite;
  align-items: center;
}
.marquee:hover .marquee__track { animation-play-state: paused; }
.marquee__item {
  height: 50px;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity .25s ease;
  display: flex;
  align-items: center;
  color: var(--text);
}
.marquee__item:hover { opacity: 1; }
.marquee__item img,
.marquee__item svg { height: 100%; width: auto; }

/* --- Brand carousel --- */
.carousel { position: relative; }
.carousel__track {
  display: flex;
  gap: 1.25rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 0.5rem 0.25rem;
}
.carousel__track::-webkit-scrollbar { display: none; }
.carousel__item { scroll-snap-align: start; flex-shrink: 0; }
.carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border-2);
  color: var(--text);
  display: grid;
  place-items: center;
  z-index: 2;
  transition: background .2s ease, border-color .2s ease;
}
.carousel__btn:hover { background: var(--gold); color: #000; border-color: var(--gold); }
.carousel__btn--prev { left: -22px; }
.carousel__btn--next { right: -22px; }
@media (max-width: 768px) {
  .carousel__btn { display: none; }
}

/* --- Tabs --- */
.tab {
  padding: 0.5rem 0.25rem;
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-muted);
  border-bottom: 2px solid transparent;
  background: transparent;
  transition: color .2s ease, border-color .2s ease;
}
.tab[data-active="true"] { color: var(--gold); border-bottom-color: var(--gold); }
.tab:hover { color: var(--text); }
.tab-panel { display: none; }
.tab-panel[data-active="true"] { display: block; }

/* --- Accordion (FAQ) glass --- */
.accordion-item {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--glass-highlight);
  transition: border-color .25s ease, background .25s ease;
}
.accordion-item + .accordion-item { margin-top: 0.75rem; }
.accordion-item[data-open="true"] {
  border-color: rgba(245,184,46,0.5);
  background: rgba(0, 0, 0, 0.20);
}
@supports not (backdrop-filter: blur(1px)) {
  .accordion-item { background: rgba(20, 20, 20, 0.92); }
}
.accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: transparent;
  border: 0;
  text-align: left;
  font-weight: 600;
  font-size: 1rem;
  color: var(--text);
}
.accordion-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid var(--border-2);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}
.accordion-item[data-open="true"] .accordion-icon {
  background: var(--gold);
  color: #000;
  transform: rotate(45deg);
  border-color: var(--gold);
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}
.accordion-content > div {
  padding: 0 1.5rem 1.5rem;
  color: var(--text-muted);
  line-height: 1.7;
}

/* --- Booking widget (glass) --- */
.booking {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);
  padding: 1.25rem 1.5rem;
}
@supports not (backdrop-filter: blur(1px)) {
  .booking { background: rgba(15, 15, 15, 0.92); }
}
.booking__field {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.75rem 1rem;
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 1px solid var(--glass-border);
  border-radius: 8px;
  color: var(--text);
  font-size: 0.95rem;
  width: 100%;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}
.booking__field:hover { border-color: var(--glass-border-hi); }
.booking__field:focus,
.booking__field:focus-within { border-color: var(--gold); outline: none; background: rgba(0,0,0,0.18); }
.booking__field input { background: transparent; border: 0; outline: 0; color: var(--text); flex: 1; min-width: 0; }
.booking__field input::placeholder { color: var(--text-dim); }
.booking__field select { background: transparent; border: 0; outline: 0; color: var(--text); flex: 1; min-width: 0; }
.booking__field select option { background: #141414; color: var(--text); }

.toggle-pill {
  display: inline-flex;
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 1px solid var(--glass-border);
  border-radius: 999px;
  padding: 4px;
  gap: 4px;
}
.toggle-pill button {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font-weight: 600;
  font-size: 0.875rem;
}
.toggle-pill button[data-active="true"] {
  background: var(--gold);
  color: #0A0A0A;
}

/* --- Star rating --- */
.stars { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--gold); }
.stars__bar { letter-spacing: 0.15em; }

/* --- Header nav --- */
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.25rem;
  color: var(--text);
  font-weight: 500;
  font-size: 0.95rem;
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}
.nav-link:hover { color: var(--gold); }
.nav-link[data-active="true"] { color: var(--gold); border-bottom-color: var(--gold); }
.nav-icon {
  width: 28px; height: 28px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  display: grid; place-items: center;
}

/* --- Mobile drawer --- */
.drawer {
  position: fixed; inset: 0; z-index: 90;
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(6px);
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
.drawer[data-open="true"] { opacity: 1; pointer-events: auto; }
.drawer__panel {
  position: absolute; top: 0; right: 0; bottom: 0;
  width: min(360px, 85vw);
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border-left: 1px solid var(--glass-border);
  box-shadow: inset 1px 0 0 var(--glass-highlight);
  padding: 1.5rem;
  transform: translateX(100%);
  transition: transform .3s ease;
  display: flex; flex-direction: column; gap: 1rem;
}
@supports not (backdrop-filter: blur(1px)) {
  .drawer__panel { background: rgba(10, 10, 10, 0.97); }
}
.drawer[data-open="true"] .drawer__panel { transform: translateX(0); }

/* --- Header (glass, always-on, strengthens on scroll) ---
   Default uses glass-strong so the bar reads clearly even at the top of the page
   over the hero image. On scroll, border-bottom appears + slight extra darkening.
*/
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border-bottom: 1px solid var(--glass-border);
  box-shadow: inset 0 1px 0 var(--glass-highlight);
  transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.site-header[data-scrolled="true"] {
  background: rgba(0, 0, 0, 0.55);
  border-bottom-color: var(--glass-border-hi);
  box-shadow:
    inset 0 1px 0 var(--glass-highlight),
    0 18px 30px -20px rgba(0, 0, 0, 0.6);
}
@supports not (backdrop-filter: blur(1px)) {
  .site-header { background: rgba(10, 10, 10, 0.94); }
}

/* --- Hero --- */
.hero {
  position: relative;
  min-height: clamp(620px, 88vh, 900px);
  overflow: hidden;
}
.hero__bg {
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.hero__bg::after {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(10,10,10,0.65) 0%, rgba(10,10,10,0.2) 50%, rgba(10,10,10,0.4) 100%),
    linear-gradient(180deg, rgba(10,10,10,0.4) 0%, transparent 30%, rgba(10,10,10,0.85) 100%);
}

/* --- Hero title block backdrop (glass-strong over hero image) --- */
.hero__panel {
  background: var(--glass-bg-strong);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-border);
  border-radius: 24px;
  box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);
  padding: 2.5rem 2.5rem;
}
@supports not (backdrop-filter: blur(1px)) {
  .hero__panel { background: rgba(10, 10, 10, 0.85); }
}

/* --- Reveal-on-scroll --- */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* --- Utility: section spacing --- */
.section { padding: 5rem 0; position: relative; }
@media (min-width: 1024px) { .section { padding: 6.5rem 0; } }

/* --- Container --- */
.container-x { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: 1.25rem; }
@media (min-width: 768px) { .container-x { padding-inline: 2rem; } }

/* --- Price strike --- */
.price-old {
  color: var(--text-dim);
  text-decoration: line-through;
  text-decoration-color: var(--text-dim);
  font-size: 0.85em;
}

/* --- Brand card big --- */
.brand-card {
  position: relative;
  width: 240px;
  height: 260px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
          backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);
  transition: transform .35s ease, border-color .35s ease;
}
.brand-card:hover { transform: translateY(-6px); border-color: var(--gold); }
.brand-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.brand-card__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,0.85) 100%);
  display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
  padding: 1.25rem;
  text-align: center;
}
.brand-card__label {
  font-family: 'Thunder', 'Bebas Neue', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.06em;
  line-height: 0.9;
  text-transform: uppercase;
  margin-top: 0.5rem;
}

/* --- Car card --- */
.car-card { padding: 0.85rem; }
.car-card__img-wrap {
  border-radius: 0.9rem;
  overflow: hidden;
  aspect-ratio: 16/11;
  background: #0d0d0d;
}
.car-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.car-card:hover .car-card__img { transform: scale(1.04); }

/* --- Footer --- */
.site-footer {
  border-top: 1px solid var(--border);
  padding: 1.5rem 0;
  background: var(--bg);
}
.footer-link {
  color: var(--text);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0 0.25rem;
}
.footer-link:hover { color: var(--gold); }
.footer-sep { color: var(--text-dim); padding: 0 0.5rem; }
.social-icon {
  width: 32px; height: 32px;
  display: grid; place-items: center;
  color: var(--gold);
  transition: transform .2s ease, color .2s ease;
}
.social-icon:hover { transform: translateY(-2px); color: var(--gold-soft); }

/* --- Floating WhatsApp --- */
.fab-wa {
  position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 60;
  width: 56px; height: 56px;
  background: var(--wa-green);
  color: #fff;
  border-radius: 999px;
  display: grid; place-items: center;
  box-shadow: 0 12px 30px -10px rgba(37,211,102,0.5), 0 0 0 0 rgba(37,211,102,0.4);
  animation: wa-pulse 2.4s ease-in-out infinite;
}
@keyframes wa-pulse {
  0%, 100% { box-shadow: 0 12px 30px -10px rgba(37,211,102,0.5), 0 0 0 0 rgba(37,211,102,0.4); }
  50%      { box-shadow: 0 12px 30px -10px rgba(37,211,102,0.5), 0 0 0 14px rgba(37,211,102,0); }
}

/* --- Misc --- */
.divider { height: 1px; background: var(--border); width: 100%; }
.hairline-top { border-top: 1px solid var(--border); }
.hairline-bottom { border-bottom: 1px solid var(--border); }

/* --- Logo --- */
.logo-wrap { display: inline-flex; align-items: center; gap: 0.75rem; }
.logo-knight {
  width: 44px; height: 44px;
  color: var(--gold);
}
.logo-text {
  font-family: 'Thunder', 'Bebas Neue', sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--gold);
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
}
.logo-text small {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.32em;
  color: var(--text-muted);
  font-weight: 400;
  margin-top: 4px;
}

/* --- Hide scrollbars on horizontal scroll containers --- */
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* --- Big headline scale --- */
.h-display-xl { font-size: clamp(3rem, 7vw, 5.5rem); }
.h-display-lg { font-size: clamp(2.25rem, 5vw, 4rem); }
.h-display-md { font-size: clamp(1.75rem, 3.5vw, 2.75rem); }
.h-display-sm { font-size: clamp(1.5rem, 2.5vw, 1.875rem); }

/* --- Subtitle/letter-spaced --- */
.h-spaced {
  font-family: 'Thunder', 'Bebas Neue', sans-serif;
  font-weight: 500;
  letter-spacing: 0.32em;
  font-size: clamp(1rem, 1.6vw, 1.4rem);
  color: var(--text);
  text-transform: uppercase;
}

/* --- Image rounded --- */
.img-rounded { border-radius: 1.25rem; overflow: hidden; }