/* Resort amenities carousel arrows (client, 2026-10-28): 2.25x larger (32px -> 72px; was 96px, cut 25% same day) round buttons in the
   "Book Your Stay" blush sand texture with an inset hairline ring and the line arrow used by the home buttons.
   Desktop (>=1000px): each arrow is centred on the outer edge of the side photo, so half of it covers the card,
   level with the shared photo midline (photos are 1000x828, so the midline is .414 x the centre card width).
   Below 1000px the arrows sit on the edges of the single photo (smaller, so they stay on screen). Loaded last. */
body.gulf-hero-live #resort-amenities .amc__arrow{
  --ab:72px;
  position:absolute;
  z-index:5;
  display:grid;
  place-items:center;
  width:var(--ab);
  height:var(--ab);
  padding:0;
  border:0;
  border-radius:50%;
  background-color:#F6DDD0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .95 0 0 0 9 -5.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .43 0 0 0 0 .25 0 0 0 0 .17 0 0 0 1.9 -.98'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(circle at 35% 28%,rgba(255,255,255,.4),rgba(255,255,255,0) 55%,rgba(110,62,46,.08));
  background-size:220px 220px,180px 180px,100% 100%;
  background-blend-mode:multiply,multiply,normal;
  color:#6E3E2E;
  font-size:0;
  outline:1px solid rgba(110,62,46,.4);
  outline-offset:-7px;
  box-shadow:0 18px 34px -16px rgba(20,48,43,.5),0 2px 6px rgba(20,48,43,.12);
  cursor:pointer;
  transition:transform .5s cubic-bezier(.22,.7,.2,1),box-shadow .5s cubic-bezier(.22,.7,.2,1),outline-offset .5s cubic-bezier(.22,.7,.2,1);
}
body.gulf-hero-live #resort-amenities .amc__arrow-icon{display:block;width:34%;height:auto;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.22,.7,.2,1)}
body.gulf-hero-live #resort-amenities .amc__arrow--prev .amc__arrow-icon{transform:scaleX(-1)}
body.gulf-hero-live #resort-amenities .amc__arrow:hover{transform:translateY(-2px);outline-offset:-11px;box-shadow:0 22px 38px -16px rgba(20,48,43,.55),0 2px 6px rgba(20,48,43,.12)}
body.gulf-hero-live #resort-amenities .amc__arrow--next:hover .amc__arrow-icon{transform:translateX(4px)}
body.gulf-hero-live #resort-amenities .amc__arrow--prev:hover .amc__arrow-icon{transform:translateX(-4px) scaleX(-1)}
body.gulf-hero-live #resort-amenities .amc__arrow:focus-visible{outline:1px solid #B8705A;outline-offset:-7px;box-shadow:0 0 0 3px rgba(184,112,90,.45),0 18px 34px -16px rgba(20,48,43,.5)}

@media(min-width:1000px){
  body.gulf-hero-live #resort-amenities .amc__arrow{--ab:clamp(54px,5vw,72px);top:calc(.414 * var(--cwc) - var(--ab) / 2)}
  body.gulf-hero-live #resort-amenities .amc__arrow--prev{left:calc(var(--rail) - var(--ab) / 2);right:auto}
  body.gulf-hero-live #resort-amenities .amc__arrow--next{right:calc(var(--rail) - var(--ab) / 2);left:auto}
}
@media(max-width:999px){
  body.gulf-hero-live #resort-amenities .amc__arrow{--ab:clamp(42px,7.5vw,63px);top:calc(.414 * var(--cw) - var(--ab) / 2)}
  body.gulf-hero-live #resort-amenities .amc__arrow--prev{left:max(4px,calc(var(--rail) - var(--ab) / 2));right:auto}
  body.gulf-hero-live #resort-amenities .amc__arrow--next{right:max(4px,calc(var(--rail) - var(--ab) / 2));left:auto}
}
@media (prefers-reduced-motion:reduce){body.gulf-hero-live #resort-amenities .amc__arrow,body.gulf-hero-live #resort-amenities .amc__arrow-icon{transition:none}}