::selection { background: #2b2a28; color: #f9f6f0; }
body { background: #f9f6f0; color: #1d1c1a; -webkit-font-smoothing: antialiased; }
.grain { position: relative; isolation: isolate; }
.grain::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
.nav-scrolled { background: rgba(249,246,240,.92); border-color: rgba(29,28,26,.1); backdrop-filter: blur(18px); }
.field { width: 100%; border: 0; border-bottom: 1px solid rgba(29,28,26,.25); background: transparent; padding: .85rem 0; outline: none; transition: border-color .2s; }
.field:focus { border-color: #1d1c1a; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #1d1c1a;
  outline-offset: 3px;
}
[aria-current="page"] { text-decoration-thickness: 1px; text-underline-offset: .35rem; }
a[aria-label="Garment Istanbul home"] > picture { display: block; line-height: 0; }
[class*="min-h-"] > picture { display: block; width: 100%; height: 100%; min-height: inherit; }
[class*="min-h-"] > picture > img { min-height: inherit; }
.product-image { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-image { transform: scale(1.025); }
.tee-crop { object-position: 50% 48%; }

/* WhatsApp Floating Button from Original Website */
.whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #25D366;
  color: white;
  padding: 14px 22px;
  border-radius: 999px;
  font-weight: 600;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.25);
  z-index: 999;
  font-size: 13px;
  letter-spacing: 0.05em;
  transition: all 0.3s cubic-bezier(.2,.7,.2,1);
  display: flex;
  align-items: center;
  gap: 8px;
}
.whatsapp-float:hover { transform: translateY(-3px); background: #20ba5a; box-shadow: 0 14px 35px rgba(37, 211, 102, 0.35); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }