/*
Theme Name: S&M Wedding House
Theme URI: https://smweddinghouse.com
Author: Batuhan
Author URI: https://smweddinghouse.com
Description: S&M Wedding House için özel geliştirilen lüks gelinlik showroom teması.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sm-wedding
Tags: wedding, bridal, luxury, custom
*/

/* =============================================
   CSS CUSTOM PROPERTIES
   ============================================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden
}

body {
  font-family: 'Inter', sans-serif;
  background: #FDFCF9;
  color: #2E2C28;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased
}

/* ============ TICKER (üst kayan şerit) ============ */
.ticker {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 450;
  background: linear-gradient(90deg, #1A1917 0%, #2E2C28 50%, #1A1917 100%);
  border-bottom: 1px solid rgba(196, 165, 90, 0.25);
  overflow: hidden;
  height: 36px;
  display: flex;
  align-items: center;
  transition: transform 0.4s ease, height 0.4s ease;
}

.ticker.hidden {
  transform: translateY(-100%);
  height: 0;
  border-bottom: none;
}

.ticker-track {
  display: flex;
  animation: tickerScroll 40s linear infinite;
  white-space: nowrap;
  will-change: transform;
}

.ticker-group {
  display: flex;
  flex-shrink: 0;
}

.ticker-item {
  padding: 0 2.5rem;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #D4B872;
}

@keyframes tickerScroll {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-50%)
  }
}

.ticker:hover .ticker-track {
  animation-play-state: paused
}

.ticker-close {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: color 0.3s;
}

.ticker-close:hover {
  color: #D4B872
}

/* ============ NAVBAR (transparent over video) ============ */
.nav {
  position: fixed;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 500;
  padding: 1.2rem 4%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s, top 0.4s ease;
}

/* Ticker kapatılınca nav yukarı çıksın */
body.ticker-closed .nav {
  top: 0
}

.nav.solid {
  background: rgba(253, 252, 249, 0.95);
  backdrop-filter: blur(24px);
  padding: 0.8rem 4%;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.04);
}


.nav-logo {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  text-decoration: none
}

.nav-logo img {
  height: 72px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  transition: border-color 0.4s
}

.nav.solid .nav-logo img {
  border-color: transparent
}

.nav-logo-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  letter-spacing: 0.2em;
  color: #fff;
  transition: color 0.4s
}

.nav.solid .nav-logo-text {
  color: #2E2C28
}

.nav-menu {
  display: flex;
  gap: 2.2rem;
  list-style: none
}

.nav-menu a {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  transition: color 0.3s;
  position: relative;
}

.nav-menu a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  height: 1.5px;
  background: #C4A55A;
  transition: all 0.3s;
  transform: translateX(-50%);
}

.nav-menu a:hover {
  color: #fff
}

.nav-menu a:hover::after {
  width: 100%
}

.nav.solid .nav-menu a {
  color: #8A8680
}

.nav.solid .nav-menu a:hover {
  color: #2E2C28
}

.nav-cta {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 0.55rem 1.4rem;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s;
  white-space: nowrap;
}

.nav-cta:hover {
  background: #fff;
  color: #2E2C28;
  border-color: #fff
}

.nav.solid .nav-cta {
  border-color: #2E2C28;
  color: #2E2C28
}

.nav.solid .nav-cta:hover {
  background: #2E2C28;
  color: #fff
}

/* Sağ taraf grup: sosyal ikonlar + CTA + burger */
.nav-right {
  display: flex;
  align-items: center;
  gap: 0.6rem
}

.nav-soc {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: all 0.3s;
}

.nav-soc svg {
  width: 15px;
  height: 15px
}

.nav-soc:hover {
  color: #fff;
  transform: translateY(-1px)
}

.nav-soc-wa:hover {
  color: #25D366
}

.nav-soc-ig:hover {
  color: #E1306C
}

.nav.solid .nav-soc {
  color: #8A8680
}

.nav.solid .nav-soc-wa:hover {
  color: #25D366
}

.nav.solid .nav-soc-ig:hover {
  color: #E1306C
}

.nav-burger {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  z-index: 600
}

.nav-burger span {
  width: 22px;
  height: 1.5px;
  background: #fff;
  transition: all 0.3s
}

.nav.solid .nav-burger span {
  background: #2E2C28
}

/* Hamburger → X dönüşümü */
.nav-burger.open span {
  background: #2E2C28
}

.nav-burger.open span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg)
}

.nav-burger.open span:nth-child(2) {
  opacity: 0
}

.nav-burger.open span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg)
}

/* ============ MOBILE MENU ============ */
.mmenu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 550;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}

.mmenu-backdrop.open {
  opacity: 1;
  pointer-events: auto
}

.mmenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 88%;
  max-width: 380px;
  z-index: 560;
  background: #FDFCF9;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.8rem 2rem;
  transform: translateX(100%);
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  overflow-y: auto;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.15);
}

.mmenu.open {
  transform: translateX(0)
}

.mmenu-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #EDEBE5;
  margin-bottom: 1.5rem;
}

.mmenu-logo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none
}

.mmenu-logo img {
  height: 44px;
  border-radius: 50%
}

.mmenu-logo span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.85rem;
  letter-spacing: 0.18em;
  color: #2E2C28
}

.mmenu-close {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.8rem;
  color: #2E2C28;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.mmenu-nav {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 1.8rem
}

.mmenu-link {
  display: block;
  padding: 0.95rem 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  text-decoration: none;
  border-bottom: 1px solid #F2F0EA;
  transition: all 0.3s;
}

.mmenu-link:hover {
  color: #C4A55A;
  padding-left: 0.4rem
}

.mmenu-cta {
  display: block;
  text-align: center;
  padding: 1rem 1.5rem;
  margin-bottom: 1.8rem;
  background: #2E2C28;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s;
}

.mmenu-cta:hover {
  background: #C4A55A
}

.mmenu-social {
  margin-bottom: 1.5rem
}

.mmenu-social-label {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 0.7rem;
}

.mmenu-social-row {
  display: flex;
  gap: 0.6rem
}

.mmenu-soc {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.8rem 0.6rem;
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s;
}

.mmenu-soc-wa {
  background: #25D366
}

.mmenu-soc-wa:hover {
  background: #1da851
}

.mmenu-soc-ig {
  background: linear-gradient(135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5)
}

.mmenu-soc-ig:hover {
  filter: brightness(1.1)
}

.mmenu-foot {
  margin-top: auto;
  padding-top: 1.2rem;
  border-top: 1px solid #EDEBE5;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  font-size: 0.72rem;
  color: #8A8680;
}

.mmenu-foot a {
  color: #2E2C28;
  text-decoration: none;
  font-weight: 500
}

/* Body kilitleme menü açıkken */
body.no-scroll {
  overflow: hidden
}

/* Mobil menü sadece mobilde aktif */
@media(min-width:769px) {

  .mmenu,
  .mmenu-backdrop {
    display: none !important
  }
}

/* ============ HERO (fullscreen video) ============ */
.hero {
  position: relative;
  height: calc(100vh - 36px);
  min-height: 650px;
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: margin-top 0.4s ease, height 0.4s ease;
}

body.ticker-closed .hero {
  margin-top: 0;
  height: 100vh;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-video-mobile {
  display: none
}

@media(max-width:768px) {
  .hero-video-desktop {
    display: none
  }

  .hero-video-mobile {
    display: block
  }
}

.hero-grain {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0.55) 100%),
    radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.35) 100%);
  pointer-events: none;
}

.hero-center {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  padding: 0 2rem;
  transform: translateY(-12vh);
}

.hero-center .hero-btn {
  margin-top: 1.5rem
}

@media(max-width:768px) {
  .hero-center {
    transform: translateY(-8vh)
  }
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 2rem;
}

.hero-badge-line {
  width: 35px;
  height: 1px;
  background: rgba(255, 255, 255, 0.25)
}

.hero-heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.8rem, 6.5vw, 5.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.04em;
  color: #fff;
  margin-bottom: 1.2rem;
}

.hero-heading .gold {
  color: #D4B872
}

.hero-sub {
  font-size: 0.92rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.7;
  max-width: 460px;
  margin: 0 auto 2.5rem;
}

.hero-btn {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.9rem 2.8rem;
  background: rgba(255, 255, 255, 0.12);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: all 0.4s;
}

.hero-btn:hover {
  background: #fff;
  color: #2E2C28;
  border-color: #fff
}

.hero-play {
  position: absolute;
  z-index: 3;
  bottom: 3.5rem;
  right: 4%;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}

.hero-play-circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.06);
  transition: all 0.4s;
}

.hero-play-circle:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.6)
}

.hero-play-circle svg {
  fill: #fff;
  margin-left: 2px;
  width: 14px
}

.hero-play-label {
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45)
}

.hero-scroll {
  position: absolute;
  bottom: 3.5rem;
  left: 4%;
  z-index: 3;
  writing-mode: vertical-rl;
  font-size: 0.55rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.hero-scroll-bar {
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent)
}

/* ============ FEATURES ============ */
.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: #fff;
}

.feat {
  padding: 3.5rem 2.5rem;
  text-align: center;
  border-right: 1px solid #EDEBE5;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}

.feat:last-child {
  border-right: none
}

.feat::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #C4A55A, #E0CC88, #C4A55A);
  transform: scaleX(0);
  transition: transform 0.5s;
  transform-origin: left;
}

.feat:hover::after {
  transform: scaleX(1)
}

.feat:hover {
  background: #FAF8F3
}

.feat-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 1.4rem;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #EDE7D6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4A55A;
  position: relative;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.feat-icon svg {
  width: 36px;
  height: 36px;
  transition: all 0.5s
}

/* Çift halka efekti */
.feat-icon::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid #F5F0E4;
  opacity: 0.6;
  transition: all 0.5s;
}

.feat:hover .feat-icon {
  border-color: #C4A55A;
  background: #FAF6EC;
  transform: translateY(-3px);
}

.feat:hover .feat-icon::before {
  inset: -10px;
  border-color: #D4B872;
  opacity: 1;
}

.feat:hover .feat-icon svg {
  transform: scale(1.05);
  color: #A8884A
}

.feat-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.05rem;
  color: #2E2C28;
  margin-bottom: 0.6rem;
  letter-spacing: 0.03em;
}

.feat-desc {
  font-size: 0.78rem;
  font-weight: 300;
  color: #8A8680;
  line-height: 1.75;
  max-width: 280px;
  margin: 0 auto;
}

/* ============ CATEGORIES ============ */
.categories {
  padding: 5.5rem 4%;
  background: #FDFCF9;
}

.sec-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
}

.sec-head-left {}

.sec-tag {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 0.4rem;
}

.sec-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 400;
  color: #2E2C28;
  letter-spacing: 0.03em;
}

.sec-link {
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8A8680;
  text-decoration: none;
  transition: color 0.3s;
}

.sec-link:hover {
  color: #2E2C28
}

.cat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.cat-card {
  position: relative;
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.cat-card:hover {
  transform: translateY(-4px)
}

.cat-bg {
  position: absolute;
  inset: 0;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Görsel eklendiğinde otomatik kapsayacak */
.cat-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.cat-card:hover .cat-img {
  transform: scale(1.07)
}

/* Sofistike placeholder gradientler — görsel gelene kadar */
.cat-card:nth-child(1) .cat-bg {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(245, 225, 190, 0.35) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 85%, rgba(60, 30, 15, 0.4) 0%, transparent 60%),
    linear-gradient(165deg, #3a2618 0%, #5d4028 30%, #8a6440 55%, #3a2618 100%);
}

.cat-card:nth-child(2) .cat-bg {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(255, 230, 220, 0.3) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 85%, rgba(70, 30, 45, 0.45) 0%, transparent 60%),
    linear-gradient(165deg, #3a1f28 0%, #5a2f3a 30%, #8a586a 55%, #3a1f28 100%);
}

.cat-card:nth-child(3) .cat-bg {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(255, 225, 180, 0.3) 0%, transparent 55%),
    radial-gradient(ellipse at 75% 85%, rgba(90, 40, 15, 0.45) 0%, transparent 60%),
    linear-gradient(165deg, #3a2418 0%, #5a3820 30%, #8a5c30 55%, #3a2418 100%);
}

.cat-card:hover .cat-bg {
  transform: scale(1.07)
}

.cat-ov {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.25) 100%);
  transition: all 0.4s;
}

.cat-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  z-index: 2;
  text-align: left;
}

.cat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.5rem;
  color: rgba(255, 255, 255, 0.12);
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 2;
  line-height: 1;
}

.cat-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.7rem;
  color: #fff;
  letter-spacing: 0.05em;
  margin-bottom: 0.4rem;
}

.cat-count {
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 1.1rem;
}

/* Sürekli görünür CTA */
.cat-explore {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #D4B872;
  text-decoration: none;
  transition: all 0.4s;
}

.cat-card:hover .cat-explore {
  gap: 0.9rem;
  color: #E8CE92
}

.cat-explore-arrow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(212, 184, 114, 0.5);
  background: rgba(212, 184, 114, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: #D4B872;
  transition: all 0.4s;
}

.cat-card:hover .cat-explore-arrow {
  background: #D4B872;
  color: #2E2C28;
  border-color: #D4B872;
  transform: rotate(-45deg);
}

/* ============ PRODUCTS ============ */
.products {
  padding: 5.5rem 4%;
  background: #fff;
  overflow: hidden;
}

