/* ==========================================================================
   Notice Bedding — anasayfa
   Yapı/ölçüler yatsan.com'dan uyarlandı:
   konteyner 1210px · header 36+100px · H2 30/36 w500 · H3 24/28 w500
   hap buton r50px h40 · kart r8px · ızgara boşluğu 4px · çizgi #EEE
   ========================================================================== */

:root{
  --lacivert:#172258;
  --lacivert-koyu:#0D1436;
  --alev:#E85311;
  --alev-acik:#FF6B26;
  --alev-soluk:#FDF0EA;

  --metin:#2E2E2E;
  --gri:#6E6E6E;
  --gri-acik:#9B9B9B;
  --cizgi:#EEEEEE;
  --yuzey:#F7F7F7;
  --beyaz:#fff;

  --font:"Satoshi","Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;

  --kap:1210px;
  --yan:32px;
  --ust:36px;
  --header:100px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--beyaz);color:var(--metin);
  font-family:var(--font);font-size:16px;line-height:1.55;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;font-weight:500;letter-spacing:-.01em}
p{margin:0}
:focus-visible{outline:2px solid var(--alev);outline-offset:3px}

.kap{width:100%;max-width:var(--kap);margin-inline:auto;padding-inline:20px}
.tam{width:100%;padding-inline:var(--yan)}

h2,.h2{font-size:30px;line-height:36px}
h3,.h3{font-size:24px;line-height:28px}
.gvd{color:var(--gri);font-size:16px;line-height:1.65}

