/* ============================================================
   DASS GLOBAL — custom.css
   Journal3 bu dosyayı otomatik yükler
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,500;1,300;1,500&family=Space+Grotesk:wght@300;400;500;600&display=swap');

:root {
  --dass-orange: #D85A30;
  --dass-dark: #141414;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Video row tam yükseklik ─────────────────────────────── */
#j-content-top .j-row:first-child { padding: 0 !important; margin: 0 !important; }
#j-content-top .j-row:first-child .j-video-bg { height: 85vh !important; min-height: 480px !important; max-height: 860px !important; }
#j-content-top .j-row:first-child .j-video-bg video { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* ── Banner hover zoom ───────────────────────────────────── */
.j-banner-module .j-image-container,
.j-banner .j-image-container { overflow: hidden; }

.j-banner-module .j-image-container img,
.j-banner .j-image-container img {
  transition: transform 0.7s var(--ease-out) !important;
}
.j-banner-module:hover .j-image-container img,
.j-banner:hover .j-image-container img { transform: scale(1.05) !important; }

/* ── Ürün fiyat turuncu ──────────────────────────────────── */
.j-product-module .price,
.j-product-module .price-new,
.j-product-module .price-normal { color: var(--dass-orange) !important; font-weight: 600 !important; }

/* ── Scroll reveal sınıfı ───────────────────────────────── */
.dass-animate {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s var(--ease-out), transform 0.75s var(--ease-out);
}
.dass-animate.is-visible { opacity: 1; transform: translateY(0); }
.dass-d1 { transition-delay: 0.08s; }
.dass-d2 { transition-delay: 0.16s; }
.dass-d3 { transition-delay: 0.24s; }
.dass-d4 { transition-delay: 0.32s; }

/* ── Marquee strip ───────────────────────────────────────── */
.dass-marquee-wrap {
  background: var(--dass-orange);
  overflow: hidden;
  padding: 10px 0;
  white-space: nowrap;
}
.dass-marquee-inner {
  display: inline-flex;
  gap: 48px;
  animation: dass-scroll 22s linear infinite;
}
.dass-marquee-inner span {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.88);
}
.dass-marquee-inner em { font-style: normal; color: rgba(255,255,255,.35); }
@keyframes dass-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ── Section başlıkları ──────────────────────────────────── */
.j-title-module .module-title,
.j-module-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 300 !important;
  font-style: italic;
  letter-spacing: -.015em !important;
}

/* ── Bottom franchising row koyu ────────────────────────── */
#j-bottom .j-row:nth-child(3) { background: #141414 !important; }
#j-bottom .j-row:nth-child(3) *:not(input):not(textarea):not(button) { color: rgba(255,255,255,.85) !important; }
#j-bottom .j-row:nth-child(3) h2,
#j-bottom .j-row:nth-child(3) h3 {
  font-family: 'Fraunces', serif !important;
  font-style: italic;
  font-weight: 300 !important;
}

/* ── İletişim formu koyu ─────────────────────────────────── */
#j-bottom .j-row:last-child { background: #1a1a1a !important; padding: 56px 0 !important; }
#j-bottom .j-row:last-child input,
#j-bottom .j-row:last-child textarea {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  border-radius: 2px !important;
}

/* ── Ürün kart hover ─────────────────────────────────────── */
.j-product-module .product-layout {
  transition: box-shadow 0.2s ease;
}
.j-product-module .product-layout:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
}

html { scroll-behavior: smooth; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 767px) {
  #j-content-top .j-row:first-child .j-video-bg { height: 75vw !important; }
}