/* ARABIDS 1.2.126 — equal-height desktop first impression, photographic
   chapter dissolves and an uncropped three-photo catalog inside the phone. */

/* Arabic must not expose the second chapter before the initial hero fills
   the viewport. English geometry is left unchanged. */
@media (min-width:992px) {
  html:is([dir="rtl"],[lang="ar"],[data-language="ar"]) body:is(.home,[data-page="home"]) .main-page-wrap > .hero {
    min-height:max(700px,calc(100svh - 170px)) !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
  }
  html:is([dir="rtl"],[lang="ar"],[data-language="ar"]) body:is(.home,[data-page="home"]) .main-page-wrap > .hero > .container {
    width:100% !important;
  }
}

/* Remove all old ivory stripes, inset 'divider' shadows, and the later
   physical gutters. Photographs now meet naturally at the chapter edges. */
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,.faq_section
) {
  margin-top:0 !important;
  margin-bottom:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-clip:border-box !important;
}
html body:is(.home,[data-page="home"]) .main-page-wrap > :is(
  .core_benefits_section,.how_it_works_section,.what_is_section,
  .who_its_for_section,.faq_section
) {
  position:relative !important;
  isolation:isolate !important;
}

/* Dissolve the preceding photograph into the following scene. This is a
   visual layer only: it never changes section height, anchor positions,
   sticky phone behavior, or the content's contrast layer. */
html body:is(.home,[data-page="home"]) .main-page-wrap > section > .arabids-chapter-wash-v1126 {
  position:absolute !important;
  top:-1px !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  height:clamp(74px,11vw,155px) !important;
  display:block !important;
  z-index:1 !important;
  pointer-events:none !important;
  opacity:.82 !important;
  background-image:var(--arabids-prev-photo) !important;
  background-position:var(--arabids-prev-focus,center center) !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.64) 29%,transparent 100%) !important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.64) 29%,transparent 100%) !important;
}
html body:is(.home,[data-page="home"]) .core_benefits_section {
  --arabids-prev-photo:url('../images/brand-atmospheres/auctions-antiques.jpg');
  --arabids-prev-focus:61% bottom;
}
html body:is(.home,[data-page="home"]) .how_it_works_section {
  --arabids-prev-photo:url('../images/brand-atmospheres/support-camera.jpg');
  --arabids-prev-focus:64% center;
}
html body:is(.home,[data-page="home"]) .what_is_section {
  --arabids-prev-photo:url('../images/brand-atmospheres/auctions-antiques.jpg');
  --arabids-prev-focus:55% center;
}
html body:is(.home,[data-page="home"]) .who_its_for_section {
  --arabids-prev-photo:url('../images/brand-atmospheres/heritage-frame.jpg');
  --arabids-prev-focus:62% center;
}
html body:is(.home,[data-page="home"]) .faq_section {
  --arabids-prev-photo:url('../images/brand-atmospheres/app-gallery.jpg');
  --arabids-prev-focus:55% center;
}

/* Phone visual gallery: every original wide photo is shown in full, without
   object-fit:cover cropping and without a tiny strip floating in blank space.
   Three uncropped photographs form a genuine scrollable catalog composition. */
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.arabids-gallery-upgraded {
  overflow:hidden !important;
  background:#F1E8DB !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.arabids-gallery-upgraded::before,
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.arabids-gallery-upgraded::after {
  content:none !important;
  display:none !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed {
  position:relative !important;
  z-index:1 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  height:100% !important;
  padding:clamp(38px,6.1%,44px) 14px 23px !important;
  border-radius:clamp(32px,13%,48px) !important;
  background:#F2E9DB !important;
  overflow:hidden !important;
  direction:ltr !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-header {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  flex:0 0 auto !important;
  min-height:27px !important;
  padding:0 3px 8px !important;
  border-bottom:1px solid rgba(66,11,7,.16) !important;
  color:#420B07 !important;
  font-family:Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.035em !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-header .arabids-gallery-count {
  font-size:11px !important;
  color:#88704F !important;
  letter-spacing:.07em !important;
  font-variant-numeric:tabular-nums !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-items {
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-evenly !important;
  align-items:stretch !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  gap:clamp(4px,.68vh,9px) !important;
  padding:8px 0 5px !important;
  overflow:hidden !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-shot {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(164,134,93,.24) !important;
  border-radius:5px !important;
  background:#EDE1D1 !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-shot img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-footer {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:7px !important;
  height:13px !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-dot {
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  background:rgba(66,11,7,.32) !important;
}
html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-dot.is-active {
  width:12px !important;
  border-radius:5px !important;
  background:#420B07 !important;
}
@media (max-width:991px) {
  html body:is(.home,[data-page="home"]) .main-page-wrap > section > .arabids-chapter-wash-v1126 {
    height:clamp(58px,14vw,90px) !important;
    opacity:.73 !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed {
    padding:clamp(30px,5.5%,37px) 11px 18px !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-header {
    min-height:22px !important;
    font-size:12px !important;
    padding-bottom:5px !important;
  }
  html body:is(.home,[data-page="home"]) .how_it_works_section .arabids-phone-photo-feed .arabids-phone-gallery-items {
    padding:5px 0 3px !important;
    gap:4px !important;
  }
}