/* Canlı (Vue) site stillerine eklenenler: sunucu tarafı sayfa için küçük tamamlayıcılar. */
.product-item[data-href]{cursor:pointer}
.product-item h3 a{color:inherit;text-decoration:none;font:inherit;letter-spacing:inherit;text-transform:inherit}
.rm-lb{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.rm-lb img{max-width:min(1200px,100%);max-height:100%;border-radius:6px;background:#fff}
.rm-lb button{position:absolute;top:18px;right:18px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.hp{position:absolute!important;left:-9999px;height:0;width:0;opacity:0}
body.NT{overflow-x:hidden}
/* Katalog menüsü: üst menüde İletişim'in sağında ayrı (düğme) görünür */
.menu-item.rm-katalog>a{background:#fe2400;color:#fff!important;border-radius:30px;padding:8px 20px;margin-left:14px;height:auto;align-self:center;transition:background .3s}
.menu-item.rm-katalog>a::after{content:"\f1c1";font-family:"Font Awesome 6 Free";font-weight:900;margin-left:8px;font-size:.9em}
.menu-item.rm-katalog>a:hover{background:#d41f00}
header.active .menu-item.rm-katalog>a,header.active .Navheader ul .li-item.rm-katalog>a{color:#fff!important}
header.header-field .logo-position-start .Navheader ul .menu-item.rm-katalog .menu-item-btn div:after,
header.header-field .logo-position-start .Navheader ul .menu-item.rm-katalog:hover .menu-item-btn div:after{display:none!important;content:none!important;width:0!important}
body.NT .rm-lb .rm-box{background:#fff;border-radius:10px;max-width:min(720px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;cursor:default}
body.NT .rm-lb .rm-box img{max-width:100%;max-height:68vh;margin:0 auto;border-radius:10px 10px 0 0;object-fit:contain}
.rm-lb .rm-cap{padding:16px 24px 22px;text-align:center;color:#101010;border-top:1px solid #eee}
.rm-lb .rm-cap strong{display:block;font-size:22px;font-weight:700;margin-bottom:6px}
.rm-lb .rm-info{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:16px;color:#444}
/* üst satır (arama + dil) ve menü (Katalog hariç) biraz yukarıda */
@media (min-width:1025px){
  header .nav-top{position:relative;top:-14px}
  header .main-top-nav>ul>li{position:relative;top:-14px}
}

/* Katalog yazısı header beyazken de beyaz kalır */
header .menu-item.rm-katalog>a,header .menu-item.rm-katalog>a *,header.active .menu-item.rm-katalog>a *,header.productMenuOpen .menu-item.rm-katalog>a *,header.scrollUping .menu-item.rm-katalog>a *{color:#fff!important}
/* açılır menü header bandının tam altından başlar (menü 14px yukarı alındığı için telafi) */
@media (min-width:1025px){
  header .main-top-nav .sub-menu{margin-top:14px}
  header .main-top-nav .sub-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
}
/* header beyaz (active) iken menü satırı dikeyde ortalı kalır: yukarı alma yalnızca saydam üst hâlde geçerli */
@media (min-width:1025px){
  header.active .main-top-nav>ul>li{top:0}
  header.active .main-top-nav .sub-menu{margin-top:0}
  header.active .main-top-nav .sub-menu::before{display:none}
}
/* tam ekran menüde Katalog düğmesi */
.rm-modal-katalog{display:inline-flex;align-items:center;gap:10px;background:#fe2400;color:#fff!important;border-radius:30px;padding:12px 28px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin:10px 0 18px;text-decoration:none}
.rm-modal-katalog:hover{background:#d41f00}
/* mobil / tablet tam ekran menü: logo küçülmez, yazılar siyah, menü ve Katalog ortalı */
@media (max-width:1024px){
  header.menu-open .logo-position-start .logo-field{max-width:210px!important}
  .menuModal .menuContent>ul{align-items:center!important}
  .menuModal .menuContent>ul>li{width:100%!important;max-width:520px;text-align:center}
  .menuModal .menuContent>ul>li a,.menuModal .menuContent>ul>li a div{color:#000!important;justify-content:center;text-align:center}
  .menuModal .menuContent>ul>li a{display:flex;align-items:center;justify-content:center}
  .menuModal .menuContent>ul>li a div{float:none!important;margin:0!important}
  .menuModal .menuContent>ul>li ul{text-align:center;left:auto!important;right:auto!important}
  .menuModal .menuContent>ul>li ul a{justify-content:center;color:#000!important}
  .menuModal .menuContent .rm-modal-katalog,.rm-modal-katalog{margin-left:auto;margin-right:auto}
  .menuModal .container:has(>.rm-modal-katalog){display:flex;justify-content:center}
}
@media (max-width:576px){ header.menu-open .logo-position-start .logo-field{max-width:180px!important} }
/* mobilde ürün kartları 2'li */
@media (max-width:767px){
  .col-md-6.col-sm-4.mb-4.col-lg-3{flex:0 0 50%;max-width:50%;padding-left:6px;padding-right:6px}
  .col-md-6.col-sm-4.mb-4.col-lg-3 .product-item .relative,.col-md-6.col-sm-4.mb-4.col-lg-3 .product-item .image{height:170px!important}
  .collections-swiper .collection-card,.collections-swiper .collection-media{max-width:100%}
}
/* tam ekran menü: açık alt menülü satır da ortalı */
@media (max-width:1024px){
  .menuModal .menuContent>ul>li>a{width:100%}
  .menuModal .menuContent>ul>li>a>div{position:relative}
}
@media (max-width:640px){
  .collections-swiper .collection-card{width:100%}
  .collections-swiper .collection-media{height:auto!important;aspect-ratio:1/1;width:100%}
  .collections-swiper .collection-title{font-size:14px}
}
/* tam ekran menüde dil seçimi */
.rm-modal-lang{display:flex;justify-content:center;gap:10px;margin:6px 0 18px}
.rm-modal-lang a{min-width:56px;text-align:center;padding:9px 14px;border:1px solid #cfcfcf;border-radius:30px;color:#000;font-weight:600;font-size:15px;letter-spacing:.04em;text-decoration:none}
.rm-modal-lang a.on{background:#000;border-color:#000;color:#fff}
@media (min-width:1025px){.rm-modal-lang{display:none}}
/* mobil: beyaz header'da arama ve menü simgeleri siyah; arama çubuğu */
@media (max-width:1024px){
  header.active .search-mobile i{color:#000!important}
  header.active .hamburger .bar{background-color:#000!important}
  .rm-msearch{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px 16px;box-shadow:0 10px 24px rgba(0,0,0,.14);z-index:5}
  .rm-msearch input{width:calc(100% - 56px);height:46px;border:1px solid #cfcfcf;border-right:0;border-radius:8px 0 0 8px;padding:0 14px;font-size:16px;outline:none;vertical-align:top}
  .rm-msearch input:focus{border-color:#fe2400}
  .rm-msearch button{width:56px;height:46px;border:0;border-radius:0 8px 8px 0;background:#fe2400;color:#fff;font-size:18px;vertical-align:top}
  .rm-modal-lang{width:100%}
  .menuModal .hamburger.active .bar,.hamburger.active .bar{background-color:#000!important}
}
/* mobil arama kutusu: yazı rengi siyah, zemin beyaz */
.rm-msearch input{color:#000!important;background:#fff!important;-webkit-text-fill-color:#000;caret-color:#fe2400}
.rm-msearch input::placeholder{color:#8a8a8a!important;-webkit-text-fill-color:#8a8a8a;opacity:1}
/* kategoriler: masaüstünde liste, mobilde select */
.rm-cat-select{display:none}
@media (max-width:767px){
  .sidebar-category-wrapper .category-list-vertical{display:none!important}
  .rm-cat-select{display:block;width:100%;height:48px;padding:0 40px 0 14px;font:inherit;font-size:15px;font-weight:500;color:#1f1f22;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid #d5d5d5;border-radius:8px;-webkit-appearance:none;appearance:none;margin-top:4px}
  .rm-cat-select:focus{outline:none;border-color:#fe2400}
}