/* ============================================================
   SWL — QSL Müzesi kart bölümü
   Palet, TA QSL Tarihi (açık kum) ile Hakkımızda (koyu kahve)
   ARASINDA konumlandı; üç sayfa arka arkaya gezilince ton
   açıktan koyuya ilerliyor.
   ============================================================ */
.swl-modul{
  --swl-primary:#a9702a;
  --swl-secondary:#c58f4a;
  --swl-heading:#2f2618;
  --swl-text:#5b5142;
  --swl-muted:#8a7c68;
  --swl-light:#f4eee1;
  --swl-kum:#e9e3d6;
  --swl-border:#ded3bd;
  --swl-zemin:#eee7d9;
  --swl-radius:18px;
  --swl-shadow:0 18px 40px -20px rgba(47,38,24,.26);
  --swl-bar:70px;

  /* tema kabından taşıp tam genişliğe yayılır */
  width:100vw;max-width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  color:var(--swl-text);line-height:1.7;overflow:hidden;
}

/* Blok düzeni `margin-block-*` ile dikey boşluğu sıfırlıyor; mantıksal
   özelliği daha yüksek özgüllükle yazmak gerekiyor. Üstte main'in 64px
   dolgusunu, altta main + grup dolgusunu geri alıyoruz ki bant header ve
   footer'a yaslansın (Hakkımızda sayfasındaki gibi). */
/* Rakip kural `:root :where(.is-layout-flow) > :first-child` (0,2,0) ile
   berabereydi, sıra onu öne geçiriyordu. Sınıfı iki kez yazıp (0,3,0)
   !important'sız öne geçiyoruz. */
:root .swl-modul.swl-modul{
  margin-block-start:-64px;
  margin-block-end:calc((var(--wp--preset--spacing--70, 3.38rem) + 64px) * -1);
}
.swl-modul *{box-sizing:border-box}
.swl-modul img{max-width:100%;display:block}
/* DİKKAT: `font:inherit` kısayolu font-size'ı da kapsıyor ve özgüllüğü
   (0,1,1) tek sınıflı kurallardan yüksek — modüldeki bütün düğmelerin
   kendi boyutunu eziyordu. Yalnızca aileyi miras alıyoruz. */
.swl-modul button{font-family:inherit;font-weight:inherit}
.swl-modul h2,.swl-modul h3{color:var(--swl-heading);line-height:1.2;margin:0;font-weight:800}
.swl-modul p{margin:0 0 18px}
.swl-modul a{color:var(--swl-primary)}
.swl-modul a:hover{color:var(--swl-secondary)}

.swl-ic{max-width:1120px;margin:0 auto;padding:0 24px}
.swl-bolum{padding:74px 0}
.swl-bolum.alt{background:var(--swl-light)}
.swl-bolum-bas{text-align:center;max-width:660px;margin:0 auto 40px}
.swl-bolum-bas h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 12px}
.swl-bolum-bas p{margin:0}

