/* MNS olcek katmani — 03.09.2026. Tonerwelt yazi hiyerarsisi ve gorsel boyutlarina yaklastirma.
   Yalniz boyut/kutu degistirir, yerlesime dokunmaz. Geri almak: layout.blade.php'deki mns-olcek.css link satirini sil.
   Rapor: CLAUDE-BELGELERI/MNS-GORSEL-HIYERARSI-2026-09-02.md */

/* --- Site genisligi: Tonerwelt ile ayni (1440 px ekranda 1350 px icerik; TW 45→1395 px olculdu) --- */
:root,body.mns-tasarim{--mns-kap:1350px;--page-width:1350px}
/* baslik arama kutusu 620px'te kaliyordu, genis kapta sepetle arasinda bosluk aciliyordu; TW gibi ortayi doldursun */
.mns-headara{max-width:none}

/* --- Basliklar --- */
h1.mns-sayfa,body.mns-tasarim h1.mns-sayfa,body.mns-tasarim h1.mns-sayfa span{font-size:32px}
body.mns-tasarim .catland-hero__title{font-size:32px}
.mns-seri .serimap a{font-size:15px}
.mns-raf>h2,.mns-guven>h2,.mns-eco>h2,.mns-seo>h2,.mns-adim3-kart h2,.mns-metin h2{font-size:24px}
.mns-premium h2{font-size:24px}
.mns-metin h3{font-size:17px}

/* --- Govde metni --- */
.mns-metin,.mns-seo p{font-size:15px;line-height:1.6}
body.mns-tasarim .prose{font-size:15px!important;line-height:1.6!important}
.mns-metin table,.mns-metin table td{font-size:14px}
body.mns-tasarim .mns-metin table th{font-size:14px}
body.mns-tasarim #content-printers a,body.mns-tasarim .pdp-tabs__panel a{font-size:15px}
.mns-util .mns-wrap{font-size:13px}
.mns-urun .et{font-size:11px}

/* --- Model sayfasi: uclu kart (Original / Alternative / Multipack) --- */
.mns-kk .adi{font-size:18px;min-height:48px}
.mns-kk .gorsel{height:260px;margin:12px 0}
.mns-kk .gorsel img{max-height:260px}
.mns-kk .brut{font-size:26px}
.mns-kk .netto,.mns-kk .kdv{font-size:12px}
.mns-kk .ozellik{font-size:14px;gap:5px}
.mns-kk .sure{font-size:12px}
.mns-kk .ekle{font-size:14px}
.mns-kk .kurdele{font-size:11px}

/* --- Model sayfasi: urun satirlari --- */
@media (min-width:900px){.mns-satir{grid-template-columns:14px 250px 1fr 118px 168px}}
.mns-satir .sol img{max-height:230px}
.mns-satir .kapasite{font-size:12px}
.mns-satir .orta a.ad{font-size:18px}
.mns-satir .uygun{font-size:14px}
.mns-satir .artno{font-size:13px}
.mns-satir .rozetler span{font-size:14px}
.mns-satir .kargo{font-size:13px}
.mns-satir .olcu .k{font-size:11px}
.mns-satir .olcu .v{font-size:20px}
.mns-satir .fnet{font-size:13px}
.mns-satir .fbrut{font-size:26px}
.mns-satir .fkdv,.mns-satir .fstok{font-size:12px}
body.mns-tasarim .mns-satir button[type=submit]{font-size:14px!important}
body.mns-tasarim .mns-satir h3{font-size:18px!important}
body.mns-tasarim .mns-satir .text-base{font-size:14px!important}

/* --- Anasayfa "Beliebt" rafi + urun sayfasi ilgili urunler --- */
.mns-raf .mns-urun,.mns-capraz .mns-urun{grid-template-columns:120px 1fr}
.mns-raf .mns-urun .gorsel,.mns-capraz .mns-urun .gorsel{height:120px}
.mns-raf .mns-urun .gorsel img,.mns-capraz .mns-urun .gorsel img{max-height:120px}
.mns-raf .mns-urun .ad,.mns-capraz .mns-urun .ad{font-size:15px}
.mns-raf .mns-urun .etiket,.mns-capraz .mns-urun .etiket{font-size:11px}
.mns-raf .mns-urun .fiy small,.mns-capraz .mns-urun .fiy small{font-size:11px}
.mns-raf .mns-urun .ekle,.mns-capraz .mns-urun .ekle{font-size:13px}