/* Sağ taraf: oklar + tüm modeller */
.sec-head-right {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.prod-nav {
  display: flex;
  gap: 0.5rem;
}

.prod-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #EDEBE5;
  background: #fff;
  color: #2E2C28;
  font-size: 0.95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.prod-nav-btn:hover:not(:disabled) {
  border-color: #C4A55A;
  background: #FAF6EC;
  color: #C4A55A;
}

.prod-nav-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Viewport — kayan alanı kırpar */
.prod-viewport {
  overflow: hidden;
  width: 100%;
}

/* Slider track — masaüstünde transform ile kayar */
.prod-scroll {
  display: flex;
  gap: 1.4rem;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.prod-card {
  /* 4 kart eşit — JS ile dinamik olarak ayarlanır */
  flex: 0 0 calc((100% - 3 * 1.4rem) / 4);
  min-width: 0;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  display: block;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.prod-card:hover {
  transform: translateY(-6px)
}

/* Ara mod: 1025-1280px → 3 kart yan yana */
@media(min-width:1025px) and (max-width:1280px) {
  .prod-card {
    flex: 0 0 calc((100% - 2 * 1.4rem) / 3);
  }
}

.prod-img {
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  background: #F0EDE6;
}

.prod-img-bg {
  position: absolute;
  inset: 0;
  transition: transform 0.7s ease;
}

/* Görsel için — birincil */
.prod-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
}

/* 2. görsel — hover'da görünür */
.prod-photo-hover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
}

/* Hover'da cross-fade */
.prod-card:hover .prod-photo {
  opacity: 0
}

.prod-card:hover .prod-photo-hover {
  opacity: 1
}

/* Sadece birincil görsel varsa hover'da hafif zoom */
.prod-card:hover .prod-photo:only-of-type {
  opacity: 1;
  transform: scale(1.05)
}

/* Sofistike placeholder gradientler — görsel gelene kadar */
.prod-card:nth-child(1) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 240, 220, 0.6) 0%, transparent 55%),
    linear-gradient(160deg, #e8d8c0 0%, #c9a878 50%, #9a7848 100%);
}

.prod-card:nth-child(2) .prod-img-bg {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(250, 235, 215, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #dfd0b8 0%, #bba078 50%, #8c7250 100%);
}

.prod-card:nth-child(3) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(252, 238, 220, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #e3d4bc 0%, #c4a880 50%, #947856 100%);
}

.prod-card:nth-child(4) .prod-img-bg {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(252, 238, 220, 0.5) 0%, transparent 55%),
    linear-gradient(160deg, #dfceb4 0%, #b89c74 50%, #8a6e4a 100%);
}

.prod-card:nth-child(5) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 240, 220, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #e6d6be 0%, #c0a47c 50%, #907250 100%);
}

.prod-card:hover .prod-img-bg {
  transform: scale(1.05)
}

/* Premium tag — cam efektli */
.prod-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 3;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 0.4rem 0.9rem;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  color: #2E2C28;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.prod-tag-pop {
  background: linear-gradient(135deg, #C4A55A, #D4B872);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

.prod-tag-trend {
  background: rgba(46, 44, 40, 0.92);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}

/* Ürün kodu — sağ üstte, soft */
.prod-code {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3;
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.95);
  padding: 0.25rem 0.7rem;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(8px);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Kart altı detay */
.prod-detail {
  padding: 1.1rem 0.3rem 0
}

.prod-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #2E2C28;
  letter-spacing: 0.02em;
  margin-bottom: 0.15rem;
}

.prod-type {
  font-size: 0.7rem;
  font-weight: 400;
  color: #8A8680;
  letter-spacing: 0.02em;
}

.prod-cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

.prod-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 2.6rem;
  border: 1.5px solid #2E2C28;
  color: #2E2C28;
  text-decoration: none;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: all 0.4s;
  border-radius: 4px;
}

.prod-cta-btn span {
  transition: transform 0.3s;
  display: inline-block
}

.prod-cta-btn:hover {
  background: #2E2C28;
  color: #fff
}

.prod-cta-btn:hover span {
  transform: translateX(5px)
}

/* ============ HAKKIMIZDA / ABOUT ============ */
.about {
  padding: 6rem 4%;
  background: linear-gradient(to bottom, #FDFCF9 0%, #F8F4EC 100%);
  position: relative;
  overflow: hidden;
}

/* Dekoratif arka plan deseni */
.about::before {
  content: '';
  position: absolute;
  top: 10%;
  right: -5%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(196, 165, 90, 0.05) 0%, transparent 70%);
  pointer-events: none;
}

.about-wrap {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 5rem;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* SOL: Fotoğraf */
.about-photo {
  position: relative;
}

.about-photo-frame {
  position: relative;
  aspect-ratio: 4/5;
  border-radius: 8px;
  overflow: hidden;
  background: #E8DCC8;
  box-shadow: 0 30px 60px -20px rgba(46, 44, 40, 0.25);
  z-index: 2;
}

.about-photo-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 240, 220, 0.5) 0%, transparent 60%),
    linear-gradient(160deg, #d8c0a0 0%, #a88660 40%, #6c4a2c 80%, #3a2818 100%);
}

.about-photo-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dekoratif altın çerçeve - sağ-alt offset */
.about-photo-deco {
  position: absolute;
  top: 30px;
  left: 30px;
  right: -25px;
  bottom: -25px;
  border: 1.5px solid #C4A55A;
  border-radius: 8px;
  z-index: 1;
  opacity: 0.5;
}

/* Alt imza */
.about-signature {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  padding-left: 0.5rem;
  position: relative;
  z-index: 2;
}

.about-signature-line {
  width: 40px;
  height: 1px;
  background: #C4A55A;
}

.about-signature-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  font-style: italic;
  color: #2E2C28;
  letter-spacing: 0.02em;
}

.about-signature-role {
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A8884A;
  margin-top: 0.15rem;
}

/* SAĞ: İçerik */
.about-content {}

.about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.4rem;
}

.about-kicker::before {
  content: '';
  width: 30px;
  height: 1px;
  background: #C4A55A;
  display: inline-block;
}

.about-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.2rem, 3.5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.8rem;
}

.about-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.about-lead {
  font-size: 1rem;
  font-weight: 300;
  color: #4E4A44;
  line-height: 1.75;
  margin-bottom: 2.5rem;
  max-width: 560px;
}

.about-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.2rem;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(196, 165, 90, 0.2);
}

.about-block {}

.about-block-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  font-weight: 500;
  color: #2E2C28;
  margin-bottom: 0.7rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.about-block-title::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #C4A55A;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.about-block-text {
  font-size: 0.82rem;
  font-weight: 300;
  color: #6E6A62;
  line-height: 1.7;
}

/* Güven göstergeleri */
.about-stats {
  display: flex;
  align-items: stretch;
  gap: 2rem;
  margin-bottom: 2rem;
}

.about-stat {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.about-stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #A8884A;
  letter-spacing: -0.01em;
  line-height: 1;
}

.about-stat-label {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8680;
}

.about-stat-divider {
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(196, 165, 90, 0.3), transparent);
}

.about-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #2E2C28;
  text-decoration: none;
  padding-bottom: 0.5rem;
  border-bottom: 1.5px solid #2E2C28;
  transition: all 0.3s;
}

.about-link span {
  transition: transform 0.3s;
  display: inline-block
}

.about-link:hover {
  color: #A8884A;
  border-color: #A8884A
}

.about-link:hover span {
  transform: translateX(5px)
}

/* ============ BLOG ============ */

#blog{
	padding:5.5rem 4%;
}

.blog {
  padding: 5.5rem 0%;
  background: #FDFCF9
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.blog-pin {
  display: block;
  text-decoration: none;
  position: relative;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.blog-pin:hover {
  transform: translateY(-6px)
}

/* Görsel — dikey, büyük, tüm odak burada */
.blog-pin-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
  border-radius: 10px;
  margin-bottom: 1.2rem;
}

.blog-pin-bg {
  position: absolute;
  inset: 0;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Placeholder gradientler — atmosferik, görsel gelene kadar */
.blog-pin-bg-1 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(245, 225, 200, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5d4030 40%, #8a6448 70%, #3a2820 100%);
}

.blog-pin-bg-2 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 235, 215, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #6a4830 50%, #3a2820 100%);
}

.blog-pin-bg-3 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 225, 225, 0.3) 0%, transparent 60%),
    linear-gradient(150deg, #3a2028 0%, #6a3848 50%, #3a2028 100%);
}

/* Görsel için */
.blog-pin-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.blog-pin:hover .blog-pin-bg,
.blog-pin:hover .blog-pin-img img {
  transform: scale(1.05)
}

/* Kategori pill — sol üstte */
.blog-pin-cat {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #2E2C28;
  padding: 0.4rem 0.9rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  border-radius: 30px;
}

/* Alt metin — minimum, sade */
.blog-pin-body {
  padding: 0 0.3rem;
}

.blog-pin-date {
  display: block;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A8A39B;
  margin-bottom: 0.5rem;
}

.blog-pin-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  color: #2E2C28;
  letter-spacing: 0.01em;
  transition: color 0.3s;
}

.blog-pin:hover .blog-pin-title {
  color: #A8884A
}

/* ============ CTA ============ */
.cta {
  position: relative;
  margin: 0 4% 5rem;
  border-radius: 18px;
  background:
    radial-gradient(ellipse at 80% 20%, rgba(196, 165, 90, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 90%, rgba(196, 165, 90, 0.06) 0%, transparent 50%),
    linear-gradient(135deg, #1F1D1A 0%, #2E2C28 50%, #1A1917 100%);
  padding: 5rem 4.5rem;
  overflow: hidden;
  isolation: isolate;
}

/* Sağda dekoratif gelinlik silueti */
.cta-deco {
  position: absolute;
  right: -3%;
  top: 50%;
  transform: translateY(-50%);
  width: 480px;
  height: 480px;
  z-index: 0;
  color: #C4A55A;
  opacity: 0.15;
  pointer-events: none;
}

.cta-deco svg {
  width: 100%;
  height: 100%
}

/* Üst yumuşak parlama */
.cta-shine {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 140%;
  height: 120%;
  z-index: 0;
  background: radial-gradient(ellipse at center top, rgba(196, 165, 90, 0.08) 0%, transparent 60%);
  pointer-events: none;
}

.cta-content {
  position: relative;
  z-index: 1;
  max-width: 620px;
}

.cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.5rem;
}

.cta-kicker::before {
  content: '';
  width: 30px;
  height: 1px;
  background: #C4A55A;
  display: inline-block;
}

.cta-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 1.5rem;
}

.cta-title-italic {
  font-style: italic;
  color: #D4B872;
  font-weight: 400;
}

.cta-desc {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.55);
  max-width: 520px;
  margin-bottom: 2.5rem;
}

.cta-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

/* Ana CTA butonu — premium beyaz */
.cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 2.4rem;
  background: #fff;
  color: #2E2C28;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

.cta-primary::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #C4A55A, #D4B872);
  transform: translateY(101%);
  transition: transform 0.4s;
  z-index: 0;
}

.cta-primary:hover::before {
  transform: translateY(0)
}

.cta-primary:hover {
  color: #fff
}

.cta-primary>* {
  position: relative;
  z-index: 1
}

.cta-primary-arrow {
  transition: transform 0.3s;
  display: inline-block
}

.cta-primary:hover .cta-primary-arrow {
  transform: translateX(5px)
}

/* WhatsApp — daha sofistike, transparan border */
.cta-wa {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 1rem 1.8rem;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  transition: all 0.4s;
}

.cta-wa svg {
  transition: all 0.3s
}

.cta-wa:hover {
  background: #25D366;
  color: #fff;
  border-color: #25D366;
}

/* Alt iletişim bilgileri */
.cta-info {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cta-info-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cta-info-label {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(196, 165, 90, 0.7);
}

.cta-info-val {
  font-size: 0.85rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.02em;
}

.cta-info-divider {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.1);
}

/* ============ WA FLOAT ============ */
.waf-wrap {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 400;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.7rem;
}

/* Dönen mesaj bubble */
.waf-bubble {
  position: relative;
  background: #fff;
  color: #2E2C28;
  padding: 0.7rem 2.2rem 0.7rem 1rem;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  opacity: 0;
  transform: translateY(8px) scale(0.96);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
  max-width: 280px;
}

.waf-bubble.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.waf-bubble-text {
  display: inline-block;
  transition: opacity 0.3s;
}

.waf-bubble-text.fade {
  opacity: 0
}

/* Sağa doğru ok kuyruğu */
.waf-bubble-tail {
  position: absolute;
  right: -6px;
  bottom: 18px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 8px solid #fff;
}

.waf-bubble-close {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #8A8680;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.waf-bubble-close:hover {
  background: #F2F0EA;
  color: #2E2C28;
}

.waf {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.3);
  text-decoration: none;
  transition: all 0.3s;
  position: relative;
}

.waf::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 16px;
  border: 2px solid rgba(37, 211, 102, 0.3);
  opacity: 0;
  animation: wafPulse 2s ease-out infinite;
}

@keyframes wafPulse {
  0% {
    transform: scale(0.95);
    opacity: 0.6
  }

  100% {
    transform: scale(1.25);
    opacity: 0
  }
}

.waf:hover {
  transform: scale(1.08);
  border-radius: 16px
}

.waf svg {
  fill: #fff;
  width: 26px;
  height: 26px
}

/* ============ CALLBACK POPUP ============ */
.cbpop-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(20, 18, 15, 0.75);
  backdrop-filter: blur(6px);
  z-index: 700;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.cbpop-backdrop.open {
  opacity: 1;
  pointer-events: auto;
}

.cbpop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.94);
  z-index: 710;
  width: 92%;
  max-width: 780px;
  background: #FDFCF9;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  max-height: 90vh;
  overflow-y: auto;
}

.cbpop.open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}

