/* Platonik Professional — V36 design refinement
   Additive CSS only. Preserve the V35 HTML structure, hero/film slides,
   real product assets, card geometry locks, continuous animated Aurora,
   modal handlers, footer links and language switching. */

:root {
  --v36-ink:#fff;
  --v36-muted:rgba(243,248,255,.88);
  --v36-hairline:rgba(255,255,255,.24);
  --v36-ease:cubic-bezier(.22,1,.36,1);
}
body.site--platonik { overflow-x:clip; }
.site--platonik main>section { scroll-margin-top:70px; }
.site--platonik main>section h2 {text-wrap:balance;}
.site--platonik main>section button:focus-visible,
.site--platonik main>section a:focus-visible,
.site--platonik .footer button:focus-visible,
.site--platonik .footer a:focus-visible {
  outline:2px solid #fff;outline-offset:4px;
}

/* 01 — The hero already carries the right visual grammar.
   Keep its full-screen scale; refine the reading measure and visual rhythm. */
.site--platonik .hero .hero-copy {max-width:590px!important;}
.site--platonik .hero .hero-eyebrow {color:#e4eeff!important;}
.site--platonik .hero .hero-copy h1 {
  font-size:clamp(48px,4.4vw,82px)!important;
  line-height:1.055!important;
  letter-spacing:-.055em!important;
}
.site--platonik .hero .hero-subtitle {max-width:500px!important;color:rgba(242,248,255,.92)!important;}
.site--platonik .hero .hero-actions {gap:clamp(16px,2vw,29px)!important;}
.site--platonik .hero .hero-cta {
  box-shadow:0 12px 32px rgba(8,30,112,.14)!important;
  transition:background .25s ease,box-shadow .35s var(--v36-ease),transform .35s var(--v36-ease)!important;
}
.site--platonik .hero .hero-cta:hover {box-shadow:0 20px 40px rgba(8,30,112,.19)!important;}

/* 02 — Better proportion inside a single fullscreen chapter.
   No hard backgrounds: the existing moving Aurora stays visible. */
.site--platonik #teknolojiler.technology {
  min-height:clamp(660px,91svh,880px)!important;
  height:auto!important;
  padding:clamp(84px,10svh,122px) clamp(24px,4vw,76px) clamp(64px,8svh,92px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:linear-gradient(120deg,rgba(9,68,154,.10),rgba(13,79,177,.065) 65%,rgba(11,59,180,.065))!important;
}
.site--platonik #teknolojiler .section-center-title {
  margin:0 auto clamp(38px,5svh,56px)!important;
  font-size:clamp(35px,3.55vw,57px)!important;
  font-weight:800!important;
  letter-spacing:-.042em!important;
  line-height:1.12!important;
}
.site--platonik #teknolojiler .section-center-title span {
  font-size:clamp(16px,1.45vw,23px);font-weight:500;letter-spacing:.20em;
  margin-bottom:5px;color:rgba(237,246,255,.91);
}
.site--platonik #teknolojiler .tech-carousel {
  width:100%;max-width:1510px!important;gap:clamp(11px,2vw,33px)!important;
}
.site--platonik #teknolojiler .tech-list {
  gap:clamp(18px,2.7vw,50px)!important;
  min-height:0!important;align-items:start;
}
.site--platonik #teknolojiler .tech-card {gap:13px!important;}
.site--platonik #teknolojiler .tech-card h3 {
  font-size:clamp(19px,1.55vw,25px)!important;
  letter-spacing:-.027em!important;
  line-height:1.2!important;
}
.site--platonik #teknolojiler .tech-card p {
  font-size:clamp(14px,1.02vw,17px)!important;
  line-height:1.53!important;
  max-width:290px!important;
  color:rgba(240,247,255,.85)!important;
}
.site--platonik #teknolojiler .tech-pagination {margin-top:clamp(23px,3.5svh,40px)!important;}
.site--platonik #teknolojiler .slider-arrow {
  opacity:.83;
  transition:opacity .3s ease,background .3s ease,transform .3s var(--v36-ease)!important;
}
.site--platonik #teknolojiler .slider-arrow:hover {opacity:1;transform:translateY(-2px)!important;}

/* 03 — Product cards retain exact V28 image geometry.
   Only section spacing/typography and outlines are refined. */
