body:not(.sqs-edit-mode-active) {
  [href*="-scroll"] {
  display:none !important;
}
}

section[id*='hgallery'],section[id*='pathgallery'] {
 
  .sqs-gallery {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10vw;
    .slide {
      min-width:20vw !important;
      @media screen and (max-width:767px) {
        min-width:50vw !important;
      
      }
   
      width:100% !important;
    }
  }
  

  
  .sqs-gallery-block-grid {
    overflow: visible;
}
}


section.effect-circular-scroll {
z-index:9999;

.circular-item-wrapper .circular-item-container{
  width: 20vw !important;
  height: 26vw !important;
  margin:  0 0 !important;
  background:transparent !important;
  box-shadow:none !important;
  will-change: transform;
  img {
    width:100% !important;
    height:100% !important;
    object-fit: cover !important;

    position:absolute;

  }
}

  
  
.circular-scroll-rotator {

   
    width: 150vw !important;
    height: 150vw !important;
    margin-left: -25vw;
    transform-origin: center center;
    margin-top: 10vh;
}

.circular-scroll-container {
    height: 100vh !important;
    overflow: hidden;
}
  
}

section.effect-circular-scroll {
  
  .content-wrapper {
    bottom: 0;
}




.user-items-list {
    padding-bottom: 0 !important;
    .list-section-title {
    text-align: center !important;
    padding-bottom: 0 !important;
}
}
  
  .content-wrapper {
    position:absolute;
    width:100%;
    
  }
  
  .circular-item-container {
    display: flex;
    flex-direction: column;
}

.list-item-media {
    position: relative;
    width: 100%;
}

.list-item-media-inner {
    padding-bottom: 100% !important;
}

h2.list-item-content__title {
    max-width: 100% !important;
}

.list-item-content__description {
    max-width: 100% !important;
}
  
  
}






body.sqs-edit-mode-active {
section[id*='circular'] {
  ul.user-items-list-item-container.user-items-list-simple {
    display: flex;
    overflow-x: auto;
    li.list-item {
    min-width: 50vw !important;
}
}


}
}


/* Swapmove Animation Styles - Matching Reference */
.swapmove-section {
  position: relative;
  overflow: hidden;
}

/* Ensure content-wrapper has proper positioning context */
.swapmove-section .content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Ensure content element has proper positioning context */
.swapmove-section .content {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Card container that follows mouse */
.swapmove-card {
  width: 20vw;
  height: 25vw; /* Fallback for browsers without aspect-ratio support */
  aspect-ratio: 0.8;
  border-radius: 2%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  /* Transform will be set by GSAP */
  will-change: transform;
  z-index: 100; /* Ensure it's above other content */
}

/* Media container with scale transform */
.swapmove-medias {
  width: 100%;
  height: 100%;
  transform: scale(1.2, 1.2);
  will-change: transform;
}

/* Individual media items */
.swapmove-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

/* Only show the active media */
.swapmove-media.on {
  visibility: visible;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .swapmove-card {
    width: 60vw; /* Larger on mobile */
  }
}


section[id*='swap'] {
  .sqs-gallery {
    display:flex;
  }
}
/* Accessibility: Reduced motion */

body.sqs-edit-mode-active {
   .swapmove-card,
  .swapmove-medias,
  .swapmove-media {
    transform: none !important;
    transition: none !important;
  }

  /* Show all images in reduced motion mode */
  .swapmove-media {
    position: static !important;
    visibility: visible !important;
  }

  .swapmove-medias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .swapmove-card,
  .swapmove-medias,
  .swapmove-media {
    transform: none !important;
    transition: none !important;
  }

  /* Show all images in reduced motion mode */
  .swapmove-media {
    position: static !important;
    visibility: visible !important;
  }

  .swapmove-medias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    transform: none !important;
  }
}








section#circular-scroll {
  .section-border, .section-background {
    background: linear-gradient(181deg,rgba(193, 213, 214, 1) 38%, rgba(244, 223, 157, 1) 58%);
  }
}

section#swapmove-two-scroll .section-border, section#swapmove-two-scroll .section-background {
    background: #f4df9d;
    background: linear-gradient(181deg,rgba(244, 223, 157, 1) 16%, rgba(247, 240, 218, 1) 39%, rgba(248, 244, 231, 1) 58%);
}



.momentum-enabled .fluid-image-container {
  mask-image:none !important;
  overflow:unset !important;
}


a[href="#flip-target"] {
  display:none;
}

@media screen and (min-width:768px) {

section.ss-horizontal-container .fluid-engine {
    height:100vh;
}
}


section.effect-momentum {
  .video-player .plyr--video.plyr--hide-controls .plyr__controls {
    display: none !important;
}
.video-player .plyr__video-wrapper {
 overflow:visible !important;
}

.video-player .video-player__navigation-indicators {
    display: none !important;
}

.video-player .plyr--video {
    overflow:visible !important;
}

.plyr__controls, .plyr__control--overlaid {
    display: none !important;
}
}


.fe-block:has([alt*='vinyl']) img, .anchorbottom-target img {
     
            animation: spin 1.8s linear infinite;
           animation-play-state:paused;
            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
        }

        /* The rotation animation */
        @keyframes spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .ss-horizontal-section {
  padding:0 !important;
}

section:has([href*='slideInLeft']), section:has([href*='slideInRight']), section[id*='3d'] {
  overflow:hidden;
}

/* Draggable animation styles - Mobile optimized */
.draggable-initialized {
  /* Ensure proper stacking context */
  position: relative;
}

.draggable-enabled {
  /* Hardware acceleration for smooth dragging */
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;

  /* Prevent text selection and touch actions during drag */
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;

  /* Visual feedback */
  cursor: grab;
  cursor: -webkit-grab;

  /* Smooth transitions when not actively dragging */
 
}

/* Active dragging state */
.draggable-enabled.dragging {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
  z-index: 1000;

 
  filter: brightness(1.05);

  /* Disable transitions during active drag for performance */
  transition: none !important;
}

/* Fixed elements (marked with fix-drag) */
.draggable-fixed {
  cursor: default !important;
  touch-action: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
}

/* Mobile-specific optimizations */
@media (max-width: 768px) {
 

  .draggable-enabled.dragging {
  
  }
}

/* Prevent iOS momentum scrolling on draggable sections */
.draggable-initialized {
  -webkit-overflow-scrolling: touch;
  overflow: visible;
}

/* Accessibility: Focus states */
.draggable-enabled:focus {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .draggable-enabled {
    transition: none !important;
  }

  .draggable-enabled.dragging {
    transform: translateZ(0) !important;
    box-shadow: none !important;
  }
}

  @media screen and (max-width: 767px) {
    section[id*='hgallery'] .sqs-gallery {
       overflow:hidden !important;
        overflow-y: hidden !important;
      scroll-snap-type: unset !important;
   
    }
    
    section[id*='hgallery'] .sqs-gallery-block-grid {
    overflow-y: hidden !important;
}
    
    
}