.cbpop-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3;
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  border: none;
  border-radius: 50%;
  color: #2E2C28;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cbpop-close:hover {
  background: #2E2C28;
  color: #fff;
  transform: rotate(90deg);
}

/* Sol — Görsel */
.cbpop-image {
  position: relative;
  background: #E8DCC8;
  min-height: 380px;
  overflow: hidden;
}

.cbpop-image-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 40% 30%, rgba(255, 240, 220, 0.5) 0%, transparent 60%),
    linear-gradient(160deg, #e0c8a8 0%, #b09070 40%, #785238 80%, #3a2818 100%);
}

.cbpop-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cbpop-image-tag {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  padding: 0.4rem 0.9rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  color: #2E2C28;
  border-radius: 30px;
  z-index: 2;
}

/* Sağ — İçerik */
.cbpop-content {
  padding: 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cbpop-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1rem;
}

.cbpop-kicker::before {
  content: '';
  width: 24px;
  height: 1px;
  background: #C4A55A;
  display: inline-block;
}

.cbpop-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.9rem;
}

.cbpop-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.cbpop-desc {
  font-size: 0.85rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
  margin-bottom: 1.5rem;
}

.cbpop-form {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.cbpop-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  border: 1.5px solid #E0DCD2;
  border-radius: 8px;
  background: #fff;
  transition: border-color 0.3s;
  overflow: hidden;
}

.cbpop-input-wrap:focus-within {
  border-color: #C4A55A
}

.cbpop-input-prefix {
  padding: 0 0.9rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: #2E2C28;
  border-right: 1px solid #E0DCD2;
  height: 48px;
  display: flex;
  align-items: center;
  background: #FAF8F3;
}

.cbpop-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 0 1rem;
  height: 48px;
  font-family: inherit;
  font-size: 0.95rem;
  color: #2E2C28;
  background: transparent;
  letter-spacing: 0.05em;
}

.cbpop-input::placeholder {
  color: #B0ACA4;
  letter-spacing: 0.1em
}

.cbpop-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  height: 48px;
  background: #2E2C28;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.cbpop-submit::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #C4A55A, #D4B872);
  transform: translateY(101%);
  transition: transform 0.4s;
  z-index: 0;
}

.cbpop-submit:hover::before {
  transform: translateY(0)
}

.cbpop-submit>* {
  position: relative;
  z-index: 1
}

.cbpop-submit-arrow {
  transition: transform 0.3s;
  display: inline-block
}

.cbpop-submit:hover .cbpop-submit-arrow {
  transform: translateX(4px)
}

.cbpop-foot {
  font-size: 0.68rem;
  color: #A8A39B;
  text-align: center;
  line-height: 1.5;
}

.cbpop-success {
  display: none;
  padding: 1rem;
  background: #F0F9EE;
  border: 1px solid #B5D9A3;
  border-radius: 8px;
  font-size: 0.85rem;
  color: #3A7A2A;
  text-align: center;
  margin-top: 1rem;
}

.cbpop-success.show {
  display: block
}

/* ============ FOOTER ============ */
footer {
  background: #1A1917;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}

footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 165, 90, 0.3), transparent);
}

.ft-top {
  padding: 5rem 4% 3rem;
}

.ft-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.4fr;
  gap: 3rem;
}

/* Marka kolonu */
.ft-col-brand {
  max-width: 340px
}

.ft-brand {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1.2rem;
}

.ft-brand img {
  height: 48px;
  border-radius: 50%;
  opacity: 0.9;
  border: 1px solid rgba(196, 165, 90, 0.2);
}

.ft-brand span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.18em;
}

.ft-desc {
  font-size: 0.78rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 2rem;
}

.ft-soc-block {
  margin-top: 1.5rem;
}

.ft-soc-label {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 0.8rem;
}

.ft-soc {
  display: flex;
  gap: 0.6rem;
}

.ft-soc a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: all 0.3s;
}

.ft-soc a svg {
  width: 15px;
  height: 15px
}

.ft-soc a:hover {
  border-color: #C4A55A;
  color: #C4A55A;
  background: rgba(196, 165, 90, 0.05);
  transform: translateY(-2px);
}

/* Diğer kolonlar */
.ft-h {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.2rem;
  position: relative;
  padding-bottom: 0.8rem;
}

.ft-h::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 1px;
  background: rgba(196, 165, 90, 0.4);
}

.ft-ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.ft-ul a {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: all 0.3s;
}

.ft-ul a:hover {
  color: #fff;
  padding-left: 0.3rem;
}

/* İletişim listesi — özel */
.ft-ul-contact li {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.6;
}

.ft-ic {
  color: #C4A55A;
  font-size: 0.85rem;
  flex-shrink: 0;
  margin-top: 1px;
}

.ft-ul-contact a {
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.3s;
}

.ft-ul-contact a:hover {
  color: #fff;
  padding-left: 0
}

/* Alt çizgi */
.ft-bot {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding: 1.5rem 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  flex-wrap: wrap;
  gap: 1rem;
}

.ft-bot-right {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.ft-bot-right a {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition: color 0.3s;
}

.ft-bot-right a:hover {
  color: #C4A55A
}

.ft-sep {
  color: rgba(255, 255, 255, 0.15);
}

/* ============ ANIMATIONS ============ */
.rv {
  opacity: 0;
  transform: translateY(24px);
  transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1)
}

.rv.on {
  opacity: 1;
  transform: translateY(0)
}

@media(max-width:1100px) and (min-width:769px) {
  .nav-menu {
    gap: 1.4rem
  }

  .nav-menu a {
    font-size: 0.65rem
  }

  .nav-right {
    gap: 0.4rem
  }
}

@media(max-width:1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
  }

  .blog-pin:nth-child(3) {
    grid-column: 1 / -1;
    max-width: 50%;
    margin: 0 auto
  }

  .ft-grid {
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 2.5rem
  }

  .ft-col-brand {
    grid-column: 1 / -1;
    max-width: none;
    margin-bottom: 1rem
  }

  .cta {
    padding: 4rem 2.5rem
  }

  .cta-deco {
    width: 340px;
    height: 340px;
    right: -15%;
    opacity: 0.1
  }

  /* About → dikey */
  .about-wrap {
    grid-template-columns: 1fr;
    gap: 3.5rem;
    max-width: 600px
  }

  .about-photo-deco {
    display: none
  }

  .about-blocks {
    gap: 1.8rem
  }

  /* Products → dokunmatik carousel */
  .products {
    padding: 5.5rem 0 5.5rem 4%
  }

  .products .sec-head {
    padding-right: 4%
  }

  .prod-nav {
    display: none
  }

  .prod-viewport {
    overflow: visible
  }

  .prod-scroll {
    display: flex;
    gap: 1.2rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-right: 4%;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    transition: none;
  }

  .prod-scroll::-webkit-scrollbar {
    display: none
  }

  .prod-card {
    flex: 0 0 62%;
    scroll-snap-align: start;
  }

  .prod-cta-wrap {
    padding-right: 4%
  }
}

@media(max-width:768px) {
  .nav-menu {
    display: none
  }

  .nav-cta {
    display: none
  }

  .nav-soc {
    display: none
  }

  .nav-burger {
    display: flex
  }

  .features {
    grid-template-columns: 1fr
  }

  .feat {
    border-right: none;
    border-bottom: 1px solid #EDEBE5
  }

  .cat-row {
    grid-template-columns: 1fr
  }

  .blog-grid {
    grid-template-columns: 1fr;
    gap: 2rem
  }

  .blog-pin:nth-child(3) {
    grid-column: auto;
    max-width: none;
    margin: 0
  }

  /* About → mobil */
  .about {
    padding: 4rem 1.5rem
  }

  .about-blocks {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem
  }

  .about-stats {
    flex-wrap: wrap;
    gap: 1.5rem
  }

  .about-stat-num {
    font-size: 1.9rem
  }

  .ft-grid {
    grid-template-columns: 1fr;
    gap: 2rem
  }

  .ft-col-brand {
    grid-column: 1
  }

  .ft-bot {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.8rem
  }

  .ft-bot-right {
    gap: 0.5rem
  }

  .hero-play {
    display: none
  }

  .hero-scroll {
    display: none
  }

  .cta {
    margin: 0 1rem 3rem;
    border-radius: 12px;
    padding: 3rem 1.8rem
  }

  .cta-deco {
    display: none
  }

  .cta-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem
  }

  .cta-primary,
  .cta-wa {
    justify-content: center
  }

  .cta-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem
  }

  .cta-info-divider {
    display: none
  }

  .prod-card {
    flex: 0 0 80%
  }

  /* Ticker mobilde de görünür ama daha kompakt */
  .ticker {
    height: 32px
  }

  .nav {
    top: 32px
  }

  .hero {
    margin-top: 32px;
    height: calc(100vh - 32px)
  }

  .ticker-item {
    font-size: 0.62rem;
    padding: 0 1.5rem;
    letter-spacing: 0.12em
  }

  /* Callback popup mobil — dikey yığılır */
  .cbpop {
    grid-template-columns: 1fr;
    max-width: 95%;
    max-height: 88vh;
  }

  .cbpop-image {
    min-height: 160px;
    aspect-ratio: 16/9;
  }

  .cbpop-content {
    padding: 2rem 1.5rem
  }

  .cbpop-title {
    font-size: 1.5rem
  }

  /* WhatsApp bubble mobilde sığması için */
  .waf-bubble {
    max-width: 220px;
    font-size: 0.72rem;
    padding: 0.6rem 1.8rem 0.6rem 0.9rem
  }

  .waf-wrap {
    bottom: 1rem;
    right: 1rem
  }
}

/* ============ ÜRÜN DETAY SAYFASI (PDP) ============ */

/* Nav her zaman solid - hero olmadığı için */
.nav-light {
  background: rgba(253, 252, 249, 0.95);
  backdrop-filter: blur(24px);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.04);
}

.nav-light .nav-logo img {
  border-color: transparent
}

.nav-light .nav-logo-text {
  color: #2E2C28
}

.nav-light .nav-menu a {
  color: #8A8680
}

.nav-light .nav-menu a:hover {
  color: #2E2C28
}

.nav-light .nav-cta {
  border-color: #2E2C28;
  color: #2E2C28
}

.nav-light .nav-cta:hover {
  background: #2E2C28;
  color: #fff
}

.nav-light .nav-soc {
  color: #8A8680
}

.nav-light .nav-burger span {
  background: #2E2C28
}

/* Sayfa kapsayıcı */
.pdp {
  padding-top: calc(36px + 80px);
  padding-bottom: 5rem;
}

body.ticker-closed .pdp {
  padding-top: 80px
}

/* Breadcrumb */
.pdp-crumb {
    padding: 2% 4%;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    color: #8A8680;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.pdp-crumb a {
  color: #8A8680;
  text-decoration: none;
  transition: color 0.3s;
  text-transform: uppercase;
  font-weight: 500;
}

.pdp-crumb a:hover {
  color: #2E2C28
}

.pdp-crumb-sep {
  color: #D0CCC4
}

.pdp-crumb-current {
  color: #2E2C28;
  font-weight: 500;
  text-transform: uppercase;
}

/* Ana grid: galeri + bilgi */
.pdp-wrap {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 3.5rem;
  padding: 0 4%;
  max-width: 1400px;
  margin: 0 auto;
  align-items: start;
}

/* ============ GALERİ ============ */
.pdp-gallery {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 1rem;
  position: sticky;
  top: calc(36px + 80px);
}

body.ticker-closed .pdp-gallery {
  top: 80px
}

/* Thumbnail kolonu */
.pdp-thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.pdp-thumb {
  position: relative;
  aspect-ratio: 3/4;
  border: 1.5px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  background: #F0EDE6;
  cursor: pointer;
  padding: 0;
  transition: all 0.3s;
  opacity: 0.65;
}

.pdp-thumb:hover {
  opacity: 0.9
}

.pdp-thumb.active {
  border-color: #C4A55A;
  opacity: 1;
}

.pdp-thumb-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.pdp-thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  pointer-events: none;
}

/* Ana görsel */
.pdp-main {
  position: relative;
}

.pdp-main-img {
  position: relative;
  aspect-ratio: 3/4;
  border-radius: 10px;
  overflow: hidden;
  background: #F0EDE6;
  box-shadow: 0 20px 50px -20px rgba(46, 44, 40, 0.15);
  cursor: zoom-in;
}

.pdp-main-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}

.pdp-main-photo.active {
  display: block;
}

/* Placeholder gradientler */
.pdp-bg-1 {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 240, 220, 0.6) 0%, transparent 55%),
    linear-gradient(160deg, #e8d8c0 0%, #c9a878 50%, #9a7848 100%);
}

