/* MERVE DERİ — mobil ve tablet görünüm uyarlaması, 2026-10-18.
   Masaüstü tasarımı, renk paletleri, dil metinleri ve JS işlevleri değiştirilmez. */
@media (max-width: 1000px) {
  /* Dar tabletlerde ikinci sayfaların navigasyonu yatay taşmasın. */
  .site-header:has(.secondary-nav) {height:auto;}
  .site-header:has(.secondary-nav) .nav-wrap {
    height:auto;min-height:90px;display:flex;flex-wrap:wrap;
    gap:0 12px;padding-top:11px;padding-bottom:7px;
  }
  .site-header:has(.secondary-nav) .brand {order:0;}
  .site-header:has(.secondary-nav) .language-switch {order:1;margin-left:auto;}
  .site-header:has(.secondary-nav) .secondary-nav {
    order:2;width:100%;margin:0;padding:6px 0 0;display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));gap:0;
    overflow:visible;flex-wrap:initial;min-width:0;
  }
  .site-header:has(.secondary-nav) .secondary-nav a,
  .site-header:has(.secondary-nav) .secondary-nav .nav-contact {
    display:flex;align-items:center;justify-content:center;
    min-height:42px;min-width:0;margin:0;padding:8px 4px;
    text-align:center;font-size:11px;line-height:1.35;
    border:0;border-top:1px solid var(--line);
    white-space:normal;overflow-wrap:break-word;
  }
  .site-header:has(.secondary-nav) .secondary-nav .nav-contact {
    border-top:1px solid var(--line);color:var(--ink);
  }
}

@media (max-width: 720px) {
  html {scroll-padding-top:22px;}
  body {overflow-x:clip;}
  .container {width:calc(100% - 36px);max-width:540px;}
  .site-header .brand-logo {width:108px;height:68px;object-fit:contain;}
  .language-option {min-height:35px;}
  .language-option img {display:block;}

  /* Aynı katalog deneyimi, telefona göre ölçülendirilmiş yazılar ve görseller. */
  .hero-grid {grid-template-columns:minmax(0,1fr);gap:24px;padding:33px 0 30px;min-height:0;}
  .hero-content {min-width:0;padding:0;}
  .hero-content .eyebrow {font-size:9px;letter-spacing:.2em;margin-bottom:19px;}
  #hero-title {font-size:clamp(48px,10.5vw,64px);line-height:1.07;letter-spacing:-.045em;margin-bottom:22px;}
  #hero-title .hero-slogan {
    display:inline-block;max-width:100%;font-size:clamp(28px,7.5vw,40px);
    line-height:1.2;letter-spacing:-.045em;overflow-wrap:break-word;white-space:normal;
  }
  .hero-description {max-width:100%;font-size:14px;line-height:1.85;margin-bottom:24px;}
  .hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;}
  .hero-actions .btn {min-height:49px;padding:12px 16px;gap:16px;font-size:11px;}
  .hero-actions .text-link {min-height:40px;gap:14px;font-size:11px;white-space:nowrap;}
  .hero-art {max-width:100%;min-width:0;}
  .hero-editorial-link {width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1.1;}
  .hero-editorial-photo {
    object-fit:cover;object-position:43% center;
    -webkit-mask-image:none;mask-image:none;
  }
  .hero-editorial-label {
    right:10px;bottom:10px;max-width:calc(100% - 20px);
    padding:9px 11px;font-size:9px;line-height:1.4;letter-spacing:.06em;
    display:inline-flex;align-items:center;gap:8px;
  }
  .hero-editorial-label span {display:inline-flex;align-items:center;margin:0;}
  .hero-editorial-label .md-arrow-icon {width:15px;height:15px;}

  .section-pad {padding:58px 0;}
  .contact-grid {grid-template-columns:minmax(0,1fr);gap:32px;}
  .contact h2 {font-size:clamp(47px,12vw,66px);}
  .contact-intro {font-size:14px;line-height:1.85;}
  .contact-location {margin:23px 0;padding:20px 0 7px;}
  .contact-location h3 {font-size:26px;}
  .contact-location address {font-size:13px;overflow-wrap:anywhere;}
  .contact-map-panel {min-width:0;max-width:100%;}
  .contact-map-top {padding:12px 13px;gap:10px;}
  .contact-map {width:100%;height:340px;max-width:100%;}
  .contact-map-footer {padding:12px 13px;min-height:52px;}
  .contact-large-action {min-height:50px;padding:12px 14px;gap:9px;font-size:11px;line-height:1.5;}
  .contact-message-wrap {padding-top:34px;}
  .contact-form input,.contact-form textarea {font-size:16px;}
  .quick-contact {right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));gap:9px;}
  .quick-link {width:46px;height:46px;}
  .footer-top {padding:32px 0;}
  .footer-bottom {padding:19px 0 30px;line-height:1.7;}

  /* Hakkımızda — üç tarih düzeni korunur, marka görseli orantılı kalır. */
  .about-page-hero {padding-top:32px;}
  .about-page-grid {grid-template-columns:minmax(0,1fr);gap:28px;}
  .about-page-intro h1 {font-size:clamp(42px,10.4vw,64px);overflow-wrap:break-word;}
  .about-page-lead {font-size:14px;line-height:1.85;}
  .about-page-monogram {min-height:235px;padding:27px;}
  .about-page-monogram img {max-width:100%;height:auto;}
  .about-page-story {padding-top:64px;}
  .about-story-layout {grid-template-columns:minmax(0,1fr);gap:24px;}
  .about-story-text > p:not(.eyebrow) {font-size:14px;line-height:1.95;}
  .about-year-sign {min-width:0;}

  /* Katalog ve ürün detayları, masaüstündeki fotoğraf ve renk işlevlerini korur. */
  .secondary-hero {padding:36px 0 24px;}
  .secondary-hero h1 {font-size:clamp(48px,11vw,68px);}
  .secondary-hero .intro {font-size:14px;}
  .catalog-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;}
  .catalog-tab {min-width:0;min-height:44px;padding:10px 4px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;letter-spacing:0;}
  .catalog-section {padding:32px 0 64px;}
  .catalog-head {align-items:center;gap:10px;flex-wrap:wrap;}
  .catalog-head h2 {font-size:clamp(30px,8vw,40px);}
  .catalog-count {font-size:9px;}
  .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .catalog-card .catalog-info {padding:12px;}
  .catalog-card h3 {font-size:clamp(20px,6vw,26px);line-height:1.18;overflow-wrap:break-word;}
  .catalog-visual {aspect-ratio:4/5;}
  .catalog-visual img {object-fit:cover;}
  .price-value {overflow-wrap:break-word;}
  .product-main {padding:25px 0 64px;}
  .detail-grid {grid-template-columns:minmax(0,1fr);gap:25px;}
  .detail-photo-outer {padding:12px;}
  .zoom-stage {max-height:none;aspect-ratio:4/5;}
  .detail-copy h1 {font-size:clamp(44px,10.6vw,62px);overflow-wrap:break-word;}
  .detail-description {font-size:14px;line-height:1.85;}
  .color-swatches {gap:10px 9px;}
  .color-swatch {width:43px;height:43px;}
  .color-swatch>span {width:27px;height:27px;}
  .outline-gold {min-height:46px;padding:12px 14px;}
}

