/* NoktaOn v2.0.0.0 - Trend Telefonlar carousel overlay arrows.
   The arrow buttons must not consume horizontal space from product cards. */
body.nok-web .nok79-trend-slider{
  position:relative;
  display:block;
  min-width:0;
  isolation:isolate;
}
body.nok-web .nok79-trend-slider .nok79-trend-track{
  width:100%;
  max-width:100%;
  min-width:0;
  flex:none;
}
body.nok-web .nok79-trend-slider .nok79-trend-arrow{
  position:absolute;
  z-index:4;
  top:calc(50% - 6px);
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  flex:none;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  border:1px solid #cfe3d6;
  color:#126b46;
  box-shadow:none!important;
  line-height:1;
}
body.nok-web .nok79-trend-slider .nok79-trend-arrow[data-nok79-dir="prev"]{left:8px}
body.nok-web .nok79-trend-slider .nok79-trend-arrow[data-nok79-dir="next"]{right:8px}
/* The existing JS disables arrows at the beginning/end of the carousel. */
body.nok-web .nok79-trend-slider .nok79-trend-arrow:disabled{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.nok-web .nok79-trend-slider .nok79-trend-arrow:not(:disabled):focus-visible{
  outline:3px solid #16a34a;
  outline-offset:2px;
}
@media(max-width:550px){
  body.nok-web .nok79-trend-slider .nok79-trend-arrow{width:34px;height:34px;font-size:23px}
  body.nok-web .nok79-trend-slider .nok79-trend-arrow[data-nok79-dir="prev"]{left:5px}
  body.nok-web .nok79-trend-slider .nok79-trend-arrow[data-nok79-dir="next"]{right:5px}
}