/* --- Tekil urun sayfasi --- */
body.mns-tasarim .pdp-hero{grid-template-columns:320px 1fr 300px}
body.mns-tasarim .pdp-hero__media{aspect-ratio:auto;background:transparent;border:0;border-radius:0;min-height:220px}
body.mns-tasarim .pdp-hero__media img{max-height:300px}
body.mns-tasarim .pdp-hero__specs-label,body.mns-tasarim .pdp-hero__specs-value{font-size:14px}
body.mns-tasarim .pdp-hero__specs li{grid-template-columns:130px 1fr}
body.mns-tasarim .pdp-hero__cta{font-size:14px!important}
body.mns-tasarim .pdp-tabs__header{font-size:14px!important}
body.mns-tasarim .pdp-tabs__panel{font-size:14px}

/* --- Anasayfa ust bandi: yesil secim paneli + "Warum MNS Toner?" (03.09.2026, TW: h1 28 / alt metin 16-18 / secim 18 / warum 24 / liste 16) --- */
.mns-hero-panel{padding:22px 24px 24px}
.mns-hero-panel .ust{font-size:16px;margin-bottom:4px}
.mns-hero-panel h1,.mns-hero-baslik,body.mns-tasarim .mns-hero-panel h1,body.mns-tasarim .mns-hero-panel .mns-hero-baslik{font-size:30px!important;margin-bottom:16px}
.mns-secimler{gap:10px}
.mns-secimler select{height:46px;font-size:16px;padding:0 14px}
.mns-hero-panel .ipucu{font-size:14px;margin-top:14px}
@media (min-width:900px){.mns-hero-grid{grid-template-columns:1fr 380px}}
.mns-promo{padding:20px 22px}
.mns-promo h2{font-size:24px}
.mns-promo .nedenler{gap:10px;margin-top:12px}
.mns-promo .nedenler li{font-size:16px;padding-left:26px}
.mns-promo .nedenler li::before{width:16px;height:16px;top:3px}

/* --- Baslik: "Mein Konto" + ana menu satiri (03.09.2026; TW ornegi: menu 15px buyuk harf, ~56px satir) --- */
.mns-headrow .mns-wrap{gap:24px}
.mns-headara{margin-right:auto}
.mns-konto{display:flex;align-items:center;gap:9px;flex:none;color:var(--mns-ink);text-decoration:none;font-size:16px;font-weight:700;line-height:1.1}
.mns-konto svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mns-konto small{display:block;font-size:12px;font-weight:500;color:var(--mns-mute);margin-bottom:1px}
.mns-konto:hover{color:var(--mns-green-deep)}
.mns-nav{background:#fff;border-top:1px solid var(--mns-line);border-bottom:1px solid var(--mns-line)}
.mns-nav .mns-wrap{display:flex;align-items:center;height:52px}
.mns-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%}
.mns-nav li{position:relative}
.mns-nav li>a{display:flex;align-items:center;gap:5px;padding:0 10px;height:52px;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mns-ink);text-decoration:none;white-space:nowrap}
.mns-nav li:first-child>a{padding-left:0}
.mns-nav li:last-child>a{padding-right:0}
.mns-nav li>a:hover,.mns-nav li:hover>a{color:var(--mns-green-deep)}
.mns-nav li>a svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2;opacity:.75}
.mns-nav .alt{position:absolute;left:0;top:100%;z-index:70;min-width:250px;background:#fff;border:1px solid var(--mns-line);border-top:2px solid var(--mns-green);box-shadow:0 10px 24px rgba(0,0,50,.12);padding:6px 0;display:none}
.mns-nav li:hover .alt,.mns-nav li:focus-within .alt{display:block}
.mns-nav .alt a{display:block;padding:8px 16px;font-size:14px;font-weight:600;color:var(--mns-soft);text-decoration:none;white-space:nowrap}
.mns-nav .alt a:hover{background:#EAF9F2;color:var(--mns-green-deep)}
.mns-nav .alt a.hepsi{margin-top:4px;border-top:1px solid var(--mns-line);color:var(--mns-green-deep);font-weight:700}
@media (max-width:899px){.mns-nav{display:none}}

/* --- "Warum kaufen unsere Kunden" izgarasi, yesil serit ve alt bilgi: kucuk yazilar buyutuldu --- */
.mns-g b{font-size:16px}
.mns-g span span{font-size:14px}
.mns-g{padding:16px 18px}
.mns-e b{font-size:16px}
.mns-e>span{font-size:14px}
.mns-footer{font-size:14px}
.mns-footer b{font-size:15px}
.mns-footer .fbot{font-size:13px}
.mns-footer .iletisim{font-size:14px}

/* --- Alternative (karsilastirma) sayfasi kartlari --- */
body.mns-tasarim .product-card-mns .md\:w-1\/3 img{max-height:220px}
body.mns-tasarim .product-card-mns .text-sm{font-size:14px}
body.mns-tasarim .product-card-mns button[type=submit]{font-size:14px!important}