.pdp-bg-2 {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(250, 235, 215, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #dfd0b8 0%, #bba078 50%, #8c7250 100%);
}

.pdp-bg-3 {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(252, 238, 220, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #e3d4bc 0%, #c4a880 50%, #947856 100%);
}

.pdp-bg-4 {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(252, 238, 220, 0.5) 0%, transparent 55%),
    linear-gradient(160deg, #dfceb4 0%, #b89c74 50%, #8a6e4a 100%);
}

/* Tag (Yeni/Popüler) */
.pdp-tag {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  z-index: 3;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 0.45rem 1rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  color: #2E2C28;
  border-radius: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Ana görsel ok butonları */
.pdp-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  color: #2E2C28;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  z-index: 3;
  opacity: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.pdp-main-img:hover .pdp-nav {
  opacity: 1
}

.pdp-nav-prev {
  left: 1rem
}

.pdp-nav-next {
  right: 1rem
}

.pdp-nav:hover {
  background: #2E2C28;
  color: #fff;
}

/* ============ BİLGİ ============ */
.pdp-info {
  padding-top: 0.5rem;
}

.pdp-code {
  font-family: 'Cormorant Garamond', serif;
  font-size: 0.9rem;
  letter-spacing: 0.15em;
  color: #A8A39B;
  margin-bottom: 0.8rem;
}

.pdp-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 3.5vw, 3.2rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.4rem;
}

.pdp-subtitle {
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #8A8680;
  text-transform: uppercase;
  margin-bottom: 1.8rem;
}

.pdp-divider {
  height: 1px;
  background: linear-gradient(to right, #EDEBE5 0%, #EDEBE5 60%, transparent 100%);
  margin: 1.8rem 0;
}

.pdp-desc {
  font-size: 0.92rem;
  font-weight: 300;
  line-height: 1.75;
  color: #4E4A44;
}

/* Özellikler */
.pdp-feat {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top:1rem;
}

.pdp-feat li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.pdp-feat-ic {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FAF6EC;
  border: 1px solid #EDE2C8;
  color: #C4A55A;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.pdp-feat li div {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.pdp-feat strong {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8680;
}

.pdp-feat li div span {
  font-size: 0.88rem;
  font-weight: 400;
  color: #2E2C28;
  letter-spacing: 0.01em;
}

/* WhatsApp ana CTA */
.pdp-wa-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  width: 100%;
  padding: 1.15rem 1.5rem;
  background: #25D366;
  color: #fff;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
  margin-bottom: 0.8rem;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.25);
  position: relative;
  overflow: hidden;
}

.pdp-wa-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0
}

.pdp-wa-btn:hover {
  background: #1da851;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.35);
}

/* İkincil CTA - randevu */
.pdp-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  padding: 1rem 1.5rem;
  background: transparent;
  color: #2E2C28;
  border: 1.5px solid #2E2C28;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
  margin-bottom: 2rem;
}

.pdp-secondary:hover {
  background: #2E2C28;
  color: #fff;
}

.pdp-secondary-arrow {
  transition: transform 0.3s;
  display: inline-block
}

.pdp-secondary:hover .pdp-secondary-arrow {
  transform: translateX(4px)
}

/* Paylaş */
.pdp-share {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 2rem;
}

.pdp-share-label {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #8A8680;
  margin-right: 0.3rem;
}

.pdp-share-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #EDEBE5;
  background: #fff;
  color: #8A8680;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
}

.pdp-share-btn:hover {
  border-color: #C4A55A;
  color: #C4A55A;
  background: #FAF6EC;
}

/* Bilgi notu */
.pdp-note {
  padding: 1.4rem;
  background: #FAF6EC;
  border-radius: 10px;
  border: 1px solid rgba(196, 165, 90, 0.15);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.pdp-note p {
  font-size: 0.78rem;
  line-height: 1.6;
  color: #5E5A52;
}

.pdp-note strong {
  color: #A8884A;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* ============ DETAYLI AÇIKLAMA ============ */
.pdp-detail {
  margin-top: 6rem;
  padding: 5rem 4%;
  background: #FDFCF9;
  border-top: 1px solid #EDEBE5;
}

.pdp-detail-wrap {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.pdp-detail .sec-tag {
  margin-bottom: 0.6rem;
}

.pdp-detail-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 2.8vw, 2.4rem);
  font-weight: 400;
  color: #2E2C28;
  margin-bottom: 2.5rem;
  letter-spacing: 0.02em;
}

.pdp-detail-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.pdp-detail-content p {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.85;
  color: #4E4A44;
}

/* ============ RESPONSIVE ============ */

@media(max-width:1024px) {
  .pdp-wrap {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .pdp-gallery {
    position: static;
  }
}

@media(max-width:768px) {
  .pdp {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .pdp {
    padding-top: 70px
  }

  .pdp-crumb {
    font-size: 0.62rem;
    gap: 0.4rem;
  }

  .pdp-wrap {
    padding: 0 1.2rem;
    gap: 2rem;
  }

  /* Galeri - thumbnaller altta yatay */
  .pdp-gallery {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .pdp-thumbs {
    flex-direction: row;
    order: 2;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 0.3rem;
  }

  .pdp-thumbs::-webkit-scrollbar {
    display: none
  }

  .pdp-thumb {
    flex: 0 0 70px;
  }

  .pdp-main {
    order: 1
  }

  /* Ana görsel okları her zaman görünsün mobilde */
  .pdp-nav {
    opacity: 1;
    width: 38px;
    height: 38px
  }

  .pdp-info {
    padding-top: 0
  }

  .pdp-title {
    font-size: 2.2rem
  }

  .pdp-detail {
    padding: 3.5rem 1.5rem;
    margin-top: 4rem
  }
}

/* ============ LIGHTBOX (Büyük görsel popup) ============ */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 800;
  background: rgba(15, 13, 11, 0.92);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.lightbox.open {
  opacity: 1;
  pointer-events: auto;
}

.lightbox-stage {
  position: relative;
  width: 90%;
  max-width: 1100px;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.lightbox.open .lightbox-img {
  opacity: 1;
  transform: scale(1);
}

/* Kapatma butonu */
.lightbox-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.lightbox-close:hover {
  background: #fff;
  color: #2E2C28;
  transform: rotate(90deg);
}

/* Ok butonları */
.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.lightbox-prev {
  left: 2rem
}

.lightbox-next {
  right: 2rem
}

.lightbox-nav:hover {
  background: #fff;
  color: #2E2C28;
  border-color: #fff;
}

/* Sayaç */
.lightbox-counter {
  position: absolute;
  top: 1.7rem;
  left: 1.5rem;
  z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.1em;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.lightbox-counter span:first-child {
  color: #D4B872
}

/* Dot indikatörler */
.lightbox-dots {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: flex;
  gap: 0.6rem;
}

.lightbox-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  padding: 0;
  transition: all 0.3s;
}

.lightbox-dot:hover {
  background: rgba(255, 255, 255, 0.6);
  transform: scale(1.2);
}

.lightbox-dot.active {
  background: #D4B872;
  width: 24px;
  border-radius: 4px;
}

/* Body kilitleme — lightbox açıkken scroll yok */
body.lightbox-open {
  overflow: hidden;
}

/* Mobil ayarları */
@media(max-width:768px) {
  .lightbox-stage {
    width: 96%;
    height: 85vh;
  }

  .lightbox-close {
    top: 1rem;
    right: 1rem;
    width: 38px;
    height: 38px;
    font-size: 1.2rem;
  }

  .lightbox-counter {
    top: 1.2rem;
    left: 1rem;
    font-size: 0.9rem;
    padding: 0.3rem 0.8rem;
  }

  .lightbox-nav {
    width: 44px;
    height: 44px;
    font-size: 0.95rem;
  }

  .lightbox-prev {
    left: 0.7rem
  }

  .lightbox-next {
    right: 0.7rem
  }

  .lightbox-dots {
    bottom: 1.2rem
  }
}

/* ============ KOLEKSIYON SAYFASI ============ */
.coll {
  padding-top: calc(36px + 80px);
  padding-bottom: 5rem;
}

body.ticker-closed .coll {
  padding-top: 80px
}

/* Hero başlık alanı */
.coll-hero {
  text-align: center;
  padding: 3rem 4% 4rem;
  max-width: 780px;
  margin: 0 auto;
}

.coll-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.5rem;
}

.coll-kicker-line {
  width: 40px;
  height: 1px;
  background: linear-gradient(to right, transparent, #C4A55A, transparent);
}

.coll-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.coll-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.coll-lead {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  max-width: 580px;
  margin: 0 auto 2.5rem;
}

/* Meta bilgi (sayım barı) */
.coll-meta {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  padding: 1.2rem 2.5rem;
  background: #FAF6EC;
  border: 1px solid rgba(196, 165, 90, 0.15);
  border-radius: 100px;
}

.coll-meta-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}

.coll-meta-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #A8884A;
  line-height: 1;
  letter-spacing: -0.01em;
}

.coll-meta-lab {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #8A8680;
}

.coll-meta-div {
  width: 1px;
  height: 24px;
  background: rgba(196, 165, 90, 0.25);
}

/* Ürün Grid — 4 sütun */
.coll-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.8rem 1.4rem;
  padding: 0 4%;
  max-width: 1500px;
  margin: 0 auto;
}

/* coll-grid içinde prod-card direkt kullanılır — index.html'deki stiller geçerli */
/* Sadece bazı override'lar gerekirse */
.coll-grid .prod-card {
  /* flex:0 0 ... yerine grid içinde otomatik */
  flex: initial;
  min-width: 0;
}

/* Sofistike placeholder gradientler — 12 farklı varyant */
.coll-grid .prod-card:nth-child(6n+1) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 240, 220, 0.6) 0%, transparent 55%),
    linear-gradient(160deg, #e8d8c0 0%, #c9a878 50%, #9a7848 100%);
}

.coll-grid .prod-card:nth-child(6n+2) .prod-img-bg {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(250, 235, 215, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #dfd0b8 0%, #bba078 50%, #8c7250 100%);
}

.coll-grid .prod-card:nth-child(6n+3) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(252, 238, 220, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #e3d4bc 0%, #c4a880 50%, #947856 100%);
}

.coll-grid .prod-card:nth-child(6n+4) .prod-img-bg {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(252, 238, 220, 0.5) 0%, transparent 55%),
    linear-gradient(160deg, #dfceb4 0%, #b89c74 50%, #8a6e4a 100%);
}

.coll-grid .prod-card:nth-child(6n+5) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 240, 220, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #e6d6be 0%, #c0a47c 50%, #907250 100%);
}

.coll-grid .prod-card:nth-child(6n) .prod-img-bg {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(252, 235, 210, 0.5) 0%, transparent 55%),
    linear-gradient(160deg, #dccbb0 0%, #b8986e 50%, #867048 100%);
}

/* ============ ALT CTA — Aradığınızı bulamadınız mı? ============ */
.coll-cta {
  margin: 6rem 4% 0;
  padding: 5rem 3rem;
  background: #FDFCF9;
  border: 1px solid #EDEBE5;
  border-radius: 16px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Üst altın aksent */
.coll-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #C4A55A, transparent);
}

.coll-cta-inner {
  max-width: 620px;
  margin: 0 auto;
}

.coll-cta-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: #FAF6EC;
  border: 1px solid rgba(196, 165, 90, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4A55A;
}

.coll-cta-icon svg {
  width: 24px;
  height: 24px;
}

.coll-cta-kicker {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1rem;
}

.coll-cta-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.2rem;
}

.coll-cta-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.coll-cta-desc {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
  margin-bottom: 2rem;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.coll-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.coll-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 1rem 2rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s;
}

.coll-cta-btn-primary {
  background: #2E2C28;
  color: #fff;
  border: 1.5px solid #2E2C28;
}

.coll-cta-btn-primary span {
  transition: transform 0.3s;
  display: inline-block;
}

.coll-cta-btn-primary:hover {
  background: #C4A55A;
  border-color: #C4A55A;
}

.coll-cta-btn-primary:hover span {
  transform: translateX(4px);
}

.coll-cta-btn-wa {
  background: transparent;
  color: #25D366;
  border: 1.5px solid #25D366;
}

.coll-cta-btn-wa:hover {
  background: #25D366;
  color: #fff;
}

/* Responsive */
@media(max-width:1280px) {
  .coll-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width:1024px) {
  .coll-hero {
    padding: 2rem 4% 3rem
  }

  .coll-meta {
    padding: 1rem 1.8rem;
    gap: 1.3rem
  }

  .coll-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 1rem;
  }

  .coll-cta {
    padding: 4rem 2rem;
    margin: 4rem 4% 0
  }
}

@media(max-width:768px) {
  .coll {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .coll {
    padding-top: 70px
  }

  .coll-hero {
    padding: 1.5rem 1.2rem 2.5rem
  }

  .coll-title {
    font-size: 2.2rem
  }

  .coll-lead {
    font-size: 0.9rem
  }

  .coll-meta {
    gap: 0.9rem;
    padding: 0.9rem 1.3rem;
    border-radius: 80px;
  }

  .coll-meta-num {
    font-size: 1.15rem
  }

  .coll-meta-lab {
    font-size: 0.5rem;
    letter-spacing: 0.18em
  }

  .coll-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem 0.7rem;
    padding: 0 1rem;
  }

  .coll-grid .prod-name {
    font-size: 1rem
  }

  .coll-grid .prod-type {
    font-size: 0.65rem
  }

  .coll-cta {
    padding: 3rem 1.5rem;
    margin: 3rem 1rem 0;
    border-radius: 12px;
  }

  .coll-cta-title {
    font-size: 1.5rem
  }

  .coll-cta-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%
  }

  .coll-cta-btn {
    justify-content: center;
    width: 100%
  }
}

/* ============ HAKKIMIZDA SAYFASI ============ */
.abt {
  padding-top: calc(36px + 80px);
  padding-bottom: 0;
}

body.ticker-closed .abt {
  padding-top: 80px
}

/* Ortak — Kicker ve başlık stilleri */
.abt-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1rem;
}

.abt-kicker::before {
  content: '';
  width: 30px;
  height: 1px;
  background: #C4A55A;
  display: inline-block;
}

.abt-kicker-light {
  color: #D4B872
}

.abt-kicker-light::before {
  background: #D4B872
}

.abt-section-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.2rem;
}

.abt-section-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.abt-section-lead {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
  max-width: 560px;
  margin: 0 auto;
}

/* ============ HERO ============ */
.abt-hero {
  text-align: center;
  padding: 3rem 4% 5rem;
  max-width: 820px;
  margin: 0 auto;
}

.abt-hero-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.5rem;
}

