/* Live-matching Shop button (pill + shimmer) */
:root{--shop-btn-dark:33 24% 44%;--shop-btn-shadow:33 24% 44%}
@keyframes shimmer-shop{
  0%{transform:translateX(-120%) skewX(-15deg)}
  100%{transform:translateX(320%) skewX(-15deg)}
}
.shop-btn{text-decoration:none}
.shop-btn-shimmer::after{
  content:"";
  position:absolute;
  top:0;left:0;
  width:40%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  animation:shimmer-shop 3.8s ease-in-out infinite;
  pointer-events:none
}
.shop-btn-arrow{display:inline-block;transition:transform .25s ease}
.shop-btn:hover .shop-btn-arrow{transform:translateX(4px)}
.shop-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 22px hsl(var(--shop-btn-shadow) / .36)!important
}
.shop-btn:focus-visible{outline:2px solid hsl(var(--shop-btn-dark));outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .shop-btn-shimmer::after{animation:none}
  .shop-btn,.shop-btn-arrow{transition:none}
}

/* Cookie consent banner (matches live CookieBanner) */
#tiu-cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:50;
  background:#fff;border-top:1px solid #e5e7eb;
  box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)
}
#tiu-cookie-banner[hidden]{display:none!important}
#tiu-cookie-banner .tiu-cookie-inner{
  max-width:80rem;margin:0 auto;padding:1rem 1rem
}
@media (min-width:640px){#tiu-cookie-banner .tiu-cookie-inner{padding-left:1.5rem;padding-right:1.5rem}}
@media (min-width:1024px){#tiu-cookie-banner .tiu-cookie-inner{padding-left:2rem;padding-right:2rem}}
#tiu-cookie-banner .tiu-cookie-row{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem
}
@media (min-width:640px){
  #tiu-cookie-banner .tiu-cookie-row{flex-direction:row;align-items:center}
}
#tiu-cookie-banner h3{font-size:.875rem;line-height:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem}
#tiu-cookie-banner p{font-size:.875rem;line-height:1.25rem;color:#4b5563;margin:0}
#tiu-cookie-banner .tiu-cookie-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
#tiu-cookie-banner .tiu-cookie-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  white-space:nowrap;border-radius:var(--radius-button,.375rem);
  font-size:.875rem;font-weight:500;height:2.25rem;padding:0 .75rem;border:0;cursor:pointer;
  transition:background-color .15s ease
}
#tiu-cookie-banner .tiu-cookie-btn-reject{
  background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))
}
#tiu-cookie-banner .tiu-cookie-btn-reject:hover{background:hsl(var(--secondary) / .8)}
#tiu-cookie-banner .tiu-cookie-btn-accept{
  background:hsl(var(--primary));color:hsl(var(--primary-foreground))
}
#tiu-cookie-banner .tiu-cookie-btn-accept:hover{background:hsl(var(--primary) / .9)}
#tiu-cookie-banner .tiu-cookie-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}

header.tiu-scrolled{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}
html{scroll-behavior:smooth}
.js .tiu-reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease-out,transform .6s ease-out}
.js .tiu-reveal.tiu-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .tiu-reveal{opacity:1;transform:none;transition:none}}