:root {
  --bg: #0b0805;
  --bg-2: #15100b;
  --panel: #17110c;
  --panel-2: #21170f;
  --gold: #c68b2a;
  --gold-light: #e6bd69;
  --text: #f0e5d0;
  --muted: #baa98e;
  --line: rgba(198, 139, 42, .42);
  --danger: #7d1917;
  --green: #31551e;
  --shadow: 0 16px 40px rgba(0,0,0,.48);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 20% 0%, rgba(118, 68, 25, .12), transparent 30%),
    linear-gradient(rgba(7,5,3,.97), rgba(7,5,3,.97)),
    url("../images/page-texture.jpg") center/cover fixed;
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1330px, calc(100% - 34px)); margin: 0 auto; }
.center { text-align: center; margin-top: 28px; }

.topbar {
  border-bottom: 1px solid var(--line);
  background: #090704;
  font-size: 12px;
  color: #d8c7aa;
}
.topbar-inner {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.topbar i { color: var(--gold); margin-right: 7px; }
.topbar-right { display: flex; align-items: center; gap: 20px; }

.main-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(8,6,4,.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
}
.header-inner {
  min-height: 76px;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  gap: 24px;
}
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark {
  width: 48px; height: 48px;
  display: grid; place-items: center;
  border: 1px solid var(--gold);
  border-radius: 50%;
  color: var(--gold-light);
  font-size: 28px;
}
.brand strong, .brand span {
  display: block;
  font-family: "Cinzel", serif;
  line-height: 1.08;
}
.brand strong { color: var(--gold-light); font-size: 18px; }
.brand span { color: #fff3db; font-size: 13px; letter-spacing: 1.5px; }

.main-nav { display: flex; justify-content: center; gap: 22px; }
.main-nav a {
  position: relative;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.main-nav a:hover, .main-nav a.active { color: var(--gold-light); }
.main-nav a.active::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -11px;
  height: 1px; background: var(--gold);
}
.header-actions { display: flex; align-items: center; gap: 6px; }
.header-actions button {
  border: 0; background: transparent; color: #e3d4b8; padding: 8px;
}
.cart-button { position: relative; display: flex; gap: 7px; align-items: center; }
.cart-button span { color: var(--gold-light); font-weight: 600; }
.cart-button b {
  position: absolute; top: -2px; right: -2px;
  min-width: 16px; height: 16px; padding: 0 4px;
  display: grid; place-items: center;
  border-radius: 999px; background: var(--gold); color: #16100b;
  font-size: 10px;
}
.menu-toggle { display: none; }

.hero {
  position: relative;
  min-height: 610px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(3,2,1,.96) 0%, rgba(3,2,1,.70) 38%, rgba(3,2,1,.18) 72%),
    url("../images/hero-chess.png") center/cover no-repeat;
  border-bottom: 1px solid var(--line);
}
.hero-overlay {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 72% 45%, transparent 0, rgba(0,0,0,.28) 60%, rgba(0,0,0,.68) 100%);
}
.hero-content { position: relative; z-index: 1; }
.hero-copy { max-width: 610px; }
.eyebrow {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 12px;
  font-weight: 700;
}
.hero h1 {
  margin: 12px 0 18px;
  font-family: "Cinzel", serif;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.08;
  color: var(--gold-light);
  text-shadow: 0 5px 20px rgba(0,0,0,.7);
}
.hero p { max-width: 540px; color: #e7dac2; font-size: 17px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 22px;
  border: 1px solid var(--gold);
  color: var(--gold-light);
  font-family: "Cinzel", serif;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px;
  transition: .25s ease;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.28); }
.btn-gold {
  color: #181007;
  background: linear-gradient(#e2b958, #b97818);
  border-color: #e2b958;
}
.btn-outline { background: transparent; }
.btn-small { min-height: 38px; padding: 0 24px; }

.hero-features {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.hero-features > div { display: flex; gap: 12px; align-items: center; }
.hero-features i {
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border: 1px solid var(--gold);
  border-radius: 50%;
  color: var(--gold);
}
.hero-features span { font-size: 12px; line-height: 1.4; }

.section { padding: 66px 0; }
.section-dark { background: rgba(16,11,7,.72); border-block: 1px solid rgba(198,139,42,.15); }
.section-title { text-align: center; margin-bottom: 30px; }
.section-title > span {
  display: inline-block; width: 100px; height: 1px; vertical-align: middle;
  background: linear-gradient(90deg, transparent, var(--gold));
}
.section-title > span:last-of-type { background: linear-gradient(90deg, var(--gold), transparent); }
.section-title h2 {
  display: inline-block; margin: 0 16px;
  font-family: "Cinzel", serif;
  color: var(--gold-light);
  font-size: clamp(24px, 3vw, 34px);
}
.section-title p { margin: 8px 0 0; color: var(--muted); }

.collection-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.collection-card {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--panel);
}
.collection-card img { width: 100%; height: 210px; object-fit: cover; transition: .4s ease; }
.collection-card strong {
  display: grid; place-items: center;
  min-height: 48px; padding: 8px;
  font-family: "Cinzel", serif;
  font-size: 12px; text-align: center;
  border-top: 1px solid var(--line);
}
.collection-card:hover img { transform: scale(1.05); }

.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.product-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(37,25,15,.95), rgba(12,9,6,.98));
  box-shadow: var(--shadow);
  transition: .3s ease;
}
.product-card:hover { transform: translateY(-6px); border-color: var(--gold); }
.product-image { display: block; aspect-ratio: 4/3; overflow: hidden; border-bottom: 1px solid var(--line); }
.product-image img { width: 100%; height: 100%; object-fit: cover; transition: .45s ease; }
.product-card:hover .product-image img { transform: scale(1.05); }
.badge {
  position: absolute; z-index: 2; top: 12px; left: 0;
  padding: 5px 13px; color: white; font-size: 10px; font-weight: 700; text-transform: uppercase;
}
.badge-red { background: var(--danger); }
.badge-green { background: var(--green); }
.favorite {
  position: absolute; z-index: 2; right: 10px; top: 9px;
  width: 34px; height: 34px;
  border: 0; background: rgba(0,0,0,.5); color: var(--gold-light); border-radius: 50%;
}
.product-body { padding: 18px; text-align: center; }
.product-body h3 {
  margin: 0 0 4px;
  min-height: 48px;
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
}
.product-body p { margin: 0 0 10px; color: var(--muted); font-family: "Cormorant Garamond", serif; font-style: italic; }
.rating { color: var(--gold); font-size: 13px; }
.rating span { color: var(--muted); }
.specs { display: flex; justify-content: center; gap: 12px; margin: 14px 0; color: var(--muted); font-size: 11px; }
.specs i { color: var(--gold); margin-right: 4px; }
.price { margin-bottom: 12px; color: var(--gold-light); font-family: "Cinzel", serif; font-size: 24px; font-weight: 700; }

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid var(--line);
  background: rgba(16,11,7,.75);
}
.benefit { padding: 26px 18px; text-align: center; border-right: 1px solid var(--line); }
.benefit:last-child { border-right: 0; }
.benefit i { font-size: 30px; color: var(--gold); }
.benefit h3 { margin: 12px 0 8px; color: var(--gold-light); font-family: "Cinzel", serif; font-size: 14px; }
.benefit p { margin: 0; color: var(--muted); font-size: 12px; }