.site--platonik #urunler.product-section {
  min-height:100svh!important;
  height:auto!important;
  padding:clamp(85px,9svh,112px) clamp(19px,3vw,56px) clamp(42px,5svh,70px)!important;
  gap:clamp(19px,2.7svh,29px)!important;
  background:linear-gradient(115deg,rgba(18,49,165,.065),rgba(73,43,193,.09) 60%,rgba(58,35,155,.06))!important;
}
.site--platonik #urunler .products-heading {
  max-width:1140px!important;
  padding:0 16px!important;
}
.site--platonik #urunler .products-heading>span {
  font-size:clamp(12px,.91vw,15px)!important;
  letter-spacing:.25em!important;
  color:#e1ecff!important;
  opacity:1!important;
  margin-bottom:10px!important;
}
.site--platonik #urunler .products-heading h2 {
  font-size:clamp(38px,4.2vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:-.048em!important;
}
.site--platonik #urunler .products-intro-copy {
  font-size:clamp(15px,1.1vw,19px)!important;
  line-height:1.55!important;
  margin-top:12px!important;
  color:rgba(241,248,255,.88)!important;
}
.site--platonik #urunler .product-carousel.slider-zone {max-width:1650px!important;}
.site--platonik #urunler .product-list {gap:clamp(12px,1.4vw,23px)!important;}
.site--platonik #urunler #productCards .showcase-card {
  height:clamp(390px,52svh,545px);
  border-radius:clamp(17px,1.5vw,23px);
  border-color:rgba(255,255,255,.47)!important;
}
.site--platonik #urunler #productCards .showcase-card:hover,
.site--platonik #urunler #productCards .showcase-card:focus-within {
  border-color:rgba(255,255,255,.7)!important;
}
.site--platonik #urunler #productCards .showcase-caption h3 {
  font-size:clamp(16px,1.18vw,21px)!important;
  font-weight:750!important;
  letter-spacing:-.025em!important;
}
.site--platonik #urunler #productCards .showcase-caption p {
  font-size:clamp(13px,.96vw,15px)!important;
}
.site--platonik #urunler #openCatalogue {
  min-height:50px!important;
  padding:13px 32px!important;
  border-radius:9px!important;
  background:rgba(33,94,220,.16)!important;
  transition:background .25s ease,border-color .25s ease!important;
}
.site--platonik #urunler #openCatalogue:hover,
.site--platonik #urunler #openCatalogue:focus-visible {
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.95)!important;
}

/* 04 — Editorial about spread. Typography and 20-year panel balance. */
.site--platonik main > #hakkimizda.about-section {
  min-height:clamp(650px,85svh,830px)!important;
  padding:clamp(88px,10svh,126px) clamp(25px,5vw,100px) clamp(66px,8svh,100px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(120deg,rgba(66,51,181,.085),rgba(100,46,208,.06) 60%,rgba(53,62,187,.05))!important;
}
.site--platonik #hakkimizda .about-grid {
  width:100%;max-width:1480px!important;
  gap:clamp(42px,5.5vw,92px)!important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
}
.site--platonik #hakkimizda .about-copy .overline {
  display:inline-block;
  margin-bottom:clamp(24px,3svh,32px)!important;
  letter-spacing:.14em!important;
}
.site--platonik #hakkimizda .about-copy h2 {
  font-size:clamp(40px,3.55vw,60px)!important;
  line-height:1.12!important;
  letter-spacing:-.05em!important;
  margin-bottom:clamp(24px,3svh,34px)!important;
  max-width:650px!important;
}
.site--platonik #hakkimizda .about-copy>p {
  font-size:clamp(17px,1.16vw,20px)!important;
  line-height:1.7!important;
  max-width:610px!important;
  color:rgba(246,249,255,.92)!important;
}
.site--platonik #hakkimizda .brand-stat--v21 {
  height:clamp(370px,33vw,510px)!important;
}
.site--platonik #hakkimizda .brand-stat--v21::before {
  border-radius:22px!important;
  background:linear-gradient(115deg,rgba(0,38,153,.58),rgba(10,41,161,.28))!important;
  box-shadow:0 26px 60px rgba(12,26,110,.11)!important;
}

/* 05 — Online shopping must sell the collection, not the UI chrome.
   No stand, no new stickers, same transparent basket asset and white logos. */
