/** Shopify CDN: Minification failed

Line 119:31 Unexpected "__media"
Line 125:56 Unexpected "__media"
Line 255:33 Unexpected "__media"

**/
/* =============================================================================
   ODAKI Premium — cinematic studio layer (perf-tuned)
   Desktop-first polish; degraded cleanly on touch / reduced-motion.
   ============================================================================= */

/* Page entry — only primary chrome, not every Shopify section (avoids mass paint) */
html.odaki-premium-ready #MainContent,
html.odaki-premium-ready .odaki-footer,
html.odaki-premium-ready #capezio-header {
  animation: odaki-page-in 0.55s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)) both;
}

@keyframes odaki-page-in {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Preloader — split wipe */
.odaki-preloader {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  pointer-events: all;
  contain: layout style paint;
}

.odaki-preloader__panel {
  position: absolute;
  inset: 0;
  background: #0f0f0f;
  transform-origin: center bottom;
}

.odaki-preloader__mark {
  position: relative;
  z-index: 1;
  color: #faf9f7;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 500;
  letter-spacing: 0.42em;
  text-indent: 0.42em;
  text-transform: uppercase;
  opacity: 0;
  transform: translate3d(0, 8px, 0);
}

.odaki-preloader.is-leaving .odaki-preloader__panel {
  animation: odaki-preload-wipe 0.7s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)) forwards;
}

.odaki-preloader.is-leaving .odaki-preloader__mark {
  animation: odaki-preload-mark 0.45s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)) forwards;
}

.odaki-preloader.is-ready .odaki-preloader__mark {
  opacity: 1;
  transform: none;
  transition: opacity 0.35s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    transform 0.35s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1));
}

@keyframes odaki-preload-wipe {
  to {
    transform: scaleY(0);
  }
}

@keyframes odaki-preload-mark {
  to {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
}

/* Scroll reveals — no permanent will-change (layer explosion) */
.odaki-reveal {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition:
    opacity 0.65s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    transform 0.65s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1));
}

.odaki-reveal.is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.odaki-reveal--done {
  transition: none;
}

.odaki-reveal--delay-1 { transition-delay: 0.04s; }
.odaki-reveal--delay-2 { transition-delay: 0.08s; }
.odaki-reveal--delay-3 { transition-delay: 0.12s; }
.odaki-reveal--delay-4 { transition-delay: 0.16s; }
.odaki-reveal--delay-5 { transition-delay: 0.2s; }

/* Hero cinematic settle */
[class*="custom-hero-premium-"] {
  overflow: hidden;
}

[class*="custom-hero-premium-"]__media img,
[class*="custom-hero-premium-"]__media video {
  transform: scale(1.03);
  transition: transform 2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1));
}

html.odaki-premium-ready [class*="custom-hero-premium-"]__media img,
html.odaki-premium-ready [class*="custom-hero-premium-"]__media video {
  transform: scale(1);
}

/* Stronger editorial titles */
.odaki-section__title,
.gp5__title {
  letter-spacing: 0.18em !important;
}

.odaki-section__title {
  font-size: clamp(1.35rem, 3.4vw, 2.15rem) !important;
}

.gp5__header {
  padding-bottom: 2rem !important;
}

@media (max-width: 991px) {
  .gp5__header {
    padding-bottom: 1rem !important;
  }

  .odaki-section__title,
  .gp5__title,
  p.gp5__title {
    letter-spacing: 0.08em !important;
    font-size: 1.05rem !important;
    max-width: calc(100vw - 2rem);
  }

  .odaki-preloader__mark {
    font-size: 1.05rem;
    letter-spacing: 0.28em;
    text-indent: 0.28em;
  }

  /* Never leave content invisible on phones */
  .odaki-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .odaki-cat-bar {
    background: var(--color-background, #faf9f7) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html.odaki-premium-ready #MainContent,
  html.odaki-premium-ready .odaki-footer,
  html.odaki-premium-ready #capezio-header {
    animation: none;
  }
}

/* Product cards — dimensional hover */
@media (hover: hover) and (pointer: fine) {
  .gp5__card {
    transition: transform 0.4s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1));
  }

  .gp5__card:hover {
    transform: translate3d(0, -2px, 0);
    z-index: 2;
  }

  .gp5__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 62%, rgba(20, 20, 20, 0.18) 100%);
    opacity: 0;
    transition: opacity 0.35s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1));
    pointer-events: none;
    z-index: 1;
  }

  .gp5__card:hover .gp5__media::after {
    opacity: 1;
  }
}

/* Categories — lighter blur (backdrop-filter is expensive while scrolling) */
.odaki-cat-bar {
  background: color-mix(in srgb, var(--color-background, #faf9f7) 94%, transparent) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Buttons — press + magnetic target */
.odaki-catalog__button,
.odaki-order__submit,
.odaki-popup__submit,
.gp5__view-all {
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    background 0.2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    color 0.2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    border-color 0.2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)),
    opacity 0.2s var(--ease-out-odaki, cubic-bezier(0.23, 1, 0.32, 1)) !important;
}

.odaki-catalog__button:active,
.odaki-order__submit:active,
.odaki-popup__submit:active {
  transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  html.odaki-premium-ready #MainContent,
  html.odaki-premium-ready .odaki-footer,
  html.odaki-premium-ready #capezio-header {
    opacity: 1;
    animation: none;
  }

  .odaki-preloader {
    display: none !important;
  }

  .odaki-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  [class*="custom-hero-premium-"]__media img,
  [class*="custom-hero-premium-"]__media video {
    transform: none;
    transition: none;
  }
}