/* PLATONIK V39 — targeted slider repair.
   Retain all photographs, scene animation, site typography, palette,
   seven hero slides and product-card assets. */
.site--platonik .hero-step,
.site--platonik #urunler .product-carousel .slider-arrow,
.site--platonik #teknolojiler .slider-arrow {
  box-sizing:border-box!important;
  padding:0!important;
  aspect-ratio:1/1!important;
  min-width:0;
  flex-shrink:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  transform-origin:center center;
}
.site--platonik #urunler .product-carousel .slider-arrow svg,
.site--platonik #teknolojiler .slider-arrow svg,
.site--platonik .hero-step svg {
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  display:block!important;
  flex:none!important;
  overflow:visible;
  stroke-linecap:round;
  stroke-linejoin:round;
}
/* Desktop/tablet product arrows should be circular as well; preserve original 4/2-card layout. */
.site--platonik #urunler .product-carousel.slider-zone {
  grid-template-columns:clamp(40px,3vw,52px) minmax(0,1fr) clamp(40px,3vw,52px)!important;
}
.site--platonik #urunler .product-carousel .slider-arrow {
  width:clamp(40px,3vw,52px)!important;
  height:clamp(40px,3vw,52px)!important;
  min-height:0!important;
  justify-self:center!important;
}
@media (max-width:700px) {
  /* Hero: reserve separate non-overlapping areas for copy, photograph and navigation. */
  .site--platonik .hero {
    min-height:720px!important;
    height:100svh!important;
    max-height:none!important;
  }
  .site--platonik .hero .hero-copy {
    left:clamp(19px,5vw,28px)!important;
    right:clamp(19px,5vw,28px)!important;
    width:auto!important;
    max-width:none!important;
    top:clamp(98px,12svh,123px)!important;
    bottom:auto!important;
    transform:none!important;
  }
  .site--platonik .hero .hero-eyebrow {
    font-size:10.5px!important;
    line-height:1.45!important;
    letter-spacing:.095em!important;
    margin:0 0 9px!important;
  }
  .site--platonik .hero .hero-copy h1 {
    font-size:clamp(33px,8.6vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:-.05em!important;
    gap:4px!important;
    margin:0!important;
  }
  .site--platonik .hero .hero-copy h1 em {
    font-size:clamp(16px,4.1vw,20px)!important;
    line-height:1.32!important;
  }
  .site--platonik .hero .hero-subtitle {
    font-size:clamp(13px,3.4vw,15px)!important;
    line-height:1.45!important;
    margin:9px 0 0!important;
    max-width:360px!important;
  }
  .site--platonik .hero .hero-actions {
    margin-top:15px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:clamp(10px,3vw,17px)!important;
  }
  .site--platonik .hero .hero-cta {
    box-sizing:border-box!important;
    min-height:43px!important;
    padding:10px 13px!important;
    border-radius:6px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    gap:11px!important;
  }
  .site--platonik .hero .hero-text-link {
    min-width:0!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .site--platonik .hero .hero-product-scene {
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    top:auto!important;
    bottom:94px!important;
    height:clamp(340px,52svh,480px)!important;
    overflow:visible!important;
    transform:none!important;
  }
  .site--platonik .hero .hero-scene-image {
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
  /* The hero footer has only previous, index, progress and next. Social links remain in page footer. */
  .site--platonik .hero .hero-socials {display:none!important;}
  .site--platonik .hero .hero-bottom {
    display:grid!important;
    grid-template-columns:42px max-content minmax(0,1fr) 42px!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:clamp(8px,2.4vw,13px)!important;
    row-gap:0!important;
    flex-wrap:nowrap!important;
    left:clamp(19px,5vw,28px)!important;
    right:clamp(19px,5vw,28px)!important;
    bottom:20px!important;
    width:auto!important;
    min-height:44px!important;
    z-index:15!important;
  }
  .site--platonik .hero .hero-bottom::before{display:none!important;}
  .site--platonik .hero .hero-step {
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:rgba(12,66,161,.20)!important;
    backdrop-filter:blur(8px);
  }
  .site--platonik .hero .hero-step--prev{grid-column:1;}
  .site--platonik .hero .hero-index {
    grid-column:2;
    font-size:11px!important;
    font-variant-numeric:tabular-nums;
    white-space:nowrap!important;
  }
  .site--platonik .hero .hero-dots {
    grid-column:3;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .site--platonik .hero .hero-dots button {
    flex:0 1 12px!important;
    width:12px!important;
    min-width:0!important;
    max-width:12px!important;
    height:3px!important;
    border-radius:4px!important;
    transition:background .25s ease!important;
  }
  .site--platonik .hero .hero-dots button.active {
    flex:1 1 18px!important;
    width:18px!important;
    max-width:20px!important;
  }
  .site--platonik .hero .hero-step--next{grid-column:4;}
  /* Product carousel — perfectly circular arrows and a single centered card. */
  .site--platonik #urunler .product-carousel.slider-zone {
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:clamp(7px,2vw,11px)!important;
    width:100%!important;
    overflow:visible!important;
  }
  .site--platonik #urunler .product-list {
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
  }
  .site--platonik #urunler .product-list > * {width:100%!important;min-width:0!important;max-width:none!important;}
  .site--platonik #urunler .product-carousel .slider-arrow {
    width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border:1px solid rgba(255,255,255,.75)!important;
    background:rgba(255,255,255,.11)!important;
    transform:none!important;
    box-shadow:0 6px 20px rgba(4,24,100,.12)!important;
    justify-self:center!important;
    align-self:center!important;
  }
  .site--platonik #urunler .product-carousel .slider-arrow:hover {
    transform:none!important;
    background:rgba(255,255,255,.23)!important;
  }
  /* A slightly more breathable card, without changing image assets or crop. */
  .site--platonik #urunler #productCards .showcase-card {
    height:clamp(340px,50svh,445px)!important;
  }
  /* Technology arrow buttons use the same centered circle proportion. */
  .site--platonik #teknolojiler .tech-carousel.slider-zone {
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:5px!important;
  }
  .site--platonik #teknolojiler .slider-arrow {
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border:1px solid rgba(255,255,255,.58)!important;
    background:rgba(255,255,255,.08)!important;
    transform:none!important;
  }
  .site--platonik #teknolojiler .slider-arrow:hover{transform:none!important;}
}
@media (max-width:370px) {
  .site--platonik .hero .hero-copy {
    top:94px!important;
    left:17px!important;right:17px!important;
  }
  .site--platonik .hero .hero-copy h1 {font-size:32px!important;}
  .site--platonik .hero .hero-subtitle {font-size:12.5px!important;}
  .site--platonik .hero .hero-cta {font-size:10px!important;padding:10px 11px!important;}
  .site--platonik .hero .hero-text-link{font-size:9px!important;}
  .site--platonik .hero .hero-product-scene{height:clamp(335px,50svh,400px)!important;bottom:94px!important;}
  .site--platonik #urunler .product-carousel.slider-zone{grid-template-columns:40px minmax(0,1fr) 40px!important;gap:6px!important;}
  .site--platonik #urunler .product-carousel .slider-arrow{width:40px!important;height:40px!important;min-height:40px!important;}
}
@media (prefers-reduced-motion:reduce) {
 .site--platonik .hero .hero-step,
 .site--platonik #urunler .product-carousel .slider-arrow,
 .site--platonik #teknolojiler .slider-arrow{transition:none!important;}
}