/* MASSE YAPI üst kısım — canlı eski sistemdeki user_masse-shopify-header derlenmiş CSS'inden taşındı (29.09.2026).
   Kapsam: .masse-eski-header (section/header/default.twig). Kaynak: masseyapi-v5/kaynak-canli/header_masse.css */
/* Eski header SCSS'indeki genel kural (tüm sayfa) */
html,body{overflow-x:clip;}

/* Eski sitenin temel ölçüleri: html 13px / 1.34 (rem'ler 13px tabanıyla px'e çevrildi), kapsayıcı 1400px */
.masse-eski-header{font-family:'Inter',sans-serif;font-size:13px;line-height:1.34;--container-max-width:1400px;}
.masse-eski-header .msh-main__inner{max-width:1400px!important;}
.masse-eski-header .msh-main__action-badge:empty::before{content:"0";}

.masse-eski-header .msh{font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
box-sizing: border-box;
background: #fff;
position: relative;
z-index: 50;
width: 100vw;
left: calc(50% - 50vw);}
.masse-eski-header .msh *,.masse-eski-header .msh *::before,.masse-eski-header .msh *::after{box-sizing: inherit;}
.masse-eski-header .msh a{text-decoration: none;
color: inherit;}
.masse-eski-header .msh button{background: none;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
color: inherit;}
.masse-eski-header .msh ul{list-style: none;
padding: 0;
margin: 0;}
.masse-eski-header .msh-announce{background: #1a1a1a;
color: #fff;}
.masse-eski-header .msh-announce__inner{max-width: var(--container-max-width, 1400px);
margin: 0 auto;
padding: 7px 15px;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
font-size: 13px;
font-weight: 500;}
.masse-eski-header .msh-announce__text{display: inline-flex;
align-items: center;
gap: 10px;
color: #fff;}
.masse-eski-header .msh-announce__sep{opacity: 0.35;}
.masse-eski-header .msh-announce__cta{display: inline-flex;
align-items: center;
gap: 6px;
color: #e8a200 !important;
font-weight: 600;
font-size: 13px;
transition: gap 0.2s ease;}
.masse-eski-header .msh-announce__cta i{font-size: 0.85em;}
.masse-eski-header .msh-announce__cta:hover{color: #f5b928;
gap: 10px;}
.masse-eski-header .msh-main{background: #fff !important;
padding: 10px 0 !important;}
.masse-eski-header .msh-main__inner{max-width: var(--container-max-width, 1400px) !important;
margin: 0 auto !important;
padding: 0 15px !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;}
@media (max-width: 991px){.masse-eski-header .msh-main__inner{gap: 8px !important;
padding: 0 8px !important;}}
.masse-eski-header .msh-main__burger{display: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
font-size: 19.5px;
color: #1a1f2e;
border: 1.5px solid #e5e7eb;
border-radius: 10px;
flex-shrink: 0;
background: #f8f9fa;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.masse-eski-header .msh-main__burger:hover{background: #fef9ec;
border-color: #e8a200;
color: #e8a200;}
@media (max-width: 991px){.masse-eski-header .msh-main__burger{display: flex;}}
.masse-eski-header .msh-main__logo{display: flex;
align-items: center;
height: 44px !important;
max-height: 44px !important;
overflow: visible !important;
flex-shrink: 0;
margin-right: 50px;}
.masse-eski-header .msh-main__logo p{margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
display: flex !important;
align-items: center !important;}
.masse-eski-header .msh-main__logo img{display: block !important;
height: 44px !important;
max-height: 44px !important;
width: auto !important;
max-width: none !important;}
.masse-eski-header .msh-main__logo svg{height: 44px !important;
max-height: 44px !important;
width: auto !important;}
@media (max-width: 991px){.masse-eski-header .msh-main__logo{margin-right: 0 !important;}}
@media (max-width: 767px){.masse-eski-header .msh-main__logo{height: 23px !important;
max-height: 23px !important;}
.masse-eski-header .msh-main__logo img,.masse-eski-header .msh-main__logo svg{height: 23px !important;
max-height: 23px !important;}}
.masse-eski-header .msh-mdrawer__logo p{margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;}
.masse-eski-header .msh-mdrawer__logo img{height: 34px !important;
width: auto !important;
display: block !important;}
.masse-eski-header .msh-main__menu-btn{display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
height: 44px !important;
padding: 0 18px 0px 17px !important;
background: #ffd84d !important;
color: #1a1f2e !important;
border-radius: 10px !important;
font-size: 12.5px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}
.masse-eski-header .msh-main__menu-btn i{font-size: 13.65px;}
.masse-eski-header .msh-main__menu-btn:hover{background: #f5c842;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(245, 200, 66, 0.4);}
@media (max-width: 991px){.masse-eski-header .msh-main__menu-btn{display: none;}}
.masse-eski-header .msh-search{flex: 1 !important;
max-width: 660px !important;
display: flex !important;
align-items: stretch !important;
height: 40px !important;
background: #f5f6f8 !important;
border: 1px solid #e2e4e8 !important;
border-radius: 8px !important;
position: relative !important;
min-width: 0 !important;
transition: border-color 0.2s, background 0.2s;}
.masse-eski-header .msh-search:focus-within{border-color: #e8a200;
background: #fff;
box-shadow: 0 0 0 3px rgba(232, 162, 0, 0.1);}
.masse-eski-header .msh-search__cat{position: relative;
flex-shrink: 0;
display: flex;
align-items: stretch;}
.masse-eski-header .msh-search__cat::after{content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 24px;
background: #d1d5db;}
@media (max-width: 767px){.masse-eski-header .msh-search__cat{display: none;}}
.masse-eski-header .msh-search__cat-btn{display: inline-flex;
align-items: center;
gap: 5px;
padding: 0 12px 0 14px !important;
height: 100%;
font-size: 13px;
font-weight: 500;
color: #1a1f2e;
white-space: nowrap;}
.masse-eski-header .msh-search__cat-btn i{font-size: 0.85em;
opacity: 0.6;
transition: transform 0.25s ease;}
.masse-eski-header .msh-search__cat-btn.is-open i{transform: rotate(180deg);}
.masse-eski-header .msh-search__cat-btn:hover{color: #c47c00;}
.masse-eski-header .msh-search__cat-dd{position: absolute;
top: calc(100% + 8px);
left: 0;
min-width: 240px;
max-height: 360px;
overflow-y: auto;
background: #fff;
border-radius: 12px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
padding: 6px;
z-index: 220;
display: none;}
.masse-eski-header .msh-search__cat-dd.is-open{display: block;}
.masse-eski-header .msh-search__cat-opt{display: block;
width: 100%;
text-align: left;
padding: 10px 14px;
font-size: 14px;
color: #374151;
border-radius: 6px;}
.masse-eski-header .msh-search__cat-opt:hover,.masse-eski-header .msh-search__cat-opt.is-active{background: #fef9ec;
color: #c47c00;}
.masse-eski-header .msh-search__input{flex: 1;
border: 0;
background: transparent;
padding: 0 12px;
font-size: 13.5px;
color: #1a1f2e;
outline: none;
min-width: 0;}
.masse-eski-header .msh-search__input::placeholder{color: #9ca3af;
font-weight: 400;}
@media (max-width: 767px){.masse-eski-header .msh-search__input{font-size: 16px;}}
.masse-eski-header .msh-search__btn{flex-shrink: 0 !important;
width: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #1a1f2e !important;
border-radius: 999px !important;
transition: color 0.2s ease;}
.masse-eski-header .msh-search__btn i{font-size: 13.65px !important;}
.masse-eski-header .msh-search__btn:hover{color: #e8a200;}
.masse-eski-header .msh-sr{display: none;
position: absolute;
top: calc(100% + 10px);
left: 0;
right: 0;
background: #fff;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
z-index: 300;
overflow: hidden;
border: 1px solid #f0f0f0;}
.masse-eski-header .msh-sr.is-visible{display: block;}
.masse-eski-header .msh-sr__header{padding: 14px 16px 8px;
display: flex;
align-items: center;
justify-content: space-between;}
.masse-eski-header .msh-sr__title{font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #94a3b8;}
.masse-eski-header .msh-sr__grid{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
padding: 4px 12px 8px;}
.masse-eski-header .msh-sr__card{display: flex;
flex-direction: column;
border-radius: 10px;
border: 1px solid #f0f0f0;
overflow: hidden;
color: #1a1f2e;
text-decoration: none;
transition: box-shadow 0.15s, border-color 0.15s;
background: #fff;}
.masse-eski-header .msh-sr__card:hover{border-color: #e8a200;
box-shadow: 0 2px 12px rgba(232, 162, 0, 0.12);}
.masse-eski-header .msh-sr__card:hover .msh-sr__name{color: #c47c00;}
.masse-eski-header .msh-sr__card-img{position: relative;
width: 100%;
aspect-ratio: 1;
background: #f8f9fa;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom: 1px solid #f0f0f0;}
.masse-eski-header .msh-sr__card-img img{width: 100%;
height: 100%;
object-fit: contain;
padding: 8px;}
.masse-eski-header .msh-sr__card-img i{color: #d1d5db;
font-size: 26px;}
.masse-eski-header .msh-sr__disc{position: absolute;
top: 6px;
left: 6px;
background: #e8a200;
color: #fff;
font-size: 10px;
font-weight: 800;
padding: 2px 6px;
border-radius: 6px;
letter-spacing: 0.03em;
line-height: 1.4;
pointer-events: none;}
.masse-eski-header .msh-sr__sku{font-size: 10px;
color: #b0b8c8;
font-family: 'SFMono-Regular', Consolas, monospace;
letter-spacing: 0.04em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.masse-eski-header .msh-sr__card-body{display: flex;
flex-direction: column;
gap: 3px;
padding: 8px 8px 10px;
flex: 1;}
.masse-eski-header .msh-sr__card-price{margin-top: auto;
padding-top: 4px;
display: flex;
align-items: baseline;
gap: 4px;
flex-wrap: wrap;}
.masse-eski-header .msh-sr__brand{font-size: 10px;
color: #9ca3af;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.masse-eski-header .msh-sr__name{font-size: 12px;
font-weight: 500;
color: #1a1f2e;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.15s;}
.masse-eski-header .msh-sr__price{font-size: 13px;
font-weight: 700;
color: #1a1f2e;}
.masse-eski-header .msh-sr__price-old{font-size: 10px;
color: #aaa;
text-decoration: line-through;
font-weight: 400;}
.masse-eski-header .msh-sr__footer{padding: 10px 16px 14px;
border-top: 1px solid #f5f5f5;}
.masse-eski-header .msh-sr__all{display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px;
background: #f8f9fa;
border: 1.5px solid #e5e7eb;
border-radius: 10px;
font-size: 13.5px;
font-weight: 600;
color: #1a1f2e;
text-decoration: none;
transition: all 0.2s;}
.masse-eski-header .msh-sr__all i{font-size: 0.9em;
transition: transform 0.2s;}
.masse-eski-header .msh-sr__all:hover{background: #fef9ec;
border-color: #e8a200;
color: #c47c00;}
.masse-eski-header .msh-sr__all:hover i{transform: translateX(3px);}
.masse-eski-header .msh-sr__loading,.masse-eski-header .msh-sr__empty{display: flex;
align-items: center;
gap: 10px;
padding: 24px 20px;
color: #9ca3af;
font-size: 14px;}
.masse-eski-header .msh-sr__loading i,.masse-eski-header .msh-sr__empty i{font-size: 15.6px;}
.masse-eski-header .msh-sr__loading strong,.masse-eski-header .msh-sr__empty strong{color: #1a1f2e;}
.masse-eski-header .msh-sr__section{padding: 14px 16px 6px;
border-bottom: 1px solid #f5f5f5;}
.masse-eski-header .msh-sr__section:last-child{border-bottom: none;}
.masse-eski-header .msh-sr__section--brands{padding-bottom: 10px;}
.masse-eski-header .msh-sr__section-head{display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;}
.masse-eski-header .msh-sr__section-title{font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
color: #94a3b8;
text-transform: uppercase;}
.masse-eski-header .msh-sr__clear-btn{font-size: 12px;
color: #9ca3af;
font-weight: 500;
text-decoration: underline;
cursor: pointer;
background: none;
border: none;}
.masse-eski-header .msh-sr__clear-btn:hover{color: #1a1f2e;}
.masse-eski-header .msh-sr__brands-row{display: flex;
flex-wrap: wrap;
gap: 6px;
padding-bottom: 8px;}
.masse-eski-header .msh-sr__brand-chip{display: inline-flex;
align-items: center;
padding: 6px 14px;
border: 1.5px solid #e5e7eb;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
color: #1a1f2e;
text-decoration: none;
background: #fff;
transition: all 0.15s;
letter-spacing: 0.02em;}
.masse-eski-header .msh-sr__brand-chip:hover{border-color: #e8a200;
background: #fef9ec;
color: #c47c00;}
.masse-eski-header .msh-sr__brand-results-row{display: flex;
flex-wrap: wrap;
gap: 6px;
padding-bottom: 8px;}
.masse-eski-header .msh-sr__brand-result{display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px 8px 8px;
border: 1.5px solid #e5e7eb;
border-radius: 10px;
font-size: 13px;
font-weight: 600;
color: #1a1f2e;
text-decoration: none;
transition: all 0.15s;}
.masse-eski-header .msh-sr__brand-result i{font-size: 9.75px;
opacity: 0.35;
transition: opacity 0.15s, transform 0.15s;}
.masse-eski-header .msh-sr__brand-result:hover{border-color: #e8a200;
background: #fef9ec;
color: #c47c00;}
.masse-eski-header .msh-sr__brand-result:hover i{opacity: 0.8;
transform: translateX(2px);}
.masse-eski-header .msh-sr__brand-avatar{width: 28px;
height: 28px;
border-radius: 7px;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 800;
color: #374151;
flex-shrink: 0;}
.masse-eski-header .msh-sr__recent-row{display: flex;
flex-wrap: wrap;
gap: 6px;
padding-bottom: 8px;}
.masse-eski-header .msh-sr__recent-item{display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border: 1.5px solid #e5e7eb;
border-radius: 999px;
font-size: 12.5px;
color: #374151;
cursor: pointer;
background: #fff;
transition: all 0.15s;}
.masse-eski-header .msh-sr__recent-item > i{color: #9ca3af;
font-size: 11.05px;}
.masse-eski-header .msh-sr__recent-item:hover{border-color: #d1d5db;
background: #f9fafb;}
.masse-eski-header .msh-sr__recent-x{display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
background: #e5e7eb;
margin-left: 2px;
transition: background 0.15s;
cursor: pointer;}
.masse-eski-header .msh-sr__recent-x i{font-size: 8.45px;
color: #6b7280;}
.masse-eski-header .msh-sr__recent-x:hover{background: #fecaca;}
.masse-eski-header .msh-sr__recent-x:hover i{color: #dc2626;}
.masse-eski-header .msh-sr__popular-row{display: flex;
flex-wrap: wrap;
gap: 6px;
padding-bottom: 8px;}
.masse-eski-header .msh-sr__popular-item{display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 13px;
border-radius: 8px;
font-size: 12.5px;
color: #374151;
cursor: pointer;
background: #f8f9fa;
border: none;
transition: all 0.15s;}
.masse-eski-header .msh-sr__popular-item i{color: #9ca3af;
font-size: 11.05px;}
.masse-eski-header .msh-sr__popular-item:hover{background: #fef9ec;
color: #c47c00;}
.masse-eski-header .msh-sr__popular-item:hover i{color: #e8a200;}
.masse-eski-header .msh-main__icon{display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 51px !important;
height: 40px !important;
color: #1a1f2e !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
transition: background 0.2s ease, color 0.2s ease;}
.masse-eski-header .msh-main__icon i{font-size: 27.95px !important;}
.masse-eski-header .msh-main__icon:hover{background: #fef9ec;
color: #e8a200;}
@media (max-width: 991px){.masse-eski-header .msh-main__icon{display: none;}}
.masse-eski-header .msh-main__action{display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
padding: 2px 6px !important;
color: #1a1f2e !important;
flex-shrink: 0 !important;
transition: color 0.2s ease;}
.masse-eski-header .msh-main__action > i,.masse-eski-header .msh-main__action .msh-main__action-icon > i{font-size: 27.95px !important;}
.masse-eski-header .msh-main__action > span:last-child{font-size: 12px !important;
font-weight: 500 !important;
color: #1a1f2e !important;
white-space: nowrap !important;}
.masse-eski-header .msh-main__action:hover{color: #e8a200;}
.masse-eski-header .msh-main__action:hover > i,.masse-eski-header .msh-main__action:hover .msh-main__action-icon > i{color: #e8a200;}
.masse-eski-header .msh-main__action-icon{position: relative;
display: flex;
align-items: center;
justify-content: center;}
.masse-eski-header .msh-main__action-badge{position: absolute;
top: -5px;
right: -7px;
min-width: 17px;
height: 17px;
padding: 0 4px;
background: #1a4c8a;
color: #fff;
border-radius: 999px;
font-size: 9px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border: 2px solid #fff;}
.masse-eski-header .msh-nav-wrapper{display: none !important;
background: #fff !important;
padding: 10px 15px 10px 0px !important;}
@media (min-width: 992px){.masse-eski-header .msh-nav-wrapper{display: block !important;}}
.masse-eski-header .msh-nav{max-width: var(--container-max-width, 1400px);
margin: 0 auto;
display: flex;
align-items: center;
gap: 2px;
padding: 11px 21px 11px 12px;
background: #fff;
border: 1px solid #e8a200;
border-radius: 6px;
position: relative;}
.masse-eski-header .msh-nav__item{position: static;}
.masse-eski-header .msh-nav__item.is-open .msh-nav__dd{opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0);}
.masse-eski-header .msh-nav__item.is-open .msh-nav__arrow{transform: rotate(180deg);}
.masse-eski-header .msh-nav__item.is-open > .msh-nav__link{color: #c47c00;}
.masse-eski-header .msh-nav__link{display: inline-flex;
align-items: center;
gap: 4px;
padding: 6px 12px;
color: #1a1f2e;
font-size: 13.5px;
font-weight: 500;
letter-spacing: -0.2px;
white-space: nowrap;
border-radius: 999px;
transition: color 0.2s ease;}
.masse-eski-header .msh-nav__link .msh-nav__arrow{font-size: 10px;
opacity: 0.65;
transition: transform 0.25s ease;}
@media (max-width: 1400px){.masse-eski-header .msh-nav__link{font-size: 13px;
padding: 6px 10px;}}
@media (max-width: 1200px){.masse-eski-header .msh-nav__link{padding: 6px 8px;}}
.masse-eski-header .msh-nav__link--brands{margin-left: auto;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 6px 4px !important;
gap: 0 !important;}
.masse-eski-header .msh-nav__link--brands i:first-child{font-size: 1.4em;
color: #e8a200 !important;}
.masse-eski-header .msh-nav__link--brands span{display: none !important;}
.masse-eski-header .msh-nav__link--brands .msh-nav__arrow{display: none !important;}
.masse-eski-header .msh-nav__link--brands:hover{background: transparent !important;
transform: none !important;
box-shadow: none !important;}
.masse-eski-header .msh-nav__link--brands:hover i:first-child{color: #c47c00 !important;}
.masse-eski-header .msh-nav__dd{position: absolute;
top: 100%;
left: 0;
right: 0;
padding-top: 6px;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-6px);
transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
z-index: 200;
overflow: visible;}
.masse-eski-header .msh-nav__dd-inner{background: #fff;
border-top: 3px solid #e8a200;
border-radius: 0 0 14px 14px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.06);
padding: 32px 40px 24px;}
.masse-eski-header .msh-nav__dd-main{display: flex;
gap: 32px;
align-items: stretch;}
@media (max-width: 1200px){.masse-eski-header .msh-nav__dd-main{flex-direction: column;}}
.masse-eski-header .msh-nav__dd-grid{flex: 1;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
gap: 12px 0;
align-items: start;
min-width: 0;}
.masse-eski-header .msh-nav__dd-col{min-width: 0;
padding: 0 16px;
border-right: 1px solid #f0f0f0;}
.masse-eski-header .msh-nav__dd-col:last-child{border-right: none;}
.masse-eski-header .msh-nav__dd-title{display: block;
font-size: 13px;
font-weight: 700;
color: #111827;
padding: 5px 10px;
margin-bottom: 6px;
border-left: 3px solid #e8a200;
border-radius: 0 6px 6px 0;
line-height: 1.3;
letter-spacing: -0.3px;
transition: color 0.18s ease, background 0.18s ease;}
.masse-eski-header .msh-nav__dd-title:hover{color: #e8a200;
background: rgba(232, 162, 0, 0.06);}
.masse-eski-header .msh-nav__dd-list{margin: 0 0 0 8px;}
.masse-eski-header .msh-nav__dd-link{display: block;
font-size: 13px;
color: #374151;
padding: 4px 8px;
border-radius: 6px;
line-height: 1.45;
transition: all 0.14s ease;}
.masse-eski-header .msh-nav__dd-link:hover{background: #fef9ec;
color: #1a1f2e;
padding-left: 16px;}
.masse-eski-header .msh-nav__dd-all{display: inline-flex;
align-items: center;
gap: 4px;
color: #e8a200;
font-weight: 600;
font-size: 14px;
padding: 6px 10px;
margin-top: 6px;
border-radius: 6px;
transition: all 0.18s ease;}
.masse-eski-header .msh-nav__dd-all i{font-size: 0.9em;
transition: transform 0.15s ease;}
.masse-eski-header .msh-nav__dd-all:hover{background: #fef9ec;
color: #c47c00;
padding-left: 14px;}
.masse-eski-header .msh-nav__dd-all:hover i{transform: translateX(3px);}
.masse-eski-header .msh-nav__dd-promo{position: relative;
display: block;
width: 260px;
flex-shrink: 0;
border-radius: 14px;
overflow: hidden;
min-height: 300px;
background: #1a1f2e;
cursor: pointer;}
.masse-eski-header .msh-nav__dd-promo:hover .msh-nav__dd-promo-img{transform: scale(1.05);}
.masse-eski-header .msh-nav__dd-promo:hover .msh-nav__dd-promo-cta{gap: 10px;}
.masse-eski-header .msh-nav__dd-promo:hover .msh-nav__dd-promo-cta i{transform: translateX(4px);}
@media (max-width: 1200px){.masse-eski-header .msh-nav__dd-promo{display: none;}}
.masse-eski-header .msh-nav__dd-promo-img{position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;}
.masse-eski-header .msh-nav__dd-promo-overlay{position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
color: #fff;
z-index: 2;}
.masse-eski-header .msh-nav__dd-promo-title{display: block;
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;}
.masse-eski-header .msh-nav__dd-promo-cta{display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
color: rgba(255, 255, 255, 0.85);
transition: gap 0.2s ease;}
.masse-eski-header .msh-nav__dd-promo-cta i{font-size: 0.9em;
transition: transform 0.2s ease;}
.masse-eski-header .msh-brands{display: flex;
align-items: center;
gap: 8px;
padding: 20px 0 0;
margin-top: 24px;
border-top: 1px solid #e5e7eb;
flex-wrap: wrap;}
.masse-eski-header .msh-brands__label{font-size: 11px;
font-weight: 700;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-right: 12px;
white-space: nowrap;}
.masse-eski-header .msh-brands__item{display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 18px;
height: 48px;
background: #f8f9fa;
border: 1px solid #e5e7eb;
border-radius: 10px;
transition: all 0.2s ease;}
.masse-eski-header .msh-brands__item:hover{background: #fff8e6;
border-color: #f0c040;
transform: translateY(-1px);}
.masse-eski-header .msh-brands__item:hover .msh-brands__logo{filter: grayscale(0%) brightness(1);}
.masse-eski-header .msh-brands__logo{height: 24px;
width: auto;
max-width: 96px;
object-fit: contain;
filter: grayscale(100%) brightness(0.35);
transition: filter 0.2s ease;}
.masse-eski-header .msh-mdrawer{height: 100%;
display: flex;
flex-direction: column;}
.masse-eski-header .msh-mdrawer__header{display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px;
border-bottom: 1px solid #f0f0f0;}
.masse-eski-header .msh-mdrawer__logo{display: flex;
align-items: center;
height: 40px;}
.masse-eski-header .msh-mdrawer__logo img,.masse-eski-header .msh-mdrawer__logo svg{max-height: 100%;
width: auto;}
.masse-eski-header .msh-mdrawer__close{width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #1a1f2e;
font-size: 16.9px;
border-radius: 8px;
cursor: pointer;}
.masse-eski-header .msh-mdrawer__close:hover{background: #f5f5f5;}
.masse-eski-header .msh-mdrawer__list{flex: 1;
overflow-y: auto;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;}
.masse-eski-header .msh-mdrawer__list > li{list-style: none !important;}
.masse-eski-header .msh-mdrawer__link{display: flex;
align-items: center;
gap: 12px;
padding: 16px 20px;
color: #1a1f2e;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid #f5f5f5;}
.masse-eski-header .msh-mdrawer__link > span{flex: 1;}
.masse-eski-header .msh-mdrawer__link > i{color: #b0b8c8;
font-size: 11.7px;}
.masse-eski-header .msh-mdrawer__link:hover{background: #fef9ec;
color: #e8a200;}
.masse-eski-header .msh-mdrawer__link--brands{background: #e8a200;
color: #fff;
margin: 12px 16px;
border-radius: 999px;
border-bottom: 0;
justify-content: center;}
.masse-eski-header .msh-mdrawer__link--brands > i:first-child{color: #fff;}
.masse-eski-header .msh-mdrawer__link--brands:hover{background: #c47c00;
color: #fff;}
.masse-eski-header .msh-mdrawer__node{list-style: none;}
.masse-eski-header .msh-mdrawer__row{display: flex;
align-items: stretch;
border-bottom: 1px solid #f5f5f5;}
.masse-eski-header .msh-mdrawer__row .msh-mdrawer__link{flex: 1;
border-bottom: 0;}
.masse-eski-header .msh-mdrawer__toggle{flex-shrink: 0;
width: 54px;
display: flex;
align-items: center;
justify-content: center;
color: #94a3b8;
background: none;
border: 0;
border-left: 1px solid #f2f3f5;
cursor: pointer;}
.masse-eski-header .msh-mdrawer__toggle i{font-size: 12.35px;
transition: transform 0.25s ease;}
.masse-eski-header .msh-mdrawer__toggle:active{background: #fef9ec;}
.masse-eski-header .msh-mdrawer__node.is-open > .msh-mdrawer__row > .msh-mdrawer__toggle{color: #e8a200;}
.masse-eski-header .msh-mdrawer__node.is-open > .msh-mdrawer__row > .msh-mdrawer__toggle i{transform: rotate(180deg);}
.masse-eski-header .msh-mdrawer__sub{display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.28s ease;
background: #fafbfc;}
.masse-eski-header .msh-mdrawer__node.is-open > .msh-mdrawer__sub{grid-template-rows: 1fr;}
.masse-eski-header .msh-mdrawer__sub > .msh-mdrawer__sublist{overflow: hidden;
min-height: 0;}
.masse-eski-header .msh-mdrawer__sublist{list-style: none;
margin: 0;
padding: 0;}
.masse-eski-header .msh-mdrawer__sublist > li{list-style: none;}
.masse-eski-header .msh-mdrawer__sublink{display: block;
flex: 1;
padding: 13px 20px 13px 36px;
font-size: 13.5px;
font-weight: 500;
color: #374151;
border-bottom: 1px solid #f0f1f3;
line-height: 1.35;}
.masse-eski-header .msh-mdrawer__sublink:active,.masse-eski-header .msh-mdrawer__sublink:hover{background: #fef9ec;
color: #c47c00;}
.masse-eski-header .msh-mdrawer__node--lvl2 > .msh-mdrawer__row{border-bottom: 1px solid #f0f1f3;}
.masse-eski-header .msh-mdrawer__node--lvl2 > .msh-mdrawer__row > .msh-mdrawer__sublink{border-bottom: 0;}
.masse-eski-header .msh-mdrawer__sublink--lvl3{padding-left: 52px;
font-size: 13px;
font-weight: 400;
color: #6b7280;
background: #f6f8fa;}
.masse-eski-header .msh-mdrawer__contact{padding: 20px;
border-top: 1px solid #f0f0f0;
display: flex;
flex-direction: column;
gap: 10px;}
.masse-eski-header .msh-mdrawer__contact a{display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 10px;
color: #1a1f2e;
font-size: 14px;}
.masse-eski-header .msh-mdrawer__contact a i{color: #e8a200;
font-size: 14.3px;}
.masse-eski-header .msh-mdrawer__contact a:hover{background: #fef9ec;}
.masse-eski-header .msh-login__header,.masse-eski-header .msh-cart__header{display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 24px;
background: linear-gradient(135deg, #1a365d, #0f2447);
color: #fff;
font-size: 14.3px;
font-weight: 700;}
.masse-eski-header .msh-login__header i,.masse-eski-header .msh-cart__header i{color: #fff;
margin-right: 8px;}
.masse-eski-header .msh-login__header .drawer-close,.masse-eski-header .msh-cart__header .drawer-close{color: #fff !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
opacity: 0.9;
transition: background 0.2s ease, opacity 0.2s ease;}
.masse-eski-header .msh-login__header .drawer-close i,.masse-eski-header .msh-cart__header .drawer-close i{color: #fff !important;}
.masse-eski-header .msh-login__header .drawer-close:hover,.masse-eski-header .msh-cart__header .drawer-close:hover{background: rgba(255, 255, 255, 0.18) !important;
opacity: 1;}
.masse-eski-header .msh-login__body{padding: 24px;}
.masse-eski-header .msh-login__body h3{margin: 0 0 6px;
font-size: 18.2px;
font-weight: 700;
color: #1a1f2e;}
.masse-eski-header .msh-login__body p{margin: 0 0 20px;
color: #64748b;
font-size: 12.35px;}
.masse-eski-header .msh-login__body label{display: block;
margin-bottom: 6px;
font-size: 11.05px;
font-weight: 600;
color: #374151;}
.masse-eski-header .msh-login__body input[type="email"],.masse-eski-header .msh-login__body input[type="password"]{width: 100%;
height: 46px;
padding: 10px 14px;
background: #f9fafb;
border: 2px solid #e5e7eb;
border-radius: 10px;
font-size: 14px;
margin-bottom: 14px;
transition: all 0.2s ease;}
.masse-eski-header .msh-login__body input[type="email"]:focus,.masse-eski-header .msh-login__body input[type="password"]:focus{outline: none;
background: #fff;
border-color: #e8a200;
box-shadow: 0 0 0 3px rgba(232, 162, 0, 0.12);}
.masse-eski-header .msh-login__pwd{position: relative;}
.masse-eski-header .msh-login__pwd input{padding-right: 46px;}
.masse-eski-header .msh-login__pwd button{position: absolute;
right: 8px;
top: 8px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
color: #64748b;}
.masse-eski-header .msh-login__pwd button:hover{color: #e8a200;}
.masse-eski-header .msh-login__row{display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
font-size: 11.44px;}
.masse-eski-header .msh-login__row label{display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
font-weight: 500;
cursor: pointer;}
.masse-eski-header .msh-login__row label input{width: 16px;
height: 16px;
margin: 0;}
.masse-eski-header .msh-login__row a{color: #e8a200;
font-weight: 500;}
.masse-eski-header .msh-login__row a:hover{text-decoration: underline;}
.masse-eski-header .msh-login__submit{display: block;
width: 100%;
padding: 14px 20px;
background: linear-gradient(135deg, #e8a200, #c47c00);
color: #fff;
border-radius: 999px;
font-size: 15px;
font-weight: 700;
margin-bottom: 14px;
transition: transform 0.25s, box-shadow 0.25s;}
.masse-eski-header .msh-login__submit:hover{transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(232, 162, 0, 0.35);}
.masse-eski-header .msh-login__reg{text-align: center;
color: #64748b;
font-size: 11.7px;
margin: 0;}
.masse-eski-header .msh-login__reg a{color: #e8a200;
font-weight: 600;
margin-left: 4px;}
.masse-eski-header .msh-login__reg a:hover{text-decoration: underline;}
.masse-eski-header .msh-scroll{position: fixed;
bottom: 20px;
right: 20px;
width: 46px;
height: 46px;
border-radius: 50%;
background: linear-gradient(135deg, #e8a200, #c47c00);
color: #fff;
z-index: 51;
display: none;
align-items: center;
justify-content: center;
box-shadow: 0 4px 14px rgba(232, 162, 0, 0.35);}
.masse-eski-header .msh-scroll.is-visible{display: flex;}
.masse-eski-header .msh-scroll i{font-size: 14.3px;}
.masse-eski-header .msh-scroll:hover{transform: translateY(-2px);}
@media (max-width: 991px){.masse-eski-header .msh-main{padding: 8px 0 !important;}
.masse-eski-header .msh-main__inner{flex-wrap: wrap !important;
row-gap: 6px !important;
align-items: center !important;
padding: 0 12px !important;}
.masse-eski-header .msh-main__burger{order: 1 !important;}
.masse-eski-header .msh-main__logo{order: 2 !important;
flex: 1 1 auto !important;
flex-shrink: 1 !important;
margin-right: 0 !important;}
.masse-eski-header .msh-account-dd{order: 3 !important;}
.masse-eski-header a.msh-main__action{order: 4 !important;}
.masse-eski-header .msh-main__menu-btn{display: none !important;}
.masse-eski-header .msh-search{order: 10 !important;
flex: 1 1 100% !important;
max-width: none !important;
height: 40px !important;}
.masse-eski-header .msh-main__icon{display: none !important;}}
.masse-eski-header .msh-brands-mega{position: static;
display: flex;
align-items: center;
margin-left: auto;
flex-shrink: 0;}
.masse-eski-header .msh-brands-mega.is-open .msh-nav__arrow{transform: rotate(180deg);}
.masse-eski-header .msh-brands-mega.is-open .msh-brands-mega__panel{display: flex;}
.masse-eski-header .msh-brands-mega.is-open .msh-brands-mega__overlay{display: block;}
.masse-eski-header .msh-brands-mega__overlay{display: none;
position: fixed;
inset: 0;
z-index: 998;
cursor: default;}
.masse-eski-header .msh-brands-mega__panel{display: none;
position: absolute;
top: calc(100% + 4px);
right: 0;
left: auto;
width: 860px;
max-width: 90vw;
min-width: 520px;
background: #fff;
border-radius: 16px;
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.14);
z-index: 999;
overflow: hidden;
animation: brandsMegaIn 0.2s ease;}
@media (max-width: 1300px){.masse-eski-header .msh-brands-mega__panel{width: 92%;
min-width: 520px;}}
.masse-eski-header .msh-brands-mega__left{width: 35%;
border-right: 1px solid #f0f0f0;
padding: 24px 20px;
flex-shrink: 0;
min-height: 300px;}
.masse-eski-header .msh-brands-mega__col-title{font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #9ca3af;
margin: 0 0 14px 10px;}
.masse-eski-header .msh-brands-mega__collections{list-style: none;
margin: 0;
padding: 0;
max-height: 320px;
overflow-y: auto;}
.masse-eski-header .msh-brands-mega__collections li a{display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 12px;
color: #1a1f2e;
font-size: 13px;
font-weight: 600;
border-radius: 8px;
transition: background 0.15s, transform 0.15s;
text-decoration: none;}
.masse-eski-header .msh-brands-mega__collections li a:hover{background: rgba(26, 31, 46, 0.04);
transform: translateX(3px);}
.masse-eski-header .msh-brands-mega__collections li a i{opacity: 0.25;
font-size: 9.75px;}
.masse-eski-header .msh-brands-mega__collections li:first-child a{color: #e8a200;
font-weight: 700;}
.masse-eski-header .msh-brands-mega__right{flex: 1;
padding: 24px 20px;}
.masse-eski-header .msh-brands-mega__right-title{font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #9ca3af;
margin: 0 0 12px 0;}
.masse-eski-header .msh-brands-mega__search{position: relative;
margin-bottom: 14px;}
.masse-eski-header .msh-brands-mega__search input{width: 100%;
padding: 9px 12px 9px 36px;
border: 1.5px solid #e5e7eb;
border-radius: 8px;
font-size: 13px;
outline: none;
transition: border-color 0.2s;
color: #1a1f2e;
background: #fafafa;}
.masse-eski-header .msh-brands-mega__search input:focus{border-color: #e8a200;}
.masse-eski-header .msh-brands-mega__search input::placeholder{color: #9ca3af;}
.masse-eski-header .msh-brands-mega__search-icon{position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
font-size: 11.05px;
pointer-events: none;}
.masse-eski-header .msh-brands-mega__grid{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
max-height: 300px;
overflow-y: auto;
list-style: none;
margin: 0;
padding: 0;}
@media (max-width: 1300px){.masse-eski-header .msh-brands-mega__grid{grid-template-columns: repeat(2, 1fr);}}
.masse-eski-header .msh-brands-mega__item a{display: flex;
align-items: center;
gap: 8px;
padding: 9px 10px;
color: #1a1f2e;
font-size: 12.5px;
font-weight: 600;
border-radius: 8px;
border: 2px solid transparent;
text-decoration: none;
transition: background 0.15s;}
.masse-eski-header .msh-brands-mega__item a:hover{background: rgba(26, 31, 46, 0.05);}
.masse-eski-header .msh-brands-mega__item[hidden]{display: none;}
.masse-eski-header .msh-brands-mega__item.is-selected a{background: rgba(232, 162, 0, 0.08);
border-color: rgba(232, 162, 0, 0.3);}
.masse-eski-header .msh-brands-mega__icon{display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 7px;
flex-shrink: 0;
font-weight: 800;
font-size: 12px;
color: #fff;}
.masse-eski-header .msh-brands-mega__no-result{padding: 20px;
text-align: center;
color: #9ca3af;
font-size: 13px;
grid-column: 1 / -1;}
.masse-eski-header .msh-account-dd{position: relative;}
.masse-eski-header .msh-account-dd.is-open .msh-account-dd__panel{opacity: 1;
visibility: visible;
transform: translateY(0);}
.masse-eski-header .msh-account-dd__trigger{background: none;
border: none;
cursor: pointer;
font-family: inherit;}
.masse-eski-header .msh-account-dd__panel{position: absolute;
top: calc(100% + 8px);
right: 0;
width: 280px;
background: #fff;
border-radius: 14px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
padding: 16px;
z-index: 10001;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;}
.masse-eski-header .msh-account-dd__panel::before{content: '';
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 12px;}
.masse-eski-header .msh-account-dd__item{display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
color: #1a1f2e;
font-size: 13.5px;
font-weight: 500;
border-radius: 8px;
text-decoration: none;
transition: background 0.15s;}
.masse-eski-header .msh-account-dd__item i{color: #6b7280;}
.masse-eski-header .msh-account-dd__item:hover{background: #f3f4f6;}
.masse-eski-header .msh-account-dd__item--logout{color: #dc2626;}
.masse-eski-header .msh-account-dd__item--logout i{color: #dc2626;}
.masse-eski-header .msh-account-dd__sep{height: 1px;
background: #f0f0f0;
margin: 8px 0;}
.masse-eski-header .msh-account-dd__title{font-size: 15px;
font-weight: 700;
color: #1a1f2e;
margin: 0 0 6px;}
.masse-eski-header .msh-account-dd__subtitle{font-size: 13px;
color: #6b7280;
margin: 0 0 16px;
line-height: 1.5;}
.masse-eski-header .msh-account-dd__btn{display: block;
width: 100%;
padding: 13px 16px;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
text-align: center;
text-decoration: none;
transition: background 0.2s, box-shadow 0.2s;}
.masse-eski-header .msh-account-dd__btn--dark{background: #1a1f2e !important;
color: #fff !important;
margin-bottom: 10px;}
.masse-eski-header .msh-account-dd__btn--dark:hover{background: #111827 !important;
color: #fff !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);}
.masse-eski-header .msh-account-dd__btn--outline{background: #fff;
color: #1a1f2e;
border: 1.5px solid #e5e7eb;}
.masse-eski-header .msh-account-dd__btn--outline:hover{background: #f9fafb;
border-color: #d1d5db;}
.masse-eski-header .msh-cart-empty{text-align: center;
padding: 40px 28px 32px;}
.masse-eski-header .msh-cart-empty__icon{width: 84px;
height: 84px;
margin: 0 auto 22px;
border-radius: 50%;
background: #f3f4f6;
display: flex;
align-items: center;
justify-content: center;}
.masse-eski-header .msh-cart-empty__icon i{font-size: 27.3px;
color: #9ca3af;}
.masse-eski-header .msh-cart-empty__title{font-size: 19px;
font-weight: 800;
color: #1a1f2e;
margin-bottom: 8px;
letter-spacing: -0.3px;}
.masse-eski-header .msh-cart-empty__sub{font-size: 13.5px;
color: #8a93a3;
margin-bottom: 26px;
line-height: 1.5;}
.masse-eski-header .msh-cart-empty__btn{display: block;
width: 100%;
padding: 15px 20px;
background: #fff;
color: #1a1f2e !important;
border: 1.5px solid #e5e7eb;
border-radius: 12px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;}
.masse-eski-header .msh-cart-empty__btn:hover{border-color: #e8a200;
background: #fffdf7;
box-shadow: 0 4px 16px rgba(232, 162, 0, 0.16);
transform: translateY(-1px);}
.masse-eski-header .msh-cart-empty__link{display: inline-block;
margin-top: 16px;
font-size: 13.5px;
color: #8a93a3 !important;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.2s ease;}
.masse-eski-header .msh-cart-empty__link:hover{color: #1a1f2e !important;}
.masse-eski-header .msh-viewed{padding: 20px 16px 22px;
border-top: 8px solid #f5f6f8;
background: #fff;}
.masse-eski-header .msh-viewed__title{display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #1a1f2e;
margin-bottom: 14px;}
.masse-eski-header .msh-viewed__title i{color: #e8a200;
font-size: 13px;}
.masse-eski-header .msh-viewed__row{display: flex;
gap: 12px;
overflow-x: auto;
padding-bottom: 10px;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;}
.masse-eski-header .msh-viewed__row::-webkit-scrollbar{height: 5px;}
.masse-eski-header .msh-viewed__row::-webkit-scrollbar-track{background: #f5f6f8;
border-radius: 999px;}
.masse-eski-header .msh-viewed__row::-webkit-scrollbar-thumb{background: #d1d5db;
border-radius: 999px;}
.masse-eski-header .msh-viewed__row::-webkit-scrollbar-thumb:hover{background: #e8a200;}
.masse-eski-header .msh-viewed__card{flex: 0 0 158px;
width: 158px;
scroll-snap-align: start;
display: flex;
flex-direction: column;
border: 1px solid #eef0f3;
border-radius: 14px;
overflow: hidden;
background: #fff;
text-decoration: none;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;}
.masse-eski-header .msh-viewed__card:hover{border-color: #e8a200;
box-shadow: 0 8px 22px rgba(232, 162, 0, 0.15);
transform: translateY(-3px);}
.masse-eski-header .msh-viewed__card:hover .msh-viewed__name{color: #c47c00;}
.masse-eski-header .msh-viewed__card:hover .msh-viewed__img img{transform: scale(1.04);}
.masse-eski-header .msh-viewed__img{position: relative;
width: 100%;
aspect-ratio: 1;
background: #f6f7f9;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;}
.masse-eski-header .msh-viewed__img img{width: 100%;
height: 100%;
object-fit: contain;
padding: 10px;
transition: transform 0.35s ease;}
.masse-eski-header .msh-viewed__img i{color: #d1d5db;
font-size: 24.7px;}
.masse-eski-header .msh-viewed__body{display: flex;
flex-direction: column;
gap: 6px;
padding: 11px 11px 13px;
flex: 1;}
.masse-eski-header .msh-viewed__name{font-size: 12px;
font-weight: 500;
color: #1a1f2e;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 2.8em;
transition: color 0.15s;}
.masse-eski-header .msh-viewed__price{font-size: 14px;
font-weight: 800;
color: #1a4c8a;
margin-top: auto;
letter-spacing: -0.2px;}
.masse-eski-header .kt__wrap{position: fixed !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 8888 !important;
display: flex !important;
align-items: center !important;
pointer-events: none !important;}
.masse-eski-header .kt__wrap.kt--open{pointer-events: auto !important;}
@media (max-width: 768px){.masse-eski-header .kt__wrap{display: none !important;}}
.masse-eski-header .kt__mags{position: relative;
width: 16px;
height: 168px;
flex-shrink: 0;
cursor: pointer;
pointer-events: auto;}
.masse-eski-header .kt__panel{width: 270px;
background: #fff;
border-radius: 16px 0 0 16px;
padding: 18px 16px 14px;
display: flex;
flex-direction: column;
gap: 10px;
box-shadow: -6px 0 40px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(0, 0, 0, 0.06);
transform: translateX(calc(100% + 2px));
opacity: 0;
transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.28s ease;
pointer-events: none;
will-change: transform;}
.masse-eski-header .kt__wrap.kt--open .kt__panel{transform: translateX(0) !important;
opacity: 1 !important;
pointer-events: all !important;}
.masse-eski-header .kt__head{display: flex;
align-items: center;
gap: 10px;
padding-bottom: 11px;
border-bottom: 1px solid #e2e8f0;}
.masse-eski-header .kt__head-icon{width: 30px;
height: 30px;
background: #e8a200;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;}
.masse-eski-header .kt__head-icon i{color: #fff;
font-size: 11.05px;}
.masse-eski-header .kt__head-title{font-size: 13px;
font-weight: 700;
color: #1a2130;
line-height: 1.2;}
.masse-eski-header .kt__head-sub{font-size: 10px;
color: #94a3b8;
font-weight: 500;
margin-top: 1px;}
.masse-eski-header .kt__list{display: flex;
flex-direction: column;
gap: 6px;}
.masse-eski-header .kt__item{display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 7px 8px !important;
border-radius: 9px !important;
background: #f8fafc !important;
border: 1px solid #e2e8f0 !important;
text-decoration: none !important;
transition: background 0.15s ease, border-color 0.15s ease;}
.masse-eski-header .kt__item:hover{background: #eff6ff !important;
border-color: #bfdbfe !important;}
.masse-eski-header .kt__item:hover .kt__item-arr{color: #003d6e !important;
transform: translateX(2px);}
.masse-eski-header .kt__item-cover{width: 34px;
height: 48px;
border-radius: 4px;
overflow: hidden;
flex-shrink: 0;
background: #e2e8f0;}
.masse-eski-header .kt__item-cover img{width: 100%;
height: 100%;
object-fit: cover;
display: block;}
.masse-eski-header .kt__item-info{flex: 1;
min-width: 0;}
.masse-eski-header .kt__item-tag{font-size: 9px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #e8a200;
margin-bottom: 2px;}
.masse-eski-header .kt__item-name{font-size: 12px;
font-weight: 600;
color: #1a2130 !important;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.masse-eski-header .kt__item-arr{color: #cbd5e1;
font-size: 9.1px;
flex-shrink: 0;
transition: color 0.15s, transform 0.15s;}
.masse-eski-header .kt__cta{display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 10px !important;
background: #e8a200 !important;
border-radius: 9px !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #1a1f2e !important;
margin-top: 2px !important;
text-decoration: none !important;
transition: background 0.18s ease, transform 0.18s ease;}
.masse-eski-header .kt__cta i{font-size: 10.4px;}
.masse-eski-header .kt__cta:hover{background: #f5bb10 !important;
transform: translateY(-1px);}
.masse-eski-header .kt__edge{position: absolute;
top: 8%;
right: 0;
width: 2px;
height: 84%;
background: linear-gradient(to bottom, transparent, #e8a200 25%, #003d6e 75%, transparent);
border-radius: 2px;
transition: opacity 0.2s ease;}
.masse-eski-header .kt__wrap.kt--open .kt__edge{opacity: 0;}
.masse-eski-header .kt__badge{position: absolute;
top: -8px;
right: 3px;
background: #e8a200;
color: #1a1f2e;
font-size: 9px;
font-weight: 800;
width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 6px rgba(232, 162, 0, 0.5);
z-index: 10;
transition: transform 0.2s ease;}
.masse-eski-header .kt__wrap.kt--open .kt__badge{transform: scale(1.15);}
.masse-eski-header .kt__mag{position: absolute;
width: 59px;
height: 83px;
border-radius: 5px 0 0 5px;
overflow: hidden;
box-shadow: -2px 3px 14px rgba(0, 0, 0, 0.35);
right: 0;
will-change: transform;
transition: transform 0.34s cubic-bezier(0.34, 1.2, 0.64, 1);}
.masse-eski-header .kt__mag img{width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.34s ease;}
.masse-eski-header .kt__mag--1{top: 8px;
z-index: 3;
transform: translateX(47px) rotate(-11deg);
transform-origin: right top;}
.masse-eski-header .kt__mag--2{top: 44px;
z-index: 2;
transform: translateX(43px) rotate(7deg);
transform-origin: right center;}
.masse-eski-header .kt__mag--3{top: 78px;
z-index: 1;
transform: translateX(45px) rotate(-4deg);
transform-origin: right bottom;}
.masse-eski-header .kt__wrap.kt--open .kt__mag--1{transform: translateX(5px) rotate(-14deg);}
.masse-eski-header .kt__wrap.kt--open .kt__mag--2{transform: translateX(2px) rotate(9deg);}
.masse-eski-header .kt__wrap.kt--open .kt__mag--3{transform: translateX(4px) rotate(-6deg);}
.masse-eski-header .kt__wrap.kt--open .kt__mag img{transform: scale(1.05);}
@media (prefers-reduced-motion: reduce){.masse-eski-header .kt__panel,.masse-eski-header .kt__mag,.masse-eski-header .kt__mag img,.masse-eski-header .kt__badge,.masse-eski-header .kt__edge{transition: none !important;}}

/* Halit isteği (29.09.2026): yukarı ok daha yukarıda */
.masse-eski-header .msh-scroll{bottom:90px !important;}

/* 30.09.2026: mobilde (≤767) burger · logo · Giriş Yap · Sepet tek satırda; logo img 49px taşıyor ve logo alanı 246px'e yayılıyordu → Sepet alt satıra düşüyordu */
@media (max-width: 767px){
.masse-eski-header .msh-main__logo{flex:1 1 0 !important;min-width:0 !important;height:auto !important;max-height:none !important;}
.masse-eski-header .msh-main__logo img,.masse-eski-header .msh-main__logo svg{height:28px !important;max-height:28px !important;width:auto !important;max-width:100% !important;object-fit:contain;object-position:left center;}
.masse-eski-header .msh-account-dd,.masse-eski-header a.msh-main__action{flex:0 0 auto !important;}
.masse-eski-header .msh-main__inner{column-gap:6px !important;}
}