/* ===================================================================
   gorunum.css — Görünüm stilleri (data-gorunum)
   klasik  = VARSAYILAN (site.css olduğu gibi; burada kural yoktur).
   modern  = keskin köşe · düz yüzey · sans başlık.
   kompakt = sıkı boşluk · küçük köşe · çok ürün sığar.
   Yalnız yerleşim/biçim değişir; renk paleti theme-*.css'tedir.
   =================================================================== */

/* ============================ MODERN ============================ */
[data-gorunum="modern"] .panel { border-radius: 6px; box-shadow: 0 1px 0 var(--line); }
[data-gorunum="modern"] .cat-btn,
[data-gorunum="modern"] .feature-owl .thumb,
[data-gorunum="modern"] .about-img,
[data-gorunum="modern"] .loc-card,
[data-gorunum="modern"] .loc-icon { border-radius: 6px; }
[data-gorunum="modern"] .ft,
[data-gorunum="modern"] .ff .form-control,
[data-gorunum="modern"] .contact-list .ci,
[data-gorunum="modern"] .search-results,
[data-gorunum="modern"] .sr-item img,
[data-gorunum="modern"] .pill-btn,
[data-gorunum="modern"] .alt-kat-cip { border-radius: 5px; }

/* düz yüzey: yumuşak gölgeleri kaldır, çizgiyi öne çıkar */
[data-gorunum="modern"] .cat-btn,
[data-gorunum="modern"] .alt-kat-cip,
[data-gorunum="modern"] .loc-card,
[data-gorunum="modern"] .about-img,
[data-gorunum="modern"] .feature-owl .thumb { box-shadow: none; }
[data-gorunum="modern"] .cat-btn { border-color: var(--line); }

/* tipografi: başlıklar sans + geniş harf aralığı */
[data-gorunum="modern"] h1,
[data-gorunum="modern"] h2,
[data-gorunum="modern"] h3,
[data-gorunum="modern"] .display-font,
[data-gorunum="modern"] .offcanvas-title { font-family: 'Jost', sans-serif; letter-spacing: .4px; font-weight: 600; }
[data-gorunum="modern"] .section-head h3,
[data-gorunum="modern"] .slide-caption h2 { text-transform: uppercase; letter-spacing: 2px; font-size: 1.6rem; }

/* ============================ KOMPAKT ============================ */
[data-gorunum="kompakt"] .panel { padding: 18px 12px 20px; margin: 14px 10px; border-radius: 14px; }
[data-gorunum="kompakt"] .section-head { margin-bottom: 16px; }
[data-gorunum="kompakt"] .section-head h3 { font-size: 1.6rem; }
[data-gorunum="kompakt"] .cat-grid { gap: 9px; }
/* Kompakt'ın işi çok kategoriyi az yer kaplayarak göstermek → klasik/modern'deki KARE oran
   burada bilerek uygulanmaz; kart yatay (4/3) kalır ama yine de oransaldır (sabit yükseklik
   değil), yani genişledikçe şeride dönüşmez. */
[data-gorunum="kompakt"] .cat-btn { aspect-ratio: 4 / 3; min-height: 64px; padding: 10px 9px; border-radius: 12px; }
[data-gorunum="kompakt"] .feature-owl .thumb { border-radius: 12px; }
[data-gorunum="kompakt"] .alt-kat-serit { padding: 10px 14px 2px; }
[data-gorunum="kompakt"] .alt-kat-cip { padding: 7px 13px; }
[data-gorunum="kompakt"] .contact-list li { padding: 10px 4px; }