/* ---------- hap butonlar (yatsan ölçüleri) ---------- */
.hap{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:40px;padding:0 24px;border-radius:50px;border:1px solid var(--cizgi);
  background:#fff;color:var(--metin);font-size:14px;font-weight:300;white-space:nowrap;
  transition:background .3s,color .3s,border-color .3s
}
.hap:hover{background:var(--metin);border-color:var(--metin);color:#fff}
.hap svg{width:14px;height:14px;flex:none}
.hap--koyu{border-color:var(--metin);background:transparent}
.hap--koyu:hover{background:var(--metin);color:#fff}
.hap--alev{background:var(--alev);border-color:var(--alev);color:#fff;font-weight:500}
.hap--alev:hover{background:var(--alev-acik);border-color:var(--alev-acik);color:#fff}
.hap--seffaf{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(6px)}
.hap--seffaf:hover{background:#fff;color:var(--metin);border-color:#fff}
.hap--buyuk{height:50px;padding:0 26px;font-size:14px;font-weight:400}

/* ==========================================================================
   ÜST ÇUBUK + HEADER
   ========================================================================== */
.ustcubuk{height:var(--ust);border-bottom:1px solid var(--cizgi);font-size:12px;color:var(--gri)}
.ustcubuk .tam{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}
.ustcubuk a{transition:color .25s}
.ustcubuk a:hover{color:var(--metin)}
.ustcubuk__sol{display:flex;align-items:center;gap:18px}
.ustcubuk__sol a{display:flex;align-items:center;gap:7px;font-weight:500;color:var(--metin)}
.ustcubuk__sol svg{width:13px;height:13px;color:var(--alev);flex:none}
.ustcubuk__sag{display:flex;align-items:center;gap:24px}
.ustcubuk__ayrac{width:1px;height:12px;background:var(--cizgi)}
.dil{display:flex;align-items:center;gap:4px}
.dil a{padding:2px 6px;border-radius:3px;font-weight:500}
.dil a[aria-current]{background:var(--metin);color:#fff}

.header{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .3s}
.header.sabit{box-shadow:0 1px 0 var(--cizgi),0 12px 30px rgba(0,0,0,.045)}
.header__ic{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}

.nav{display:flex;align-items:center;gap:28px}
.nav>li>a,.nav>li>button{
  display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;
  padding:6px 0;position:relative;white-space:nowrap;transition:color .25s;cursor:pointer
}
.nav>li>a:hover,.nav>li>button:hover{color:var(--alev)}
.nav>li.acik>a.navbas{color:var(--alev)}
.nav .ok{width:11px;height:11px;transition:transform .3s;opacity:.7}
.nav>li.acik .ok{transform:rotate(180deg)}
.nav>li.acik>button{color:var(--alev)}

.logo{position:absolute;left:50%;transform:translateX(-50%);width:140px}

.header__sag{display:flex;align-items:center;gap:10px}
.katbtn{
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 10px 0 20px;
  border-radius:50px;background:var(--alev);color:#fff;font-size:14px;font-weight:500;
  transition:background .3s,transform .3s
}
.katbtn:hover{background:var(--alev-acik);transform:translateY(-1px)}
.katbtn i{
  width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);
  display:grid;place-items:center;flex:none;transition:transform .35s
}
.katbtn:hover i{transform:translateY(2px)}
.katbtn svg{width:14px;height:14px}
.iletbtn{
  display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;
  border-radius:50px;border:1px solid var(--cizgi);font-size:14px;font-weight:500;
  transition:border-color .3s,color .3s,background .3s
}
.iletbtn svg{width:15px;height:15px;color:var(--alev);transition:color .3s}
.iletbtn:hover{background:var(--metin);border-color:var(--metin);color:#fff}
.iletbtn:hover svg{color:#fff}
.hamburger{display:none;width:40px;height:40px;place-items:center}
.hamburger span{display:block;width:22px;height:1.5px;background:currentColor;position:relative}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:currentColor}
.hamburger span::before{top:-7px}.hamburger span::after{top:7px}

/* ---------- mega menü ---------- */
.mega{
  position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--cizgi);
  box-shadow:0 24px 40px rgba(0,0,0,.07);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .28s,transform .28s,visibility .28s
}
.nav>li.acik .mega{opacity:1;visibility:visible;transform:none}
.mega__ic{max-width:1440px;margin-inline:auto;padding:44px var(--yan) 56px;display:grid;grid-template-columns:312px 1fr}
.mega__raf{border-right:1px solid var(--cizgi);padding-right:32px}
.mega__raf a{
  display:flex;align-items:center;gap:18px;width:100%;text-align:left;
  padding:14px 12px;border-radius:8px;font-size:19px;font-weight:400;color:var(--metin);
  transition:background .25s,color .25s
}
.mega__raf a svg{width:34px;height:26px;flex:none;color:var(--gri-acik);transition:color .25s}
.mega__raf a:hover,.mega__raf a[aria-selected="true"]{background:var(--yuzey)}
.mega__raf a:hover{color:var(--alev)}
.mega__raf a[aria-selected="true"] svg{color:var(--alev)}
/* küçük açılır menü (Kurumsal) */
.nav>li.mini{position:relative}
.mega--mini{
  left:-16px;right:auto;width:246px;top:calc(100% + 4px);
  border:1px solid var(--cizgi);border-top:1px solid var(--cizgi);border-radius:8px;
  box-shadow:0 18px 34px rgba(0,0,0,.09);padding:10px
}
.minimenu li a{display:block;padding:10px 14px;border-radius:6px;font-size:14px;
  transition:background .22s,color .22s}
.minimenu li a:hover{background:var(--yuzey);color:var(--alev)}
.mega__panel{display:none;padding-left:56px}
.mega__panel.etkin{display:block;animation:megaGir .35s ease}
@keyframes megaGir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mega__panel>h3{font-size:24px;font-weight:500;margin-bottom:26px}
.mega__sutunlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.mega__g+.mega__g{margin-top:26px}
.mega__g h4{font-size:14px;font-weight:500;color:var(--gri);margin:0 0 10px}
.mega__g li a{display:block;padding:4px 0;font-size:14px;color:var(--metin);transition:color .22s,transform .22s}
.mega__g li a:hover{color:var(--alev);transform:translateX(4px)}

/* ---------- mobil çekmece ---------- */
.cekmece{
  position:fixed;inset:0;z-index:90;background:#fff;padding:20px var(--yan) 40px;overflow-y:auto;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.7,0,.2,1)
}
.cekmece.acik{transform:none}
.cekmece__ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.cekmece__ust img{width:130px}
.kapat{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--cizgi);border-radius:50%}
.kapat svg{width:15px;height:15px}
.cekmece nav a{display:block;padding:15px 0;border-bottom:1px solid var(--cizgi);font-size:19px}
.cekmece__alt{margin-top:26px;display:grid;gap:10px;font-size:14px;color:var(--gri)}
.cekmece__alt .hap,.cekmece__alt .katbtn{margin-top:8px;justify-content:center}

/* ==========================================================================
   HERO — tek video
   ========================================================================== */
.hero{position:relative;height:calc(100vh - var(--ust) - var(--header));min-height:520px;max-height:780px;
  overflow:hidden;background:#0D1436}
.hero video,.hero>img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(transparent 66%,rgba(10,14,32,.42))}
.hero__oynat{
  position:absolute;right:24px;bottom:22px;z-index:3;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);
  display:grid;place-items:center;color:#fff;backdrop-filter:blur(6px);transition:background .3s,color .3s
}
.hero__oynat:hover{background:#fff;color:var(--metin)}
.hero__oynat svg{width:15px;height:15px}

/* ==========================================================================
   BÖLÜM İSKELETİ
   ========================================================================== */
.bolum{padding:72px 0}
.bolum--dar{padding:48px 0}
.bolum__bas{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}
.bolum__bas--sade{margin-bottom:26px}
.bolum__bas h2{font-weight:500}
.bolum__bas .alt{font-size:16px;color:var(--gri);margin-top:4px}

/* ---------- kategoriler ---------- */
.katlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kategori{display:flex;flex-direction:column;gap:14px}
.kategori__g{
  position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;
  background:var(--yuzey);display:block
}
.kategori__g img{width:100%;height:100%;object-fit:cover;
  transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.kategori:hover .kategori__g img{transform:scale(1.05)}
.kategori__ad{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kategori__ad span{font-size:16px;font-weight:500;color:var(--metin)}
.kategori__ad svg{width:16px;height:16px;color:var(--gri-acik);transition:transform .3s,color .3s}
.kategori:hover .kategori__ad svg{transform:translateX(4px);color:var(--alev)}

/* ---------- yatay genişleyen akordeon ---------- */
.yatay{display:flex;gap:24px;height:340px}
.yatay__p{
  position:relative;flex:1 1 0;min-width:0;border-radius:8px;overflow:hidden;cursor:pointer;
  transition:flex .65s cubic-bezier(.5,0,.15,1)
}
.yatay__p.etkin{flex:2.1 1 0}
.yatay__p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yatay__p::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7))}
.yatay__ad{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px;color:#fff;text-align:center;
  font-size:16px;font-weight:500;transition:.4s
}
.yatay__p.etkin .yatay__ad{text-align:left;font-size:24px;line-height:28px}
.yatay__aciklama{
  display:block;font-size:13px;font-weight:400;color:rgba(255,255,255,.84);margin-top:6px;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .5s,opacity .35s
}
.yatay__p.etkin .yatay__aciklama{max-height:60px;opacity:1}
.yatay__cizgi{position:absolute;left:20px;right:20px;bottom:0;height:2px;background:rgba(255,255,255,.28);
  opacity:0;transition:opacity .4s}
.yatay__p.etkin .yatay__cizgi{opacity:1}
.yatay__cizgi i{display:block;height:100%;width:40%;background:#fff}

/* ==========================================================================
   YATAK BULUCU
   ========================================================================== */
.bulucu{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0;
  border:1px solid var(--cizgi);border-radius:8px;overflow:hidden}
.bulucu__form{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.bulucu__soru{position:relative;padding-left:38px}
.bulucu__soru+.bulucu__soru{margin-top:30px}
.bulucu__soru::before{
  content:"";position:absolute;left:12px;top:26px;bottom:-30px;width:1px;background:var(--cizgi)
}
.bulucu__soru:last-of-type::before{display:none}
.bulucu__soru h4{font-size:15px;font-weight:500;color:var(--metin);margin:0 0 13px}
.bulucu__soru h4 b{
  position:absolute;left:0;top:0;width:25px;height:25px;border-radius:50%;
  background:#fff;border:1px solid var(--cizgi);color:var(--gri-acik);
  font-size:12px;font-weight:700;display:grid;place-items:center;transition:.3s
}
.bulucu__soru.tamam h4 b{background:var(--alev);border-color:var(--alev);color:#fff}
.secenekler{display:flex;flex-wrap:wrap;gap:8px}
.secenekler button{
  height:42px;padding:0 18px;border-radius:50px;border:1px solid var(--cizgi);background:#fff;
  font-size:14px;color:var(--metin);transition:.26s
}
.secenekler button:hover{border-color:var(--metin)}
.secenekler button[aria-pressed="true"]{background:var(--metin);border-color:var(--metin);color:#fff}
.bulucu__sifirla{margin-top:28px;align-self:flex-start;font-size:13px;color:var(--gri-acik);display:inline-flex;
  align-items:center;gap:7px;transition:color .3s}
.bulucu__sifirla:hover{color:var(--alev)}
.bulucu__sifirla svg{width:13px;height:13px}

/* --- sonuç paneli --- */
.sonuc{position:relative;background:var(--yuzey);display:flex;flex-direction:column;
  border-left:1px solid var(--cizgi)}
.sonuc__g{
  flex:1;min-height:250px;display:grid;place-items:center;padding:34px 30px 10px;
  background:radial-gradient(120% 90% at 50% 35%,#fff 0%,var(--yuzey) 70%)
}
/* Müşteri görselleri beyaz zeminli JPEG: drop-shadow görselin etrafına gölgeli beyaz
   kutu çiziyordu. multiply ile beyaz zemin degradeye karışır, gölge fotoğrafın kendisinde var. */
.sonuc__g img{
  max-width:100%;max-height:210px;width:auto;
  mix-blend-mode:multiply;
  transition:opacity .3s
}
.sonuc__ic{padding:6px 34px 34px;text-align:center}
.sonuc__etiket{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--alev);margin-bottom:10px}
.sonuc h3{font-size:26px;line-height:30px;font-weight:500}
.sonuc p{font-size:14px;color:var(--gri);line-height:1.65;margin-top:10px;min-height:88px}
.sonuc .hap{margin-top:6px;width:100%}
.sonuc--bos .sonuc__g img{opacity:.28}
.sonuc--bos .hap{opacity:.4;pointer-events:none}

/* ==========================================================================
   BLOG
   ========================================================================== */
.yazilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.yazi{display:flex;flex-direction:column;border:1px solid var(--cizgi);border-radius:8px;
  overflow:hidden;background:#fff;transition:.4s cubic-bezier(.22,.61,.36,1)}
.yazi:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.07);border-color:transparent}
.yazi__g{aspect-ratio:16/10;overflow:hidden}
.yazi__g img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.yazi:hover .yazi__g img{transform:scale(1.05)}
.yazi__ic{padding:22px;display:flex;flex-direction:column;flex:1}
.yazi h3{font-size:19px;line-height:25px;font-weight:500}
.yazi p{font-size:14px;color:var(--gri);line-height:1.6;margin-top:9px}
.yazi__alt{margin-top:auto;padding-top:18px;font-size:13px;font-weight:500;
  display:flex;align-items:center;gap:8px;transition:gap .3s}
.yazi:hover .yazi__alt{gap:14px;color:var(--alev)}
.yazi__alt svg{width:14px;height:14px}

/* ==========================================================================
   E-KATALOG + E-BÜLTEN
   ========================================================================== */
.ikili{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px}

.kbox{position:relative;border-radius:8px;overflow:hidden;background:var(--lacivert);color:#fff;
  display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:20px;padding:44px}
.kbox::before{content:"";position:absolute;left:-70px;top:-70px;width:280px;height:280px;
  border-radius:50%;background:rgba(232,83,17,.16)}
.kbox::after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;
  border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.kbox__ic{position:relative;z-index:2}
.kbox__ic small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--alev-acik)}
.kbox__ic h2{margin:12px 0 12px;color:#fff}
.kbox__ic p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.65;max-width:34ch}
.kbox__ic .hap{margin-top:22px}
.kbox__kapak{position:relative;z-index:2;perspective:900px}
.kbox__kapak img{
  width:100%;border-radius:4px;box-shadow:-22px 26px 50px rgba(0,0,0,.42);
  transform:rotateY(-14deg) rotateX(3deg);transition:transform .6s cubic-bezier(.22,.61,.36,1)
}
.kbox:hover .kbox__kapak img{transform:rotateY(-6deg) rotateX(1deg) translateY(-6px)}
.kbox__sayfa{
  position:absolute;left:-14px;top:16px;bottom:16px;width:12px;border-radius:3px 0 0 3px;
  background:linear-gradient(90deg,#cfd3de,#fff);transform:rotateY(-14deg);
  box-shadow:-6px 8px 18px rgba(0,0,0,.25)
}

.bbox{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--cizgi);
  display:flex;flex-direction:column;justify-content:center;padding:44px;background:#fff}
.bbox__fon{position:absolute;inset:0;opacity:.1}
.bbox__fon img{width:100%;height:100%;object-fit:cover}
.bbox__ic{position:relative;z-index:2}
.bbox__ic small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--alev)}
.bbox__ic h2{margin:12px 0 10px}
.bbox__ic p{font-size:15px;color:var(--gri);line-height:1.65;max-width:36ch}
.bbox form{margin-top:24px}
.bbox__satir{display:flex;gap:8px}
.bbox__satir input{
  flex:1;min-width:0;height:50px;border:1px solid var(--cizgi);border-radius:50px;
  padding:0 22px;font:inherit;font-size:14px;background:#fff;color:var(--metin)
}
.bbox__satir input:focus{outline:0;border-color:var(--alev)}
.bbox__satir button{flex:none}
.bbox__onay{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:12px;color:var(--gri-acik);line-height:1.6}
.bbox__onay input{width:15px;height:15px;margin-top:2px;accent-color:var(--alev);flex:none}
.bbox__onay a{text-decoration:underline}
.bbox__mesaj{margin-top:12px;font-size:13px;color:var(--alev);font-weight:500;min-height:20px}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.altbilgi{background:var(--lacivert-koyu);color:rgba(255,255,255,.66);margin-top:72px}
.altbilgi__ust{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:44px;padding:64px 0 52px}
.altbilgi__marka img{width:150px;margin-bottom:20px}
.altbilgi__marka p{font-size:14px;line-height:1.75;max-width:32ch}
.altbilgi h5{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 16px}
.altbilgi li a{display:block;padding:5px 0;font-size:14px;transition:.25s}
.altbilgi li a:hover{color:var(--alev-acik);transform:translateX(4px)}
.altbilgi__ile div{padding:7px 0;font-size:14px;line-height:1.6}
.altbilgi__ile a:hover{color:#fff}
.sosyal{display:flex;gap:9px;margin-top:20px}
.sosyal a{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;
  display:grid;place-items:center;transition:.3s}
.sosyal a:hover{background:var(--alev);border-color:var(--alev);color:#fff}
.sosyal svg{width:15px;height:15px}
.altbilgi__hat{border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:16px;padding:22px 0 26px;font-size:13px}
.altbilgi__hat nav{display:flex;flex-wrap:wrap;gap:20px}
.altbilgi__hat a:hover{color:#fff}
.altbilgi .hap{border-color:rgba(255,255,255,.3);background:transparent;color:#fff}
.altbilgi .hap:hover{background:#fff;color:var(--lacivert-koyu);border-color:#fff}

/* ==========================================================================
   ANİMASYON
   ========================================================================== */
.ac{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
.ac.gorundu{opacity:1;transform:none}
.ac[data-g="1"]{transition-delay:.07s}
.ac[data-g="2"]{transition-delay:.14s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .ac{opacity:1;transform:none}
}

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width:1200px){
  .katlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .mega__ic{grid-template-columns:270px 1fr}
  .mega__panel{padding-left:36px}
  .mega__sutunlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ikili{grid-template-columns:1fr}
  .bulucu{grid-template-columns:1fr}
  .sonuc{border-left:0;border-top:1px solid var(--cizgi)}
}
@media (max-width:1024px){
  :root{--header:76px}
  .nav,.iletbtn span,.katbtn span{display:none}
  .katbtn{padding:0 8px;gap:0}
  .iletbtn{padding:0 14px}
  .hamburger{display:grid}
  .logo{position:static;transform:none;width:126px}
  .yatay{height:auto;flex-direction:column;gap:4px}
  .yatay__p{flex:none;height:180px}
  .yatay__p.etkin{flex:none;height:300px}
  .yatay__ad{text-align:left}
  .yazilar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kbox{grid-template-columns:1fr;padding:34px}
  .kbox__kapak{max-width:220px;margin-top:26px}
  .bbox{padding:34px}
  .altbilgi__ust{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:720px){
  :root{--yan:20px}
  .ustcubuk__sol{display:none}
  .ustcubuk .tam{justify-content:flex-end}
  .katlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bolum{padding:52px 0}
  .bolum__bas{flex-direction:column;align-items:flex-start;gap:16px}
  .hero{width:100%;height:76vh;min-height:470px;max-height:none}
  .yazilar{grid-template-columns:1fr}
  .bulucu__form{padding:26px 22px}
  .sonuc{border-left:0;border-top:1px solid var(--cizgi)}
  .sonuc__ic{padding:6px 22px 28px}
  .bbox__satir{flex-direction:column}
  .bbox__satir button{width:100%}
  .altbilgi__ust{grid-template-columns:1fr;gap:30px}
}

/* ==========================================================================
   İÇ SAYFALAR
   ========================================================================== */
.sayfabas{padding:44px 0 34px;border-bottom:1px solid var(--cizgi);margin-bottom:0}
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--gri-acik)}
.kirinti a{transition:color .25s}
.kirinti a:hover{color:var(--alev)}
.kirinti span{opacity:.5}
.kirinti b{color:var(--metin);font-weight:500}
.sayfabas h1{font-size:clamp(28px,3.4vw,40px);line-height:1.12;font-weight:500;margin-top:14px}
.yuzeyblok{background:var(--yuzey)}
.not{font-size:13px;color:var(--gri-acik);margin-top:22px;line-height:1.6}
.soluk{color:var(--gri-acik)}

/* ürün ızgarası */
.urunizgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.urunizgara--dort{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Kart her zaman 10px iç boşluklu: hover'da zemin turuncuya dönünce görsel kutusunun
   çevresinde turuncu çerçeve belirir, yerleşim kaymaz (müşteri revizesi 17.09). */
.urunkart{display:flex;flex-direction:column;border:1px solid var(--cizgi);border-radius:8px;
  overflow:hidden;background:#fff;padding:10px;
  transition:background-color .35s ease,border-color .35s ease,box-shadow .45s ease,
    transform .45s cubic-bezier(.22,.61,.36,1)}
/* DİKKAT: görsel mutlak konumlu. Eski hâlde grid içinde max-height:100% çözülmüyordu;
   dikey görseller (komidinler) kutudan taşıp overflow:hidden ile YARIM kesiliyordu. */
.urunkart__g{position:relative;display:grid;place-items:center;aspect-ratio:4/3;
  background:var(--yuzey);border-radius:4px;overflow:hidden;transition:background-color .35s ease}
.urunkart__g img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.urunkart__ic{padding:18px 10px 10px;display:flex;flex-direction:column;gap:6px}
.urunkart__ic small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--alev);transition:color .35s ease}
.urunkart__ic strong{font-size:18px;font-weight:500;transition:color .35s ease}
.urunkart__ic>span{font-size:13.5px;color:var(--gri);line-height:1.6;transition:color .35s ease}
.urunkart:hover{background:var(--alev);border-color:var(--alev);transform:translateY(-4px);
  box-shadow:0 18px 44px rgba(232,83,17,.24)}
.urunkart:hover .urunkart__g{background:#fff}
.urunkart:hover .urunkart__g img{transform:scale(1.04)}
.urunkart:hover .urunkart__ic small,
.urunkart:hover .urunkart__ic strong,
.urunkart:hover .urunkart__ic>span{color:#fff}
.urunkart:focus-visible{outline:2px solid var(--alev);outline-offset:3px}

/* ürün detay */
.urun{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,4vw,60px);
  align-items:start;padding-top:36px}
/* Büyük görsel de mutlak konumlu + contain: kare/dikey görseller yarım kesilmiyor. */
.urun__buyuk{position:relative;background:var(--yuzey);border-radius:8px;aspect-ratio:4/3;
  display:grid;place-items:center;overflow:hidden}
.urun__buyuk img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  mix-blend-mode:multiply;cursor:zoom-in;transition:opacity .3s}
.urun__lup{position:absolute;right:14px;bottom:14px;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;background:#fff;color:var(--metin);border:1px solid var(--cizgi);
  box-shadow:0 6px 18px rgba(0,0,0,.08);transition:background-color .25s,color .25s,border-color .25s}
.urun__lup svg{width:19px;height:19px}
.urun__lup:hover,.urun__lup:focus-visible{background:var(--alev);border-color:var(--alev);color:#fff}
.urun__kucuk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.urun__kucuk button{position:relative;aspect-ratio:1;border:1px solid var(--cizgi);border-radius:6px;
  overflow:hidden;background:var(--yuzey);transition:border-color .3s}
.urun__kucuk button.etkin{border-color:var(--metin)}
.urun__kucuk img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);
  object-fit:contain;mix-blend-mode:multiply}

/* büyütme penceresi */
.bpencere{position:fixed;inset:0;z-index:300;background:#fff;
  opacity:0;transition:opacity .25s ease}
.bpencere[hidden]{display:none!important}
.bpencere.acik{opacity:1}
/* Sahne mutlak ve kesin boyutlu: grid içinde max-height:100% çözülmüyor, dikey kesit
   görseli ekrandan taşıp alttaki yazılar yine kesiliyordu. */
.bpencere__sahne{position:absolute;inset:clamp(56px,8vh,76px) clamp(64px,7vw,110px);overflow:hidden;
  touch-action:pan-y pinch-zoom}
.bpencere__sahne.yakin{touch-action:none}
.bpencere__sahne img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  cursor:zoom-in;user-select:none;-webkit-user-drag:none;transition:transform .25s ease,opacity .2s ease}
.bpencere__sahne.yakin img{cursor:grab;transition:transform .08s linear,opacity .2s ease}
.bpencere__kapat,.bpencere__ok{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;
  border-radius:50%;background:#fff;color:var(--metin);border:1px solid var(--cizgi);
  box-shadow:0 6px 18px rgba(0,0,0,.08);transition:background-color .25s,color .25s,border-color .25s}
.bpencere__kapat svg,.bpencere__ok svg{width:22px;height:22px}
.bpencere__kapat:hover,.bpencere__ok:hover,.bpencere__kapat:focus-visible,.bpencere__ok:focus-visible{
  background:var(--alev);border-color:var(--alev);color:#fff}
.bpencere__kapat{top:14px;right:14px}
.bpencere__ok{top:50%;transform:translateY(-50%)}
.bpencere__ok--sol{left:clamp(8px,2vw,24px)}
.bpencere__ok--sag{right:clamp(8px,2vw,24px)}
.bpencere__sayac{position:absolute;top:26px;left:50%;transform:translateX(-50%);z-index:2;
  font-size:13px;letter-spacing:.08em;color:var(--gri)}
[dir=rtl] .bpencere__ok--sol{left:auto;right:clamp(8px,2vw,24px)}
[dir=rtl] .bpencere__ok--sag{right:auto;left:clamp(8px,2vw,24px)}
[dir=rtl] .bpencere__ok svg{transform:scaleX(-1)}
@media (max-width:640px){
  .bpencere__ok{top:auto;bottom:14px;transform:none}
  .bpencere__sahne{inset:60px 8px 78px}
}
body.bp-acik{overflow:hidden}
/* yükleniyor göstergesi: 250 ms'den kısa inişlerde hiç görünmez */
.urun__buyuk.yukleniyor::after,.bpencere.yukleniyor::after{
  content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:3;
  border-radius:50%;border:3px solid rgba(23,34,88,.14);border-top-color:var(--alev);opacity:0;
  animation:bp-don .8s linear infinite,bp-gor .2s ease .25s forwards;pointer-events:none}
@keyframes bp-don{to{transform:rotate(360deg)}}
@keyframes bp-gor{to{opacity:1}}
.urun__bilgi small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--alev)}
.urun__bilgi h2{margin:10px 0 14px;font-size:clamp(26px,3vw,34px);line-height:1.1}
.kunye{margin:26px 0 0;border-top:1px solid var(--cizgi)}
.kunye li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;
  border-bottom:1px solid var(--cizgi);font-size:14px}
.kunye span{color:var(--gri)}
.kunye b{font-weight:500}
.urun__btn{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.urun__btn .hap{flex:1 1 200px}


/* katman listesi */
.katliste li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:baseline;
  padding:13px 14px;border-radius:6px;border:1px solid transparent;transition:.28s}
.katliste li:hover{background:#fff;border-color:var(--cizgi);box-shadow:0 8px 22px rgba(0,0,0,.05)}
.katliste b{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--alev);font-variant-numeric:tabular-nums}
.katliste strong{display:block;font-weight:500;font-size:15px}
.katliste span span{display:block;font-size:13.5px;color:var(--gri);line-height:1.6;margin-top:3px}

/* katman listesi iki sütun */
.katliste--iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 30px}

/* teknik liste */
.teknikliste{margin-top:22px;display:grid;gap:14px}
.teknikliste li{display:grid;grid-template-columns:20px 1fr;gap:13px;align-items:start}
.teknikliste svg{width:16px;height:16px;color:var(--alev);margin-top:4px}
.teknikliste strong{display:block;font-size:15px;font-weight:500}
.teknikliste span span{display:block;font-size:13.5px;color:var(--gri);line-height:1.6;margin-top:3px}

/* teknoloji blokları */
.tekblok{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);
  align-items:center;padding:34px 0;border-top:1px solid var(--cizgi)}