/* ---------- giriş bandı (başlık temadan gelir) ---------- */
.swl-hero{position:relative;overflow:hidden;text-align:center;padding:34px 0 36px;
  background:linear-gradient(165deg,#f7f1e4 0%,#ece3d1 52%,#ddd0b6 120%);
  border-bottom:1px solid var(--swl-border)}
.swl-hero::before{content:"";position:absolute;inset:-12%;pointer-events:none;filter:blur(34px);
  background-image:radial-gradient(circle at 20% 26%,rgba(224,123,26,.13),transparent 62%),
                   radial-gradient(circle at 84% 18%,rgba(169,143,96,.20),transparent 66%)}
.swl-hero .swl-ic{position:relative;z-index:2}
/* Giriş metni, altındaki arama alanının önüne geçmesin diye küçültüldü:
   gövde ölçüsünün biraz altında (15–16px), arama kutusu 14px. */
.swl-hero p{color:var(--swl-text);max-width:64ch;margin:0 auto;
  font-size:clamp(.94rem,1.15vw,1rem);line-height:1.65}

/* ---------- koleksiyon bandı ---------- */
.swl-koleksiyon{padding-bottom:74px;
  background:linear-gradient(180deg,#f6f1e6 0%,#fdfbf7 220px,#fff 480px)}

.swl-filtre-sarma{position:sticky;top:0;z-index:40;background:rgba(253,251,247,.97);
  border-bottom:1px solid var(--swl-border);padding:14px 0;margin:0}
.swl-filtre{max-width:1120px;margin:0 auto;padding:0 24px;
  display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.swl-ara{position:relative;flex:1 1 250px;min-width:210px;margin:0}
.swl-ara svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;
  stroke:var(--swl-muted);fill:none;stroke-width:2;pointer-events:none}
.swl-ara input{width:100%;padding:12px 38px;border:1px solid var(--swl-border);border-radius:999px;
  background:#fff;color:var(--swl-heading);font-size:14px;outline:none;margin:0;
  transition:border-color .2s,box-shadow .2s}
.swl-ara input::placeholder{color:var(--swl-muted)}
.swl-ara input:focus{border-color:var(--swl-secondary);box-shadow:0 0 0 3px rgba(197,143,74,.18)}
.swl-ara-temizle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;
  color:var(--swl-muted);cursor:pointer;font-size:17px;line-height:1;padding:6px 8px;border-radius:50%;display:none}
.swl-ara-temizle:hover{background:var(--swl-light);color:var(--swl-heading)}

.swl-modul select.swl-sec{appearance:none;-webkit-appearance:none;border:1px solid var(--swl-border);
  border-radius:999px;background:#fff;color:var(--swl-heading);font-size:13.5px;
  padding:12px 34px 12px 16px;cursor:pointer;outline:none;max-width:240px;height:auto;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a7c68' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 14px center}
.swl-modul select.swl-sec:focus{border-color:var(--swl-secondary);box-shadow:0 0 0 3px rgba(197,143,74,.18)}

.swl-sifirla{border:0;background:transparent;color:var(--swl-primary);font-size:13px;font-weight:600;
  cursor:pointer;padding:10px 6px;display:none;white-space:nowrap}
.swl-sifirla:hover{color:var(--swl-secondary)}

.swl-aktifler{display:flex;gap:7px;flex-wrap:wrap;width:100%}
.swl-aktifler:empty{display:none}
.swl-aktif{display:inline-flex;align-items:center;gap:7px;background:var(--swl-light);
  border:1px solid var(--swl-border);border-radius:999px;padding:5px 6px 5px 13px;
  font-size:12.5px;color:var(--swl-heading)}
.swl-aktif button{border:0;background:#fff;color:var(--swl-muted);width:18px;height:18px;border-radius:50%;
  cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;padding:0}
.swl-aktif button:hover{background:var(--swl-primary);color:#fff}

.swl-rozet-satir{display:flex;gap:9px;overflow-x:auto;padding:20px 0 4px;scrollbar-width:thin}
.swl-rozet-satir::-webkit-scrollbar{height:5px}
.swl-rozet-satir::-webkit-scrollbar-thumb{background:var(--swl-border);border-radius:9px}
.swl-rozet{flex:0 0 auto;border:1px solid var(--swl-border);background:#fff;border-radius:999px;
  padding:6px 13px;font-size:12.5px;color:var(--swl-heading);cursor:pointer;white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px;transition:.2s;line-height:1.4}
.swl-rozet:hover{border-color:var(--swl-secondary);background:var(--swl-light)}
.swl-rozet[aria-pressed="true"]{background:var(--swl-primary);border-color:var(--swl-primary);color:#fff}
.swl-rozet[aria-pressed="true"] .swl-sayi{background:rgba(255,255,255,.22);color:#fff}
.swl-sayi{background:var(--swl-light);color:var(--swl-muted);font-size:10.5px;font-weight:700;
  border-radius:999px;padding:1px 7px;line-height:1.5}

.swl-sonuc-satir{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:22px 0 16px;font-size:13.5px;color:var(--swl-muted);flex-wrap:wrap}
.swl-sonuc-satir b{color:var(--swl-heading);font-weight:700}

/* ---------- ızgara ---------- */
.swl-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:22px;
  scroll-margin-top:calc(var(--swl-bar) + 12px)}
@media(max-width:640px){.swl-izgara{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}}

.swl-oge{border:0;padding:0;background:transparent;cursor:pointer;text-align:left;display:block;width:100%}
.swl-oge:focus-visible{outline:3px solid rgba(197,143,74,.5);outline-offset:3px;border-radius:6px}
.swl-gorsel{position:relative;aspect-ratio:14/9;background:var(--swl-zemin);overflow:hidden;
  border-radius:10px;box-shadow:0 2px 10px -6px rgba(47,38,24,.4);transition:box-shadow .3s,transform .3s}
.swl-oge:hover .swl-gorsel{box-shadow:0 16px 34px -18px rgba(47,38,24,.55);transform:translateY(-2px)}
.swl-gorsel img{width:100%;height:100%;object-fit:contain;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.swl-oge:hover .swl-gorsel img{transform:scale(1.035)}
.swl-gorsel::after{content:"";position:absolute;inset:0;background:rgba(47,38,24,0);transition:background .25s}
.swl-oge:hover .swl-gorsel::after{background:rgba(47,38,24,.15)}

.swl-buyut{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center;opacity:0;transition:.25s;pointer-events:none;z-index:3}
.swl-buyut svg{width:17px;height:17px;stroke:var(--swl-heading);fill:none;stroke-width:2}
.swl-oge:hover .swl-buyut{opacity:1;transform:translate(-50%,-50%) scale(1)}

.swl-ust-etiket{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 12px 10px;
  background:linear-gradient(to top,rgba(47,38,24,.84),rgba(47,38,24,0));
  color:#fff;opacity:0;transform:translateY(6px);transition:.25s;pointer-events:none}
.swl-oge:hover .swl-ust-etiket,.swl-oge:focus-visible .swl-ust-etiket{opacity:1;transform:none}
.swl-kod{display:block;font-size:13px;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.swl-yer{display:block;font-size:11px;opacity:.8;margin-top:1px}
.swl-izgara.swl-arama-var .swl-ust-etiket{opacity:1;transform:none}
@media(hover:none){.swl-ust-etiket{opacity:1;transform:none}}
.swl-modul mark{background:rgba(197,143,74,.32);color:inherit;border-radius:3px;padding:0 2px}
.swl-ust-etiket mark{background:rgba(197,143,74,.55);color:#fff}

.swl-gorsel.swl-yok img{display:none}
.swl-gorsel.swl-yok{display:grid;place-items:center}
.swl-gorsel.swl-yok::before{content:attr(data-kod);color:var(--swl-muted);font-size:12.5px;font-weight:600;
  text-align:center;padding:0 8px;word-break:break-all}
.swl-gorsel.swl-yok .swl-ust-etiket,.swl-gorsel.swl-yok .swl-buyut{display:none}

.swl-bos{text-align:center;padding:70px 20px;color:var(--swl-muted);grid-column:1/-1}
.swl-bos h3{font-size:18px;margin:0 0 8px}
.swl-bos button{margin-top:16px;border:1px solid var(--swl-border);background:#fff;border-radius:999px;
  padding:11px 24px;font-size:13.5px;cursor:pointer;color:var(--swl-primary)}

/* ---------- sayfalama ---------- */
.swl-sayfalama{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:46px 0 0}
.swl-sayfalama:empty{display:none}
.swl-sayfa-dugme{min-width:42px;height:42px;padding:0 13px;border:1px solid var(--swl-border);background:#fff;
  color:var(--swl-heading);border-radius:12px;font-size:14px;cursor:pointer;transition:.2s;
  font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  text-decoration:none}
a.swl-sayfa-dugme:hover{border-color:var(--swl-secondary);color:var(--swl-primary)}
.swl-sayfa-dugme[aria-current]{background:var(--swl-primary);border-color:var(--swl-primary);
  color:#fff;font-weight:700}
.swl-sayfa-dugme.swl-kapali{opacity:.35;cursor:default}
.swl-sayfa-dugme:focus-visible{outline:3px solid rgba(197,143,74,.45);outline-offset:2px}
.swl-sayfalama svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2}
.swl-uc{color:var(--swl-border);padding:0 2px;user-select:none;min-width:22px;text-align:center}
.swl-sayfa-bilgi{text-align:center;margin:16px 0 0;font-size:12.5px;color:var(--swl-muted)}
.swl-sayfa-bilgi:empty{display:none}
@media(max-width:560px){
  .swl-sayfalama .swl-yazi{display:none}
  .swl-sayfa-dugme{min-width:40px;padding:0 10px}
}

/* ---------- açıklama bölümleri ---------- */
.swl-ikili{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
@media(max-width:820px){.swl-ikili{grid-template-columns:1fr;gap:34px}}
.swl-ikili h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:18px}
.swl-lead{border-left:3px solid var(--swl-secondary);padding-left:18px;
  color:var(--swl-heading);font-weight:500}
.swl-alinti{background:linear-gradient(150deg,#4a3a28,#6b4f31);color:#fff;
  border-radius:var(--swl-radius);padding:38px 36px;box-shadow:var(--swl-shadow)}
.swl-tirnak{font-size:56px;line-height:.6;color:var(--swl-secondary);font-family:Georgia,serif}
.swl-alinti p{color:rgba(255,255,255,.92);font-size:1.04rem;margin:12px 0 0}

.swl-kutular{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:820px){.swl-kutular{grid-template-columns:1fr}}
.swl-kutu{background:#fff;border:1px solid var(--swl-border);border-radius:14px;padding:26px 24px;
  border-top:3px solid var(--swl-secondary);transition:transform .25s,box-shadow .25s,border-color .25s}
.swl-kutu:hover{transform:translateY(-6px);box-shadow:var(--swl-shadow);border-color:var(--swl-secondary)}
.swl-kutu h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}
.swl-kutu p{margin:0;font-size:14.5px;line-height:1.65}

/* ---------- bağış bandı ---------- */
.swl-cta{background:linear-gradient(150deg,#5a4632,#7a5c3a);color:#fff;text-align:center;padding:58px 0}
.swl-cta h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:14px}
.swl-cta p{color:rgba(255,255,255,.85);max-width:56ch;margin:0 auto 26px}
.swl-modul a.swl-dugme{display:inline-block;background:var(--swl-secondary);color:#3a2c1c;font-weight:700;
  padding:13px 30px;border-radius:100px;font-size:14.5px;transition:.2s;text-decoration:none}
.swl-modul a.swl-dugme:hover{background:#fff;color:#4a3a28}

.swl-basa-don{position:fixed;right:22px;bottom:22px;z-index:50;width:46px;height:46px;border-radius:50%;
  border:1px solid var(--swl-border);background:#fff;color:var(--swl-heading);cursor:pointer;
  display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s;
  box-shadow:0 8px 22px -10px rgba(47,38,24,.5)}
.swl-basa-don.swl-gorunur{opacity:1;pointer-events:auto}
.swl-basa-don svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.2}
.swl-basa-don:hover{border-color:var(--swl-secondary);color:var(--swl-primary)}

/* ---------- büyüteç ---------- */
.swl-buyutec{position:fixed;inset:0;z-index:100000;background:rgba(38,28,16,.90);
  display:none;align-items:center;justify-content:center;padding:26px}
.swl-buyutec.swl-acik{display:flex}
.swl-buyutec-govde{width:auto;max-width:min(1080px,92vw);min-width:min(420px,92vw);
  display:flex;flex-direction:column;gap:14px}
.swl-sahne{position:relative;background:#2b2015;border-radius:14px;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.swl-sahne img{display:block;width:auto;height:auto;max-width:min(1080px,92vw);max-height:70vh}
.swl-yuz-etiket{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.14);color:#fff;
  font-size:11.5px;border-radius:999px;padding:5px 12px;letter-spacing:.03em}
.swl-buyutec-bilgi{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;color:#fff}
.swl-buyutec-bilgi h3{color:#fff;font-size:21px;font-weight:700;margin:0}
.swl-buyutec-bilgi p{margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.65)}
.swl-sayac{color:rgba(255,255,255,.45);font-size:12px;font-variant-numeric:tabular-nums}
.swl-arac{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.swl-bt{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;
  border-radius:999px;padding:10px 17px;font-size:13px;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;transition:.2s}
.swl-bt:hover:not(:disabled){background:rgba(255,255,255,.2)}
.swl-bt:disabled{opacity:.32;cursor:default}
.swl-bt svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.swl-bt-birincil{background:var(--swl-secondary);border-color:var(--swl-secondary);
  color:#3a2c1c;font-weight:600}
.swl-bt-birincil:hover:not(:disabled){background:#fff;border-color:#fff}
.swl-kapat{position:absolute;top:16px;right:18px;z-index:3;border:0;background:rgba(255,255,255,.14);
  color:#fff;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}
.swl-kapat:hover{background:rgba(255,255,255,.3)}
.swl-gez{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;
  background:rgba(255,255,255,.14);color:#fff;width:44px;height:44px;border-radius:50%;
  cursor:pointer;display:grid;place-items:center}
.swl-gez:hover{background:rgba(255,255,255,.3)}
.swl-gez svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2}
.swl-sol{left:14px}.swl-sag{right:14px}
.swl-ipucu{font-size:11.5px;color:rgba(255,255,255,.45);text-align:center;margin:0}
.swl-ipucu kbd{background:rgba(255,255,255,.12);border-radius:4px;padding:1px 6px;
  font-family:inherit;font-size:11px}
@media(max-width:640px){
  .swl-buyutec{padding:12px}
  .swl-gez{width:36px;height:36px}
  .swl-buyutec-bilgi h3{font-size:17px}
  .swl-ipucu{display:none}
}

.swl-filtre-alt{display:contents}
@media(max-width:720px){
  .swl-filtre{flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:9px}
  .swl-ara{flex:0 0 auto}
  .swl-filtre-alt{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .swl-filtre-alt::-webkit-scrollbar{display:none}
  .swl-filtre-alt>*{flex:0 0 auto}
  .swl-modul select.swl-sec{max-width:none}
  .swl-aktifler{display:none}
  .swl-bolum{padding:52px 0}
  .swl-hero{padding:26px 0 28px}
}

@media(prefers-reduced-motion:reduce){
  .swl-modul *{transition:none!important;animation:none!important}
}