/* Sundekor K1 Stil Katmanı (sd-stil) — WCAG AA kontrast, odak, tek süreç bloğu ve mobil/AOS güvencesi */
:root {
  --secon: #707070;
  --green: #146C2E;
  --sd-green: #146C2E;
  --sd-accent-text: #2E42B2;
  --sd-yellow-bg: #F5CC14;
  --sd-dark: #1B1B1D;
}

/* 1. Kontrast düzeltmeleri (Normal metin >= 4.5:1, Büyük metin >= 3:1) */
.order-btn-cat a, .fast-order-btn a, .one-prod-colon .discover-btn-prod a,
.contant-form-area button, .contant-form-area .btn-primary, .sd-cta-yellow {
  background-color: #F5CC14 !important;
  color: #1B1B1D !important;
  font-weight: 600 !important;
}
.order-btn-cat a:hover, .fast-order-btn a:hover, .one-prod-colon .discover-btn-prod a:hover,
.contant-form-area button:hover, .contant-form-area .btn-primary:hover, .sd-cta-yellow:hover {
  background-color: #1B1B1D !important;
  color: #ffffff !important;
}
.discover-btn a, .sd-hero-cta { background-color: #1B1B1D; color: #ffffff; font-weight: 600; }
.discover-btn a:hover, .sd-hero-cta:hover, .product-area .title-public p {
  background-color: #F5CC14 !important;
  color: #1B1B1D !important;
  font-weight: 600;
}
.whatsapp-btn a, .whatsapp-btn-mobile a, .geex-badge--success, .sd-whatsapp-cta, .sd-sticky-cta a {
  background-color: #146C2E !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.whatsapp-btn a:hover, .whatsapp-btn-mobile a:hover, .sd-whatsapp-cta:hover, .sd-sticky-cta a:hover {
  background-color: #0F5132 !important;
  color: #ffffff !important;
}
.border-full-div h5, .product-area .card h3, #product-splide .content h2, .contant-form-area h3,
.title-brand h1, .title-brand h2, .card-count h3, .flexed-div-prod p i, .drop-menu .dropdown-menus li a:hover {
  color: #2E42B2 !important;
}
.card-count:nth-child(2) h3 { color: #1F5E9C !important; }
.card-count:nth-child(3) h3 { color: #9E4700 !important; }
.one-prod-colon, .one-prod-colon:nth-child(4), .mobile-menu ul li a:hover { color: #1B1B1D !important; }

/* 2. Renkten bağımsız link ayrımı ve klavye odak (:focus-visible) */
a[href^="#fiyat-kapsam"], .flexed-order-start .p-content a, .contant-form-area p a, .title-public p a,
.category-copy a, .blog-detail-content a, .seo-copy a, .sd-teklif-formu p a {
  color: #1B1B1D !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
  font-weight: 600;
}
a[href^="#fiyat-kapsam"]:hover, .flexed-order-start .p-content a:hover, .contant-form-area p a:hover,
.title-public p a:hover, .category-copy a:hover, .blog-detail-content a:hover, .seo-copy a:hover, .sd-teklif-formu p a:hover {
  color: #2E42B2 !important;
  text-decoration-style: double !important;
}
footer .sub-footer .copy a, footer p a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18em;
  font-weight: 600;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, .form-control:focus {
  outline: 3px solid #1B1B1D !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(245, 204, 20, 0.55) !important;
  border-color: #1B1B1D !important;
}
footer a:focus-visible, .discover-btn a:focus-visible, .whatsapp-btn a:focus-visible, .whatsapp-btn-mobile a:focus-visible {
  outline-color: #F5CC14 !important;
  box-shadow: 0 0 0 3px rgba(27, 27, 29, 0.85) !important;
}

/* 3. JS/CDN (AOS) olmadan görünürlük + ilk ekran CTA ve form son satırı koruması */
[data-aos], [data-aos^="fade"][data-aos^="fade"], [data-aos^="zoom"][data-aos^="zoom"],
[data-aos^="flip"][data-aos^="flip"], .contact-area [data-aos], .contant-form-area {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
#fiyat-kapsam, #teklif-formu, .contact-area, .contant-form-area,
.contant-form-area input, .contant-form-area select, .contant-form-area textarea, .contant-form-area button {
  scroll-margin-top: 5.5rem;
  scroll-margin-bottom: 5.5rem;
}
.contant-form-area { position: relative; z-index: 2; padding-bottom: 2.5rem !important; margin-bottom: 1.5rem; }
.whatsapp-btn-mobile a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem !important;
  line-height: 1.2;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.5rem;
  white-space: nowrap;
}

/* 4. Tek süreç bloğu (.order-s-area) ve kırılım düzeni (320 / 390 / 768 / 1440) */
.order-s-area, .order-s-area.pc { display: block !important; overflow-x: clip; }
.order-s-area.mobile { display: none !important; }
.order-s-area .flexed-order-start { align-items: center; row-gap: 1.25rem; }
.order-s-area .flexed-order-start img { max-width: 100%; height: auto; display: block; margin-inline: auto; }

@media (max-width: 991.98px) {
  .order-s-area [class^="absolute-arrow"], .order-s-area [class^="absolute-cup"],
  .order-s-area .col-md-1, .order-s-area .col-md-3 { display: none !important; }
  .contact-area .absolute-card-content { position: static !important; width: 100% !important; transform: none !important; margin-top: 1rem; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .order-s-area .flexed-order-start { margin: 2.5rem auto !important; }
  .order-s-area .flexed-order-start .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .order-s-area .flexed-order-start .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .order-s-area .flexed-order-start h2, .order-s-area .flexed-order-start h3 { font-size: 1.35rem; }
  .order-s-area .flexed-order-start p.p-content { width: 100% !important; font-size: 0.95rem; }
}
@media (max-width: 575.98px) {
  .order-s-area .flexed-order-start { display: flex; flex-direction: column; margin: 2rem auto !important; text-align: left; }
  .order-s-area .flexed-order-start > .col-sm-5, .order-s-area .flexed-order-start > .sd-surec-gorsel {
    order: 1; width: 100% !important; max-width: 15rem; margin: 0 auto 0.75rem;
  }
  .order-s-area .flexed-order-start > .col-sm-7, .order-s-area .flexed-order-start > .sd-surec-metin {
    order: 2; width: 100% !important; max-width: 100%;
  }
  .order-s-area .flexed-order-start p.p-content { width: 100% !important; font-size: 0.95rem; line-height: 1.55; }
  .contact-area { padding-bottom: 4.5rem; }
}
@media (max-width: 349.98px) {
  html, body { overflow-x: hidden; }
  .menus .col-xl-8, .menus .col-xl-2:nth-child(3),
  .discover-area .dotted-line, .discover-area .dotted-line2, .discover-area .dotted-line3 { display: none !important; }
  .menus .col-xl-2:first-child { display: flex; justify-content: space-between; align-items: center; width: 100%; }
  .mobile-buttons { display: flex !important; align-items: center; gap: 0.4rem; }
  .mobile-menu-Trigger { display: block !important; }
  .discover-area .title h1 { font-size: 1.4rem; line-height: 1.3; }
  .discover-area .title p, .title-public p { width: 100% !important; font-size: 0.9rem; }
  .blur-filter1, .blur-filter2 { width: 6rem !important; height: 6rem !important; }
  .flexed-prod { display: block !important; }
}

/* 21 Eki sıcak düzeltme (masa sd-hero-cta-sicak-2026-10-21): hero iki CTA mobilde tek satıra sığmıyor, ikincisi kesilip bölünüyordu → esnek sarma. */
.product-content .content-item .discover-btn{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.product-content .content-item .discover-btn a{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}

/* 5. İletişim bölümü (21 Eki, Kaan ekran görüntüsü): uzun formda "Seramik Kupa" kartı fotoğraftan kopup sütunun dibine
   düşüyordu → masaüstünde sol sütun form boyu uzamaz, kart fotoğrafın köşesinde kalır. KVKK bağlantısı paragrafın
   1,5rem eğik stilini miras alıp başlık gibi görünüyordu → düz, küçük metin. */
@media (min-width: 992px) {
  .contact-area .row > .col-lg-5 { align-self: flex-start; }
}
.sd-teklif-formu > p:not([id]):not([role]) { font-size: 0.95rem !important; font-style: normal !important; font-weight: 400 !important; margin: 1rem 0 0 !important; }
.sd-teklif-formu > p:not([id]):not([role]) a { font-weight: 500; }

/* GOAT 2026-10-22: menü düğmeleri div → button (kör denetim erişilebilirlik); varsayılan düğme görünümü sıfırlanır */
.sd-ikon-dugme { background: none; border: 0; padding: 0; margin: 0; color: inherit; font: inherit; line-height: 1; cursor: pointer; }
.sd-ikon-dugme:focus-visible { outline: 2px solid #F3C300; outline-offset: 3px; }

/* GOAT 27 Eki 2026 F-15 A2: ana sayfa ürün kartı görselleri sabit yükseklikte esnemesin (Lighthouse image-aspect-ratio, BP 96 → 100). */
.product-area .card .rand-img { object-fit: cover; }

/* GOAT 25 Eki 2026 derin paket (ChatGPT derin denetim A01–A05; kurallar site.min.css kaynağında doğrulandı) */
/* A01: .fixed-menu .mobile-menu üst düzeyde display:none — yalnız 350–480,98 px geri açılıyordu. Kap dönüşümü (transform) fixed çocukların konumunu kaba bağladığı için ≤991,98 px'te kaldırılır. */
@media (max-width:991.98px){.container.menus.fixed-menu{left:0;right:0;transform:none;max-width:none;width:100%;top:0;border-radius:0}.fixed-menu .mobile-menu{left:-250px;margin:0;display:block !important}.fixed-menu .mobile-menu.open{left:-1px !important}}
/* A02: 992–1199 px'te masaüstü dil seçici gizli, mobil panel de gizliydi → hiçbir dil seçici yoktu */
@media (min-width:992px) and (max-width:1199px){.site-tools{display:inline-flex}}
/* A03: mobil panelde kapatma ikonu koyu zemin üstünde koyuydu (.sd-ikon-dugme color:inherit) */
.mobile-menu .close-menu,.mobile-menu .close-menu i{color:#fff}
.mobile-menu .close-menu:hover i,.mobile-menu .close-menu:focus-visible i{color:#F5CC14}
/* A04: /urunler 3. sütun düğmesi koyu zemin + koyu metin (1:1) */
.one-prod-colon:nth-child(3) .discover-btn-prod a{color:#fff !important}
.one-prod-colon:nth-child(3) .discover-btn-prod a img{filter:invert(1)}
/* A05: AR dar ekranda süreç metni sola yaslanıyordu */
@media (max-width:575.98px){[dir="rtl"] .order-s-area .flexed-order-start{text-align:start}}