.tekblok--ters figure{order:2}
.tekblok figure{margin:0;border-radius:8px;overflow:hidden;aspect-ratio:4/3}
.tekblok figure img{width:100%;height:100%;object-fit:cover}
.tekblok h3{font-size:24px;line-height:28px;font-weight:500;margin-bottom:12px}

/* kurumsal */
.kurumsal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(30px,4vw,60px);
  align-items:center;padding-top:36px}
.kurumsal h2{font-size:clamp(24px,2.8vw,32px);line-height:1.2}
.kurumsal figure{margin:0;border-radius:8px;overflow:hidden;aspect-ratio:1}
.kurumsal figure img{width:100%;height:100%;object-fit:cover}
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr)}
.rakamlar div{text-align:center;padding:0 16px;border-right:1px solid var(--cizgi)}
.rakamlar div:last-child{border:0}
.rakamlar b{display:block;font-size:clamp(30px,3.6vw,42px);font-weight:500;letter-spacing:-.03em;line-height:1}
.rakamlar span{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gri-acik);margin-top:10px}
.ikikolon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 50px}
.ikikolon h3{font-size:20px;font-weight:500;margin-bottom:10px}
.cta{margin-top:48px;background:var(--lacivert);color:#fff;border-radius:8px;padding:34px 40px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.cta h3{font-size:22px;font-weight:500;color:#fff}
.cta p{font-size:14px;color:rgba(255,255,255,.7);margin-top:6px}

/* yazı gövdesi */
.yazi__kapak{margin:36px 0 0;border-radius:8px;overflow:hidden;aspect-ratio:16/8}
.yazi__kapak img{width:100%;height:100%;object-fit:cover}
.govde{max-width:760px;margin:36px auto 0}
.govde p{font-size:16.5px;line-height:1.8;color:#3C3C3C;margin-bottom:20px}
.govde__giris{font-size:19px !important;line-height:1.65 !important;color:var(--metin) !important}
.govde h3{font-size:22px;font-weight:500;margin:34px 0 12px}
.govde blockquote{margin:30px 0;padding:22px 26px;border-left:2px solid var(--alev);
  background:var(--yuzey);border-radius:0 8px 8px 0;font-size:16px;line-height:1.7;color:var(--metin)}
.govde__kutu{margin-top:34px;border:1px solid var(--cizgi);border-radius:8px;padding:24px 26px}
.govde__kutu strong{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--alev);margin-bottom:10px}
.govde__kutu p{margin:0;font-size:15px}

/* iletişim */
.iletisim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(30px,4vw,60px);align-items:start;padding-top:36px}
.iletisim h2{font-size:clamp(24px,2.8vw,32px)}
.iletisim__bilgi{margin-top:30px}
.iletisim__bilgi div{padding:18px 0;border-top:1px solid var(--cizgi);display:grid;
  grid-template-columns:130px 1fr;gap:18px;align-items:baseline}
