/** Shopify CDN: Minification failed

Line 124:230 Unexpected "/"
Line 283:13 Unexpected "("

**/
/*
████████████████████████████████████████████████████████████████████████████████
█                                                                              █
█   ███████╗ █████╗  ██████╗██████╗ ███████╗██████╗                            █
█   ██╔════╝██╔══██╗██╔════╝██╔══██╗██╔════╝██╔══██╗                           █
█   ███████╗███████║██║     ██████╔╝█████╗  ██║  ██║                           █
█   ╚════██║██╔══██║██║     ██╔══██╗██╔══╝  ██║  ██║                           █
█   ███████║██║  ██║╚██████╗██║  ██║███████╗██████╔╝                           █
█   ╚══════╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚══════╝╚═════╝                            █
█                                                                              █
█   SADIRE - CUSTOM PASSWORD PAGE OPTIMIZATION                                 █
█   Developed by: SACRED                                                       █
█                                                                              █
█   Version: 3.0.0                                                             █
█   License: Proprietary - SADIRE Internal Use Only                            █
█                                                                              █
████████████████████████████████████████████████████████████████████████████████
*/

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD1 (template 21322488316157) - ALL APPS/KLAVIYO SECTIONS SPACING
   UNIVERSAL FIX - Targets any section between hero and gallery
   ═══════════════════════════════════════════════════════════════════════════ */