.site--platonik main > #alisveris.shopping-section {
  min-height:clamp(760px,95svh,950px)!important;
  height:auto!important;
  padding:clamp(114px,12svh,136px) clamp(20px,4vw,72px) clamp(43px,5svh,68px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(160deg,rgba(100,31,193,.045),rgba(178,23,217,.12) 66%,rgba(204,20,234,.06))!important;
}
.site--platonik #alisveris .shopping-top {width:100%;}
.site--platonik #alisveris .shopping-top>span {
  display:block;
  margin-bottom:9px;
  letter-spacing:.23em!important;
  font-size:clamp(12px,.92vw,15px)!important;
  color:rgba(245,249,255,.9)!important;
}
.site--platonik #alisveris .shopping-top h2 {
  font-size:clamp(42px,4.15vw,65px)!important;
  font-weight:800!important;
  letter-spacing:-.046em!important;
  line-height:1.1!important;
  margin:0 0 14px!important;
}
.site--platonik #alisveris .shopping-top p {
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.55!important;
  max-width:760px!important;
  color:rgba(248,248,255,.88)!important;
}
.site--platonik #alisveris .shopping-scene {
  width:100%!important;
  height:clamp(345px,45svh,490px)!important;
  max-width:1300px!important;
  margin:clamp(16px,2svh,28px) auto 0!important;
}
.site--platonik #alisveris .shopping-scene > img.shopping-basket-image {
  height:100%!important;
  width:auto!important;
  max-width:min(84vw,600px)!important;
  max-height:100%!important;
  filter:drop-shadow(0 22px 25px rgba(16,16,99,.23))!important;
  transition:filter .4s ease!important;
}
.site--platonik #alisveris .shopping-outline {
  display:none!important;
}
.site--platonik #alisveris .store-logos {
  width:min(100%,1060px)!important;
  max-width:1060px!important;
  margin:clamp(12px,1.5svh,19px) auto 0!important;
  padding:clamp(16px,2.2svh,23px) 5px!important;
  border-color:var(--v36-hairline)!important;
  gap:clamp(10px,2.5vw,40px)!important;
}
.site--platonik #alisveris .store-logos a {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;
  opacity:.94;
  transition:opacity .2s ease,transform .3s var(--v36-ease)!important;
}
.site--platonik #alisveris .store-logos a:hover {opacity:1;transform:translateY(-2px)!important;}
.site--platonik #alisveris .store-logos a+a:before {
  margin-right:clamp(12px,2.5vw,39px)!important;
  background:rgba(255,255,255,.26)!important;
}
.site--platonik #alisveris .marketplace-note {
  margin:clamp(13px,2svh,20px) auto 0!important;
  font-size:clamp(11px,.78vw,13px)!important;
  line-height:1.5!important;
  opacity:.74!important;
}
.site--platonik #alisveris .shopping-links {
  margin-top:clamp(15px,2.2svh,24px)!important;
  gap:10px clamp(21px,3.5vw,55px)!important;
}
.site--platonik #alisveris .shopping-links>* {
  font-size:clamp(13px,.98vw,16px)!important;
  line-height:1.25!important;
  font-weight:750!important;
  padding:11px 0!important;
  border-color:rgba(255,255,255,.48)!important;
  transition:opacity .2s ease,border-color .2s ease!important;
}
.site--platonik #alisveris .shopping-links>*:hover {opacity:1!important;border-color:#fff!important;}

/* 06 — Footer: retain V35 content and functional fixed top button. */
.site--platonik .footer--v34 .footer-grid {
  column-gap:clamp(46px,5vw,94px)!important;
  row-gap:clamp(34px,4vw,55px)!important;
}
.site--platonik .footer--v34 .footer-follow-list {gap:11px;}
.site--platonik .footer--v34 .footer-follow-icon {
  box-shadow:none!important;
  background:rgba(255,255,255,.07)!important;
}
.site--platonik .footer--v34 .footer-follow-icon:hover {background:rgba(255,255,255,.17)!important;}