.custom-section {
  padding: 70px 0;
  background:
    linear-gradient(90deg, rgba(12,8,5,.92), rgba(12,8,5,.86)),
    url("../images/custom-order.jpg") center/cover no-repeat;
  border-block: 1px solid var(--line);
}
.custom-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 30px; align-items: center; }
.custom-copy { padding: 38px; background: rgba(9,6,4,.72); border: 1px solid var(--line); }
.custom-copy h2 { margin: 8px 0 14px; font-family: "Cinzel", serif; color: var(--gold-light); font-size: 34px; line-height: 1.2; }
.custom-copy p { color: #d7c7ad; }
.custom-copy ul { padding: 0; list-style: none; margin: 22px 0; }
.custom-copy li { margin: 8px 0; }
.custom-copy li::before { content: "✓"; color: var(--gold); margin-right: 9px; }

.custom-form { padding: 24px; background: rgba(10,7,5,.88); border: 1px solid var(--line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-grid .full { grid-column: 1 / -1; }
.form-grid input, .form-grid select, .form-grid textarea {
  width: 100%;
  border: 1px solid rgba(198,139,42,.26);
  background: rgba(10,8,6,.82);
  color: #f3e7d0;
  padding: 13px 14px;
  outline: none;
}
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { border-color: var(--gold); }

.trust-strip { padding: 22px 0; background: #0b0805; border-bottom: 1px solid var(--line); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-grid > div { display: flex; align-items: center; justify-content: center; gap: 14px; border-right: 1px solid var(--line); }
.trust-grid > div:last-child { border-right: 0; }
.trust-grid i { color: var(--gold); font-size: 27px; }
.trust-grid span { text-transform: uppercase; font-size: 12px; color: var(--muted); }
.trust-grid b { display: block; color: var(--gold-light); }

.blog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.blog-grid article { border: 1px solid var(--line); background: var(--panel); }
.blog-grid img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.blog-grid article > div { padding: 14px; }
.blog-grid h3 { margin: 0 0 4px; min-height: 54px; font-family: "Cormorant Garamond", serif; font-size: 19px; }
.blog-grid time { color: var(--muted); font-size: 11px; }

.footer { padding-top: 54px; background: #080604; border-top: 1px solid var(--line); }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 32px; }
.footer p { color: var(--muted); font-size: 12px; }
.footer h4 { margin: 0 0 13px; color: var(--gold-light); font-family: "Cinzel", serif; font-size: 14px; }
.footer-grid > div > a:not(.brand) { display: block; margin: 8px 0; color: var(--muted); font-size: 12px; }
.footer-grid > div > a:hover { color: var(--gold-light); }
.footer-brand { margin-bottom: 16px; }
.socials { display: flex; gap: 8px; margin-top: 15px; }
.socials a { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--gold-light); border-radius: 50%; }
.newsletter { display: flex; border: 1px solid var(--line); }
.newsletter input { width: 100%; border: 0; background: transparent; color: white; padding: 11px; outline: 0; }
.newsletter button { width: 46px; border: 0; background: var(--gold); color: #181007; }
.footer-bottom { margin-top: 40px; min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(198,139,42,.2); color: var(--muted); font-size: 11px; }

@media (max-width: 1100px) {
  .header-inner { grid-template-columns: 200px 1fr auto; }
  .main-nav { gap: 12px; }
  .main-nav a { font-size: 10px; }
  .collection-grid { grid-template-columns: repeat(3, 1fr); }
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .benefit-grid { grid-template-columns: repeat(3, 1fr); }
  .benefit:nth-child(3) { border-right: 0; }
  .benefit:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .footer-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .topbar-right a:not(:first-child) { display: none; }
  .header-inner { grid-template-columns: 1fr auto; }
  .menu-toggle { display: block; grid-column: 2; grid-row: 1; border: 0; background: transparent; color: var(--gold-light); font-size: 22px; }
  .main-nav {
    display: none;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    padding: 12px 0 20px;
  }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 9px 0; font-size: 12px; }
  .header-actions { display: none; }
  .hero { min-height: 560px; background-position: 64% center; }
  .custom-grid { grid-template-columns: 1fr; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 0; }
  .trust-grid > div:nth-child(2) { border-right: 0; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
  .topbar-inner { justify-content: center; text-align: center; }
  .topbar-right { display: none; }
  .hero { min-height: 600px; background-position: 68% center; }
  .hero::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.38); }
  .hero-features { gap: 18px; }
  .hero-features > div { width: 100%; }
  .section-title > span { width: 42px; }
  .collection-grid, .product-grid, .blog-grid { grid-template-columns: 1fr; }
  .benefit-grid { grid-template-columns: repeat(2, 1fr); }
  .benefit { border-bottom: 1px solid var(--line); }
  .benefit:nth-child(3) { border-right: 1px solid var(--line); }
  .benefit:nth-child(even) { border-right: 0; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid > div { justify-content: flex-start; border-right: 0; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; justify-content: center; text-align: center; padding: 18px 0; }
}

/* =========================================================
   INDEX.PHP İÇİNDEN TAŞINAN EK STİLLER
   ========================================================= */

/* Dil seçici */
.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}

.language-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 7px;
  border: 1px solid rgba(255,255,255,.28);
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  text-decoration: none;
  transition: .25s ease;
}

.language-switcher a:hover,
.language-switcher a.active {
  background: #c8a96b;
  border-color: #c8a96b;
  color: #15110b;
}

/* Header iletişim butonları */
.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.header-action-btn {
  height: 42px;
  border: 1px solid rgba(200,169,107,.65);
  background: transparent;
  color: #c8a96b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  transition: .25s ease;
  box-sizing: border-box;
}

.header-action-icon {
  width: 42px;
  padding: 0;
  border-radius: 0;
}

.header-action-btn:hover {
  background: #c8a96b;
  border-color: #c8a96b;
  color: #17120c;
}

.header-info-btn {
  min-width: 112px;
  background: #c8a96b;
  color: #17120c;
}

.header-info-btn:hover {
  background: transparent;
  color: #c8a96b;
}

/* Sol alt açılır iletişim menüsü */
.floating-contact {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.floating-contact-toggle,
.floating-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.floating-contact-toggle {
  border: 0;
  background: #c8a96b;
  color: #17120c;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
  transition: transform .3s ease, background .3s ease;
}

.floating-contact.open .floating-contact-toggle {
  transform: rotate(45deg);
  background: #17120c;
  color: #c8a96b;
}

.floating-contact-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  pointer-events: none;
}

.floating-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  opacity: 0;
  transform: translateY(14px) scale(.92);
  transition: opacity .25s ease, transform .25s ease;
}

.floating-contact.open .floating-contact-menu {
  pointer-events: auto;
}

.floating-contact.open .floating-contact-item {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.floating-contact.open .floating-contact-item:nth-child(1) { transition-delay: .04s; }
.floating-contact.open .floating-contact-item:nth-child(2) { transition-delay: .08s; }
.floating-contact.open .floating-contact-item:nth-child(3) { transition-delay: .12s; }

.floating-icon {
  flex: 0 0 54px;
  background: #17120c;
  border: 1px solid rgba(200,169,107,.7);
  color: #c8a96b;
  font-size: 19px;
  box-shadow: 0 6px 20px rgba(0,0,0,.2);
  transition: .25s ease;
}

.floating-contact-item:hover .floating-icon {
  background: #c8a96b;
  color: #17120c;
}

.floating-label {
  min-width: 94px;
  padding: 9px 12px;
  background: #17120c;
  color: #fff;
  border: 1px solid rgba(200,169,107,.35);
  font-size: 12px;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}

@media (max-width: 1199px) {
  .header-info-btn span {
    display: none;
  }

  .header-info-btn {
    min-width: 42px;
    width: 42px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .topbar-right > a {
    display: none;
  }

  .language-switcher {
    margin-left: 0;
  }

  .floating-contact {
    left: 14px;
    bottom: 14px;
  }

  .floating-contact-toggle,
  .floating-icon {
    width: 50px;
    height: 50px;
  }

  .floating-icon {
    flex-basis: 50px;
  }
}

.marketplace-note {
  opacity: .82;
  margin-left: 4px;
}

.marketplace-section {
  padding: 90px 0;
  background:
    linear-gradient(rgba(18,14,9,.96), rgba(18,14,9,.96)),
    url('assets/images/hero-chess.jpg') center/cover no-repeat;
  color: #fff;
}

.marketplace-section .section-title h2,
.marketplace-section .section-title p {
  color: #fff;
}

.marketplace-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 40px;
}

.marketplace-card {
  min-height: 250px;
  padding: 32px;
  border: 1px solid rgba(200,169,107,.35);
  background: rgba(255,255,255,.04);
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

.marketplace-card:hover {
  transform: translateY(-7px);
  border-color: #c8a96b;
  background: rgba(200,169,107,.08);
}

.marketplace-logo {
  min-height: 58px;
  display: flex;
  align-items: center;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 25px;
  letter-spacing: -1.5px;
}

.marketplace-etsy {
  color: #f1641e;
  font-family: Georgia, serif;
}

.marketplace-amazon {
  color: #fff;
  font-family: Arial, sans-serif;
  text-transform: lowercase;
  position: relative;
  width: max-content;
}

.marketplace-amazon::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 2px;
  bottom: 4px;
  height: 3px;
  border-bottom: 3px solid #ff9900;
  border-radius: 50%;
  transform: rotate(2deg);
}

.marketplace-ebay {
  font-family: Arial, sans-serif;
  letter-spacing: -4px;
}

.marketplace-ebay span:nth-child(1) { color: #e53238; }
.marketplace-ebay span:nth-child(2) { color: #0064d2; }
.marketplace-ebay span:nth-child(3) { color: #f5af02; }
.marketplace-ebay span:nth-child(4) { color: #86b817; }

.marketplace-content h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 20px;
}

.marketplace-content p {
  margin: 0 0 22px;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
}

.marketplace-content span {
  color: #c8a96b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.marketplace-content span i {
  margin-left: 6px;
}

@media (max-width: 991px) {
  .marketplace-grid {
    grid-template-columns: 1fr;
  }

  .marketplace-card {
    min-height: auto;
  }

  .marketplace-note {
    display: none;
  }
}

/* Masaüstü ana menü düzeni */
.header-inner {
  gap: 18px;
}

.main-nav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
}

.main-nav > a,
.main-nav > .nav-item > a {
  height: 82px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
}

.main-nav > a::after,
.main-nav > .nav-item > a::after {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 10px;
  height: 2px;
  background: #c8a96b;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

.main-nav > a:hover::after,
.main-nav > a.active::after,
.main-nav > .nav-item:hover > a::after {
  transform: scaleX(1);
}

.main-nav .nav-item {
  position: relative;
  display: flex;
  align-items: stretch;
}

.main-nav .has-submenu > a i {
  font-size: 8px;
  margin-top: 1px;
  transition: transform .25s ease;
}

.main-nav .has-submenu:hover > a i {
  transform: rotate(180deg);
}

/* Alt menüler */
.main-nav .submenu {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  min-width: 245px;
  padding: 10px 0;
  background: #11100d;
  border: 1px solid rgba(200,169,107,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 1000;
}

.main-nav .submenu-right {
  left: auto;
  right: 0;
}

.main-nav .has-submenu:hover > .submenu,
.main-nav .has-submenu:focus-within > .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.main-nav .submenu a {
  display: block;
  padding: 11px 18px;
  color: rgba(255,255,255,.83);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  text-transform: none;
  white-space: nowrap;
  border-left: 2px solid transparent;
  transition: .2s ease;
}

.main-nav .submenu a:hover {
  color: #c8a96b;
  background: rgba(200,169,107,.08);
  border-left-color: #c8a96b;
  padding-left: 22px;
}

/* Logo ve aksiyon alanlarında yer kazanma */
.brand {
  flex: 0 0 auto;
}

.header-actions {
  flex: 0 0 auto;
  gap: 7px;
}

.header-action-btn {
  height: 42px;
}

@media (max-width: 1450px) {
  .main-nav > a,
  .main-nav > .nav-item > a {
    padding-left: 11px;
    padding-right: 11px;
    font-size: 11px;
  }

  .main-nav > a::after,
  .main-nav > .nav-item > a::after {
    left: 11px;
    right: 11px;
  }

  .header-inner {
    gap: 12px;
  }

  .header-info-btn {
    min-width: 100px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 1250px) {
  .main-nav > a,
  .main-nav > .nav-item > a {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
  }

  .main-nav > a::after,
  .main-nav > .nav-item > a::after {
    left: 8px;
    right: 8px;
  }

  .brand strong {
    font-size: 20px;
  }

  .brand span {
    font-size: 11px;
  }
}

/* Mobil menü */
@media (max-width: 1100px) {
  .main-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #11100d;
    padding: 12px 20px 20px;
    flex-direction: column;
    align-items: stretch;
    white-space: normal;
    border-top: 1px solid rgba(200,169,107,.25);
    z-index: 1000;
  }

  .main-nav.open {
    display: flex;
  }

  .main-nav > a,
  .main-nav > .nav-item > a {
    width: 100%;
    height: auto;
    min-height: 46px;
    justify-content: space-between;
    padding: 12px 4px;
    font-size: 12px;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }

  .main-nav > a::after,
  .main-nav > .nav-item > a::after {
    display: none;
  }

  .main-nav .nav-item {
    display: block;
    width: 100%;
  }

  .main-nav .submenu,
  .main-nav .submenu-right {
    position: static;
    display: none;
    min-width: 0;
    padding: 4px 0 8px 12px;
    border: 0;
    box-shadow: none;
    background: rgba(255,255,255,.025);
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }

  .main-nav .nav-item.submenu-open > .submenu {
    display: block;
  }

  .main-nav .submenu a {
    padding: 10px 14px;
    white-space: normal;
  }

  .main-nav .has-submenu:hover > a i {
    transform: none;
  }

  .main-nav .submenu-open > a i {
    transform: rotate(180deg);
  }
}

/* Aktif menü çizgisi düzeltmesi */
.main-header,
.header-inner,
.main-nav,
.main-nav > a,
.main-nav > .nav-item,
.main-nav > .nav-item > a {
  position: relative;
}

.main-nav > a,
.main-nav > .nav-item > a {
  overflow: hidden;
}

.main-nav > a::after,
.main-nav > .nav-item > a::after {
  bottom: 0 !important;
  left: 12px !important;
  right: 12px !important;
  height: 2px !important;
  transform-origin: center;
}

.main-nav > a.active::after {
  transform: scaleX(1) !important;
}

@media (max-width: 1100px) {
  .main-nav > a,
  .main-nav > .nav-item > a {
    overflow: visible;
  }
}

/* İlave satış kanalları */
.marketplace-grid {
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.marketplace-hepsiburada {
  color: #ff6000;
  font-family: Arial, sans-serif;
  font-size: 29px;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.marketplace-trendyol {
  color: #f27a1a;
  font-family: Arial, sans-serif;
  font-size: 31px;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.marketplace-ciceksepeti {
  color: #51b848;
  font-family: Arial, sans-serif;
  font-size: 28px;
  letter-spacing: -1px;
}

.marketplace-n11 {
  color: #8b1db8;
  font-family: Arial, sans-serif;
  font-size: 36px;
  letter-spacing: -2px;
  text-transform: lowercase;
}

@media (min-width: 1400px) {
  .marketplace-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .main-header {
    position: relative;
    z-index: 9998;
  }

  .header-inner {
    position: relative;
  }

  .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10002;
    cursor: pointer;
  }

  .main-nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    background: #11100d !important;
    padding: 12px 20px 20px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    border-top: 1px solid rgba(200,169,107,.25);
    box-shadow: 0 18px 35px rgba(0,0,0,.35);
    z-index: 10001 !important;
  }

  .main-nav.open {
    display: flex !important;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  .main-nav .nav-item.submenu-open > .submenu {
    display: block !important;
  }
}

:root {
  --main-header-height: 82px;
}

/* Ana menüyü masaüstü ve mobilde sabitle */
.main-header {
  position: sticky !important;
  top: 0;
  width: 100%;
  z-index: 9998 !important;
  background: #0b0a08;
  box-shadow: 0 5px 20px rgba(0,0,0,.18);
}

/* Topbar kaybolur, ana navigasyon ekranda kalır */
@media (min-width: 1101px) {
  .main-header {
    top: 0;
  }
}

@media (max-width: 1100px) {
  :root {
    --main-header-height: 70px;
  }

  .main-header {
    position: sticky !important;
    top: 0 !important;
  }

  .header-inner {
    min-height: var(--main-header-height);
  }

  .main-nav {
    position: fixed !important;
    top: var(--main-header-height) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100dvh - var(--main-header-height)) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 10px 18px 28px !important;
    background: #11100d !important;
  }

  .main-nav > a,
  .main-nav > .nav-item > a {
    min-height: 52px;
    padding: 14px 4px !important;
  }

  .main-nav .nav-item {
    display: block !important;
  }

  .main-nav .submenu,
  .main-nav .submenu-right {
    position: static !important;
    display: none !important;
    width: 100%;
    min-width: 0 !important;
    max-height: none !important;
    margin: 0 0 8px;
    padding: 4px 0 8px 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: rgba(255,255,255,.035) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .main-nav .nav-item.submenu-open > .submenu {
    display: block !important;
  }

  .main-nav .submenu a {
    display: block !important;
    padding: 12px 14px !important;
    color: rgba(255,255,255,.85);
    border-bottom: 1px solid rgba(255,255,255,.06);
    white-space: normal !important;
  }

  .main-nav .has-submenu > a {
    cursor: pointer;
  }

  .main-nav .has-submenu > a i {
    margin-left: auto;
    font-size: 10px;
  }

  .main-nav .submenu-open > a {
    color: #c8a96b;
  }

  .main-nav .submenu-open > a i {
    transform: rotate(180deg) !important;
  }

  body.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }
}

/* Mobil header dil seçenekleri */
.mobile-language-switcher {
  display: none;
}

@media (max-width: 1100px) {
  .header-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: 54px 54px minmax(120px, 1fr);
    gap: 8px;
    align-items: center;
  }

  .header-actions .header-action-btn {
    width: 100%;
    min-width: 0;
  }

  .mobile-language-switcher {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    margin-top: 4px;
  }

  .mobile-language-switcher a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(200,169,107,.55);
    background: transparent;
    color: #c8a96b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
  }

  .mobile-language-switcher a:hover,
  .mobile-language-switcher a.active {
    background: #c8a96b;
    border-color: #c8a96b;
    color: #17120c;
  }
}

@media (max-width: 420px) {
  .header-actions {
    grid-template-columns: 50px 50px minmax(105px, 1fr);
  }

  .mobile-language-switcher a {
    min-height: 36px;
    font-size: 11px;
  }
}

/* Açılır dil seçici */
.lang-dropdown {
  position: relative;
}

.lang-dropdown-toggle,
.lang-dropdown-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  box-sizing: border-box;
}

.lang-dropdown-toggle {
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.22);
  background: transparent;
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .3px;
  cursor: pointer;
  transition: .25s ease;
}

.lang-dropdown-toggle:hover {
  border-color: rgba(200,169,107,.7);
  color: #c8a96b;
}

.lang-dropdown-toggle i {
  margin-left: 4px;
  font-size: 10px;
  transition: transform .25s ease;
}

.lang-dropdown.open .lang-dropdown-toggle i {
  transform: rotate(180deg);
}

.lang-dropdown .lang-flag {
  font-size: 15px;
  line-height: 1;
}

.lang-dropdown .lang-code {
  font-weight: 700;
}

.lang-dropdown .lang-name {
  white-space: nowrap;
}

.lang-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 185px;
  padding: 8px 0;
  background: #11100d;
  border: 1px solid rgba(200,169,107,.32);
  box-shadow: 0 15px 35px rgba(0,0,0,.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 10020;
}

.lang-dropdown.open .lang-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.lang-dropdown-menu a {
  width: 100%;
  padding: 10px 14px;
  color: rgba(255,255,255,.84);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  border-left: 2px solid transparent;
  transition: .2s ease;
}

.lang-dropdown-menu a:hover,
.lang-dropdown-menu a.active {
  color: #c8a96b;
  background: rgba(200,169,107,.08);
  border-left-color: #c8a96b;
}

.desktop-lang-dropdown .lang-dropdown-toggle {
  min-width: 138px;
}

.mobile-lang-dropdown {
  display: none;
}

@media (max-width: 1100px) {
  .topbar-right .desktop-lang-dropdown {
    display: none;
  }

  .header-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: 54px 54px minmax(120px, 1fr);
    gap: 8px;
    align-items: center;
  }

  .mobile-lang-dropdown {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 4px;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle {
    width: 100%;
    justify-content: flex-start;
    min-height: 42px;
    padding: 0 12px;
    border-color: rgba(200,169,107,.55);
    color: #c8a96b;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-name {
    flex: 1 1 auto;
  }

  .mobile-lang-dropdown .lang-dropdown-menu {
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .header-actions {
    grid-template-columns: 50px 50px minmax(105px, 1fr);
  }

  .mobile-lang-dropdown .lang-dropdown-toggle {
    min-height: 40px;
    font-size: 11px;
  }

  .lang-dropdown-menu a {
    font-size: 11px;
  }
}

@media (max-width: 1100px) {
  .header-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }

  .header-actions .header-action-btn,
  .mobile-lang-dropdown {
    width: 100%;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .header-actions .header-action-btn {
    height: 54px !important;
    padding: 0 !important;
  }

  .header-action-icon,
  .header-info-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .header-info-btn span {
    display: none !important;
  }

  .header-info-btn i {
    margin: 0;
  }

  .mobile-lang-dropdown {
    display: block !important;
    grid-column: auto !important;
    position: relative;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle {
    width: 100%;
    height: 54px;
    min-height: 54px;
    padding: 0 8px;
    justify-content: center;
    gap: 5px;
    border-color: rgba(200,169,107,.55);
    color: #c8a96b;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-name {
    display: none;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-code {
    font-size: 12px;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-flag {
    font-size: 16px;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle i {
    margin-left: 2px;
    font-size: 9px;
  }

  .mobile-lang-dropdown .lang-dropdown-menu {
    left: auto;
    right: 0;
    top: calc(100% + 6px);
    min-width: 190px;
    width: max-content;
    max-width: calc(100vw - 30px);
  }

  .mobile-lang-dropdown .lang-dropdown-menu a {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .header-actions {
    gap: 6px;
  }

  .header-actions .header-action-btn,
  .mobile-lang-dropdown .lang-dropdown-toggle {
    height: 50px !important;
    min-height: 50px !important;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle {
    padding: 0 5px;
    gap: 4px;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-code {
    font-size: 11px;
  }

  .mobile-lang-dropdown .lang-dropdown-toggle .lang-flag {
    font-size: 14px;
  }
}

/* GiftSpaceX product-led premium collection */
.premium-hero{min-height:720px}.premium-hero .hero-copy{max-width:700px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.era-nav{background:#0d0906;border-bottom:1px solid var(--line)}.era-nav-grid{display:grid;grid-template-columns:repeat(3,1fr)}.era-nav a{padding:24px 30px;border-right:1px solid rgba(198,139,42,.2);display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.era-nav a:last-child{border-right:0}.era-nav span{grid-row:1/3;color:var(--gold);font-family:Cinzel,serif;font-size:12px}.era-nav strong{font-family:Cinzel,serif;color:var(--gold-light);font-size:15px}.era-nav small{color:var(--muted)}
.collection-group{margin-top:70px}.collection-group:first-of-type{margin-top:35px}.group-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.group-heading span{color:var(--gold);font-size:10px;letter-spacing:3px;font-weight:700}.group-heading h3{font-family:Cinzel,serif;font-size:32px;margin:2px 0;color:var(--gold-light)}.group-heading p{max-width:600px;color:var(--muted);margin:0;text-align:right}.story-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story-card{background:linear-gradient(180deg,rgba(35,24,15,.96),rgba(12,9,6,.99));border:1px solid rgba(198,139,42,.32);overflow:hidden;transition:.3s ease}.story-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow)}.story-card.featured{grid-column:span 2}.story-image{height:255px;position:relative;overflow:hidden}.featured .story-image{height:330px}.story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,3,2,.92))}.story-image img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.story-card:hover img{transform:scale(1.05)}.story-badge{position:absolute;z-index:2;left:14px;top:14px;background:rgba(8,5,3,.82);border:1px solid var(--gold);padding:6px 10px;color:var(--gold-light);font-size:9px;letter-spacing:1px;text-transform:uppercase}.story-year{position:absolute;z-index:2;right:14px;bottom:12px;font-family:Cinzel,serif;color:var(--gold-light);font-size:20px}.story-body{padding:20px}.story-kicker{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:700}.story-body h4{font-family:"Cormorant Garamond",serif;font-size:25px;line-height:1.1;margin:7px 0 10px;color:#fff2d8}.story-body p{font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1.45;color:#c9b99f;margin:0 0 17px}.story-body a{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-light);font-weight:700}.story-body a i{margin-left:8px}.modern-grid{grid-template-columns:repeat(2,1fr)}
.timeline-section{padding:75px 0;background:linear-gradient(rgba(11,8,5,.94),rgba(11,8,5,.94)),url('../images/hero-chess.png') center/cover fixed;border-block:1px solid var(--line)}.history-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:55px}.history-timeline:before{content:"";position:absolute;left:9%;right:9%;top:20px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.history-timeline div{text-align:center;position:relative;padding-top:45px}.history-timeline div:before{content:"";position:absolute;top:13px;left:50%;width:15px;height:15px;transform:translateX(-50%) rotate(45deg);background:#100b07;border:2px solid var(--gold)}.history-timeline b,.history-timeline span,.history-timeline small{display:block}.history-timeline b{color:var(--gold);font-family:Cinzel,serif;font-size:12px}.history-timeline span{font-family:Cinzel,serif;font-size:18px;color:#fff0d4;margin:5px 0}.history-timeline small{color:var(--muted)}
.museum-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.museum-visual{position:relative;border:1px solid var(--line);padding:12px}.museum-visual img{width:100%;height:570px;object-fit:cover}.museum-seal{position:absolute;right:-32px;bottom:45px;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#100b07;border:1px solid var(--gold);box-shadow:0 0 0 8px rgba(16,11,7,.78);color:var(--gold-light)}.museum-seal i{font-size:25px}.museum-seal span{font-family:Cinzel,serif;font-size:10px;letter-spacing:1px}.museum-copy h2{font-family:Cinzel,serif;font-size:46px;line-height:1.12;color:var(--gold-light);margin:10px 0 20px}.museum-copy>p{font-family:"Cormorant Garamond",serif;font-size:21px;color:#d1c0a4}.museum-points{display:grid;gap:14px;margin-top:28px}.museum-points div{display:flex;align-items:center;gap:15px;padding:14px;border-bottom:1px solid rgba(198,139,42,.2)}.museum-points i{color:var(--gold);font-size:20px;width:32px}.museum-points span,.museum-points b{display:block}.museum-points span{color:var(--muted);font-size:12px}.museum-points b{color:#f0dfc3;font-size:14px}.form-intro{margin-bottom:20px}.form-intro span{color:var(--gold);font-size:10px;letter-spacing:2px}.form-intro h3{font-family:Cinzel,serif;font-size:27px;color:var(--gold-light);margin:5px 0}.form-intro p{color:var(--muted);font-size:13px}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(198,139,42,.2);color:var(--muted);font-size:11px}
@media(max-width:1100px){.story-product-grid{grid-template-columns:repeat(2,1fr)}.story-card.featured{grid-column:span 2}.museum-grid{gap:35px}.museum-copy h2{font-size:36px}.main-nav{gap:12px}.main-nav a{font-size:10px}}
@media(max-width:760px){.premium-hero{min-height:670px;background-position:65% center}.era-nav-grid{grid-template-columns:1fr}.era-nav a{border-right:0;border-bottom:1px solid rgba(198,139,42,.2)}.group-heading{display:block}.group-heading p{text-align:left;margin-top:10px}.story-product-grid,.modern-grid{grid-template-columns:1fr}.story-card.featured{grid-column:auto}.story-image,.featured .story-image{height:280px}.history-timeline{grid-template-columns:1fr;gap:22px}.history-timeline:before{left:19px;right:auto;top:0;bottom:0;width:1px;height:auto}.history-timeline div{text-align:left;padding:0 0 0 52px}.history-timeline div:before{left:19px;top:9px}.museum-grid{grid-template-columns:1fr}.museum-visual img{height:420px}.museum-seal{right:15px;bottom:25px}.museum-copy h2{font-size:32px}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:4px}.hero-buttons .btn{width:100%}}

/* =========================================================
   KOLEKSİYON CAROUSEL + SATIŞ KANALLARI
   ========================================================= */
.collection-group{overflow:hidden}
.group-heading{align-items:center}
.group-heading-side{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.group-heading-side p{max-width:560px}
.carousel-controls{display:flex;gap:8px;flex:0 0 auto}
.carousel-arrow{width:44px;height:44px;border:1px solid var(--line);background:rgba(20,14,9,.92);color:var(--gold-light);display:grid;place-items:center;transition:.25s ease}
.carousel-arrow:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:#15100a;transform:translateY(-2px)}
.carousel-arrow:disabled{opacity:.3;cursor:default}
.collection-carousel-shell{position:relative;width:100%;overflow:hidden}
.story-product-grid.collection-carousel-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:20px 2px 22px;
  overscroll-behavior-inline:contain;
}
.story-product-grid.collection-carousel-track::-webkit-scrollbar{display:none}
.collection-carousel-track .story-card,
.collection-carousel-track .story-card.featured{
  flex:0 0 calc((100% - 54px)/4);
  width:calc((100% - 54px)/4);
  min-width:0;
  grid-column:auto;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
}
.collection-carousel-track .story-image,
.collection-carousel-track .featured .story-image{height:270px}
.collection-carousel-track .story-body{display:flex;flex:1;flex-direction:column}
.collection-carousel-track .story-body p{flex:1}
.collection-carousel-track .story-body a{margin-top:auto}

.sales-channel-section{padding:82px 0;background:linear-gradient(180deg,rgba(21,15,10,.92),rgba(8,6,4,.98));border-block:1px solid rgba(198,139,42,.22)}
.sales-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px}
.sales-channel-card{position:relative;min-height:285px;padding:28px 25px;border:1px solid rgba(198,139,42,.28);background:linear-gradient(145deg,rgba(38,26,16,.78),rgba(12,9,6,.96));display:flex;flex-direction:column;gap:24px;overflow:hidden;transition:.3s ease}
.sales-channel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(230,189,105,.12),transparent 40%);pointer-events:none}
.sales-channel-card:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 20px 45px rgba(0,0,0,.35)}
.sales-channel-icon{width:54px;height:54px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font-size:23px;background:rgba(8,6,4,.55)}
.sales-channel-card span{display:block;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:2px}
.sales-channel-card h3{margin:6px 0 10px;color:#fff2d8;font-family:Cinzel,serif;font-size:21px}
.sales-channel-card p{margin:0 0 20px;color:var(--muted);font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1.45}
.sales-channel-card b{color:var(--gold-light);font-size:10px;letter-spacing:1px;text-transform:uppercase}
.sales-channel-card b i{margin-left:7px}
.sales-channel-card.whatsapp .sales-channel-icon{color:#69d391;border-color:rgba(105,211,145,.58)}
.sales-channel-card.instagram .sales-channel-icon{color:#e7a1c6;border-color:rgba(231,161,198,.55)}

@media(max-width:1100px){
  .collection-carousel-track .story-card,.collection-carousel-track .story-card.featured{flex-basis:calc((100% - 36px)/3);width:calc((100% - 36px)/3)}
  .sales-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .group-heading-side{align-items:flex-start;margin-top:12px}
  .group-heading-side p{text-align:left;margin:0;flex:1}
  .carousel-arrow{width:40px;height:40px}
  .collection-carousel-shell{overflow:visible}
  .story-product-grid.collection-carousel-track{margin-right:calc((100vw - 100%)/-2);padding-right:32px}
  .collection-carousel-track .story-card,.collection-carousel-track .story-card.featured{flex-basis:min(84vw,350px);width:min(84vw,350px)}
  .collection-carousel-track .story-image,.collection-carousel-track .featured .story-image{height:270px}
  .sales-channel-grid{grid-template-columns:1fr}
  .sales-channel-card{min-height:auto}
}
@media(max-width:520px){
  .group-heading-side{display:block}
  .carousel-controls{margin-top:15px}
  .collection-carousel-track .story-card,.collection-carousel-track .story-card.featured{flex-basis:86vw;width:86vw}
}

/* Satış kanalları - yatay premium carousel */
.sales-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-top:38px;margin-bottom:18px}
.sales-heading-row h3{margin:6px 0 0;font-family:Cinzel,serif;color:#fff2d8;font-size:25px;font-weight:600}
.sales-carousel-shell{overflow:hidden}
.sales-channel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:24px 1px 24px}
.sales-channel-track::-webkit-scrollbar{display:none}
.sales-channel-track .sales-channel-card{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start;min-height:285px}
.sales-channel-icon.brand-word{font-family:Montserrat,sans-serif;font-weight:800;font-size:18px;letter-spacing:-1px;text-transform:none}
.sales-channel-card.etsy .sales-channel-icon{color:#f0a371;border-color:rgba(240,163,113,.58)}
.sales-channel-card.amazon .sales-channel-icon{color:#ffbd59;border-color:rgba(255,189,89,.58)}
.sales-channel-card.ebay .sales-channel-icon{color:#8fc5ff;border-color:rgba(143,197,255,.58)}
.sales-channel-card.hepsiburada .sales-channel-icon{color:#ff8c42;border-color:rgba(255,140,66,.58)}
.sales-channel-card.trendyol .sales-channel-icon{color:#f59a52;border-color:rgba(245,154,82,.58)}
.sales-channel-card.ciceksepeti .sales-channel-icon{color:#70c695;border-color:rgba(112,198,149,.58)}
.sales-channel-card.n11 .sales-channel-icon{color:#bd9cff;border-color:rgba(189,156,255,.58)}
.sales-direct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
.sales-direct-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:19px 20px;border:1px solid rgba(198,139,42,.25);background:rgba(20,14,9,.75);transition:.25s ease}
.sales-direct-card:hover{border-color:var(--gold);transform:translateY(-3px)}
.sales-direct-card>i{font-size:24px;color:var(--gold-light)}
.sales-direct-card span{display:block;color:var(--gold);font-size:8px;font-weight:700;letter-spacing:1.5px}
.sales-direct-card h4{margin:4px 0 0;color:#fff2d8;font-family:Cinzel,serif;font-size:16px}
.sales-direct-card>b{color:var(--gold-light);font-size:9px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.sales-direct-card.whatsapp>i{color:#69d391}.sales-direct-card.instagram>i{color:#e7a1c6}
.sales-link-note{margin:15px 0 0;color:rgba(222,204,177,.58);font-size:10px;letter-spacing:.25px;text-align:right}
.sales-link-note i{margin-right:5px;color:var(--gold)}
@media(max-width:1100px){.sales-channel-track .sales-channel-card{flex-basis:calc((100% - 32px)/3)}.sales-direct-grid{grid-template-columns:1fr}}
@media(max-width:760px){.sales-heading-row{align-items:center}.sales-heading-row h3{font-size:20px}.sales-channel-track .sales-channel-card{flex-basis:82%;min-height:270px}.sales-direct-card{grid-template-columns:42px 1fr}.sales-direct-card>b{grid-column:2}.sales-link-note{text-align:left;line-height:1.5}}

/* Dil seçici: bayrak + kısaltma + dil adı */
.language-switcher{position:relative;flex:0 0 auto;z-index:120}
.language-current{height:42px;min-width:142px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid rgba(205,151,65,.42);background:rgba(18,14,10,.82);color:#f7ead3;cursor:pointer;font-family:Montserrat,sans-serif;transition:.25s ease}
.language-current:hover,.language-switcher.open .language-current{border-color:var(--gold-light);background:rgba(35,25,15,.96)}
.language-current .language-flag,.language-menu .language-flag{font-size:20px;line-height:1;filter:saturate(.9)}
.language-current strong,.language-menu strong{font-size:11px;letter-spacing:1.5px;color:var(--gold-light)}
.language-current .language-name{font-size:11px;letter-spacing:.2px;white-space:nowrap}
.language-current>i{font-size:9px;margin-left:auto;transition:transform .25s ease}
.language-switcher.open .language-current>i{transform:rotate(180deg)}
.language-menu{position:absolute;right:0;top:calc(100% + 10px);width:220px;padding:7px;background:#100c08;border:1px solid rgba(205,151,65,.48);box-shadow:0 20px 45px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.22s ease}
.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}
.language-menu:before{content:"";position:absolute;right:23px;top:-6px;width:10px;height:10px;background:#100c08;border-left:1px solid rgba(205,151,65,.48);border-top:1px solid rgba(205,151,65,.48);transform:rotate(45deg)}
.language-menu a{position:relative;display:grid;grid-template-columns:27px 34px 1fr 14px;align-items:center;gap:8px;min-height:48px;padding:7px 10px;color:#d8c9b3;text-decoration:none;border-bottom:1px solid rgba(205,151,65,.12);font-family:Montserrat,sans-serif;transition:.2s ease}
.language-menu a:last-child{border-bottom:0}
.language-menu a span:nth-child(3){font-size:12px}
.language-menu a>i{font-size:10px;color:var(--gold-light)}
.language-menu a:hover,.language-menu a.active{background:rgba(205,151,65,.1);color:#fff}

@media(min-width:1101px){
  .header-inner{column-gap:14px}
  .language-switcher{order:4}
  .header-actions{order:5}
}
@media(max-width:1450px) and (min-width:1101px){
  .language-current{min-width:46px;width:46px;padding:0;justify-content:center}
  .language-current .language-name,.language-current strong,.language-current>i{display:none}
}
@media(max-width:1100px){
  .language-switcher{grid-column:2;grid-row:1;justify-self:end;margin-right:48px;display:block!important}
  .language-current{min-width:48px;width:48px;height:40px;padding:0;justify-content:center}
  .language-current strong,.language-current .language-name,.language-current>i{display:none}
  .language-menu{position:fixed;right:14px;top:calc(var(--main-header-height,70px) + 8px);width:min(260px,calc(100vw - 28px))}
  .language-menu:before{right:67px}
}
@media(max-width:420px){
/*  .language-switcher{margin-right:42px}*/
  .language-switcher{margin-right:0px}
  .language-current{width:42px;min-width:42px;height:38px}
  .language-current .language-flag{font-size:18px}
}

/* =========================================================
   Premium header — clean final override
   ========================================================= */
.topbar { position: relative; z-index: 1001; }
.main-header { position: sticky !important; top: 0 !important; z-index: 1000 !important; }
.premium-header-inner {
  min-height: 78px;
  display: grid !important;
  grid-template-columns: minmax(230px, auto) minmax(430px, 1fr) auto !important;
  align-items: center;
  gap: clamp(18px, 2vw, 36px) !important;
}
.premium-header-inner .brand { min-width: 0; }
.premium-header-inner .brand-mark { width: 48px; height: 48px; flex: 0 0 48px; }
.premium-header-inner .main-nav {
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(18px, 1.8vw, 32px) !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  white-space: nowrap;
}
.premium-header-inner .main-nav > a {
  width: auto !important;
  height: 78px !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border: 0 !important;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .75px;
}
.premium-header-inner .main-nav > a::after {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
}
.header-tools { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.header-dropdown { position: relative; flex: 0 0 auto; }
.header-tool-button {
  min-height: 42px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(230,189,105,.36);
  background: rgba(255,255,255,.018);
  color: #eadcc2;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  white-space: nowrap;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.header-tool-button:hover,
.header-dropdown.open .header-tool-button {
  color: #17100a;
  border-color: var(--gold-light);
  background: var(--gold-light);
}
.header-tool-button .dropdown-chevron { font-size: 9px; transition: transform .2s ease; }
.header-dropdown.open .dropdown-chevron { transform: rotate(180deg); }
.buy-toggle { background: var(--gold-light); color: #17100a; border-color: var(--gold-light); }
.buy-toggle:hover, .buy-dropdown.open .buy-toggle { background: #f0cf87; }
.language-current { min-width: 144px; }
.language-current .language-flag { font-size: 16px; }
.header-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 205px !important;
  padding: 8px !important;
  display: grid !important;
  gap: 2px;
  background: #11100d !important;
  border: 1px solid rgba(230,189,105,.32) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.52) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  z-index: 10020 !important;
  transition: .2s ease !important;
}
.header-dropdown.open .header-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.header-dropdown-menu a {
  min-height: 42px;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: rgba(255,255,255,.82) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 2px solid transparent !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
.header-dropdown-menu a:hover,
.header-dropdown-menu a.active {
  color: var(--gold-light) !important;
  background: rgba(230,189,105,.08) !important;
  border-left-color: var(--gold-light) !important;
}
.header-dropdown-menu a i:last-child { margin-left: auto; font-size: 10px; }
.menu-toggle { color: var(--gold-light); border: 1px solid rgba(230,189,105,.35); background: transparent; width: 42px; height: 42px; }

@media (max-width: 1320px) {
  .premium-header-inner { grid-template-columns: minmax(205px, auto) minmax(360px, 1fr) auto !important; gap: 16px !important; }
  .premium-header-inner .main-nav { gap: 17px !important; }
  .premium-header-inner .main-nav > a { font-size: 10px !important; letter-spacing: .45px; }
  .language-current { min-width: 52px; padding: 0 10px; }
  .language-current .language-name { display: none; }
}

@media (max-width: 1100px) {
  .topbar { display: none; }
  .premium-header-inner {
    min-height: 70px;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 8px !important;
  }
  .premium-header-inner .brand-mark { width: 42px; height: 42px; flex-basis: 42px; font-size: 23px; }
  .premium-header-inner .brand strong { font-size: 16px; }
  .premium-header-inner .brand span { font-size: 10px; }
  .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; grid-column: 3; grid-row: 1; }
  .header-tools { grid-column: 2; grid-row: 1; }
  .buy-dropdown { display: none; }
  .language-current { min-width: 48px; height: 42px; padding: 0 9px; }
  .language-current strong, .language-current .language-name { display: none; }
  .premium-header-inner .main-nav {
    display: none !important;
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 70px) !important;
    padding: 18px 22px 32px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #0d0a07 !important;
    overflow-y: auto !important;
  }
  .premium-header-inner .main-nav.open { display: flex !important; }
  .premium-header-inner .main-nav > a {
    height: auto !important;
    min-height: 54px !important;
    justify-content: flex-start !important;
    padding: 0 2px !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    font-size: 12px !important;
  }
  .premium-header-inner .main-nav > a::after { display: none !important; }
  .header-dropdown-menu { position: fixed !important; top: 70px !important; right: 14px !important; }
}

@media (max-width: 520px) {
  .premium-header-inner .brand span { display: none; }
  .premium-header-inner .brand strong { font-size: 15px; }
}

/* ===== COLLECTION DETAIL PAGE ===== */
.collection-detail-page{background:#090806;color:#e9dfcf}.detail-breadcrumb{border-bottom:1px solid rgba(202,154,66,.18);background:#0d0b08}.detail-breadcrumb .container{height:54px;display:flex;align-items:center;gap:12px;font-size:12px;color:#a79c8d}.detail-breadcrumb a{color:#c5b8a5}.detail-breadcrumb i{font-size:8px;color:#8a6730}.product-hero-detail{padding:48px 0 80px;background:radial-gradient(circle at 15% 15%,rgba(183,126,34,.10),transparent 38%),#090806}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:58px;align-items:start}.product-gallery{position:sticky;top:112px}.detail-main-image{position:relative;aspect-ratio:1.17/1;overflow:hidden;border:1px solid rgba(199,147,60,.32);background:#11100d}.detail-main-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(0,0,0,.45);pointer-events:none}.detail-main-image img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.detail-edition-badge{position:absolute;z-index:2;left:22px;top:22px;padding:10px 14px;border:1px solid #c69745;background:rgba(8,7,5,.8);font:600 10px Montserrat;letter-spacing:2px;color:#e6bd6c}.gallery-zoom{position:absolute;z-index:3;right:18px;bottom:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);background:rgba(8,7,5,.75);color:#fff;cursor:pointer}.detail-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.detail-thumb{height:112px;padding:0;border:1px solid rgba(199,147,60,.18);background:#111;cursor:pointer;overflow:hidden}.detail-thumb.active{border-color:#d6a64e}.detail-thumb img{width:100%;height:100%;object-fit:cover;opacity:.65}.detail-thumb.active img,.detail-thumb:hover img{opacity:1}.product-purchase{padding-top:10px}.detail-kicker,.detail-subtitle{font:600 11px Montserrat;letter-spacing:2.2px;color:#d2a24d}.product-purchase h1{font:600 clamp(38px,4vw,62px) Cinzel;line-height:1.08;color:#f4ebdb;margin:14px 0 10px}.detail-subtitle{color:#b9aa94;letter-spacing:1.4px}.detail-rating{display:flex;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-rating span{color:#d8a64c;letter-spacing:4px}.detail-rating small{color:#988c7b}.detail-intro{font:400 19px/1.65 'Cormorant Garamond';color:#d4c8b6;margin:24px 0}.detail-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(199,147,60,.2);border:1px solid rgba(199,147,60,.2);margin-bottom:28px}.detail-highlights>div{background:#100e0b;padding:18px 13px;display:flex;gap:10px}.detail-highlights i{color:#d5a249;margin-top:3px}.detail-highlights span{font:11px/1.5 Montserrat;color:#8e8374}.detail-highlights b{display:block;color:#e8dece;font-size:11px}.option-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-heading strong{font:600 13px Montserrat;text-transform:uppercase;letter-spacing:1px}.option-heading span{font:500 12px Montserrat;color:#d5a249}.board-options{display:grid;gap:8px}.board-option{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid rgba(255,255,255,.13);background:#0d0b08;color:#e7ddce;text-align:left;cursor:pointer}.board-option.active{border-color:#d3a04a;background:rgba(202,154,66,.08)}.option-check{width:20px;height:20px;border:1px solid #5e5548;display:grid;place-items:center;font-size:10px}.board-option.active .option-check{background:#d1a04d;color:#0a0805;border-color:#d1a04d}.board-option b{display:block;font:600 12px Montserrat}.board-option small{display:block;margin-top:4px;color:#8f8374;font:11px Montserrat}.board-option>strong{font:600 15px Montserrat;color:#dfb45f}.selected-box{display:flex;gap:14px;align-items:center;padding:16px;margin:18px 0;border:1px solid rgba(255,255,255,.1);background:#100e0b}.selected-box>i{font-size:21px;color:#d2a14b}.selected-box span{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.selected-box small{grid-column:1/-1;color:#a5947c;font:600 9px Montserrat;letter-spacing:1.5px}.selected-box b{font:600 12px Montserrat}.selected-box em{font:400 12px Montserrat;color:#8e8272;font-style:normal}.purchase-row{display:flex;justify-content:space-between;align-items:end;padding:22px 0}.purchase-row small{display:block;font:10px Montserrat;color:#978a78}.detail-price{font:600 34px Cinzel;color:#f0c46d}.quantity-control{height:46px;display:flex;border:1px solid rgba(255,255,255,.18)}.quantity-control button,.quantity-control input{width:42px;border:0;background:transparent;color:#eee;text-align:center;font:600 16px Montserrat}.quantity-control input{width:52px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.detail-buy-button{width:100%;justify-content:center;height:58px}.detail-whatsapp{display:flex;justify-content:center;gap:9px;margin:16px 0;color:#cbbda8;font:500 12px Montserrat}.detail-whatsapp i{color:#48bd72}.purchase-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.purchase-trust span{font:10px/1.45 Montserrat;color:#958979;text-align:center}.purchase-trust i{display:block;color:#c99b4a;margin-bottom:7px}
.detail-story-section{
	/*padding:100px 0;*/
	padding:25px;
	background:#100d09;border-top:1px solid rgba(199,147,60,.18);border-bottom:1px solid rgba(199,147,60,.18)}
.detail-story-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:90px;align-items:center}.detail-story-grid h2,.craftsmanship-grid h2,.detail-cta h2{font:600 clamp(34px,4vw,58px)/1.15 Cinzel;color:#f1e6d5;margin:14px 0 24px}.detail-story-grid p,.craftsmanship-grid p{font:400 19px/1.75 'Cormorant Garamond';color:#c8baa7}.detail-story-grid blockquote{margin:34px 0 0;padding:20px 26px;border-left:2px solid #d1a04d;background:rgba(255,255,255,.025);font:italic 20px 'Cormorant Garamond';color:#dfcdaF}.story-stat-panel{border:1px solid rgba(199,147,60,.35);padding:40px;background:linear-gradient(145deg,#16110b,#0c0a07)}.story-stat-panel>span{font:600 72px Cinzel;color:#d4a24e}.story-stat-panel h3{font:600 23px Cinzel;color:#f1e5d2;margin:4px 0 10px}.story-stat-panel>p{font-size:15px;line-height:1.5}.story-stat-panel>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.1);padding:17px 0}.story-stat-panel>div b{font:600 22px Cinzel;color:#dfb45e}.story-stat-panel>div small{font:11px Montserrat;color:#938575}
/*.detail-characters{padding:95px 0;background:#090806}*/
.detail-characters{padding:0;background:#090806}
.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.character-grid article{position:relative;min-height:250px;padding:32px 24px;border:1px solid rgba(199,147,60,.22);background:linear-gradient(160deg,#15110c,#0b0907)}.character-grid article>span{position:absolute;right:18px;top:14px;font:600 31px Cinzel;color:rgba(211,160,74,.13)}.character-grid i{font-size:28px;color:#d3a04a;margin:30px 0}.character-grid h3{font:600 17px Cinzel;color:#f1e4d0}.character-grid p{font:14px/1.7 'Cormorant Garamond';color:#aa9b88}

/*.craftsmanship-section{padding:100px 0;background:#0e0c09}*/
.craftsmanship-section{padding:25px;background:#0e0c09}

.craftsmanship-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.craft-image{height:590px;overflow:hidden;border:1px solid rgba(199,147,60,.28)}.craft-image img{width:100%;height:100%;object-fit:cover}.craftsmanship-grid ul{list-style:none;padding:0;margin:28px 0}.craftsmanship-grid li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font:13px Montserrat;color:#cbbdab}.craftsmanship-grid li i{color:#d4a14a;margin-right:10px}.made-note{font:13px Montserrat!important;color:#d9a84e!important}.made-note i{margin-right:9px}

/*.board-guide{padding:95px 0;background:#090806}*/
.board-guide{padding:0;background:#090806}

.board-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.board-guide article{padding:34px;border:1px solid rgba(199,147,60,.24);background:#100d09}.board-guide i{font-size:28px;color:#d3a04a}.board-guide h3{font:600 18px Cinzel;color:#eee2cf;margin:22px 0 8px}.board-guide b{font:600 12px Montserrat;color:#d8a950}.board-guide p{font:15px/1.6 'Cormorant Garamond';color:#a99a86}.detail-cta{padding:68px 0;background:linear-gradient(90deg,#171008,#0b0906);border-top:1px solid rgba(199,147,60,.3)}.detail-cta .container{display:flex;justify-content:space-between;gap:40px;align-items:center}.detail-cta h2{font-size:34px;margin-bottom:0}.detail-cta .container>div:last-child{display:flex;gap:12px}.detail-lightbox{position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,.94);display:none;place-items:center;padding:40px}.detail-lightbox.open{display:grid}.detail-lightbox img{max-width:94vw;max-height:90vh}.detail-lightbox button{position:absolute;right:28px;top:25px;width:48px;height:48px;border:1px solid #87652f;background:#111;color:#fff;font-size:20px}.detail-buy-header{text-decoration:none}
@media(max-width:1100px){.product-detail-grid{grid-template-columns:1fr;gap:34px}.product-gallery{position:static}.detail-story-grid{gap:40px}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-hero-detail{padding:20px 0 55px}.detail-main-image{aspect-ratio:1/1}.detail-thumbs{gap:7px}.detail-thumb{height:76px}.product-purchase h1{font-size:34px}.detail-highlights{grid-template-columns:1fr}.product-detail-grid{gap:25px}.detail-story-section,.detail-characters,.craftsmanship-section,.board-guide{padding:65px 0}.detail-story-grid,.craftsmanship-grid{grid-template-columns:1fr}.story-stat-panel{padding:27px}.story-stat-panel>span{font-size:55px}.character-grid,.board-guide-grid{grid-template-columns:1fr}.craft-image{height:360px;order:2}.detail-cta .container{display:block}.detail-cta .container>div:last-child{margin-top:25px;display:grid}.purchase-trust{grid-template-columns:1fr 1fr 1fr}.detail-buy-header{display:none}}


.main-nav > .nav-item > a.active::after,
.main-nav > .nav-item.has-active-child > a::after {
    transform: scaleX(1);
}

.main-nav > .nav-item > a.active,
.main-nav > .nav-item.has-active-child > a {
    color: var(--gold-light);
}


/* =========================================================
   ANA MENÜ ALT MENÜ İKONU + MOBİL UYUMLULUK
   Eski HTML yapısı:
   .nav-item.has-submenu > a + .submenu
   ========================================================= */

/* Alt menüsü olan üst bağlantılarda ikon her zaman görünür */
.main-nav > .nav-item.has-submenu > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.main-nav > .nav-item.has-submenu > a > span {
  display: inline-block;
}

.main-nav > .nav-item.has-submenu > a > i {
  display: inline-block !important;
  flex: 0 0 auto;
  margin-left: 2px;
  color: var(--gold-light);
  font-size: 9px !important;
  line-height: 1;
  opacity: .9;
  transition: transform .25s ease, color .25s ease;
}

.main-nav > .nav-item.has-submenu:hover > a > i,
.main-nav > .nav-item.has-submenu:focus-within > a > i {
  transform: rotate(180deg);
  color: var(--gold-light);
}

/* Premium header son override bölümünde nav-item yapısını da kapsa */
.premium-header-inner .main-nav > .nav-item {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
}

.premium-header-inner .main-nav > .nav-item > a {
  width: auto !important;
  height: 78px !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  overflow: visible !important;
  border: 0 !important;
  color: inherit;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .75px;
  text-transform: uppercase;
  white-space: nowrap;
}

.premium-header-inner .main-nav > .nav-item > a::after {
  content: "";
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: #c8a96b;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

.premium-header-inner .main-nav > .nav-item:hover > a::after,
.premium-header-inner .main-nav > .nav-item > a.active::after,
.premium-header-inner .main-nav > .nav-item.has-active-child > a::after {
  transform: scaleX(1) !important;
}

/* Mobil */
@media (max-width: 1100px) {
  .premium-header-inner .main-nav > .nav-item {
    display: block !important;
    width: 100% !important;
  }

  .premium-header-inner .main-nav > .nav-item > a {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    padding: 0 48px 0 2px !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    font-size: 12px !important;
  }

  .premium-header-inner .main-nav > .nav-item > a::after {
    display: none !important;
  }

  /* İkon mobilde sağda sabit tıklama alanı gibi görünür */
  .premium-header-inner .main-nav > .nav-item.has-submenu > a > i {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 54px;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255,255,255,.06);
    font-size: 11px !important;
    pointer-events: none;
  }

  .premium-header-inner .main-nav > .nav-item.submenu-open > a {
    color: var(--gold-light);
  }

  .premium-header-inner .main-nav > .nav-item.submenu-open > a > i {
    transform: rotate(180deg) !important;
  }

  .premium-header-inner .main-nav > .nav-item > .submenu {
    position: static !important;
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    padding: 4px 0 8px 14px !important;
    border: 0 !important;
    background: rgba(255,255,255,.035) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .premium-header-inner .main-nav > .nav-item.submenu-open > .submenu {
    display: block !important;
  }

  .premium-header-inner .main-nav > .nav-item > .submenu > a {
    display: block !important;
    min-height: 44px;
    padding: 12px 14px !important;
    color: rgba(255,255,255,.85);
    border-bottom: 1px solid rgba(255,255,255,.06);
    font-size: 12px !important;
    line-height: 1.4;
    text-transform: none;
    white-space: normal !important;
  }

  .premium-header-inner .main-nav > .nav-item > .submenu > a:hover,
  .premium-header-inner .main-nav > .nav-item > .submenu > a.active {
    color: var(--gold-light);
    background: rgba(200,169,107,.08);
  }
}

.history-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: start;
    margin-top: 70px;
    width: 100%;
}

/* Yatay çizgi */
.history-timeline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8.333%;
    right: 8.333%;
    height: 1px;
    background: rgba(190, 132, 54, .45);
}

.history-timeline > div {
    position: relative;
    text-align: center;
    padding: 28px 10px 0;
}

/* Elmas işaret */
.history-timeline > div::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background: #100b07;
    border: 2px solid #b77a2c;
    box-sizing: border-box;
}

.history-timeline b {
    display: block;
    margin-bottom: 10px;

    color: #c78b3c;
    font-family: Georgia, serif;
    font-size: 14px;
    font-weight: 600;
}

.history-timeline span {
    display: block;

    color: #f2eadf;
    font-family: Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.25;
}

.history-timeline small {
    display: block;
    margin-top: 10px;

    color: rgba(242, 234, 223, .72);
    font-size: 14px;
    line-height: 1.4;
}	
@media (max-width: 768px) {

    .history-timeline {
        display: block;
        margin-top: 45px;
        padding-left: 30px;
    }

    .history-timeline::before {
        top: 0;
        bottom: 0;
        left: 8px;
        right: auto;
        width: 1px;
        height: auto;
    }

    .history-timeline > div {
        text-align: left;
        padding: 0 0 35px 25px;
    }

    .history-timeline > div:last-child {
        padding-bottom: 0;
    }

    .history-timeline > div::before {
        top: 4px;
        left: -22px;
        transform: rotate(45deg);
    }

    .history-timeline span {
        font-size: 16px;
    }

    .history-timeline small {
        margin-top: 6px;
    }
}