/* Target ALL sections on password1 that come after hero */
[id^="shopify-section-template--21322488316157__"]:not([id*="hero"]):not([id*="gallery"]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[id^="shopify-section-template--21322488316157__"]:not([id*="hero"]):not([id*="gallery"]) .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[id^="shopify-section-template--21322488316157__"]:not([id*="hero"]):not([id*="gallery"]) .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Legacy specific ID (in case universal selector doesn't work) */
#shopify-section-template--21322488316157__1763473825e1f3564d,
#shopify-section-template--21322488316157__1763473825e1f3564d .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488316157__1763473825e1f3564d .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Target Klaviyo form container on password1 - AGGRESSIVE */
#shopify-section-template--21322488316157__1763473825e1f3564d .klaviyo-form {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the inner form div that has padding */
#shopify-section-template--21322488316157__1763473825e1f3564d .klaviyo-form > div {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the form element itself */
#shopify-section-template--21322488316157__1763473825e1f3564d form[data-testid*="klaviyo-form"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the first row in the form */
#shopify-section-template--21322488316157__1763473825e1f3564d [data-testid="form-row"]:first-child,
#shopify-section-template--21322488316157__1763473825e1f3564d [data-testid="form-component"]:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD1 (template 21322488316157) - GALLERY SECTION SPACING REMOVAL
   Gallery ID: gallery_JaAHbB ✓ VERIFIED FROM HTML
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488316157__gallery_JaAHbB,
#shopify-section-template--21322488316157__gallery_JaAHbB .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488316157__gallery_JaAHbB .gallery {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488316157__gallery_JaAHbB .carousel {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD1 (template 21322488316157) - HERO FADE EFFECT + HEAVENLY WAVE GLOW
   ⚠️ CURRENTLY DISABLED - Remove opening /* and closing */ to re-enable
   ═══════════════════════════════════════════════════════════════════════════ */

/*
#shopify-section-template--21322488316157__image_hero_GVgGfG .image-hero__image {
  position: relative;
  overflow: hidden;
}

@keyframes heavenlyWaves {
  0% {
    transform: translateY(0) scaleY(1);
    opacity: 0.6;
  }
  50% {
    transform: translateY(-30px) scaleY(1.3);
    opacity: 0.9;
  }
  100% {
    transform: translateY(0) scaleY(1);
    opacity: 0.6;
  }
}

@-webkit-keyframes heavenlyWaves {
  0% {
    -webkit-transform: translateY(0) scaleY(1);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: translateY(-30px) scaleY(1.3);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1);
    opacity: 0.6;
  }
}

#shopify-section-template--21322488316157__image_hero_GVgGfG .image-hero__image::before {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  height: 300px;
  background: radial-gradient(ellipse at center bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
  animation: heavenlyWaves 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

#shopify-section-template--21322488316157__image_hero_GVgGfG .image-hero__image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  z-index: 3;
}
*/
/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD2 (template 21322488348925) - ALL APPS/KLAVIYO SECTIONS SPACING
   UNIVERSAL FIX - Targets any section between hero and gallery
   ═══════════════════════════════════════════════════════════════════════════ */

/* Target ALL sections on password2 that come after hero */
[id^="shopify-section-template--21322488348925__"]:not([id*="hero"]):not([id*="gallery"]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[id^="shopify-section-template--21322488348925__"]:not([id*="hero"]):not([id*="gallery"]) .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

[id^="shopify-section-template--21322488348925__"]:not([id*="hero"]):not([id*="gallery"]) .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Legacy specific ID (in case universal selector doesn't work) */
#shopify-section-template--21322488348925__1763474856371f68e2,
#shopify-section-template--21322488348925__1763474856371f68e2 .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488348925__1763474856371f68e2 .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Target Klaviyo form container on password2 - AGGRESSIVE */
#shopify-section-template--21322488348925__1763474856371f68e2 .klaviyo-form {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the inner form div that has padding */
#shopify-section-template--21322488348925__1763474856371f68e2 .klaviyo-form > div {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the form element itself */
#shopify-section-template--21322488348925__1763474856371f68e2 form[data-testid*="klaviyo-form"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Target the first row in the form */
#shopify-section-template--21322488348925__1763474856371f68e2 [data-testid="form-row"]:first-child,
#shopify-section-template--21322488348925__1763474856371f68e2 [data-testid="form-component"]:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD2 (template 21322488348925) - GALLERY SECTION SPACING REMOVAL
   Gallery ID: gallery_Dq7FfD ✓ VERIFIED FROM HTML
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488348925__gallery_Dq7FfD,
#shopify-section-template--21322488348925__gallery_Dq7FfD .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488348925__gallery_Dq7FfD .gallery {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488348925__gallery_Dq7FfD .carousel {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

═══════════════════════════════════════════════════════════════════════════
   PASSWORD2 (template 21322488348925) - HERO FADE EFFECT + HEAVENLY WAVE GLOW
   Hero ID: image_hero_xejiLn ✓ VERIFIED FROM HTML
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488348925__image_hero_xejiLn .image-hero__image {
  position: relative;
  overflow: hidden;
}

/* Heavenly wave glow - ocean waves coming in and out */
#shopify-section-template--21322488348925__image_hero_xejiLn .image-hero__image::before {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  height: 300px;
  background: radial-gradient(ellipse at center bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
  animation: heavenlyWaves 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

/* White fade gradient on top - static */
#shopify-section-template--21322488348925__image_hero_xejiLn .image-hero__image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  z-index: 3;
} 

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD3 (template 21322488381693) - APPS SECTION SPACING REMOVAL  
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488381693__17635839097eeb1b16,
#shopify-section-template--21322488381693__17635839097eeb1b16 .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488381693__17635839097eeb1b16 .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD3 (template 21322488381693) - GALLERY SECTION SPACING REMOVAL
   Gallery ID: gallery_CXLgWR ✓ VERIFIED FROM HTML
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488381693__gallery_CXLgWR,
#shopify-section-template--21322488381693__gallery_CXLgWR .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488381693__gallery_CXLgWR .gallery {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--21322488381693__gallery_CXLgWR .carousel {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD3 (template 21322488381693) - HERO FADE EFFECT + HEAVENLY WAVE GLOW
   ═══════════════════════════════════════════════════════════════════════════ */

#shopify-section-template--21322488381693__image_hero_8xwxGL .image-hero__image {
  position: relative;
  overflow: hidden;
}

/* Heavenly wave glow - like ocean waves coming in and out */
#shopify-section-template--21322488381693__image_hero_8xwxGL .image-hero__image::before {
  content: '';
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  height: 300px;
  background: radial-gradient(ellipse at center bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 70%);
  animation: heavenlyWaves 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

/* White fade gradient on top - static */
#shopify-section-template--21322488381693__image_hero_8xwxGL .image-hero__image::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  z-index: 3;
}
/* ═══════════════════════════════════════════════════════════════════════════
   SADIRE PASSWORD PAGES - PREMIUM GALLERY ENHANCEMENTS
   Area 17 inspired smooth transitions + luxury details
   
   Keeps Shopify customizer functionality intact
   Adds expensive-looking polish on top
   ═══════════════════════════════════════════════════════════════════════════ */

/* ============================================================================
   REMOVE WHITE SPACES - Tight gallery with no gaps
   ============================================================================ */

/* Hide gallery on initial load to prevent janky Flickity initialization */
.gallery__slides {
  opacity: 0;
  transition: opacity 0.6s ease;
}

/* Show gallery when ready */
.gallery__slides.is-ready {
  opacity: 1;
}

/* Remove padding/spacing between slides */
.gallery__slide {
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove any gaps in the Flickity slider */
.flickity-slider {
  display: flex !important;
  gap: 0 !important;
}

/* Ensure slides are flush against each other */
.gallery__slides {
  margin: 0 !important;
}

/* Remove the default 2px padding Flickity adds */
.carousel__slides {
  padding: 0 !important;
}


/* ============================================================================
   SMOOTH TRANSITIONS - Makes auto-scroll buttery smooth
   ============================================================================ */

/* Main slider movement - smooth forward motion */
.flickity-slider {
  transition: transform 0.5s ease-out !important;
  will-change: transform;
}

/* When user drags, make it instant/responsive */
.flickity-enabled.is-pointer-down .flickity-slider {
  transition: none !important;
}

/* Individual slide fade transitions to hide the wrap-around */
.gallery__slide {
  transition: opacity 0.5s ease, transform 0.9s ease;
}

/* Fade technique: When wrapping, briefly fade the entire gallery */
@keyframes fadeWrap {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* This will create a smooth mask during the wrap */
.flickity-enabled {
  position: relative;
}

.flickity-enabled::after {
  content: '';
  position: absolute;
  inset: 0;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* Smooth fade for individual slides */
.gallery__slide {
  transition: opacity 0.9s ease, transform 0.9s ease;
}

/* Hide the wrap-around clone slides during transition to prevent visual jump */
.flickity-slider > .gallery__slide:first-child,
.flickity-slider > .gallery__slide:last-child {
  transition: opacity 0.6s ease;
}


/* ============================================================================
   PREMIUM DETAILS - Expensive-looking polish
   ============================================================================ */

/* Subtle depth - inactive slides slightly dimmed (luxury catalog feel) */
.gallery__slide:not(.is-selected) {
  opacity: 0.75;
  transform: scale(0.98);
}

.gallery__slide.is-selected {
  opacity: 1;
  transform: scale(1);
}

/* Premium image treatment - smooth transitions only, no hover zoom */
.gallery__slide .image__img {
  transition: opacity 0.6s ease;
}

/* Smooth cursor change */
.flickity-enabled {
  cursor: grab;
  transition: opacity 0.3s ease;
}

.flickity-enabled:active {
  cursor: grabbing;
}


/* ============================================================================
   NAVIGATION REFINEMENT - Premium arrow styling
   ============================================================================ */

/* Arrows - more subtle and elegant */
.carousel__previous-button,
.carousel__next-button {
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.3s ease;
  will-change: opacity, transform;
}

/* Show arrows on gallery hover */
.gallery:hover .carousel__previous-button,
.gallery:hover .carousel__next-button {
  opacity: 0.6;
}

.carousel__previous-button:hover,
.carousel__next-button:hover {
  opacity: 1 !important;
  transform: scale(1.1);
}

/* Arrow icon color - match your brand */
.carousel__previous-button svg,
.carousel__next-button svg {
  transition: all 0.3s ease;
}


/* ============================================================================
   MOBILE OPTIMIZATIONS - Keep it smooth on all devices
   ============================================================================ */

@media (max-width: 768px) {
  /* Faster transitions on mobile (feels more responsive) */
  .flickity-slider {
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }
  
  /* Less aggressive scale on mobile */
  .gallery__slide:not(.is-selected) {
    opacity: 0.85;
    transform: scale(0.99);
  }
  
  /* Hide arrows on mobile (swipe only) */
  .carousel__previous-button,
  .carousel__next-button {
    display: none;
  }
}


/* ============================================================================
   OPTIONAL PREMIUM EXTRAS - Uncomment to enable
   ============================================================================ */

/* Subtle vignette on non-selected slides (high fashion feel) */
/*
.gallery__slide:not(.is-selected)::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, transparent 50%, rgba(0,0,0,0.15) 100%);
  pointer-events: none;
  transition: opacity 0.9s ease;
}

.gallery__slide.is-selected::after {
  opacity: 0;
}
*/

/* Luxury border on selected slide */
/*
.gallery__slide.is-selected .image {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
}
*/

/* Premium blur background (like Apple) */
/*
.gallery {
  position: relative;
}

.gallery::before {
  content: '';
  position: absolute;
  inset: -40px;
  background: linear-gradient(90deg, 
    rgba(255,255,255,0.8) 0%, 
    rgba(255,255,255,0) 20%, 
    rgba(255,255,255,0) 80%, 
    rgba(255,255,255,0.8) 100%
  );
  pointer-events: none;
  z-index: 1;
}
*/
/* ═══════════════════════════════════════════════════════════════════════════
   SADIRE PASSWORD PAGES - NUCLEAR MOBILE SPACING FIX
   Ultra-aggressive override for mobile spacing issues
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  
  /* NUCLEAR OPTION - Remove ALL padding and margin from Klaviyo sections */
  section[class*="shopify-section"] {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  section[class*="shopify-section"] .section {
    padding: 5px 15px 0 15px !important;
    margin-bottom: 0 !important;
  }
  
  /* Collapse ALL H5 tags inside Klaviyo forms */
  .klaviyo-form h5 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
    font-size: 14px !important;
  }
  
  /* Hide empty h5 tags */
  .klaviyo-form h5:empty {
    display: none !important;
    height: 0 !important;
  }
  
  /* Target ALL divs inside rich text that might have nbsp */
  .klaviyo-form div[id*="rich-text"] > div > * {
    margin: 1px 0 !important;
    padding: 0 !important;
  }
  
  /* Remove ALL padding from form rows */
  .klaviyo-form [data-testid="form-row"] {
    margin: 0 !important;
  }
  
  .klaviyo-form [data-testid="form-component"] {
    padding: 2px 6px !important;
  }
  
  /* First form component gets no top padding */
  .klaviyo-form [data-testid="form-row"]:first-child [data-testid="form-component"] {
    padding-top: 0 !important;
  }
  
  /* Tighten up the main form */
  .klaviyo-form.go3600011406,
  .klaviyo-form.go3279073480 {
    padding: 0 5px !important;
    margin-bottom: 0 !important;
  }
  
  /* Remove space from the last form row (disclaimer text) */
  .klaviyo-form [data-testid="form-row"]:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .klaviyo-form [data-testid="form-row"]:last-child [data-testid="form-component"] {
    padding-bottom: 0 !important;
  }
  
  /* Target the disclaimer text specifically */
  .go2340816255 {
    padding: 5px 0 0 0 !important;
    margin: 0 0 10px 0 !important;
  }
  
  /* Remove space from shopify app blocks */
  .shopify-app-block {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Remove space from page-width containers */
  .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Gallery section gets no top margin/padding */
  section.gallery {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  /* Hero sections get no padding */
  section.image-hero {
    padding: 0 !important;
  }
  
  .image-hero__inner,
  .image-hero__content-container {
    padding: 0 !important;
  }
}
/* ═══════════════════════════════════════════════════════════════════════════
   DESKTOP ONLY - Add space at BOTTOM of Klaviyo/App section
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {
  
  /* PASSWORD 1 - Add space at bottom of Klaviyo section */
  #shopify-section-template--21322488316157__1763473825e1f3564d {
    padding-bottom: 1px !important;
  }
  
  /* PASSWORD 2 - Add space at bottom of Klaviyo section */
  #shopify-section-template--21322488348925__1763474856371f68e2 {
    padding-bottom: 1px !important;
  }
  
  /* PASSWORD 3 - Add space at bottom of apps section */
  #shopify-section-template--21322488381693__17635839097eeb1b16 {
    padding-bottom: 1px !important;
  }
  
  /* Also target the disclaimer text to add margin below it */
  .go2340816255 {
    margin-bottom: 5px !important;
  }
}
/* ═══════════════════════════════════════════════════════════════════════════
   SADIRE - PREMIUM COUNTDOWN TIMER (Replaces Enter Password Button)
   
   Target Date: February 23, 2026
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide the default password button */
.password-page__login-form {
  display: none !important;
}

/* Countdown timer container - floating top right */
.sadire-countdown {
  position: fixed;
  top: 25px;
  right: 35px;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  user-select: none;
}

/* Main timer wrapper - more rectangular/horizontal */
.countdown-wrapper {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 16px 6px 16px;
  box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.countdown-wrapper:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.12);
}

/* Hide title */
.countdown-title {
  display: none;
}

/* Timer digits container - tighter vertical spacing */
.countdown-timer {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

/* Individual time unit */
.time-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 26px;
}

/* Number display */
.time-number {
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #000;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
  margin-bottom: 1px;
  transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Subtle glow pulse animation on number change */
@keyframes subtleGlow {
  0% { 
    text-shadow: 0 0 0px rgba(0, 0, 0, 0);
    opacity: 1;
  }
  50% { 
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    opacity: 0.95;
  }
  100% { 
    text-shadow: 0 0 0px rgba(0, 0, 0, 0);
    opacity: 1;
  }
}

.time-number.pulse {
  animation: subtleGlow 0.8s ease-in-out;
}

/* Label below number */
.time-label {
  font-size: 7px;
  font-weight: 500;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  margin: 0;
  padding: 0;
}

/* Separator dots - reduce vertical padding */
.time-separator {
  font-size: 16px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.2);
  margin: 0 -5px;
  padding-bottom: 6px;
  animation: blink 2s infinite;
}

@keyframes blink {
  0%, 49%, 100% { opacity: 1; }
  50%, 99% { opacity: 0.3; }
}

/* Subtitle - CRUSH the spacing around border */
.countdown-subtitle {
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 3px;
  text-align: center;
  padding-top: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .sadire-countdown {
    top: 15px;
    right: 15px;
  }
  
  .countdown-wrapper {
    padding: 6px 12px;
    border-radius: 5px;
  }
  
  .countdown-title {
    display: none;
  }
  
  .countdown-timer {
    gap: 5px;
    margin-bottom: 2px;
  }
  
  .time-unit {
    min-width: 18px;
  }
  
  .time-number {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 1;
  }
  
  .time-label {
    font-size: 5px;
    margin: 0;
    padding: 0;
    line-height: 1;
  }
  
  .time-separator {
    font-size: 10px;
    margin: 0 -3px;
    padding-bottom: 0;
    line-height: 1;
  }
  
  .countdown-subtitle {
    font-size: 5px;
    margin-top: 3px;
    padding-top: 2px;
    line-height: 1.2;
  }
}

/* Ultra-mobile (small phones) */
@media (max-width: 380px) {
  .sadire-countdown {
    top: 12px;
    right: 12px;
  }
  
  .countdown-wrapper {
    padding: 6px 10px;
  }
  
  .countdown-timer {
    gap: 6px;
  }
  
  .time-unit {
    min-width: 20px;
  }
  
  .time-number {
    font-size: 12px;
  }
  
  .time-separator {
    font-size: 10px;
    margin: 0 -3px;
  }
  
  .countdown-subtitle {
    font-size: 5px;
  }
}
/*
════════════════════════════════════════════════════════════════════════════

                           ✦ . ·  　  　  　　　　 ˚   * .
                      　　　　　. 　　 ✦ 　　　　　　　　　　　　　　　
                 　　　 　　　˚　　　　　　　　　　　　　　*
                    　　　　　　　　　　　　　.　　　　　　　　　　　　.
                  　　　　　　　　　　✦ 　　　　   　
               　　　　　　　　　　.　　　　　　　　　　　　　　.
                　　　　. 　 ˚　　　　　　　　ﾟ　　　　　.
              　　　　　　　　　　　　　　　. 　　 . 　　　　　 .
                  
                         🌙    ·   ✦        ·    🌙
                              
                  ██████  █████   ██████ ██████  ███████ ██████  
                  ██     ██   ██ ██      ██   ██ ██      ██   ██ 
                  ███████ ███████ ██      ██████  █████   ██   ██ 
                       ██ ██   ██ ██      ██   ██ ██      ██   ██ 
                  ██████  ██   ██  ██████ ██   ██ ███████ ██████  
                              
                       ·          　　　　　　　·    　
                   🌙        ·        　　　　　　　　
                              　　✦　　　　　　　
                   　　　　　　　　　　. 　　　　　　　　　　　.
                              　　　　　✦
                              
                    Mission complete. Until next time.
                            
                                
════════════════════════════════════════════════════════════════════════════
*/