.abt-kicker-line {
  width: 40px;
  height: 1px;
  background: linear-gradient(to right, transparent, #C4A55A, transparent);
}

.abt-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.6rem, 5vw, 4.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.8rem;
}

.abt-hero-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.abt-hero-lead {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  max-width: 620px;
  margin: 0 auto;
}

/* ============ HİKAYE ============ */
.abt-story {
  padding: 5rem 4%;
  background: linear-gradient(to bottom, #FDFCF9 0%, #F8F4EC 100%);
  position: relative;
  overflow: hidden;
}

.abt-story::before {
  content: '';
  position: absolute;
  top: 10%;
  right: -5%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(196, 165, 90, 0.05) 0%, transparent 70%);
  pointer-events: none;
}

.abt-story-wrap {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 5rem;
  align-items: center;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* SOL: Fotoğraf */
.abt-story-photo {
  position: relative;
}

.abt-story-frame {
  position: relative;
  aspect-ratio: 4/5;
  border-radius: 8px;
  overflow: hidden;
  background: #E8DCC8;
  box-shadow: 0 30px 60px -20px rgba(46, 44, 40, 0.25);
  z-index: 2;
}

.abt-story-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 240, 220, 0.5) 0%, transparent 60%),
    linear-gradient(160deg, #d8c0a0 0%, #a88660 40%, #6c4a2c 80%, #3a2818 100%);
}

.abt-story-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dekoratif altın çerçeve */
.abt-story-deco {
  position: absolute;
  top: 30px;
  left: 30px;
  right: -25px;
  bottom: -25px;
  border: 1.5px solid #C4A55A;
  border-radius: 8px;
  z-index: 1;
  opacity: 0.5;
}

/* Tecrübe yıl rozeti */
.abt-story-tag {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  background: rgba(46, 44, 40, 0.92);
  backdrop-filter: blur(10px);
  padding: 1rem 1.4rem;
  border-radius: 12px;
  border: 1px solid rgba(212, 184, 114, 0.2);
}

.abt-story-tag-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 500;
  color: #D4B872;
  line-height: 1;
  letter-spacing: -0.02em;
}

.abt-story-tag-lab {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

/* SAĞ: İçerik */
.abt-story-content {}

.abt-story-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.2rem;
}

.abt-story-kicker::before {
  content: '';
  width: 30px;
  height: 1px;
  background: #C4A55A;
  display: inline-block;
}

.abt-story-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 2rem;
}

.abt-story-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.abt-story-text {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 2.5rem;
}

.abt-story-text p {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.8;
  color: #4E4A44;
}

.abt-story-text strong {
  color: #2E2C28;
  font-weight: 500;
}

.abt-story-meta {
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(196, 165, 90, 0.2);
}

.abt-story-stat {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.abt-story-stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 500;
  color: #A8884A;
  line-height: 1;
  letter-spacing: -0.01em;
}

.abt-story-stat-lab {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8680;
}

/* ============ DEĞERLERİMİZ ============ */
.abt-values {
  padding: 6rem 4%;
  background: #fff;
  text-align: center;
}

.abt-values-head {
  max-width: 680px;
  margin: 0 auto 4rem;
}

.abt-values-head .abt-kicker {
  margin-bottom: 1.5rem;
}

.abt-values-head .abt-section-title {
  margin-bottom: 1rem;
}

.abt-values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1300px;
  margin: 0 auto;
}

.abt-val-card {
  padding: 2.5rem 1.8rem;
  background: #FDFCF9;
  border: 1px solid #EDEBE5;
  border-radius: 12px;
  text-align: center;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

.abt-val-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #C4A55A, #D4B872, #C4A55A);
  transition: width 0.4s;
}

.abt-val-card:hover {
  background: #FAF6EC;
  border-color: rgba(196, 165, 90, 0.3);
  transform: translateY(-4px);
}

.abt-val-card:hover::after {
  width: 60px
}

.abt-val-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #EDE7D6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4A55A;
  position: relative;
  transition: all 0.4s;
}

.abt-val-icon svg {
  width: 32px;
  height: 32px;
  transition: all 0.4s;
}

.abt-val-icon::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid #F5F0E4;
  opacity: 0.6;
  transition: all 0.4s;
}

.abt-val-card:hover .abt-val-icon {
  border-color: #C4A55A;
  background: #fff;
}

.abt-val-card:hover .abt-val-icon::before {
  inset: -10px;
  border-color: #D4B872;
}

.abt-val-card:hover .abt-val-icon svg {
  color: #A8884A;
  transform: scale(1.05);
}

.abt-val-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.8rem;
}

.abt-val-text {
  font-size: 0.85rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
}

/* ============ ZAMAN ÇİZELGESİ ============ */
.abt-timeline {
  padding: 6rem 4%;
  background: linear-gradient(to bottom, #FAF6EC 0%, #FDFCF9 100%);
  text-align: center;
}

.abt-timeline-head {
  margin-bottom: 4rem;
}

.abt-tl {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

/* Dikey çizgi */
.abt-tl-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(196, 165, 90, 0.3) 10%, rgba(196, 165, 90, 0.3) 90%, transparent);
  transform: translateX(-50%);
}

.abt-tl-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 2rem;
  align-items: center;
  text-align: right;
}

/* Alternatif sıralama - tek satırlar sağa */
.abt-tl-item:nth-child(even) {
  text-align: left;
  direction: rtl;
}

.abt-tl-item:nth-child(even) .abt-tl-content {
  direction: ltr;
}

.abt-tl-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #C4A55A;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.abt-tl-dot-current {
  background: #C4A55A;
  box-shadow: 0 0 0 6px rgba(196, 165, 90, 0.15);
  animation: tlPulse 2s ease-in-out infinite;
}

@keyframes tlPulse {

  0%,
  100% {
    box-shadow: 0 0 0 6px rgba(196, 165, 90, 0.15)
  }

  50% {
    box-shadow: 0 0 0 10px rgba(196, 165, 90, 0.05)
  }
}

.abt-tl-content {
  background: #fff;
  border: 1px solid #EDEBE5;
  border-radius: 12px;
  padding: 1.8rem;
  box-shadow: 0 4px 20px -8px rgba(46, 44, 40, 0.08);
  transition: all 0.4s;
}

.abt-tl-content:hover {
  border-color: rgba(196, 165, 90, 0.3);
  transform: translateY(-3px);
  box-shadow: 0 10px 30px -10px rgba(46, 44, 40, 0.12);
}

.abt-tl-year {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: #A8884A;
  letter-spacing: 0.05em;
  line-height: 1;
  display: block;
  margin-bottom: 0.4rem;
}

.abt-tl-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.5rem;
}

.abt-tl-text {
  font-size: 0.82rem;
  font-weight: 300;
  line-height: 1.65;
  color: #6E6A62;
}

/* ============ SÜREÇ ============ */
.abt-process {
  padding: 6rem 4%;
  background: #fff;
  text-align: center;
}

.abt-process-head {
  max-width: 680px;
  margin: 0 auto 4rem;
}

.abt-process-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  max-width: 1300px;
  margin: 0 auto;
  flex-wrap: nowrap;
}

.abt-step {
  flex: 1;
  max-width: 220px;
  padding: 1.5rem 0.8rem;
  text-align: center;
  position: relative;
}

.abt-step-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2.5rem;
  font-weight: 400;
  font-style: italic;
  color: #C4A55A;
  letter-spacing: -0.02em;
  line-height: 1;
  display: block;
  margin-bottom: 0.8rem;
  opacity: 0.7;
}

.abt-step-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.7rem;
}

.abt-step-text {
  font-size: 0.78rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
}

.abt-step-arrow {
  flex-shrink: 0;
  font-size: 1.2rem;
  color: #C4A55A;
  padding: 2.5rem 0.5rem 0;
  opacity: 0.5;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 300;
}

/* ============ EKİP / İMZA ============ */
.abt-team {
  padding: 6rem 4%;
  background: linear-gradient(to bottom, #FDFCF9 0%, #F8F4EC 100%);
}

.abt-team-wrap {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 4rem;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}

.abt-team-photo {
  position: relative;
}

.abt-team-frame {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  background: #E8DCC8;
  box-shadow: 0 20px 50px -15px rgba(46, 44, 40, 0.2);
  border: 6px solid #fff;
}

.abt-team-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 240, 220, 0.5) 0%, transparent 60%),
    linear-gradient(160deg, #d8c0a0 0%, #a88660 40%, #6c4a2c 80%, #3a2818 100%);
}

.abt-team-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.abt-team-content {}

.abt-team-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.abt-team-title em {
  font-style: italic;
  color: #A8884A;
}

.abt-team-text {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.75;
  color: #4E4A44;
  margin-bottom: 2rem;
}

.abt-team-sign {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.abt-team-sign-line {
  width: 40px;
  height: 1px;
  background: #C4A55A;
}

.abt-team-sign-name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  font-style: italic;
  color: #2E2C28;
  letter-spacing: 0.02em;
  margin-bottom: 0.15rem;
}

.abt-team-sign-role {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A8884A;
}

/* ============ FİNAL CTA ============ */
.abt-final-cta {
  margin: 0;
  padding: 6rem 4%;
  background:
    radial-gradient(ellipse at 80% 20%, rgba(196, 165, 90, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 90%, rgba(196, 165, 90, 0.06) 0%, transparent 50%),
    linear-gradient(135deg, #1F1D1A 0%, #2E2C28 50%, #1A1917 100%);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.abt-final-inner {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.abt-final-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 1.5rem;
}

.abt-final-title em {
  font-style: italic;
  color: #D4B872;
  font-weight: 400;
}

.abt-final-text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 2.5rem;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.abt-final-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.abt-final-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 1.05rem 2.2rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}

.abt-final-btn-primary {
  background: #fff;
  color: #2E2C28;
}



.abt-final-btn-primary:hover::before {
  transform: translateY(0)
}


.abt-final-btn-primary>* {
  position: relative;
  z-index: 1
}

.abt-final-btn-primary span {
  transition: transform 0.3s;
  display: inline-block
}

.abt-final-btn-primary:hover span {
  transform: translateX(4px)
}

.abt-final-btn-wa {
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.abt-final-btn-wa:hover {
  background: #25D366;
  color: #fff;
  border-color: #25D366;
}

/* ============ BLOG LİSTELEME ============ */
/* Hero */
/* Featured — Öne Çıkan Yazı */
.blg-feat-card:hover .blg-feat-bg {
  transform: scale(1.05)
}

.blg-feat-card:hover .blg-feat-img img {
  transform: scale(1.05)
}

/* Yazı Listesi */
.blg-card:hover .blg-card-bg {
  transform: scale(1.05)
}

.blg-card:hover .blg-card-img img {
  transform: scale(1.05)
}

/* 6 farklı atmosferik bg */
/* Daha Fazla Yükle */
/* Newsletter CTA */
.blg-news-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #C4A55A, transparent);
}

/* ============ BLOG DETAY ============ */
/* Kapak Görseli */
/* İçerik Gövdesi */
/* Drop Cap — ilk paragrafın baş harfi büyük */
.post-h2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 4px;
  height: 1.4rem;
  background: #C4A55A;
  border-radius: 2px;
}

/* Blockquote */
.post-quote::before {
  content: '"';
  position: absolute;
  top: 0.5rem;
  left: 1.2rem;
  font-size: 4rem;
  color: #C4A55A;
  line-height: 1;
  opacity: 0.3;
  font-family: Georgia, serif;
}

/* Listeler */
/* Inline Figure (görsel + caption) */
/* Bilgilendirme Kutusu */
/* Paylaş */
/* İlgili Yazılar */
/* Final CTA */
/* ============ BLOG LİSTELEME SAYFASI ============ */
.blg {
  padding-top: calc(36px + 80px);
  padding-bottom: 0;
}

body.ticker-closed .blg {
  padding-top: 80px
}

/* Hero */
.blg-hero {
  text-align: center;
  padding: 3rem 4% 4rem;
  max-width: 820px;
  margin: 0 auto;
}

.blg-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.6rem, 5vw, 4.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.blg-hero-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.blg-hero-lead {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  max-width: 580px;
  margin: 0 auto;
}

/* ============ FEATURED — Öne Çıkan ============ */
.blg-feat {
  padding: 0 4% 4rem;
  max-width: 1400px;
  margin: 0 auto;
}

.blg-feat-card {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 0;
  text-decoration: none;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #EDEBE5;
  transition: all 0.4s;
}

.blg-feat-card:hover {
  border-color: rgba(196, 165, 90, 0.3);
  transform: translateY(-4px);
  box-shadow: 0 20px 50px -20px rgba(46, 44, 40, 0.15);
}

.blg-feat-img {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #F0EDE6;
}

.blg-feat-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(245, 225, 200, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5d4030 40%, #8a6448 70%, #3a2820 100%);
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.blg-feat-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.blg-feat-card:hover .blg-feat-bg,
.blg-feat-card:hover .blg-feat-img img {
  transform: scale(1.05)
}

.blg-feat-content {
  padding: 3rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blg-feat-flag {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #fff;
  padding: 0.4rem 0.9rem;
  background: linear-gradient(135deg, #C4A55A, #D4B872);
  border-radius: 30px;
  margin-bottom: 1rem;
}

.blg-feat-date {
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A8A39B;
  margin-bottom: 1rem;
  display: block;
}

.blg-feat-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #2E2C28;
  margin-bottom: 1rem;
  transition: color 0.3s;
}

.blg-feat-card:hover .blg-feat-title {
  color: #A8884A
}

.blg-feat-excerpt {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  margin-bottom: 1.5rem;
}

.blg-feat-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #2E2C28;
  padding-bottom: 0.4rem;
  border-bottom: 1.5px solid #2E2C28;
  align-self: flex-start;
  transition: all 0.3s;
}

.blg-feat-arrow {
  transition: transform 0.3s;
  display: inline-block
}

.blg-feat-card:hover .blg-feat-link {
  color: #A8884A;
  border-color: #A8884A
}

.blg-feat-card:hover .blg-feat-arrow {
  transform: translateX(4px)
}

/* ============ YAZI LİSTESİ ============ */
.blg-list {
  padding: 0 4% 4rem;
  max-width: 1400px;
  margin: 0 auto;
}

.blg-list-head {
  text-align: center;
  margin-bottom: 3rem;
}

.blg-list-head .abt-kicker {
  margin-bottom: 1rem
}

/* Grid — 3 sütun */
.blg-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 1.8rem;
}

