/* MASSE YAPI — /markalar (canlı blok 621, tpl-user_masse-markalar). ÜRETİLİR: kaynak-canli/sayfalar/uret.py; elle düzenleme ek_markalar.css */
/* Canlı eski sistem CSS'inden blok için ayıklandı (blok_css.py). Sarmalayıcı: .masse-eski-mrk */
.masse-eski-mrk{font-family:'Inter',sans-serif;font-size:13px;line-height:1.34;--container-max-width:1400px;}
.masse-eski-mrk address{font-style:normal;}
.masse-eski-mrk.col-12{padding-left:15px;padding-right:15px;}
@media (max-width:767px){.masse-eski-mrk.col-12{padding-left:8px;padding-right:8px;}}
/* Main temasının .container .container:not(.padding-active){padding:0} kuralına karşı eski sitenin değerleri */
.masse-eski-mrk .container:not(.padding-active){padding-left:8px;padding-right:8px;}
@media (min-width:768px){.masse-eski-mrk .container:not(.padding-active){padding-left:15px;padding-right:15px;}}
.masse-eski-mrk .row{display: flex !important;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;}
.masse-eski-mrk .col-12{flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;}
@media (max-width: 767px){.masse-eski-mrk .row{margin-right: -8px;
margin-left: -8px;}
.masse-eski-mrk .col-12{padding-right: 8px;
padding-left: 8px;}}
.masse-eski-mrk .mb-brands-hero,.masse-eski-mrk .mb-brands-wrap{width: 100vw;
margin-left: calc(50% - 50vw);}
.masse-eski-mrk .mb-brands-hero{position: relative;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://images.unsplash.com/photo-1584622650111-993a426fbf0a?q=80&w=2070&auto=format&fit=crop);
background-size: cover;
background-position: center;
background-attachment: fixed;}
.masse-eski-mrk .mb-hero-content h1{font-size: clamp(23.4px, 4vw, 39px);
font-weight: 700;
margin: 0 0 15px;
text-transform: uppercase;
letter-spacing: 2px;}
.masse-eski-mrk .mb-hero-content p{font-size: 14.3px;
max-width: 700px;
margin: 0 auto;
opacity: 0.9;
padding: 0 16px;}
.masse-eski-mrk .mb-hero-divider{width: 80px;
height: 4px;
background: #e8a200;
margin: 20px auto;
border-radius: 2px;}
.masse-eski-mrk .mb-brands-wrap{padding: 60px 24px 80px;
background: #f8f9fa;
margin-top: -50px;
position: relative;
z-index: 10;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.masse-eski-mrk .mb-search-wrap{max-width: 620px;
margin: 0 auto 52px;}
.masse-eski-mrk .mb-search-input{width: 100%;
padding: 18px 30px;
border-radius: 40px;
border: none;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
outline: none;
font-size: 13px;
color: #1a1f2e;
transition: box-shadow 0.25s;
box-sizing: border-box;}
.masse-eski-mrk .mb-search-input:focus{box-shadow: 0 15px 35px rgba(232, 162, 0, 0.22);}
.masse-eski-mrk .mb-search-input::placeholder{color: #9ca3af;}
.masse-eski-mrk .mb-brands-grid{display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 28px;
max-width: 1320px;
margin: 0 auto;}
.masse-eski-mrk .mb-brand-card{background: #fff;
border-radius: 20px;
overflow: hidden;
border: 1.5px solid rgba(0, 0, 0, 0.05);
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
display: flex;
flex-direction: column;
text-decoration: none !important;
color: inherit;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}
.masse-eski-mrk .mb-brand-card:hover{transform: translateY(-12px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
border-color: #e8a200;}
.masse-eski-mrk .mb-brand-card__logo{height: 180px;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
background: #fff;
position: relative;}
.masse-eski-mrk .mb-brand-card__logo::after{content: '';
position: absolute;
bottom: 0;
left: 10%;
right: 10%;
height: 1px;
background: linear-gradient(to right, transparent, #eee, transparent);}
.masse-eski-mrk .mb-brand-card__logo img{max-width: 85%;
max-height: 85%;
object-fit: contain;
transition: transform 0.3s ease;}
.masse-eski-mrk .mb-brand-card:hover .mb-brand-card__logo img{transform: scale(1.06);}
.masse-eski-mrk .mb-brand-card__body{padding: 25px;
flex: 1;
display: flex;
flex-direction: column;}
.masse-eski-mrk .mb-brand-card__name{font-size: 14.95px;
font-weight: 700;
margin-bottom: 10px;
color: #1a1f2e;
text-transform: uppercase;
letter-spacing: 0.04em;}
.masse-eski-mrk .mb-brand-card__desc{font-size: 11.96px;
color: #777;
line-height: 1.6;
flex: 1;
margin-bottom: 18px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;}
.masse-eski-mrk .mb-brand-card__foot{display: flex;
justify-content: space-between;
align-items: center;
padding-top: 18px;
border-top: 1px solid #f5f5f5;
margin-top: auto;}
.masse-eski-mrk .mb-brand-card__count{font-size: 10.66px;
font-weight: 600;
color: #e8a200;
background: rgba(232, 162, 0, 0.09);
padding: 6px 14px;
border-radius: 30px;}
.masse-eski-mrk .mb-brand-card__cta{font-size: 11.44px;
font-weight: 700;
color: #1a1f2e;
display: flex;
align-items: center;
gap: 6px;}
.masse-eski-mrk .mb-brand-card__cta i{transition: transform 0.28s;}
.masse-eski-mrk .mb-brand-card:hover .mb-brand-card__cta i{transform: translateX(7px);}
.masse-eski-mrk .mb-brands-empty{text-align: center;
color: #9ca3af;
font-size: 15px;
padding: 48px 16px;
max-width: 1320px;
margin: 0 auto;}
@media (max-width: 992px){.masse-eski-mrk .mb-brands-grid{grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));}}
@media (max-width: 768px){.masse-eski-mrk .mb-brands-hero{height: 300px;}
.masse-eski-mrk .mb-hero-content h1{font-size: 23.4px;}
.masse-eski-mrk .mb-brands-wrap{margin-top: -30px;
padding: 40px 16px 60px;}
.masse-eski-mrk .mb-brand-card__desc{display: none;}}
@media (max-width: 480px){.masse-eski-mrk .mb-brands-grid{grid-template-columns: repeat(2, 1fr);
gap: 12px;}
.masse-eski-mrk .mb-brand-card__logo{height: 110px;
padding: 16px;}
.masse-eski-mrk .mb-brand-card__name{font-size: 11.7px;}
.masse-eski-mrk .mb-brand-card__body{padding: 12px 14px 14px;}}

/* --- el yazımı (kaynak-canli/sayfalar/ek_ortak.css) --- */
/* Sarmalayıcı tam genişlik: bölümlerin arka planları kenardan kenara, içerik 1400px + 15px (menü hizası 35..1405 @1440) */
.masse-sayfa-kap{width:100%;max-width:100%;flex:0 0 100%;}
/* mss.masseyapi.com görseli gelmezse kırık resim simgesi yerine sade zemin */
.masse-sayfa-kap .masse-gorsel-yedek{background:#e8e4de;}
.masse-sayfa-kap img.masse-gorsel-yok{visibility:hidden;}
/* Main (Tailwind) temel kuralı img/svg/video'yu blok yapıyor; eski sitede satır içi (ikon + metin yan yana) */
.masse-sayfa-kap :is(img,svg,video){display:inline;vertical-align:baseline;}
.masse-sayfa-kap svg{vertical-align:middle;}
/* Eski sitenin genel başlık kuralları (Main'in sıfırlamasına karşı; :where ile düşük öncelik, blok kuralları üstte kalır) */
.masse-sayfa-kap :where(h1,h2,h3,h4,h5,h6){color:#373738;font-weight:bold;line-height:1.2;margin-top:0;margin-bottom:10px;}
.masse-sayfa-kap :where(h1){font-size:24px;} .masse-sayfa-kap :where(h2){font-size:20px;} .masse-sayfa-kap :where(h3){font-size:18px;}
.masse-sayfa-kap :where(h4){font-size:16px;} .masse-sayfa-kap :where(h5){font-size:14px;} .masse-sayfa-kap :where(h6){font-size:12px;}
@media (min-width:1200px){.masse-sayfa-kap :where(h1){font-size:32px;} .masse-sayfa-kap :where(h2){font-size:28px;} .masse-sayfa-kap :where(h3){font-size:22px;}
.masse-sayfa-kap :where(h4){font-size:20px;} .masse-sayfa-kap :where(h5){font-size:18px;} .masse-sayfa-kap :where(h6){font-size:16px;}}
.masse-sayfa-kap :where(p){margin-top:0;margin-bottom:10px;}
.masse-sayfa-kap{color:#373738;}
.masse-sayfa-kap :where(ol,ul){padding-left:15px;margin-top:0;margin-bottom:10px;}
.masse-sayfa-kap :where(b,strong){font-weight:bold;}
/* mss kesikken bölümler çökmesin */
.masse-eski-spa .gsp-video-thumb.masse-gorsel-yedek{aspect-ratio:3/2;min-height:220px;}
.masse-eski-spa .gsp-collab__inner.masse-gorsel-yedek{background:#2b2f38;min-height:560px;}
@media (max-width:767px){.masse-eski-spa .gsp-collab__inner.masse-gorsel-yedek{min-height:400px;}}
.masse-eski-spa .gsp-insp-item.masse-gorsel-yedek{display:none !important;}
.masse-sayfa-kap .masse-yuklenemedi{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:14px 18px;margin:0 0 20px;color:#4a5260;font-size:14px;line-height:1.5;}

/* Canlıda 100vw + negatif kenar boşluğu vardı (sağda 20px boşluk kalıyordu); sarmalayıcı zaten tam genişlik */
.masse-eski-mrk .mb-brands-hero,.masse-eski-mrk .mb-brands-wrap{width:100%;margin-left:0;}
/* Kart ızgarası menü hizasında: 1440'ta 35..1405 */
.masse-eski-mrk .mb-brands-wrap{padding-left:15px;padding-right:15px;}
.masse-eski-mrk .mb-brands-grid{max-width:1370px;}
@media (max-width:767px){.masse-eski-mrk .mb-brands-wrap{padding-left:12px;padding-right:12px;}}