/* ARABIDS v1.2.124 — Mobile legibility, authentic photographic staging, and
   restrained, opt-in scroll photo reveals. All imagery ships with the theme. */

/* The prior ivory wash obscured nearly every interesting detail in the app
   photograph. A recognisable antiquities scene now sits behind the showcase;
   the darker side is reserved for copy, while screens remain unobstructed. */
html body:is(.home,[data-page="home"]) .how_it_works_section {
  background-color:#10251F !important;
  background-image:
    linear-gradient(90deg,rgba(8,24,19,.28) 0%,rgba(8,24,19,.56) 49%,rgba(8,24,19,.91) 100%),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
  background-size:cover !important;
  background-position:center,53% center !important;
  background-repeat:no-repeat !important;
  transition:background-position 1.25s cubic-bezier(.21,.7,.2,1) !important;
}
html[dir="ltr"] body:is(.home,[data-page="home"]) .how_it_works_section,
html[data-language="en"] body:is(.home,[data-page="home"]) .how_it_works_section {
  background-image:
    linear-gradient(270deg,rgba(8,24,19,.28) 0%,rgba(8,24,19,.56) 49%,rgba(8,24,19,.91) 100%),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section.arabids-photo-entered {
  background-position:center,50% center !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .container-flex > h2.title {
  color:#E3BD83 !important;
  -webkit-text-fill-color:#E3BD83 !important;
  font-weight:800 !important;
  text-shadow:0 2px 14px rgba(5,14,11,.38) !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-title {
  color:#E3BD83 !important;
  -webkit-text-fill-color:#E3BD83 !important;
  font-weight:800 !important;
  text-shadow:0 2px 12px rgba(4,14,12,.35) !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-subtitle {
  color:#F5EDE0 !important;
  -webkit-text-fill-color:#F5EDE0 !important;
  text-shadow:0 2px 12px rgba(4,14,12,.48) !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) {
  filter:drop-shadow(0 14px 22px rgba(4,13,10,.29));
}

/* Scroll illustration reveals: the existing images underneath are always
   visible, so the content never vanishes when JS or motion is disabled. */
html body:is(.home,[data-page="home"]) :is(
  .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
) > .arabids-motion-image {
  position:absolute !important;
  z-index:0 !important;
  inset:0 !important;
  pointer-events:none !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  opacity:.28;
  transform:translate3d(0,11px,0) scale(1.04);
  transform-origin:center center;
  transition:opacity 1.05s ease,transform 1.3s cubic-bezier(.2,.65,.2,1);
  will-change:transform,opacity;
}
html body:is(.home,[data-page="home"]) .core_benefits_section > .arabids-motion-image {
  background-image:url('../images/brand-atmospheres/support-camera.jpg') !important;
}
html body:is(.home,[data-page="home"]) .what_is_section > .arabids-motion-image {
  background-image:url('../images/brand-atmospheres/heritage-frame.jpg') !important;
}
html body:is(.home,[data-page="home"]) .who_its_for_section > .arabids-motion-image {
  background-image:url('../images/brand-atmospheres/app-gallery.jpg') !important;
}
html body:is(.home,[data-page="home"]) .faq_section > .arabids-motion-image {
  background-image:url('../images/brand-atmospheres/account-coins.jpg') !important;
}
html body:is(.home,[data-page="home"]) :is(
  .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
).arabids-photo-entered > .arabids-motion-image {
  opacity:.74;
  transform:translate3d(0,0,0) scale(1);
  will-change:auto;
}
html body:is(.home,[data-page="home"]) :is(
  .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
) > .container {
  position:relative !important;
  z-index:2 !important;
}

/* Account deletion: meaningful imagery belongs to its main hero. Keep the
   request form and legal explanations on light surfaces for accessibility. */
html body[data-page="delete-account"] .deletion-premium-page {
  background-color:#F4EDDF !important;
  background-image:
    linear-gradient(180deg,rgba(247,240,226,.77),rgba(247,240,226,.97) 560px,#F7F0E5 900px),
    url('../images/brand-atmospheres/heritage-frame.jpg') !important;
  background-size:100% 100%,cover !important;
  background-position:center,center top !important;
  background-repeat:no-repeat !important;
}
html body[data-page="delete-account"] .deletion-page-orb {display:none !important;}
html body[data-page="delete-account"] .deletion-hero-card {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  min-height:clamp(285px,29vw,390px) !important;
  padding:clamp(28px,4.2vw,58px) !important;
  isolation:isolate !important;
  border:1px solid rgba(164,134,93,.29) !important;
  background:#420B07 !important;
  box-shadow:0 20px 52px rgba(38,13,10,.18) !important;
}
html body[data-page="delete-account"] .deletion-hero-card::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  background:url('../images/brand-atmospheres/account-coins.jpg') center / cover no-repeat !important;
  transform:scaleX(-1) !important;
}
html[dir="ltr"] body[data-page="delete-account"] .deletion-hero-card::before {
  transform:none !important;
}
html body[data-page="delete-account"] .deletion-hero-card::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(45,5,3,.13),rgba(45,5,3,.68) 52%,rgba(45,5,3,.92)) !important;
  transform:none !important;
}
html[dir="ltr"] body[data-page="delete-account"] .deletion-hero-card::after {
  background:linear-gradient(270deg,rgba(45,5,3,.13),rgba(45,5,3,.68) 52%,rgba(45,5,3,.92)) !important;
}
html body[data-page="delete-account"] .deletion-hero-copy {
  position:relative !important;
  z-index:2 !important;
  width:min(690px,100%) !important;
}
html body[data-page="delete-account"] .deletion-hero-visual {display:none !important;}
html body[data-page="delete-account"] .deletion-eyebrow {
  color:#E8C99D !important;
  font-size:14px !important;
}
html body[data-page="delete-account"] .deletion-hero-copy h1 {
  color:#F5EDE0 !important;
  font-size:clamp(32px,4.2vw,54px) !important;
  line-height:1.3 !important;
  text-shadow:0 2px 16px rgba(18,5,5,.28) !important;
}
html body[data-page="delete-account"] .deletion-hero-copy h1 strong {
  color:#E3BD83 !important;
}
html body[data-page="delete-account"] .deletion-hero-copy > p {
  color:#F2E7D7 !important;
  font-size:clamp(16px,1.36vw,18px) !important;
  line-height:1.84 !important;
  text-shadow:0 2px 10px rgba(18,5,5,.42) !important;
}
html body[data-page="delete-account"] .deletion-hero-primary {
  background:#B39162 !important;
  color:#220F0A !important;
  box-shadow:0 7px 22px rgba(17,4,3,.19) !important;
}
html body[data-page="delete-account"] .deletion-hero-secondary {
  background:rgba(25,7,5,.42) !important;
  border-color:rgba(239,230,216,.66) !important;
  color:#F5EDE0 !important;
}
html body[data-page="delete-account"] .deletion-info-card,
html body[data-page="delete-account"] .deletion-request-card,
html body[data-page="delete-account"] .deletion-legal-card {
  border-color:rgba(164,134,93,.3) !important;
  box-shadow:0 10px 30px rgba(66,11,7,.065) !important;
}
html body[data-page="delete-account"] .deletion-app-card {
  background-image:
    linear-gradient(90deg,rgba(250,245,234,.97),rgba(250,245,234,.88)),
    url('../images/brand-atmospheres/hero-collectibles.jpg') !important;
  background-position:center !important;
  background-size:cover !important;
}

@media (max-width:991px) {
  /* Keep the long four-screen preview runway intact. Only the picture,
     contrast and copy size change; the phone's scroll logic is untouched. */
  html body:is(.home,[data-page="home"]) .how_it_works_section {
    background-image:
      linear-gradient(180deg,rgba(9,27,21,.50) 0%,rgba(9,27,21,.76) 42%,#10251F 100%),
      url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
    background-size:100% min(920px,115svh),auto min(920px,115svh) !important;
    background-position:center top,60% top !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section.arabids-photo-entered {
    background-position:center top,54% top !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .container-flex > h2.title {
    font-size:clamp(27px,6.8vw,36px) !important;
    line-height:1.34 !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-swiper-mobile .how-it-works-title {
    font-size:clamp(22px,5.8vw,29px) !important;
    line-height:1.42 !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-swiper-mobile .how-it-works-subtitle {
    font-size:clamp(17px,4.4vw,20px) !important;
    line-height:1.66 !important;
    font-weight:600 !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) > .arabids-motion-image {
    inset:0 0 auto 0 !important;
    height:clamp(218px,57vw,330px) !important;
    background-position:center top !important;
  }
}

@media (max-width:820px) {
  /* Comfortable mobile reading beats shrinking long headlines to 13–15px.
     Long titles intentionally break into two balanced lines when necessary. */
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-heading > h2.title {
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(25px,6.6vw,33px) !important;
    line-height:1.37 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    color:#E5BF88 !important;
    -webkit-text-fill-color:#E5BF88 !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-heading {
    padding:6px 0 10px !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-intro {
    margin-bottom:18px !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .item .title {
    font-size:clamp(21px,5.5vw,27px) !important;
    line-height:1.45 !important;
    font-weight:800 !important;
    color:#E5BF88 !important;
    -webkit-text-fill-color:#E5BF88 !important;
  }
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .item .subtitle {
    font-size:clamp(17px,4.5vw,20px) !important;
    line-height:1.73 !important;
    font-weight:550 !important;
    color:#F3E9D9 !important;
    -webkit-text-fill-color:#F3E9D9 !important;
  }
  html body:is(.home,[data-page="home"]) .core_benefits_section .flex > .item,
  html body:is(.home,[data-page="home"]) :is(
    .what_is_section,.who_its_for_section,.faq_section
  ) .flex-wrap > .item {
    padding:17px 2px 19px !important;
  }
  html body:is(.home,[data-page="home"]) header .navbar-nav > li > a {
    font-size:18px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
    min-height:42px !important;
  }
  html body:is(.home,[data-page="home"]) .hero h1.title {
    font-size:clamp(35px,8.3vw,47px) !important;
    line-height:1.33 !important;
  }
  html body:is(.home,[data-page="home"]) .hero .subtitle {
    font-size:clamp(17px,4.45vw,20px) !important;
    line-height:1.85 !important;
    font-weight:600 !important;
  }
  html body[data-page="delete-account"] .deletion-premium-section {
    padding-top:18px !important;
  }
  html body[data-page="delete-account"] .deletion-hero-card {
    min-height:0 !important;
    padding:clamp(28px,6vw,43px) 24px !important;
    border-radius:22px !important;
  }
  html body[data-page="delete-account"] .deletion-hero-card::before {
    background-position:62% center !important;
  }
  html body[data-page="delete-account"] .deletion-hero-card::after {
    background:linear-gradient(180deg,rgba(42,5,4,.72),rgba(42,5,4,.66) 58%,rgba(42,5,4,.52)) !important;
  }
  html body[data-page="delete-account"] .deletion-hero-copy h1 {
    font-size:clamp(30px,7.2vw,40px) !important;
  }
  html body[data-page="delete-account"] .deletion-hero-copy > p {
    font-size:16px !important;
    line-height:1.8 !important;
  }
  html body[data-page="delete-account"] .deletion-request-head > p,
  html body[data-page="delete-account"] .deletion-impact-item p,
  html body[data-page="delete-account"] .deletion-app-card p,
  html body[data-page="delete-account"] .deletion-legal-copy p {
    font-size:15px !important;
    line-height:1.75 !important;
  }
  html body[data-page="delete-account"] .deletion-impact-item strong,
  html body[data-page="delete-account"] .deletion-field,
  html body[data-page="delete-account"] .deletion-consent {
    font-size:15px !important;
  }
  html body[data-page="delete-account"] .deletion-field input,
  html body[data-page="delete-account"] .deletion-field textarea {
    font-size:16px !important;
  }
}

@media (max-width:380px) {
  html body:is(.home,[data-page="home"]) :is(
    .core_benefits_section,.what_is_section,.who_its_for_section,.faq_section
  ) .arabids-editorial-heading > h2.title {
    font-size:24px !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-swiper-mobile .how-it-works-title {
    font-size:21px !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .how-it-works-swiper-mobile .how-it-works-subtitle {
    font-size:16px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body:is(.home,[data-page="home"]) .how_it_works_section,
  html body:is(.home,[data-page="home"]) .arabids-motion-image {
    transition:none !important;
    transform:none !important;
    animation:none !important;
  }
}