.iletisim__bilgi dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gri-acik)}
.iletisim__bilgi dd{margin:0;font-size:15px;line-height:1.65}
.iletisim__bilgi a:hover{color:var(--alev)}
.form{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:clamp(26px,3vw,38px)}
.form__izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alan{position:relative}
.alan--tam{grid-column:1/-1}
.alan label{position:absolute;left:0;top:14px;font-size:14px;color:var(--gri-acik);
  pointer-events:none;transition:.26s cubic-bezier(.22,.61,.36,1);transform-origin:left}
.alan input,.alan textarea{width:100%;border:0;border-bottom:1px solid var(--cizgi);background:none;
  padding:14px 0 10px;font:inherit;font-size:15px;color:var(--metin);border-radius:0}
.alan textarea{resize:vertical;min-height:86px}
.alan input:focus,.alan textarea:focus{outline:0;border-color:var(--alev)}
.alan input:focus+label,.alan textarea:focus+label,
.alan input:not(:placeholder-shown)+label,.alan textarea:not(:placeholder-shown)+label{
  transform:translateY(-15px) scale(.76);color:var(--alev)
}
.harita{border-radius:8px;overflow:hidden;border:1px solid var(--cizgi);height:420px}
.harita iframe{width:100%;height:100%;border:0;display:block}

