/* GazAria 3.0 - accurate hero photography and unobtrusive mobile controls */
body.home .ds-dynamic-hero .ds-hero-media-stage .hero-plate,
body.home .ds-dynamic-hero.is-photo-backed .ds-hero-media-stage .hero-plate{
  display:none!important;background:none!important;background-image:none!important;
}
body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-slide img.hero-product,
body.home .ds-dynamic-hero.is-photo-backed .ds-hero-media-stage .ds-hero-slide img.hero-product{
  opacity:1!important;visibility:visible!important;
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  position:absolute!important;inset:0!important;
  object-fit:cover!important;object-position:center!important;
  margin:0!important;padding:0!important;border:0!important;
  filter:none!important;mix-blend-mode:normal!important;
}
body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-slide::after,
body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-slide:nth-of-type(3)::after{
  display:none!important;content:none!important;
}
body.home .ds-dynamic-hero .ds-hero-media-stage{
  overflow:hidden!important;isolation:isolate;
  border-radius:clamp(17px,1.6vw,28px)!important;
}
body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-slide{border-radius:inherit!important;overflow:hidden!important}
@media(max-width:870px){
  /* Both arrows are relocated into the image: a compact, centered touch control. */
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls{
    position:absolute!important;inset:auto 0 12px!important;
    top:auto!important;right:0!important;left:0!important;bottom:12px!important;
    width:max-content!important;height:50px!important;max-width:calc(100% - 30px);
    display:flex!important;flex-direction:row!important;justify-content:center!important;
    align-items:center!important;gap:8px!important;
    padding:4px!important;margin:0 auto!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:15px!important;
    background:rgba(6,35,39,.48)!important;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    box-shadow:0 7px 20px rgba(2,25,28,.25);
    z-index:12!important;pointer-events:auto!important;
    direction:rtl;
  }
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge,
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge--prev,
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge--next{
    position:relative!important;inset:auto!important;top:auto!important;
    right:auto!important;left:auto!important;bottom:auto!important;
    display:grid!important;place-items:center!important;
    flex:0 0 43px!important;
    width:43px!important;min-width:43px!important;max-width:43px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    padding:0!important;margin:0!important;
    transform:none!important;
    border:1px solid rgba(234,254,248,.22)!important;border-radius:11px!important;
    color:#fff!important;background:rgba(255,255,255,.14)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    transition:background .22s ease, color .22s ease, transform .22s ease!important;
    touch-action:manipulation;
  }
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge:active{
    transform:scale(.94)!important;background:#e4be89!important;color:#0b383d!important;
  }
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge:hover,
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls .ds-hero-edge:focus-visible{
    background:#e8c28c!important;color:#0b3337!important;border-color:#e8c28c!important;
  }
  body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge svg{
    width:22px!important;height:22px!important;
  }
  .gazaria-support-ready .ds-support-toggle{
    position:fixed!important;right:0!important;left:auto!important;
    bottom:clamp(84px,13dvh,142px)!important;
    display:flex!important;align-items:center!important;justify-content:center;
    width:auto!important;max-width:min(85vw,258px)!important;min-height:50px!important;
    padding:12px 15px 12px 17px!important;margin:0!important;gap:8px!important;
    overflow:hidden!important;
    border-radius:15px 0 0 15px!important;
    border:1px solid rgba(255,255,255,.38)!important;border-right:0!important;
    background:linear-gradient(120deg,#087f77,#075951)!important;color:#fff!important;
    box-shadow:0 9px 25px rgba(0,52,56,.27)!important;
    transform:translate3d(calc(100% + 8px),0,0);
    transition:transform .65s cubic-bezier(.23,.82,.27,1),
      box-shadow .25s ease!important;
    will-change:transform;
    z-index:1021!important;white-space:nowrap;
    touch-action:manipulation;
  }
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-visible,
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-open{
    transform:translate3d(0,0,0)!important;
  }
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-peek{
    transform:translate3d(calc(100% - 46px),0,0)!important;
  }
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-peek::before{
    content:"☎";
    position:absolute;top:0;bottom:0;left:0;width:46px;
    display:grid;place-items:center;background:linear-gradient(135deg,#087e77,#075951);
    font-family:system-ui,sans-serif;font-size:24px;color:#fff;
    border-radius:14px 0 0 14px;
    box-shadow:inset -1px 0 rgba(255,255,255,.1);
    pointer-events:none;
  }
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-peek::after{
    content:"";position:absolute;left:5px;bottom:5px;
    width:5px;height:5px;border-radius:50%;background:#efc887;
    box-shadow:0 0 0 2px #06534f;
    pointer-events:none;
  }
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-peek:hover,
  .gazaria-support-ready .ds-support-toggle.gazaria-dock-peek:focus-visible{
    transform:translate3d(calc(100% - 60px),0,0)!important;
  }
  .gazaria-support-ready .ds-support-toggle:focus-visible{outline:3px solid #e9c68f!important;outline-offset:3px}
  .gazaria-support-ready .ds-support{
    position:fixed!important;right:10px!important;left:10px!important;
    bottom:clamp(145px,calc(13dvh + 61px),205px)!important;
    width:auto!important;max-width:410px!important;margin-left:auto!important;
    max-height:min(67dvh,570px)!important;
    overflow-y:auto!important;border-radius:18px!important;
    box-shadow:0 15px 50px rgba(4,35,39,.26)!important;
    z-index:1022!important;
  }
}
@media(min-width:871px){
  .gazaria-support-ready .ds-support-toggle{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .gazaria-support-ready .ds-support-toggle{transition:none!important;will-change:auto!important}
  body.home .ds-dynamic-hero .ds-hero-media-stage img.hero-product{transition:none!important}
}
/* v3.1: mobile carousel with swipe + discreet visual pagination, never arrows */
.gazaria-carousel-pagination{display:none}
@media(max-width:870px){
 body.home .ds-dynamic-hero .ds-hero-edge-controls,
 body.home .ds-dynamic-hero .ds-hero-media-stage .ds-hero-edge-controls{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
 }
 body.home .ds-dynamic-hero .ds-hero-media-stage{
  touch-action:pan-y;user-select:none;-webkit-user-select:none;
 }
 body.home .ds-dynamic-hero .ds-hero-media-stage .gazaria-carousel-pagination{
  position:absolute!important;bottom:12px!important;top:auto!important;
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  z-index:25!important;
  display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;
  width:max-content!important;max-width:calc(100% - 32px)!important;min-height:38px;
  gap:3px!important;margin:0!important;padding:3px 7px!important;
  border:1px solid rgba(255,255,255,.30)!important;border-radius:99px!important;
  background:rgba(8,32,38,.52)!important;
  -webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%);
  box-shadow:0 8px 25px rgba(4,27,35,.22);
  direction:ltr!important;
 }
 body.home .ds-dynamic-hero .gazaria-carousel-dot{
  appearance:none!important;display:grid!important;place-items:center!important;
  position:relative!important;flex:0 0 35px!important;
  width:35px!important;min-width:35px!important;height:32px!important;min-height:32px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;
  background:transparent!important;box-shadow:none!important;cursor:pointer!important;
  touch-action:manipulation!important;transition:none!important;
 }
 body.home .ds-dynamic-hero .gazaria-carousel-dot span{
  position:relative;display:block;width:19px;height:4px;
  background:rgba(255,255,255,.6);border-radius:99px;
  overflow:hidden;transition:width .26s ease,background .26s ease;
 }
 body.home .ds-dynamic-hero .gazaria-carousel-dot[aria-current="true"] span{
  width:29px;background:rgba(255,255,255,.33);
 }
 body.home .ds-dynamic-hero .gazaria-carousel-dot[aria-current="true"] span::after{
  content:"";display:block;width:100%;height:100%;
  background:#f2c58a;border-radius:99px;transform-origin:left center;
  animation:gazaria-slide-progress 8s linear both;
 }
 body.home .ds-dynamic-hero .gazaria-carousel-dot:focus-visible{
  outline:2px solid #ffdfae!important;outline-offset:-2px!important;
 }
 body.home .ds-dynamic-hero .ds-hero-slide.is-active .hero-product{
  animation:gazaria-slide-appear .5s cubic-bezier(.2,.75,.3,1) both;
 }
 body.home .ds-dynamic-hero .ds-hero-copy.is-active{
  animation:gazaria-copy-appear .4s ease both;
 }
}
@keyframes gazaria-slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gazaria-slide-appear{from{opacity:.75;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
@keyframes gazaria-copy-appear{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 body.home .ds-dynamic-hero .gazaria-carousel-dot[aria-current="true"] span::after,
 body.home .ds-dynamic-hero .ds-hero-slide.is-active .hero-product,
 body.home .ds-dynamic-hero .ds-hero-copy.is-active{animation:none!important}
}

