/* ARABIDS 1.2.125 | Editorial chapter rhythm and photographic phone gallery.
   Keeps the original Swiper scroll controls and the supplied brand photos. */

/* A subtle museum-like pause between full-bleed photographic chapters.
   No floating cards, divider rules or abrupt borders are introduced. */
html body:is(.home,[data-page="home"]) .main-page-wrap {
  background:#EDE4D5 !important;
}
html body:is(.home,[data-page="home"]) .main-page-wrap > :is(
  .hero,.core_benefits_section,.how_it_works_section,
  .what_is_section,.who_its_for_section
) {
  margin-bottom:clamp(10px,1.25vw,18px) !important;
}
html body:is(.home,[data-page="home"]) .main-page-wrap > .faq_section {
  margin-bottom:0 !important;
}

/* Let the same four supplied photographs become a product gallery in the
   existing phone, synchronized with the desktop/mobile scroll sequence. */
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide {
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-color:#161B18 !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide::before {
  content:"";
  position:absolute;
  inset:-22px;
  background-image:linear-gradient(rgba(12,22,18,.22),rgba(12,22,18,.42)),var(--arabids-gallery-photo);
  background-size:cover;
  background-position:var(--arabids-gallery-focus,center);
  filter:blur(18px) saturate(.88);
  transform:scale(1.06);
  z-index:0;
  pointer-events:none;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide:nth-child(4n + 1) {
  --arabids-gallery-photo:url('../images/brand-atmospheres/auctions-antiques.jpg');
  --arabids-gallery-focus:69% center;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide:nth-child(4n + 2) {
  --arabids-gallery-photo:url('../images/brand-atmospheres/account-coins.jpg');
  --arabids-gallery-focus:27% center;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide:nth-child(4n + 3) {
  --arabids-gallery-photo:url('../images/brand-atmospheres/heritage-frame.jpg');
  --arabids-gallery-focus:70% center;
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide:nth-child(4n + 4) {
  --arabids-gallery-photo:url('../images/brand-atmospheres/support-camera.jpg');
  --arabids-gallery-focus:75% center;
}
/* Match gallery backgrounds by photograph when Swiper creates loop clones. */
@supports selector(.swiper-slide:has(> img)) {
  html body:is(.home,[data-page="home"]) .how_it_works_section .swiper-slide:has(> img[src*="auctions-antiques.jpg"]) {
    --arabids-gallery-photo:url('../images/brand-atmospheres/auctions-antiques.jpg');
    --arabids-gallery-focus:69% center;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .swiper-slide:has(> img[src*="account-coins.jpg"]) {
    --arabids-gallery-photo:url('../images/brand-atmospheres/account-coins.jpg');
    --arabids-gallery-focus:27% center;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .swiper-slide:has(> img[src*="heritage-frame.jpg"]) {
    --arabids-gallery-photo:url('../images/brand-atmospheres/heritage-frame.jpg');
    --arabids-gallery-focus:70% center;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .swiper-slide:has(> img[src*="support-camera.jpg"]) {
    --arabids-gallery-photo:url('../images/brand-atmospheres/support-camera.jpg');
    --arabids-gallery-focus:75% center;
  }
}
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide > img.attachment-full {
  position:relative !important;
  z-index:1 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  filter:drop-shadow(0 10px 18px rgba(4,8,7,.18));
}
/* Small, restrained gallery header within the phone frame. */
html body:is(.home,[data-page="home"]) .how_it_works_section :is(
  .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
) .swiper-slide::after {
  content:"ARABIDS  ·  COLLECTION";
  position:absolute;
  z-index:2;
  top:7.6%;
  left:9%;
  right:9%;
  font-family:Arial,sans-serif;
  font-size:clamp(9px,.77vw,11px);
  font-weight:700;
  letter-spacing:.13em;
  text-align:center;
  color:#F4E6CF;
  text-shadow:0 1px 9px rgba(0,0,0,.85);
  pointer-events:none;
}

/* Mobile English audience items are LTR, anchored on the left, matching
   the language and avoiding the previous right-flushed subsection labels. */
@media (max-width:820px) {
  html:is([dir="ltr"],[lang="en"],[data-language="en"]) body:is(.home,[data-page="home"]) .what_is_section .flex-wrap > .item,
  html:is([dir="ltr"],[lang="en"],[data-language="en"]) body:is(.home,[data-page="home"]) .what_is_section .flex-wrap > .item :is(.flex,.content-in,.title,.subtitle) {
    direction:ltr !important;
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }
  html:is([dir="ltr"],[lang="en"],[data-language="en"]) body:is(.home,[data-page="home"]) .what_is_section .flex-wrap > .item :is(.content-in,.title,.subtitle) {
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }
  html body:is(.home,[data-page="home"]) .main-page-wrap > :is(
    .hero,.core_benefits_section,.how_it_works_section,
    .what_is_section,.who_its_for_section
  ) {
    margin-bottom:10px !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section :is(
    .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
  ) .swiper-slide::after {
    font-size:10px;
    top:8.3%;
  }
}

/* Desktop links remain unboxed on the photographic support banner but gain
   sufficient visual presence and usable target size. */
@media (min-width:992px) {
  html body:is([data-page="support"],.arabids-support-page) .as-links-panel-modern .as-links-modern {
    width:min(900px,100%) !important;
    gap:clamp(20px,3vw,46px) !important;
  }
  html body:is([data-page="support"],.arabids-support-page) .as-links-panel-modern .as-links-modern a {
    font-size:clamp(18px,1.42vw,21px) !important;
    line-height:1.55 !important;
    min-height:58px !important;
    padding:14px 4px !important;
    white-space:nowrap !important;
  }
  html body:is([data-page="support"],.arabids-support-page) .as-links-panel-modern .as-links-modern a > span:last-child {
    font-size:20px !important;
    margin-inline-start:10px !important;
  }
}

/* Replace the washed-out delete-in-app card with an identifiable auction
   photograph and a dependable dark reading surface. */
html body[data-page="delete-account"] .deletion-app-card {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border:1px solid rgba(226,190,141,.45) !important;
  background-color:#152A23 !important;
  background-image:
    linear-gradient(90deg,rgba(12,28,23,.26) 0%,rgba(12,28,23,.76) 49%,rgba(12,28,23,.96) 100%),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
  background-size:cover !important;
  background-position:center,64% center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 16px 34px rgba(38,13,10,.14) !important;
}
html[dir="ltr"] body[data-page="delete-account"] .deletion-app-card {
  background-image:
    linear-gradient(270deg,rgba(12,28,23,.26) 0%,rgba(12,28,23,.76) 49%,rgba(12,28,23,.96) 100%),
    url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
}
html body[data-page="delete-account"] .deletion-app-card :is(h2,p,.deletion-card-kicker),
html body[data-page="delete-account"] .deletion-app-card .deletion-app-icon {
  color:#F3E8D8 !important;
  -webkit-text-fill-color:#F3E8D8 !important;
  text-shadow:0 2px 12px rgba(4,13,10,.5) !important;
}
html body[data-page="delete-account"] .deletion-app-card h2 {
  font-size:clamp(22px,1.9vw,27px) !important;
  line-height:1.4 !important;
  font-weight:800 !important;
}
html body[data-page="delete-account"] .deletion-app-card .deletion-card-kicker {
  color:#E6BE84 !important;
  -webkit-text-fill-color:#E6BE84 !important;
}
html body[data-page="delete-account"] .deletion-app-card p {
  font-size:clamp(15px,1.25vw,17px) !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}
html body[data-page="delete-account"] .deletion-app-path span {
  background:rgba(243,232,216,.96) !important;
  border-color:rgba(243,232,216,.78) !important;
  color:#143328 !important;
  -webkit-text-fill-color:#143328 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html body[data-page="delete-account"] .deletion-app-card .deletion-app-path b {
  color:#E6BE84 !important;
  -webkit-text-fill-color:#E6BE84 !important;
}
@media (max-width:820px) {
  html body[data-page="delete-account"] .deletion-app-card {
    background-image:
      linear-gradient(180deg,rgba(12,28,23,.81),rgba(12,28,23,.67)),
      url('../images/brand-atmospheres/auctions-antiques.jpg') !important;
    background-position:center,66% center !important;
    padding:23px 20px !important;
  }
  html body[data-page="delete-account"] .deletion-app-card h2 {font-size:23px !important;}
  html body[data-page="delete-account"] .deletion-app-card p {font-size:16px !important;}
}

@media (prefers-reduced-motion:reduce) {
  html body:is(.home,[data-page="home"]) .how_it_works_section :is(
    .how-it-works-swiper-2,.how-it-works-swiper-2-mobile
  ) .swiper-slide > img.attachment-full {transition:none !important;}
}