@media (max-width:1024px){
  .urunizgara,.urunizgara--dort{grid-template-columns:repeat(2,minmax(0,1fr))}
  .urun,.kurumsal,.iletisim{grid-template-columns:1fr}
  .tekblok{grid-template-columns:1fr;gap:22px}
  .tekblok--ters figure{order:0}
  .katliste--iki{grid-template-columns:1fr}
  .rakamlar{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .rakamlar div:nth-child(2){border:0}
  .ikikolon{grid-template-columns:1fr;gap:26px}
}
@media (max-width:720px){
  .urunizgara,.urunizgara--dort{grid-template-columns:1fr}
  .form__izgara{grid-template-columns:1fr}
  .iletisim__bilgi div{grid-template-columns:1fr;gap:5px}
  .cta{padding:26px}
  .harita{height:320px}
}

/* ---------- Laravel eklentileri ---------- */
.uyari{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:16px;line-height:1.5}
.uyari--basari{background:#EAF7EE;color:#1E7A3C;border:1px solid #BFE6CB}
.uyari--hata{background:#FDECEA;color:#B3261E;border:1px solid #F5C6C2}
.urunkart__yok,.urun__yok{display:grid;place-items:center;width:100%;height:100%;
  font-size:34px;font-weight:500;color:var(--gri-acik);letter-spacing:.04em}
.urun__yok{font-size:15px}
.bbox__mesaj:empty{display:none}

/* ── yasal / serbest sayfa metni ─────────────────────────────────── */
.sayfabas__ust{margin:10px 0 0;font-size:15px;color:#6b6b6b;max-width:640px}
.metin{max-width:820px;font-size:15px;line-height:1.85;color:#2E2E2E}
.metin h2{font-size:24px;line-height:1.28;font-weight:500;margin:38px 0 12px}
.metin h2:first-child{margin-top:0}
.metin h3{font-size:19px;font-weight:500;margin:26px 0 8px}
.metin p{margin:0 0 14px}
.metin ul,.metin ol{margin:0 0 18px;padding-inline-start:20px}
.metin li{margin-bottom:7px}
.metin a{color:#E85311;text-decoration:underline;text-underline-offset:3px}
.metin strong{font-weight:500;color:#172258}
/* Arapça sağdan sola */
[dir=rtl] .kirinti,[dir=rtl] .metin{text-align:right}
[dir=rtl] .metin ul,[dir=rtl] .metin ol{padding-inline-start:20px}

/* ── Arapça (RTL) düzeltmeleri ────────────────────────────────────
   Telefon/e-posta/adres gibi LTR veriler RTL akışta ters diziliyor
   ("90 352 322 20 35" → "35 20 322 352 90"). Bunları yalıtıyoruz. */
[dir=rtl] a[href^="tel:"],
[dir=rtl] a[href^="mailto:"],
[dir=rtl] .altbilgi__ile div,
[dir=rtl] .iletisim__bilgi dd{direction:ltr;unicode-bidi:isolate;text-align:right}
[dir=rtl] .kunye b,
[dir=rtl] .katliste b{direction:ltr;unicode-bidi:isolate}
[dir=rtl] .dil{direction:ltr}
[dir=rtl] .kirinti{flex-direction:row-reverse;justify-content:flex-end}
[dir=rtl] .urunkart__ic,[dir=rtl] .yazi__ic,[dir=rtl] .bolum__bas{text-align:right}
[dir=rtl] .hap svg,[dir=rtl] .yazi__alt svg,[dir=rtl] .kategori__ad svg{transform:scaleX(-1)}

/* iletişim formu — konu seçimi */
.alan--secim label{position:static;font-size:13px;color:#6b6b6b;display:block;margin-bottom:8px}
.alan--secim select{width:100%;height:52px;border:1px solid #E3E3E3;border-radius:10px;padding:0 14px;
  font:inherit;font-size:15px;color:#2E2E2E;background:#fff;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.alan--secim select:focus{outline:none;border-color:#E85311}