.blg-grid-3 {
  grid-template-columns: repeat(3, 1fr)
}

.blg-card {
  text-decoration: none;
  display: block;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.blg-card:hover {
  transform: translateY(-6px)
}

.blg-card-img {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 1.2rem;
  background: #F0EDE6;
}

.blg-card-bg {
  position: absolute;
  inset: 0;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.blg-card-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.blg-card:hover .blg-card-bg,
.blg-card:hover .blg-card-img img {
  transform: scale(1.05)
}

/* Placeholder gradient varyantları */
.blg-bg-1 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(245, 225, 200, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5d4030 40%, #8a6448 70%, #3a2820 100%);
}

.blg-bg-2 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 235, 215, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #6a4830 50%, #3a2820 100%);
}

.blg-bg-3 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 225, 225, 0.3) 0%, transparent 60%),
    linear-gradient(150deg, #3a2028 0%, #6a3848 50%, #3a2028 100%);
}

.blg-bg-4 {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(252, 232, 210, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #2a2018 0%, #5a4030 50%, #2a2018 100%);
}

.blg-bg-5 {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(245, 230, 210, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #322218 0%, #6c4830 50%, #322218 100%);
}

.blg-bg-6 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(250, 230, 220, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5a3a2a 50%, #3a2820 100%);
}

.blg-card-body {
  padding: 0 0.3rem;
}

.blg-card-date {
  display: block;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A8A39B;
  margin-bottom: 0.6rem;
}

.blg-card-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: #2E2C28;
  margin-bottom: 0.6rem;
  transition: color 0.3s;
}

.blg-card:hover .blg-card-title {
  color: #A8884A
}

.blg-card-excerpt {
  font-size: 0.82rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
}

/* Daha Fazla Yükle */
.blg-more {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

.blg-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 2.4rem;
  background: transparent;
  border: 1.5px solid #2E2C28;
  color: #2E2C28;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.3s;
}

.blg-more-arrow {
  transition: transform 0.3s;
  display: inline-block
}

.blg-more-btn:hover {
  background: #2E2C28;
  color: #fff
}

.blg-more-btn:hover .blg-more-arrow {
  transform: translateY(3px)
}

/* ============ NEWSLETTER ============ */
.blg-news {
  padding: 5rem 4%;
  background: linear-gradient(to bottom, #FAF6EC 0%, #FDFCF9 100%);
  text-align: center;
}

.blg-news-inner {
  max-width: 600px;
  margin: 0 auto;
}

.blg-news-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 1.5rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(196, 165, 90, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C4A55A;
}

.blg-news-icon svg {
  width: 22px;
  height: 22px;
}

.blg-news-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.2rem;
}

.blg-news-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.blg-news-text {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
  margin-bottom: 2rem;
}

.blg-news-form {
  display: flex;
  gap: 0.6rem;
  max-width: 480px;
  margin: 0 auto 1rem;
  flex-wrap: wrap;
}

.blg-news-input {
  flex: 1;
  min-width: 200px;
  padding: 0 1.2rem;
  height: 50px;
  border: 1.5px solid #E0DCD2;
  background: #fff;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.92rem;
  color: #2E2C28;
  outline: none;
  transition: border-color 0.3s;
  letter-spacing: 0.03em;
}

.blg-news-input:focus {
  border-color: #C4A55A
}

.blg-news-input::placeholder {
  color: #B0ACA4;
  letter-spacing: 0.06em
}

.blg-news-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 1.8rem;
  height: 50px;
  background: #2E2C28;
  border: none;
  color: #fff;
  font-family: inherit;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s;
}

.blg-news-btn span {
  transition: transform 0.3s;
  display: inline-block
}

.blg-news-btn:hover {
  background: #C4A55A
}

.blg-news-btn:hover span {
  transform: translateX(4px)
}

.blg-news-foot {
  font-size: 0.7rem;
  color: #A8A39B;
  letter-spacing: 0.01em;
}

/* ============ BLOG DETAY SAYFASI ============ */
.post {
  padding-top: calc(36px + 80px);
  padding-bottom: 0;
}

body.ticker-closed .post {
  padding-top: 80px
}

/* Post Hero - Başlık alanı */
.post-hero {
  text-align: center;
  padding: 2rem 4% 3rem;
  max-width: 780px;
  margin: 0 auto;
}

.post-date {
  display: block;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1.5rem;
}

.post-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.8rem;
}

.post-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.post-lead {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.7;
  color: #4E4A44;
  max-width: 680px;
  margin: 0 auto;
  font-style: italic;
}

/* Kapak Görseli */
.post-cover {
  max-width: 1100px;
  margin: 0 auto 4rem;
  padding: 0 4%;
}

.post-cover-img {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 12px;
  overflow: hidden;
  background: #F0EDE6;
  box-shadow: 0 20px 50px -20px rgba(46, 44, 40, 0.15);
}

.post-cover-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 30% 30%, rgba(245, 225, 200, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5d4030 40%, #8a6448 70%, #3a2820 100%);
}

.post-cover-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* İçerik Gövdesi */
.post-body {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;
}

.post-p {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.85;
  letter-spacing: 0.01em;
  color: #3E3A36;
  margin-bottom: 1.4rem;
  font-family: 'Inter', sans-serif;
}

/* İlk paragraf için drop cap */
.post-p-first::first-letter {
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.5rem;
  font-weight: 500;
  float: left;
  line-height: 1;
  margin: 0.1em 0.15em 0 0;
  color: #A8884A;
  font-style: italic;
}

.post-h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #2E2C28;
  margin: 3rem 0 1.2rem;
  position: relative;
  padding-bottom: 0.6rem;
}

.post-h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background: #C4A55A;
}

.post-h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin: 2rem 0 0.8rem;
}

/* Blockquote */
.post-quote {
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  border-left: 3px solid #C4A55A;
  background: #FAF6EC;
  border-radius: 0 8px 8px 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-style: italic;
  color: #2E2C28;
  position: relative;
}

.post-cite {
  display: block;
  margin-top: 0.8rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #A8884A;
  font-style: normal;
}

/* Listeler */
.post-list {
  list-style: none;
  margin: 1.5rem 0;
  padding-left: 0;
}

.post-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.6rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  color: #3E3A36;
}

.post-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C4A55A;
}

/* Inline figür/görsel */
.post-fig {
  margin: 2.5rem 0;
}

.post-fig-img {
  position: relative;
  aspect-ratio: 16/10;
  border-radius: 10px;
  overflow: hidden;
  background: #F0EDE6;
  margin-bottom: 0.8rem;
}

.post-fig-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 35% 25%, rgba(255, 235, 215, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #6a4830 50%, #3a2820 100%);
}

.post-fig-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-fig-cap {
  font-size: 0.78rem;
  font-weight: 400;
  font-style: italic;
  color: #8A8680;
  text-align: center;
  letter-spacing: 0.02em;
}

/* Bilgilendirme Kutusu */
.post-info {
  margin: 2.5rem 0;
  padding: 1.5rem 1.8rem;
  background: #FAF6EC;
  border: 1px solid rgba(196, 165, 90, 0.2);
  border-radius: 10px;
}

.post-info p {
  font-size: 0.92rem;
  font-weight: 300;
  line-height: 1.7;
  color: #4E4A44;
  margin: 0;
}

.post-info strong {
  color: #A8884A;
  font-weight: 600;
}

/* Paylaş */
.post-share {
  max-width: 720px;
  margin: 4rem auto 0;
  padding: 2.5rem 4% 0;
  border-top: 1px solid #EDEBE5;
  text-align: center;
}

.post-share-label {
  display: block;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #A8A39B;
  margin-bottom: 1.2rem;
}

.post-share-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.post-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.2rem;
  background: #fff;
  border: 1px solid #EDEBE5;
  color: #6E6A62;
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-decoration: none;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.3s;
}

.post-share-btn:hover {
  background: #FAF6EC;
  border-color: #C4A55A;
  color: #A8884A;
}

/* ============ İLGİLİ YAZILAR ============ */
.post-related {
  padding: 5rem 4% 4rem;
  margin-top: 4rem;
  background: #FDFCF9;
  border-top: 1px solid #EDEBE5;
}

.post-related-head {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 3rem;
}

.post-related-head .abt-kicker {
  margin-bottom: 1rem
}

.post-related .blg-grid {
  max-width: 1300px;
  margin: 0 auto;
}

/* ============ POST CTA ============ */
.post-cta {
  padding: 5rem 4%;
  background:
    radial-gradient(ellipse at 80% 20%, rgba(196, 165, 90, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 20% 90%, rgba(196, 165, 90, 0.06) 0%, transparent 50%),
    linear-gradient(135deg, #1F1D1A 0%, #2E2C28 50%, #1A1917 100%);
  text-align: center;
}

.post-cta-inner {
  max-width: 680px;
  margin: 0 auto;
}

/* ============ BLOG RESPONSIVE ============ */
@media(max-width:1024px) {
  .blg-feat-card {
    grid-template-columns: 1fr;
  }

  .blg-feat-content {
    padding: 2rem 1.8rem;
  }

  .blg-grid,
  .blg-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.2rem;
  }
}

@media(max-width:768px) {
  .blg {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .blg {
    padding-top: 70px
  }

  .blg-hero {
    padding: 1.5rem 1.2rem 2.5rem
  }

  .blg-hero-title {
    font-size: 2.4rem
  }

  .blg-feat {
    padding: 0 1.2rem 3rem
  }

  .blg-feat-content {
    padding: 1.8rem 1.4rem
  }

  .blg-feat-title {
    font-size: 1.4rem
  }

  .blg-list {
    padding: 0 1.2rem 3rem
  }

  .blg-list-head {
    margin-bottom: 2rem
  }

  .blg-grid,
  .blg-grid-3 {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .blg-card-title {
    font-size: 1.2rem
  }

  .blg-news {
    padding: 3.5rem 1.5rem
  }

  .blg-news-title {
    font-size: 1.7rem
  }

  .blg-news-form {
    flex-direction: column
  }

  .blg-news-input {
    min-width: 0
  }

  /* Blog Detay - mobile */
  .post {
    padding-top: calc(32px + 120px)
  }

  body.ticker-closed .post {
    padding-top: 70px
  }

  .post-hero {
    padding: 1rem 1.2rem 2rem
  }

  .post-title {
    font-size: 2rem
  }

  .post-lead {
    font-size: 0.95rem
  }

  .post-cover {
    margin-bottom: 2.5rem;
    padding: 0 1.2rem
  }

  .post-body {
    padding: 0 1.5rem
  }

  .post-p {
    font-size: 0.98rem;
    line-height: 1.8
  }

  .post-p-first::first-letter {
    font-size: 3.5rem
  }

  .post-h2 {
    font-size: 1.5rem;
    margin: 2.5rem 0 1rem
  }

  .post-h3 {
    font-size: 1.2rem
  }

  .post-quote {
    padding: 1.2rem 1.5rem;
    font-size: 1.1rem;
    margin: 2rem 0;
  }

  .post-share {
    margin-top: 3rem;
    padding: 2rem 1.2rem 0
  }

  .post-related {
    padding: 3.5rem 1.2rem 3rem;
    margin-top: 3rem
  }

  .post-cta {
    padding: 3.5rem 1.5rem
  }
}


/* ============ ATÖLYE SAYFASI ============ */
.atl {
  padding-top: calc(36px + 80px);
  padding-bottom: 5rem;
}

body.ticker-closed .atl {
  padding-top: 80px
}

/* Hero */
.atl-hero {
  text-align: center;
  padding: 3rem 4% 4rem;
  max-width: 820px;
  margin: 0 auto;
}

.atl-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.6rem, 5vw, 4.5rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.atl-hero-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.atl-hero-lead {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  max-width: 580px;
  margin: 0 auto;
}

/* ============ INTRO ============ */
.atl-intro {
  padding: 4rem 4% 5rem;
  background: linear-gradient(to bottom, #FDFCF9 0%, #F8F4EC 100%);
}

.atl-intro-wrap {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 4rem;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}

.atl-intro-photo {
  position: relative;
}

.atl-intro-frame {
  position: relative;
  aspect-ratio: 4/5;
  border-radius: 10px;
  overflow: hidden;
  background: #E8DCC8;
  box-shadow: 0 30px 60px -20px rgba(46, 44, 40, 0.2);
}

.atl-intro-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 40% 30%, rgba(255, 240, 220, 0.45) 0%, transparent 60%),
    linear-gradient(160deg, #d8c0a0 0%, #a88660 40%, #6c4a2c 80%, #3a2818 100%);
}

.atl-intro-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atl-intro-content {}

.atl-intro-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.atl-intro-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.atl-intro-text {
  font-size: 0.98rem;
  font-weight: 300;
  line-height: 1.8;
  color: #4E4A44;
  margin-bottom: 1.2rem;
}

.atl-intro-stats {
  display: flex;
  align-items: stretch;
  gap: 2.5rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(196, 165, 90, 0.2);
}

.atl-stat {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.atl-stat-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  font-weight: 500;
  color: #A8884A;
  letter-spacing: -0.01em;
  line-height: 1;
}

.atl-stat-lab {
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8680;
}

/* ============ MOZAİK GALERİ ============ */
.atl-gallery {
  padding: 5rem 4%;
}

.atl-gallery-head {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 3rem;
}

.atl-gallery-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1rem;
}

.atl-gallery-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.atl-gallery-lead {
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.7;
  color: #8A8680;
}

/* Mozaik grid — masonry benzeri */
.atl-mosaic {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 240px;
  gap: 0.8rem;
  max-width: 1500px;
  margin: 0 auto;
}

.atl-item {
  position: relative;
  border: none;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  background: #F0EDE6;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s;
}

.atl-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -15px rgba(46, 44, 40, 0.2);
}

/* Boyut varyantları */
.atl-item-big {
  grid-column: span 2;
  grid-row: span 2;
}

.atl-item-wide {
  grid-column: span 2;
}

.atl-item-bg {
  position: absolute;
  inset: 0;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.atl-item:hover .atl-item-bg {
  transform: scale(1.05)
}

..atl-item video{
 background: var(--color-champagne);
}

.atl-item img,
.atl-item video,
.atl-item .atl-item-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.atl-item:hover img,
.atl-item:hover .atl-item-video {
  transform: scale(1.05);
}

/* Atmosferik placeholder gradient'ler */
.atl-bg-1 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(245, 225, 200, 0.45) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5d4030 40%, #8a6448 70%, #3a2820 100%);
}

.atl-bg-2 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 235, 215, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #322218 0%, #6a4830 50%, #322218 100%);
}

