/* V56 — talep odaklı karma vitrin, net marka alanı ve mikro etkileşimler */
:root{
  --v56-font:Inter,"Segoe UI Variable","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html,body,button,input,select,textarea{font-family:var(--v56-font)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Marka kilidi: yüksek çözünürlüklü tam logo tek kez ve doğru oranda gösterilir. */
.ref-main .container{
  min-height:88px!important;
  height:auto!important;
  grid-template-columns:215px minmax(280px,1fr) 170px 148px 120px!important;
  gap:14px!important;
}
.ref-logo{width:100%;min-width:0!important;display:flex;align-items:center;justify-content:flex-start}
.ref-logo img{
  width:198px!important;
  height:auto!important;
  max-height:88px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 14px rgba(7,27,61,.07))!important;
}
.ref-logo>span{display:none!important}
.ref-logo:focus-visible,.ref-list:focus-visible,.v56-monkey:focus-visible{
  outline:3px solid rgba(11,99,243,.34);
  outline-offset:3px;
}
.ref-search input{font-size:13px!important;letter-spacing:-.01em}
.ref-contact,.ref-account,.ref-wa{font-family:var(--v56-font);letter-spacing:-.01em}
.ref-contact span,.ref-account span{font-weight:650}
.ref-contact small,.ref-account small{font-weight:500;color:#59657a}
.ref-wa{font-weight:800!important}

/* Navigasyon, sağdaki teklif düğmesine daima ayrılmış güvenli alan bırakır. */
.ref-nav .container{
  height:54px!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
}
.ref-all{min-width:172px!important;height:38px!important;padding:0 17px!important;font-size:10px!important;font-weight:850!important}
.ref-nav nav{min-width:0!important;gap:2px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:none}
.ref-nav nav::-webkit-scrollbar{display:none}
.v39-info .container,.v45-category-shortcuts,.v40-brand-filter,.v47-trust-quick .container,.v39-brand-strip .container,.v44-home-guide-grid,.v41-luxury-grid,.v54-stanley-grid,.v40-roxy-grid,.v40-roxy-categories{scrollbar-width:none}
.v39-info .container::-webkit-scrollbar,.v45-category-shortcuts::-webkit-scrollbar,.v40-brand-filter::-webkit-scrollbar,.v47-trust-quick .container::-webkit-scrollbar,.v39-brand-strip .container::-webkit-scrollbar,.v44-home-guide-grid::-webkit-scrollbar,.v41-luxury-grid::-webkit-scrollbar,.v54-stanley-grid::-webkit-scrollbar,.v40-roxy-grid::-webkit-scrollbar,.v40-roxy-categories::-webkit-scrollbar{display:none}
.ref-nav nav a{font-family:var(--v56-font);font-size:10px!important;font-weight:760!important;letter-spacing:-.01em;padding:9px 8px!important}
.ref-list{
  position:relative;
  flex:0 0 auto;
  min-width:146px;
  height:40px;
  margin:0!important;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:12px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  overflow:visible;
  background:linear-gradient(135deg,#ffd45d,#ffb000)!important;
  color:#17213a!important;
  box-shadow:0 9px 22px rgba(255,176,0,.22);
  font-size:10px!important;
  font-weight:900!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.ref-list:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(255,176,0,.3)}
.v56-quote-icon{
  width:23px;
  height:23px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#071b3d;
  color:#fff;
  font-size:15px;
  line-height:1;
}
.v56-quote-label{line-height:1}
.ref-list b{
  width:20px!important;
  height:20px!important;
  margin-left:1px;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#071b3d!important;
  box-shadow:inset 0 0 0 1px rgba(7,27,61,.1);
  font-size:9px!important;
}

.v56-demand-note{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:5px 9px;
  border:1px solid #cfe0fa;
  border-radius:999px;
  background:#edf5ff;
  color:#174c99;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.v56-demand-note:before{content:"↗";font-size:12px}

/* Sayfanın en üstündeki küçük, bağımsız ve tıklanınca kaçan maymun. */
.v56-monkey{
  --v56-monkey-x:82%;
  position:absolute;
  z-index:160;
  top:2px;
  left:var(--v56-monkey-x);
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  transform:translateX(-50%);
  transition:left .58s cubic-bezier(.2,.9,.25,1.2),top .4s ease;
  filter:drop-shadow(0 4px 5px rgba(1,13,34,.3));
  touch-action:manipulation;
}
.v56-monkey:before{
  content:"";
  position:absolute;
  left:50%;
  top:-5px;
  width:1px;
  height:10px;
  background:rgba(255,255,255,.76);
}
.v56-monkey-body{
  display:block;
  font-size:25px;
  line-height:34px;
  transform-origin:50% 1px;
  animation:v56-monkey-swing 2.7s ease-in-out infinite;
  will-change:transform;
}
.v56-monkey.is-escaping .v56-monkey-body{animation:v56-monkey-hop .58s cubic-bezier(.2,.85,.3,1)}
@keyframes v56-monkey-swing{
  0%,100%{transform:translateY(0) rotate(-8deg)}
  50%{transform:translateY(2px) rotate(9deg)}
}
@keyframes v56-monkey-hop{
  0%{transform:translateY(0) rotate(-9deg) scale(1)}
  45%{transform:translateY(-10px) rotate(18deg) scale(.9)}
  100%{transform:translateY(0) rotate(-7deg) scale(1)}
}

@media(max-width:1250px){
  .ref-main .container{grid-template-columns:195px minmax(250px,1fr) 150px 118px!important}
  .ref-main .ref-account{display:none!important}
  .ref-logo img{width:182px!important}
  .ref-all{min-width:145px!important}
  .ref-list{min-width:140px}
}

@media(max-width:900px){
  .ref-main .container{grid-template-columns:175px minmax(170px,1fr) 112px!important}
  .ref-main .ref-contact,.ref-main .ref-account{display:none!important}
  .ref-logo img{width:166px!important}
  .ref-list{display:none!important}
}

@media(max-width:780px){
  .ref-main .container{grid-template-columns:minmax(0,1fr) auto!important;min-height:0!important}
  .ref-logo img{width:152px!important;max-height:none!important}
  .ref-search{grid-column:1/-1!important;grid-row:2!important}
  .v56-demand-note{font-size:8px;min-height:25px}
  .v56-monkey{width:30px;height:31px;top:2px}
  .v56-monkey-body{font-size:22px;line-height:31px}
  .v50-print-fab{left:auto!important;right:12px!important;bottom:76px!important;width:56px!important;height:56px!important;border-width:2px!important}
  .v50-print-fab:before{inset:-5px!important}
  .v50-print-fab-icon,.v50-print-fab-icon svg{width:19px!important;height:19px!important}
  .v50-print-fab strong{font-size:7px!important}
}

@media(max-width:420px){
  .ref-logo img{width:136px!important}
  .ref-wa{padding-inline:9px!important}
  .catalog-summary{flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){
  .v56-monkey,.ref-list{transition:none!important}
  .v56-monkey-body{animation:none!important}
}