/* Eye Sight City browser/mobile interaction hardening, 2026-09-24 */
@media (max-width:700px){
  /* Invisible centered drawers must never sit on top of the page. */
  .cart-panel,.wishlist-panel{
    pointer-events:none!important;
    visibility:hidden!important;
  }
  .cart-panel.active,.wishlist-panel.active{
    pointer-events:auto!important;
    visibility:visible!important;
  }
}

/* The intro is visual only. It must never block touch/click input if a browser delays its animation. */
.intro-splash{pointer-events:none!important}

/* Homepage category cards are now native links. */
a.category-card{color:inherit;text-decoration:none;display:block;cursor:pointer}

/* Full product-card click target. Buttons remain on top. */
.product-card{position:relative!important}
.product-card-hit{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;text-decoration:none!important;background:transparent!important;border:0!important}
.product-card .product-visual,.product-card .product-info{position:relative!important;z-index:2!important;pointer-events:none!important}
.product-card .wishlist,.product-card .add-mini{position:relative!important;z-index:4!important;pointer-events:auto!important}
.product-card .wishlist{pointer-events:auto!important}

/* Category-page full-card target. */
.page-product-card{position:relative!important}
.page-product-hit{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;text-decoration:none!important;background:transparent!important}
.page-product-card .page-product-photo,.page-product-card .page-product-body{position:relative!important;z-index:2!important;pointer-events:none!important}
.page-product-card .page-product-body .full-btn,.page-product-card .page-variant-mini,.page-product-card .page-variant-mini a{position:relative!important;z-index:4!important;pointer-events:auto!important}

/* Avoid browser-specific accidental selection/drag on card tap. */
.product-card-hit,.page-product-hit{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}


/* Eye Sight City: requested visual-only fixes, 2026-09-24 */
@media (max-width:700px){
  /* Keep uploaded product photos fully inside the mobile card. */
  .product-card .product-photo{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:6px!important;
    mix-blend-mode:multiply!important;
  }

  /* Wishlist stays in the product card's top-right corner. */
  .product-card .wishlist{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    left:auto!important;
    bottom:auto!important;
    width:30px!important;
    height:30px!important;
    z-index:4!important;
    pointer-events:auto!important;
  }
}

/* Category media: keep the tile label outside the image box, while the image itself is fully contained and clear. */
.category-card{
  position:relative!important;
  overflow:visible!important;
}
.category-card > .managed-media-layer{
  opacity:1!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.category-card > .managed-media-layer .managed-media-element{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  display:block!important;
}
.category-card > .category-kicker,
.category-card > h3,
.category-card > p{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  .category-card > h3{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* Smooth, restrained motion polish. No layout/content changes. */
:root{
  --esc-ease:cubic-bezier(.22,.8,.22,1);
  --esc-ease-soft:cubic-bezier(.25,.75,.2,1);
}
@media (prefers-reduced-motion:no-preference){
  .category-card,
  .product-card,
  .page-product-card,
  .testimonial-card,
  .video-card,
  .story-card,
  .tintverse-feature-art,
  .btn,
  .text-btn,
  .icon-btn,
  .menu-btn,
  .floating-whatsapp,
  .vnext-floating-cta,
  .product-photo,
  .managed-media-element{
    transition:
      transform .55s var(--esc-ease),
      box-shadow .55s var(--esc-ease),
      opacity .45s ease,
      filter .55s var(--esc-ease),
      background-color .45s ease,
      border-color .45s ease;
    will-change:transform;
  }

  .reveal-on-scroll{
    opacity:0;
    transform:translate3d(0,24px,0) scale(.985);
    transition:opacity .72s var(--esc-ease),transform .72s var(--esc-ease);
    will-change:opacity,transform;
  }
  .reveal-on-scroll.is-visible{
    opacity:1;
    transform:none;
  }

  .category-card:hover{
    transform:translate3d(0,-6px,0) scale(1.012);
    box-shadow:0 22px 50px rgba(32,36,37,.13);
  }
  .category-card:hover > .managed-media-layer .managed-media-element{
    transform:scale(1.025);
  }
  .product-card:hover,
  .page-product-card:hover{
    transform:translate3d(0,-5px,0);
    box-shadow:0 20px 44px rgba(32,36,37,.11);
  }
  .product-card:hover .product-photo,
  .page-product-card:hover img{
    transform:scale(1.025);
  }
  .btn:hover,
  .text-btn:hover,
  .icon-btn:hover,
  .menu-btn:hover,
  .floating-whatsapp:hover,
  .vnext-floating-cta:hover{
    transform:translateY(-2px);
  }
  .btn:active,
  .text-btn:active,
  .icon-btn:active,
  .menu-btn:active{
    transform:translateY(0) scale(.985);
  }

  .tintverse-feature-art:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 55px rgba(32,36,37,.10);
  }
}

@media(max-width:700px){
  .category-card:hover,
  .product-card:hover,
  .page-product-card:hover,
  .tintverse-feature-art:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .category-card > .managed-media-layer .managed-media-element{
    transition:transform .65s var(--esc-ease);
  }
}

@media(prefers-reduced-motion:reduce){
  .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .category-card,.product-card,.page-product-card,.testimonial-card,.video-card,.story-card,
  .tintverse-feature-art,.btn,.text-btn,.icon-btn,.menu-btn,.floating-whatsapp,.vnext-floating-cta,
  .product-photo,.managed-media-element{
    transition:none!important;
    animation:none!important;
  }
}