@media (max-width:1100px) {
  .site--platonik #teknolojiler .tech-card p {font-size:14px!important;}
  .site--platonik #urunler #productCards .showcase-card {height:clamp(370px,49svh,490px);}
  .site--platonik #hakkimizda .about-grid {gap:35px!important;}
  .site--platonik #hakkimizda .about-copy h2 {font-size:clamp(35px,3.8vw,50px)!important;}
}
@media (max-width:900px) {
  .site--platonik #teknolojiler.technology {
    min-height:0!important;
    padding:clamp(100px,13svh,125px) 25px 78px!important;
  }
  .site--platonik #teknolojiler .tech-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 19px!important;}
  .site--platonik #teknolojiler .section-center-title {margin-bottom:38px!important;}
  .site--platonik #urunler.product-section {padding:102px 17px 62px!important;}
  .site--platonik main > #hakkimizda.about-section {min-height:0!important;padding:100px 30px 80px!important;}
  .site--platonik #hakkimizda .about-grid {grid-template-columns:minmax(0,1fr)!important;max-width:650px!important;gap:30px!important;}
  .site--platonik #hakkimizda .brand-stat--v21 {height:390px!important;}
  .site--platonik #alisveris .store-logos {gap:10px!important;}
  .site--platonik #alisveris .store-logos a+a:before {margin-right:18px!important;}
}
@media (max-width:699px) {
  .site--platonik .hero .hero-copy h1 {font-size:clamp(36px,8.5vw,55px)!important;}
  .site--platonik #teknolojiler.technology {padding:92px 14px 60px!important;}
  .site--platonik #teknolojiler .section-center-title {font-size:clamp(29px,6.3vw,39px)!important;margin-bottom:29px!important;}
  .site--platonik #teknolojiler .section-center-title span {font-size:clamp(14px,3.9vw,19px)!important;letter-spacing:.12em!important;}
  .site--platonik #teknolojiler .tech-list {gap:19px 11px!important;}
  .site--platonik #teknolojiler .tech-card h3 {font-size:clamp(15px,3.9vw,19px)!important;}
  .site--platonik #teknolojiler .tech-card p {font-size:clamp(11px,2.95vw,13px)!important;line-height:1.5!important;}
  .site--platonik #teknolojiler .tech-pagination {margin-top:24px!important;}
  .site--platonik #urunler.product-section {min-height:0!important;padding:91px 12px 62px!important;gap:23px!important;}
  .site--platonik #urunler .products-heading h2 {font-size:clamp(30px,7.4vw,43px)!important;}
  .site--platonik #urunler .products-intro-copy {font-size:13px!important;line-height:1.5!important;}
  .site--platonik #urunler .product-list {gap:8px!important;}
  .site--platonik #urunler #productCards .showcase-card {height:clamp(330px,51svh,460px);border-radius:15px;}
  .site--platonik #urunler #productCards .showcase-caption h3 {font-size:clamp(14px,3.5vw,17px)!important;}
  .site--platonik #urunler #productCards .showcase-caption p {font-size:12px!important;}
  .site--platonik #urunler #openCatalogue {min-height:47px!important;}
  .site--platonik main > #hakkimizda.about-section {padding:93px 21px 64px!important;}
  .site--platonik #hakkimizda .about-grid {gap:30px!important;}
  .site--platonik #hakkimizda .about-copy h2 {font-size:clamp(34px,8.5vw,44px)!important;line-height:1.13!important;}
  .site--platonik #hakkimizda .about-copy>p {font-size:16px!important;line-height:1.68!important;}
  .site--platonik #hakkimizda .brand-stat--v21 {height:310px!important;max-width:490px;align-self:center;}
  .site--platonik main > #alisveris.shopping-section {min-height:0!important;padding:94px 17px 67px!important;}
  .site--platonik #alisveris .shopping-top>span {font-size:11px!important;}
  .site--platonik #alisveris .shopping-top h2 {font-size:clamp(34px,8vw,47px)!important;}
  .site--platonik #alisveris .shopping-top p {font-size:14px!important;line-height:1.5!important;}
  .site--platonik #alisveris .shopping-scene {height:clamp(275px,39svh,350px)!important;margin:17px auto 0!important;}
  .site--platonik #alisveris .shopping-scene>img.shopping-basket-image {max-width:min(95vw,395px)!important;}
  .site--platonik #alisveris .store-logos {
    width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px 12px!important;margin-top:10px!important;padding:13px 4px!important;
  }
  .site--platonik #alisveris .store-logos a {justify-content:center;min-width:0;min-height:52px;}
  .site--platonik #alisveris .store-logos a+a:before {display:none!important;content:none!important;}
  .site--platonik #alisveris .shopping-links {margin-top:15px!important;gap:4px 24px!important;}
  .site--platonik #alisveris .shopping-links>* {font-size:12px!important;padding:9px 0!important;}
  .site--platonik #alisveris .marketplace-note {font-size:11px!important;max-width:335px!important;}
  .site--platonik .footer--v34 .footer-grid {column-gap:25px!important;row-gap:30px!important;}
}
@media (max-width:380px){
  .site--platonik #teknolojiler .tech-list {gap:17px 6px!important;}
  .site--platonik #urunler #productCards .showcase-card {height:clamp(300px,48svh,410px);}
  .site--platonik #hakkimizda .brand-stat--v21 {height:290px!important;}
}
@media (prefers-reduced-motion:reduce){
  .site--platonik #alisveris .shopping-scene>img.shopping-basket-image,
  .site--platonik #teknolojiler .slider-arrow,
  .site--platonik #urunler #openCatalogue {transition:none!important;}
}