@media (max-width: 600px) {
  /* Bilgisayardaki menü başlıkları telefonda da eksiksiz görünür. */
  .site-header:not(:has(.secondary-nav)) {height:auto;}
  .site-header:not(:has(.secondary-nav)) .nav-wrap {
    height:auto;min-height:0;display:flex;flex-wrap:wrap;
    align-items:center;gap:0 10px;padding:7px 0 6px;
  }
  .site-header:not(:has(.secondary-nav)) .brand {order:0;}
  .site-header:not(:has(.secondary-nav)) .language-switch {order:1;margin-left:auto;}
  .site-header .menu-toggle {display:none !important;}
  .site-header:not(:has(.secondary-nav)) .main-nav {
    display:grid!important;position:static;left:auto;right:auto;top:auto;
    order:2;width:100%;margin:0;padding:5px 0 0;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
    box-shadow:none;border:0;background:transparent;
  }
  .site-header:not(:has(.secondary-nav)) .main-nav > a,
  .site-header:not(:has(.secondary-nav)) .main-nav .nav-contact {
    min-width:0;min-height:40px;margin:0;padding:9px 3px;
    display:flex;align-items:center;justify-content:center;
    border:0;border-top:1px solid var(--line);
    white-space:normal;text-align:center;line-height:1.3;
    font-size:10.5px;letter-spacing:.01em;
  }
  .site-header:not(:has(.secondary-nav)) .main-nav .nav-contact span {margin-left:4px;}
  .site-header:not(:has(.secondary-nav)) .main-nav .nav-contact .md-arrow-icon {width:11px;height:11px;}
  .site-header:has(.secondary-nav) .secondary-nav {grid-template-columns:repeat(3,minmax(0,1fr));}
  .site-header:has(.secondary-nav) .secondary-nav a,
  .site-header:has(.secondary-nav) .secondary-nav .nav-contact {
    font-size:10.5px;min-height:40px;padding:9px 3px;
  }
}

@media (max-width: 360px) {
  .container {width:calc(100% - 30px);}
  .site-header:not(:has(.secondary-nav)) .main-nav>a,
  .site-header:has(.secondary-nav) .secondary-nav a {font-size:10px;}
  #hero-title {font-size:clamp(44px,11.4vw,49px);}
  #hero-title .hero-slogan {font-size:clamp(25px,7.8vw,29px);}
  .hero-actions {gap:10px 13px;}
  .hero-actions .btn {padding:12px 13px;font-size:10px;gap:11px;}
  .hero-actions .text-link {gap:9px;font-size:10px;}
  .hero-editorial-label {font-size:8px;letter-spacing:.03em;padding:8px 9px;}
  .catalog-grid {gap:9px;}
  .catalog-card .catalog-info {padding:10px 9px;}
  .catalog-card h3 {font-size:20px;}
  .contact-map {height:305px;}
}

@media (prefers-reduced-motion:reduce) {
  .hero-editorial-photo,.catalog-card,.catalog-visual img {transition:none!important;}
}