.atl-bg-3 {
  background:
    radial-gradient(ellipse at 35% 30%, rgba(255, 225, 225, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2028 0%, #6a3848 50%, #3a2028 100%);
}

.atl-bg-4 {
  background:
    radial-gradient(ellipse at 30% 25%, rgba(252, 232, 210, 0.4) 0%, transparent 60%),
    linear-gradient(150deg, #2a2018 0%, #5a4030 50%, #2a2018 100%);
}

.atl-bg-5 {
  background:
    radial-gradient(ellipse at 35% 25%, rgba(245, 230, 210, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #322218 0%, #6c4830 50%, #322218 100%);
}

.atl-bg-6 {
  background:
    radial-gradient(ellipse at 30% 30%, rgba(250, 230, 220, 0.35) 0%, transparent 60%),
    linear-gradient(150deg, #3a2820 0%, #5a3a2a 50%, #3a2820 100%);
}

/* Video badge — sağ üstte cam efektli */
.atl-item-badge {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.8rem;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  color: #2E2C28;
  border-radius: 30px;
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.atl-item-badge svg {
  width: 10px;
  height: 10px;
}

/* Video kartlar — ortada play butonu overlay */
.atl-item[data-type="video"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232E2C28'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  z-index: 2;
  transition: all 0.3s;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.atl-item[data-type="video"]:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: #C4A55A;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}

/* ============ MEDIA LIGHTBOX ============ */
.mlbx {
  position: fixed;
  inset: 0;
  z-index: 800;
  background: rgba(15, 13, 11, 0.94);
  backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.mlbx.open {
  opacity: 1;
  pointer-events: auto;
}

.mlbx-stage {
  position: relative;
  width: 90%;
  max-width: 1200px;
  height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mlbx-stage img,
.mlbx-stage video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.mlbx.open .mlbx-stage img,
.mlbx.open .mlbx-stage video {
  opacity: 1;
  transform: scale(1);
}

.mlbx-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 2;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.mlbx-close:hover {
  background: #fff;
  color: #2E2C28;
  transform: rotate(90deg);
}

.mlbx-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  color: #fff;
  cursor: pointer;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.mlbx-prev {
  left: 2rem
}

.mlbx-next {
  right: 2rem
}

.mlbx-nav:hover {
  background: #fff;
  color: #2E2C28;
  border-color: #fff;
}

.mlbx-counter {
  position: absolute;
  top: 1.7rem;
  left: 1.5rem;
  z-index: 2;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.1em;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(8px);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.mlbx-counter span:first-child {
  color: #D4B872
}

body.mlbx-open {
  overflow: hidden
}

/* ============ ATÖLYE RESPONSIVE ============ */
@media(max-width:1280px) {
  .atl-mosaic {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 220px;
  }

  .atl-item-big {
    grid-column: span 2;
    grid-row: span 2
  }

  .atl-item-wide {
    grid-column: span 2
  }
}

@media(max-width:1024px) {
  .atl-intro-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
    max-width: 560px;
  }

  .atl-mosaic {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 200px;
    gap: 0.6rem;
  }

  .atl-item-big,
  .atl-item-wide {
    grid-column: span 2;
  }

  .atl-item-big {
    grid-row: span 2;
  }
}

@media(max-width:768px) {
  .atl {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .atl {
    padding-top: 70px
  }

  .atl-hero {
    padding: 1.5rem 1.2rem 2.5rem
  }

  .atl-hero-title {
    font-size: 2.4rem
  }

  .atl-intro {
    padding: 3rem 1.5rem 3.5rem
  }

  .atl-intro-title {
    font-size: 1.8rem
  }

  .atl-intro-stats {
    flex-wrap: wrap;
    gap: 1.5rem
  }

  .atl-stat-num {
    font-size: 1.7rem
  }

  .atl-gallery {
    padding: 3rem 1.2rem 3.5rem
  }

  .atl-gallery-title {
    font-size: 1.8rem
  }

  .atl-mosaic {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 160px;
    gap: 0.5rem;
  }

  .atl-item-big {
    grid-row: span 2
  }

  .atl-item-wide {
    grid-column: span 2
  }

  .atl-item[data-type="video"]::after {
    width: 48px;
    height: 48px;
    background-size: 18px;
  }

  .atl-item-badge {
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.5rem;
  }

  /* Lightbox mobil */
  .mlbx-stage {
    width: 96%;
    height: 85vh
  }

  .mlbx-close {
    top: 1rem;
    right: 1rem;
    width: 38px;
    height: 38px;
    font-size: 1.2rem
  }

  .mlbx-counter {
    top: 1.2rem;
    left: 1rem;
    font-size: 0.9rem;
    padding: 0.3rem 0.8rem
  }

  .mlbx-nav {
    width: 44px;
    height: 44px;
    font-size: 0.95rem
  }

  .mlbx-prev {
    left: 0.7rem
  }

  .mlbx-next {
    right: 0.7rem
  }
}


/* ============ İLETİŞİM SAYFASI ============ */
.ctc {
  padding-top: calc(36px + 80px);
  padding-bottom: 0;
}

body.ticker-closed .ctc {
  padding-top: 80px
}

/* Hero */
.ctc-hero {
  text-align: center;
  padding: 3rem 4% 4rem;
  max-width: 820px;
  margin: 0 auto;
}

.ctc-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.5rem;
}

.ctc-hero-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.ctc-hero-lead {
  font-size: 1.05rem;
  font-weight: 300;
  line-height: 1.75;
  color: #6E6A62;
  max-width: 560px;
  margin: 0 auto;
}

/* ============ FORM + BİLGİLER ============ */
.ctc-main {
  padding: 0 4% 5rem;
}

.ctc-wrap {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 3.5rem;
  max-width: 1300px;
  margin: 0 auto;
  align-items: start;
}

/* SOL: Form */
.ctc-form-col {
  padding: 0.5rem 0;
}

.ctc-form-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1rem;
}

.ctc-form-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.ctc-form-desc {
  font-size: 0.92rem;
  font-weight: 300;
  line-height: 1.7;
  color: #6E6A62;
  margin-bottom: 2rem;
}

.ctc-form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.ctc-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}

.ctc-field {
  display: flex;
  flex-direction: column;
}

.ctc-label {
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #8A8680;
  margin-bottom: 0.5rem;
  display: inline-flex;
}

.ctc-input {
  width: 100%;
  padding: 0 1.1rem;
  height: 52px;
  border: 1.5px solid #E0DCD2;
  border-radius: 8px;
  background: #fff;
  font-family: inherit;
  font-size: 0.95rem;
  color: #2E2C28;
  outline: none;
  transition: border-color 0.3s;
  letter-spacing: 0.02em;
}

.ctc-input:focus {
  border-color: #C4A55A;
}

.ctc-input::placeholder {
  color: #B0ACA4;
  letter-spacing: 0.04em;
}

/* Telefon input (+90 prefix'li) */
.ctc-input-tel {
  display: flex;
  align-items: center;
  border: 1.5px solid #E0DCD2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.3s;
}

.ctc-input-tel p{
  display: flex;
  align-items: center;
}

.ctc-input-tel:focus-within {
  border-color: #C4A55A;
}

.ctc-tel-prefix {
  padding: 0 0.9rem;
  height: 52px;
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 500;
  color: #2E2C28;
  background: #FAF8F3;
  border-right: 1px solid #E0DCD2;
  flex-shrink: 0;
}

.ctc-input-phone {
  border: none !important;
  border-radius: 0 !important;
  letter-spacing: 0.05em !important;
}

.ctc-input-phone:focus {
  border: none !important;
}

/* Select */
.ctc-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23C4A55A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.1rem center;
  background-size: 12px;
  padding-right: 2.8rem;
}

/* Textarea */
.ctc-textarea {
  height: auto;
  min-height: 130px;
  padding: 1rem 1.1rem;
  resize: vertical;
  font-family: inherit;
  line-height: 1.6;
}

/* Submit */
.ctc-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 1.1rem 2rem;
  background: #2E2C28;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  margin-top: 0.5rem;
}

.ctc-submit::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #C4A55A, #D4B872);
  transform: translateY(101%);
  transition: transform 0.4s;
  z-index: 0;
}

.ctc-submit:hover::before {
  transform: translateY(0)
}

.ctc-submit>* {
  position: relative;
  z-index: 1
}

.ctc-submit-arrow {
  display: inline-block;
  transition: transform 0.3s;
}

.ctc-submit:hover .ctc-submit-arrow {
  transform: translateX(4px)
}

.ctc-form-foot {
  font-size: 0.72rem;
  color: #A8A39B;
  margin-top: 0.3rem;
  letter-spacing: 0.02em;
}

/* Başarı mesajı */
.ctc-success {
  display: none;
  align-items: center;
  gap: 0.7rem;
  padding: 1.1rem 1.4rem;
  background: #F0F9EE;
  border: 1px solid #B5D9A3;
  border-radius: 10px;
  color: #3A7A2A;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.ctc-success.show {
  display: flex;
}

.ctc-success svg {
  flex-shrink: 0
}

/* SAĞ: Bilgi Kartı */
.ctc-info-col {
  position: sticky;
  top: calc(36px + 80px);
}

body.ticker-closed .ctc-info-col {
  top: 80px
}

.ctc-info-card {
  background: linear-gradient(160deg, #FAF6EC 0%, #FDFCF9 100%);
  border: 1px solid rgba(196, 165, 90, 0.18);
  border-radius: 14px;
  padding: 2.5rem 2rem;
}

.ctc-info-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1.8rem;
}

.ctc-info-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.ctc-info-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  padding-bottom: 1.8rem;
  margin-bottom: 1.8rem;
  border-bottom: 1px solid rgba(196, 165, 90, 0.15);
}

.ctc-info-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.ctc-info-icon {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(196, 165, 90, 0.25);
  color: #C4A55A;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ctc-info-icon svg {
  width: 16px;
  height: 16px
}

.ctc-info-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-top: 0.15rem;
}

.ctc-info-label {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #A8884A;
}

.ctc-info-val {
  font-size: 0.88rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2E2C28;
  text-decoration: none;
  transition: color 0.3s;
}

.ctc-info-val:hover {
  color: #A8884A;
}

/* WhatsApp big button */
.ctc-wa-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 1rem 1.3rem;
  background: #25D366;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: all 0.3s;
  margin-bottom: 2rem;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.22);
}

.ctc-wa-btn svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0
}

.ctc-wa-btn:hover {
  background: #1da851;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(37, 211, 102, 0.32);
}

/* Sosyal Medya */
.ctc-soc {
  padding-top: 1.5rem;
  border-top: 1px solid rgba(196, 165, 90, 0.15);
}

.ctc-soc-label {
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #A8884A;
  margin-bottom: 0.9rem;
}

.ctc-soc-row {
  display: flex;
  gap: 0.6rem;
}

.ctc-soc-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(196, 165, 90, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8A8680;
  text-decoration: none;
  transition: all 0.3s;
}

.ctc-soc-btn svg {
  width: 16px;
  height: 16px
}

.ctc-soc-btn:hover {
  transform: translateY(-2px);
}

