#white-screen {
  position: fixed ;
  inset: 0 ;
  background: #fff ;
  z-index: 9999 ;
}

body.loaded #white-screen {
  opacity: 0 ;
  transition: opacity 0.6s ease ;
  pointer-events: none ;
}

.is-not-login-class {
  display: none !important ;
}





.no-border-radius {
  border-radius: 0 !important ;
}

[data-theme-name="bluweo_stockphoto"] .grid-sizer, [data-theme-name="bluweo_stockphoto"] .grid-item {
  padding: 2px !important ;
}

[data-theme-name="bluweo_stockphoto"] .block-list-02 .obj-bg>.obj-top-item>.bluweo-btn {
  min-width: 20px ;
}

.dot-grid {
  background-color: #f5f5f5;     /* base background */

  background-image: radial-gradient(#bbbbbb 1px, transparent 1px)!important;
  background-size: 24px 24px !important ;
  background-position: 0 0;      /* adjust if you want to shift the grid */
}





.bg-placholder {
  background-color: #cccccc ;
}

.obj-bg {
  position: relative ;
}

.obj-bg-main {
  width: 100% ;
  display: block ;
  transition: opacity 150ms ;
}

.obj-bg-video {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 100% ;
  object-fit: cover ;
  opacity: 0 ;
  pointer-events: none ;
  transition: opacity 150ms ;
}

.uk-notification-message.uk-notification-message-success {
  background: rgba( 0 , 0 , 0 , 0.55 ) ;
  color: #fff ;
  backdrop-filter: blur( 6px ) ;
  -webkit-backdrop-filter: blur( 6px ) ;
  border-radius: 6px ;
}


[data-action="download"]:not( .bluweo-btn-o ) {
  display: none !important ;
}

.dot-grid {
  background-color: #f5f5f5;     /* base background */

  background-image: radial-gradient(#bbbbbb 1px, transparent 1px)!important;
  background-size: 24px 24px !important ;
  background-position: 0 0;      /* adjust if you want to shift the grid */
}


[data-theme-name="bluweo_stockphoto"] .block-list-02 .obj-bg>.obj-top-item>.bluweo-btn {
  min-width: 20px ;
}


/* ── Skeleton shimmer ── */

.skeleton-card {
  overflow: hidden ;
  background: #e0e0e0 ;
}

.skeleton-shimmer {
  position: absolute ;
  inset: 0 ;
  z-index: 0 ;
  background: linear-gradient(
    105deg ,
    transparent 30% ,
    rgba( 255 , 255 , 255 , .45 ) 48% ,
    rgba( 255 , 255 , 255 , .45 ) 52% ,
    transparent 70%
  ) ;
  background-size: 250% 100% ;
  animation: skeleton-sweep 1.6s ease-in-out infinite ;
}

@keyframes skeleton-sweep {
  0%   { background-position: 130% 0 ; }
  100% { background-position: -30% 0 ; }
}