.ctc-soc-ig:hover {
  background: linear-gradient(135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
  color: #fff;
  border-color: transparent;
}

.ctc-soc-tt:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.ctc-soc-pi:hover {
  background: #E60023;
  color: #fff;
  border-color: #E60023;
}

/* ============ HARITA ============ */
.ctc-map {
  padding: 4rem 4% 5rem;
  background: linear-gradient(to bottom, #FDFCF9 0%, #F8F4EC 100%);
}

.ctc-map-head {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 2.5rem;
}

.ctc-map-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 0.5rem;
}

.ctc-map-title em {
  font-style: italic;
  color: #A8884A;
  font-weight: 400;
}

.ctc-map-wrap {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px -20px rgba(46, 44, 40, 0.15);
  border: 1px solid #EDEBE5;
}

.ctc-map-wrap iframe {
  display: block;
  width: 100%;
  filter: saturate(0.85);
  transition: filter 0.4s;
}

.ctc-map-wrap:hover iframe {
  filter: saturate(1);
}

.ctc-map-link {
  position: absolute;
  bottom: 1.2rem;
  left: 1.2rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.4rem;
  background: #fff;
  color: #2E2C28;
  text-decoration: none;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s;
}

.ctc-map-link span {
  display: inline-block;
  transition: transform 0.3s;
}

.ctc-map-link:hover {
  background: #2E2C28;
  color: #fff;
}

.ctc-map-link:hover span {
  transform: translateX(4px);
}

/* ============ İLETİŞİM RESPONSIVE ============ */
@media(max-width:1024px) {
  .ctc-wrap {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    max-width: 680px;
  }

  .ctc-info-col {
    position: static;
  }
}

@media(max-width:768px) {
  .ctc {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .ctc {
    padding-top: 70px
  }

  .ctc-hero {
    padding: 1.5rem 1.2rem 2.5rem
  }

  .ctc-hero-title {
    font-size: 2.2rem
  }

  .ctc-main {
    padding: 0 1.2rem 3rem
  }

  .ctc-row {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .ctc-input {
    height: 48px;
    font-size: 0.92rem;
  }

  .ctc-tel-prefix {
    height: 48px;
    padding: 0 0.7rem;
    font-size: 0.92rem;
  }

  .ctc-textarea {
    min-height: 110px
  }

  .ctc-info-card {
    padding: 2rem 1.5rem
  }

  .ctc-info-title {
    font-size: 1.5rem
  }

  .ctc-map {
    padding: 3rem 1.2rem 3.5rem
  }

  .ctc-map-title {
    font-size: 1.8rem
  }

  .ctc-map-wrap iframe {
    height: 350px !important
  }

  .ctc-map-link {
    bottom: 0.8rem;
    left: 0.8rem;
    padding: 0.6rem 1.1rem;
    font-size: 0.58rem;
  }
}


/* ============ HUKUKİ METİN SAYFASI ============ */
.legal {
  padding-top: calc(36px + 80px);
  padding-bottom: 5rem;
  max-width: 820px;
  margin: 0 auto;
}

body.ticker-closed .legal {
  padding-top: 80px
}

/* Hero — sade başlık alanı */
.legal-hero {
  padding: 3rem 4% 3rem;
  text-align: center;
  border-bottom: 1px solid #EDEBE5;
  margin-bottom: 3rem;
}

.legal-kicker {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #C4A55A;
  margin-bottom: 1rem;
}

.legal-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin-bottom: 1rem;
}

.legal-date {
  font-size: 0.78rem;
  color: #A8A39B;
  letter-spacing: 0.05em;
}

/* İçerik gövdesi */
.legal-body {
  padding: 0 4% 4rem;
}

.legal-body p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.85;
  color: #3E3A36;
  margin-bottom: 1.3rem;
  letter-spacing: 0.01em;
}

.legal-body strong {
  color: #2E2C28;
  font-weight: 500;
}

.legal-body h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(1.4rem, 2.2vw, 1.75rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #2E2C28;
  margin: 2.5rem 0 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #EDEBE5;
  position: relative;
}

.legal-h2::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #C4A55A;
}

.llegal-body h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #2E2C28;
  margin: 1.8rem 0 0.7rem;
}

/* Listeler */
.legal-body ul {
  list-style: none;
  margin: 1rem 0 1.5rem;
  padding-left: 0;
}

.legal-body li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7;
  color: #3E3A36;
  letter-spacing: 0.01em;
}

.legal-body li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C4A55A;
}

.legal-body li strong {
  color: #2E2C28;
  font-weight: 500;
}

/* Bilgi notu — sade altın çerçeveli */
.legal-note {
  margin: 2.5rem 0;
  padding: 1.4rem 1.6rem;
  background: #FAF6EC;
  border: 1px solid rgba(196, 165, 90, 0.2);
  border-radius: 10px;
}

.legal-note p {
  font-size: 0.88rem;
  font-weight: 300;
  line-height: 1.7;
  color: #5E5A52;
  margin: 0;
}

.legal-note strong {
  color: #A8884A;
  font-weight: 600;
}

/* Alt navigasyon — diğer hukuki metinler */
.legal-other {
  margin-top: 4rem;
  padding-top: 2.5rem;
  border-top: 1px solid #EDEBE5;
}

.legal-other-label {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #A8884A;
  margin-bottom: 1rem;
}

.legal-other-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.legal-other-links a {
  display: inline-block;
  padding: 0.7rem 1.2rem;
  background: transparent;
  border: 1px solid #EDEBE5;
  border-radius: 30px;
  color: #5E5A52;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  transition: all 0.3s;
}

.legal-other-links a:hover {
  background: #FAF6EC;
  border-color: #C4A55A;
  color: #A8884A;
}

/* Responsive */
@media(max-width:768px) {
  .legal {
    padding-top: calc(32px + 70px)
  }

  body.ticker-closed .legal {
    padding-top: 70px
  }

  .legal-hero {
    padding: 1.5rem 1.2rem 2rem;
    margin-bottom: 2rem
  }

  .legal-title {
    font-size: 1.8rem
  }

  .legal-body {
    padding: 0 1.2rem 3rem
  }

  .legal-p {
    font-size: 0.95rem;
    line-height: 1.75
  }

  .legal-h2 {
    font-size: 1.3rem;
    margin: 2rem 0 0.8rem;
  }

  .legal-list li {
    font-size: 0.92rem
  }

  .legal-note {
    padding: 1.2rem 1.3rem
  }

  .legal-other-links {
    flex-direction: column
  }

  .legal-other-links a {
    text-align: center
  }
}

/* ============ BLOG DETAY — Gutenberg Uyumu ============ */

/* Genel paragraf */
.post-body p,
.post-body .wp-block-paragraph {
    font-size: 1.05rem;
    font-weight: 300;
    line-height: 1.85;
    letter-spacing: 0.01em;
    color: #3E3A36;
    margin-bottom: 1.4rem;
}

/* İlk paragraf drop cap */
.post-body > p:first-of-type::first-letter,
.post-body > .wp-block-paragraph:first-of-type::first-letter {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4.5rem;
    font-weight: 500;
    float: left;
    line-height: 1;
    margin: 0.1em 0.15em 0 0;
    color: #A8884A;
    font-style: italic;
}

/* H2 */
.post-body h2,
.post-body .wp-block-heading h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(1.6rem, 2.5vw, 2rem);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: #2E2C28;
    margin: 3rem 0 1.2rem;
    position: relative;
    padding-bottom: 0.6rem;
}

.post-body h2::after,
.post-body .wp-block-heading h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #C4A55A;
}

/* H3 */
.post-body h3,
.post-body .wp-block-heading h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #2E2C28;
    margin: 2rem 0 0.8rem;
}

/* Blockquote */
.post-body blockquote,
.post-body .wp-block-quote {
    margin: 2.5rem 0;
    padding: 1.5rem 2rem;
    border-left: 3px solid #C4A55A;
    background: #FAF6EC;
    border-radius: 0 8px 8px 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-style: italic;
    color: #2E2C28;
    position: relative;
}

.post-body blockquote cite,
.post-body .wp-block-quote cite {
    display: block;
    margin-top: 0.8rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #A8884A;
    font-style: normal;
}

/* Liste */
.post-body ul,
.post-body ol {
    margin: 1.5rem 0;
    padding-left: 0;
    list-style: none;
}

.post-body ul li,
.post-body ol li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.6rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.75;
    color: #3E3A36;
}

.post-body ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #C4A55A;
}

.post-body ol {
    counter-reset: post-ol;
}

.post-body ol li::before {
    counter-increment: post-ol;
    content: counter(post-ol) '.';
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    color: #C4A55A;
    font-weight: 500;
}

/* Görsel */
.post-body figure,
.post-body .wp-block-image {
    margin: 2.5rem 0;
}

.post-body figure img,
.post-body .wp-block-image img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

.post-body figcaption,
.post-body .wp-block-image figcaption {
    font-size: 0.78rem;
    font-weight: 400;
    font-style: italic;
    color: #8A8680;
    text-align: center;
    margin-top: 0.8rem;
    letter-spacing: 0.02em;
}

/* Pullquote */
.post-body .wp-block-pullquote {
    margin: 2.5rem 0;
    padding: 1.5rem 1.8rem;
    background: #FAF6EC;
    border: 1px solid rgba(196, 165, 90, 0.2);
    border-radius: 10px;
    text-align: left;
}

.post-body .wp-block-pullquote p {
    font-size: 0.92rem;
    font-weight: 300;
    line-height: 1.7;
    color: #4E4A44;
    margin: 0;
}

/* Separator */
.post-body hr,
.post-body .wp-block-separator {
    border: none;
    border-top: 1px solid #EDEBE5;
    margin: 2.5rem 0;
    position: relative;
}

.post-body hr::after,
.post-body .wp-block-separator::after {
    content: '✦';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FDFCF9;
    padding: 0 0.8rem;
    color: #C4A55A;
    font-size: 0.7rem;
}

/* Strong / Em */
.post-body strong { color: #2E2C28; font-weight: 500; }
.post-body em { font-style: italic; color: #A8884A; }

/* Post cat badge */
.post-cat {
    display: inline-block;
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fff;
    padding: 0.4rem 0.9rem;
    background: linear-gradient(135deg, #C4A55A, #D4B872);
    border-radius: 30px;
    margin-bottom: 1rem;
}

/* ============ HAKKIMIZDA RESPONSIVE ============ */
@media(max-width:1024px) {
  .abt-story-wrap {
    grid-template-columns: 1fr;
    gap: 3.5rem;
    max-width: 600px;
  }

  .abt-story-deco {
    display: none;
  }

  .abt-values-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .abt-team-wrap {
    grid-template-columns: 1fr;
    gap: 3rem;
    max-width: 560px;
    margin: 0 auto;
  }

  .abt-team-frame {
    max-width: 320px;
    margin: 0 auto;
  }

  .abt-tl-item {
    grid-template-columns: 1fr auto 1fr;
    gap: 1.5rem;
  }

  .abt-process-steps {
    flex-wrap: wrap;
    gap: 1rem;
  }

  .abt-step {
    max-width: 180px;
  }
}

@media(max-width:768px) {
  .abt {
    padding-top: calc(32px + 70px);
  }

  body.ticker-closed .abt {
    padding-top: 70px;
  }

  .abt-hero {
    padding: 1.5rem 1.2rem 3rem;
  }

  .abt-hero-title {
    font-size: 2.4rem;
  }

  .abt-hero-lead {
    font-size: 0.95rem;
  }

  /* Hikaye */
  .abt-story {
    padding: 3.5rem 1.5rem;
  }

  .abt-story-wrap {
    max-width: none;
  }

  .abt-story-title {
    font-size: 1.8rem;
  }

  .abt-story-meta {
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .abt-story-stat-num {
    font-size: 1.7rem;
  }

  /* Değerler */
  .abt-values {
    padding: 4rem 1.5rem;
  }

  .abt-values-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .abt-val-card {
    padding: 2rem 1.5rem;
  }

  /* Zaman çizelgesi */
  .abt-timeline {
    padding: 4rem 1.5rem;
  }

  .abt-tl-line {
    display: none;
  }

  .abt-tl {
    gap: 1.5rem;
  }

  .abt-tl-item {
    grid-template-columns: 1fr;
    text-align: left;
    direction: ltr;
  }

  .abt-tl-item:nth-child(even) {
    text-align: left;
    direction: ltr;
  }

  .abt-tl-dot {
    display: none;
  }

  .abt-tl-content {
    padding: 1.4rem;
  }

  .abt-tl-year {
    font-size: 1.3rem;
  }

  /* Süreç */
  .abt-process {
    padding: 4rem 1.5rem;
  }

  .abt-process-steps {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .abt-step {
    max-width: 100%;
    width: 100%;
    padding: 1.2rem 0;
    border-bottom: 1px solid #EDEBE5;
  }

  .abt-step:last-child {
    border-bottom: none;
  }

  .abt-step-arrow {
    display: none;
  }

  /* Kurucu */
  .abt-team {
    padding: 4rem 1.5rem;
  }

  .abt-team-frame {
    max-width: 260px;
  }

  .abt-team-title {
    font-size: 1.7rem;
  }

  .abt-team-text {
    font-size: 0.9rem;
  }

  /* Final CTA */
  .abt-final-cta {
    padding: 4rem 1.5rem;
  }

  .abt-final-title {
    font-size: 2rem;
  }

  .abt-final-text {
    font-size: 0.92rem;
  }

  .abt-final-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .abt-final-btn {
    justify-content: center;
    width: 100%;
  }
}

.pdp-coll-link {
    margin: 1rem 0;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.05em;
	display:inline-flex;
	flex-direction:column;
	gap:1rem;
}

.pdp-coll-link a {
    color: #A8884A;
    text-decoration: none;
    border-bottom: 1px solid rgba(168, 136, 74, 0.3);
    padding-bottom: 1px;
    transition: border-color 0.3s;
}

.pdp-coll-link a:hover {
    border-color: #A8884A;
}

/* ============ SEO LOCATION ============ */
.seo-location {
    background: #FDFCF9;
    border-top: 1px solid #EDEBE5;
    padding: 2rem 4%;
    text-align: center;
}

.seo-location-inner {
    max-width: 860px;
    margin: 0 auto;
}

.seo-location p {
    font-size: 0.82rem;
    font-weight: 300;
    line-height: 1.75;
    color: #8A8680;
    letter-spacing: 0.01em;
}

.seo-location strong {
    color: #A8884A;
    font-weight: 500;
}