:root {
  --purple: #332f8d;
  --purple-dark: #201d59;
  --purple-soft: #efeffa;
  --orange: #ff7f18;
  --ink: #15161c;
  --muted: #6f727b;
  --line: #e5e5e8;
  --light: #f7f7f9;
  --white: #fff;
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: auto;
}

body {
  margin: 0;
  font-family: "DM Sans",sans-serif;
  color: var(--ink);
  background: #fff
}

a {
  text-decoration: none;
  color: inherit
}

button {
  font: inherit
}

.wrap {
  max-width: 1440px;
  margin: auto;
  padding: 0 34px
}

.topbar {
  background: var(--purple-dark);
  color: #d8d7e8;
  font-size: 13px
}

.topbar .wrap {
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.topbar-right {
  display: flex;
  gap: 24px
}

.topbar a:hover {
  color: #fff
}

header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(229,229,232,.8)
}

.nav {
  height: 112px;
  display: flex;
  align-items: center
}

.brand img {
  width: 195px;
  display: block
}

.desktop-menu {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 15px;
  font-weight: 700
}

.desktop-menu>a {
  padding: 30px 0
}

.desktop-menu>a:hover {
  color: var(--orange)
}

.quote-btn {
  background: var(--orange);
  color: #fff;
  padding: 13px 17px!important;
  border-radius: 9px
}

.products-item {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center
}

.products-item > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 2px
}

.mega {
  position: absolute;
  top: calc(100% - 6px);
  right: -290px;
  width: 980px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 30px 70px rgba(20,20,40,.14);
  border-radius: 18px;
  padding: 26px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .22s;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 22px
}

.products-item:hover .mega {
  opacity: 1;
  visibility: visible;
  transform: none
}

.mega h4 {
  margin: 0 0 14px;
  font-size: 12px;
  color: var(--purple)
}

.mega a {
  display: block;
  font-size: 12px;
  padding: 8px 0;
  color: #444752;
  transition: color .18s ease, transform .18s ease
}

.mega > div:not(.mega-feature) a:hover {
  color: var(--orange);
  transform: translateX(4px)
}

.mega-feature {
  background: var(--purple);
  color: white;
  border-radius: 14px;
  padding: 22px
}

.mega-feature h3 {
  font: 700 20px "Sora";
  margin: 8px 0 12px
}

.mega-feature p {
  font-size: 12px;
  line-height: 1.6;
  color: #d7d6e8
}

.mega-feature a {
  display: inline-block;
  color: white;
  background: var(--orange);
  padding: 10px 12px;
  border-radius: 7px;
  margin-top: 10px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease
}

.mega-feature a:hover {
  color: #fff;
  background: #f47a20;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(244,122,32,.28)
}

.products-item > a {
  transition: color .18s ease
}

.products-item:hover > a {
  color: var(--orange)
}

.hamburger {
  display: none;
  margin-left: auto;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 9px;
  padding: 9px
}

.hamburger span {
  display: block;
  height: 2px;
  background: var(--purple-dark);
  margin: 5px;
  border-radius: 2px
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 101;
  width: min(390px,90vw);
  height: 100dvh;
  background: white;
  transform: translateX(105%);
  transition: .3s;
  padding: 20px;
  display: flex;
  flex-direction: column
}

.mobile-menu.open {
  transform: none
}

.mhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px
}

.mhead img {
  width: 160px
}

.mclose {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: #f1f1f4;
  font-size: 27px
}

.mlinks {
  display: flex;
  flex-direction: column
}

.mlinks a {
  padding: 16px 2px;
  border-bottom: 1px solid var(--line);
  font-weight: 700
}

.mcontact {
  margin-top: auto;
  background: #f6f5fa;
  padding: 18px;
  border-radius: 14px
}

.mcontact a {
  display: block;
  margin: 7px 0;
  color: var(--purple);
  font-weight: 700
}

.overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(13,12,38,.62);
  opacity: 0;
  visibility: hidden;
  transition: .25s
}

.overlay.open {
  opacity: 1;
  visibility: visible
}

.locked {
  overflow: hidden
}

.hero {
  position: relative;
  height: 720px;
  overflow: hidden;
  background: #111
}

.slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .7s
}

.slide.active {
  opacity: 1
}

.slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center
}

.slide-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(18,16,59,.93),rgba(18,16,59,.7) 45%,rgba(18,16,59,.18) 78%)
}

.slide .wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  color: white
}

.hero-copy {
  max-width: 760px
}

.kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffb36e;
  font-size: 10px;
  letter-spacing: 2.2px;
  font-weight: 800
}

.kicker:before {
  content: "";
  width: 34px;
  height: 2px;
  background: var(--orange)
}

.hero h1 {
  font: 800 64px/1.03 "Sora";
  letter-spacing: -3px;
  margin: 18px 0 22px
}

.hero p {
  font-size: 16px;
  line-height: 1.8;
  color: #e2e1ec;
  max-width: 650px
}

.hero-actions {
  display: flex;
  gap: 11px;
  margin-top: 26px
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800
}

.btn.orange {
  background: var(--orange);
  color: white
}

.btn.ghost {
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
  color: white
}

.slider-ui {
  position: absolute;
  z-index: 5;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1372px,calc(100% - 68px));
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dots {
  display: flex;
  gap: 8px
}

.dot {
  width: 46px;
  height: 4px;
  border: 0;
  background: #ffffff55;
  border-radius: 99px
}

.dot.active {
  background: var(--orange)
}

.slide-arrows {
  display: flex;
  gap: 8px
}

.sbtn {
  width: 42px;
  height: 42px;
  border: 1px solid #ffffff55;
  border-radius: 50%;
  background: #15161c55;
  color: white
}

.trust {
  background: #fff;
  border-bottom: 1px solid var(--line)
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr)
}

.trust-item {
  padding: 25px 22px;
  border-right: 1px solid var(--line)
}

.trust-item:first-child {
  border-left: 1px solid var(--line)
}

.trust-item b {
  display: block;
  font: 700 16px "Sora";
  color: var(--purple)
}

.trust-item span {
  font-size: 11px;
  color: var(--muted)
}

section {
  padding: 95px 0
}

.section-head {
  display: flex;
  justify-content: space-between;
  gap: 55px;
  align-items: end;
  margin-bottom: 38px
}

.section-head h2 {
  font: 800 44px/1.1 "Sora";
  letter-spacing: -2px;
  margin: 8px 0
}

.section-head p {
  max-width: 530px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75
}

.ey {
  font-size: 10px;
  letter-spacing: 2px;
  color: var(--orange);
  font-weight: 800
}

.categories {
  background: var(--light)
}

.cat-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px
}

.cat {
  height: 290px;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: white
}

.cat:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.03),rgba(22,20,67,.9))
}

.cat-text {
  position: absolute;
  z-index: 2;
  left: 22px;
  right: 22px;
  bottom: 20px
}

.cat h3 {
  font: 700 18px "Sora";
  margin: 0 0 7px
}

.cat p {
  font-size: 11px;
  line-height: 1.55;
  color: #dfdfea;
  margin: 0
}

.cat i {
  position: absolute;
  z-index: 2;
  right: 17px;
  top: 17px;
  width: 36px;
  height: 36px;
  background: white;
  color: var(--purple);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-style: normal
}

.products {
  background: white
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 17px
}

.product {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden
}

.product-img {
  height: 280px;
  background: #f8f8fa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px
}

.product-img img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.product-body {
  padding: 20px
}

.product small {
  color: var(--orange);
  font-weight: 800
}

.product h3 {
  font: 700 18px "Sora";
  margin: 8px 0
}

.product p {
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted)
}

.product a {
  font-size: 11px;
  color: var(--purple);
  font-weight: 800
}

.sectors {
  background: var(--purple-dark);
  color: white
}

.sector-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 50px;
  align-items: stretch
}

.sector-intro {
  padding: 20px 0
}

.sector-intro h2 {
  font: 800 46px/1.08 "Sora";
  letter-spacing: -2px;
  margin: 10px 0 18px
}

.sector-intro p {
  color: #d0cfe0;
  line-height: 1.8
}

.sector-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 30px
}

.sector-link {
  border: 1px solid #55518b;
  border-radius: 13px;
  padding: 18px
}

.sector-link b {
  display: block;
  font-size: 13px
}

.sector-link span {
  font-size: 11px;
  color: #bbb9d7
}

.sector-visual {
  border-radius: 20px;
  background: url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1100&q=85') center/cover;
  min-height: 520px
}

.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
  align-items: center
}

.about-photo {
  min-height: 520px;
  border-radius: 20px;
  background: url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1200&q=85') center/cover
}

.about h2 {
  font: 800 44px/1.1 "Sora";
  letter-spacing: -2px;
  margin: 10px 0
}

.about p {
  color: var(--muted);
  line-height: 1.8
}

.why-list {
  margin-top: 24px
}

.why {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 13px;
  padding: 15px 0;
  border-top: 1px solid var(--line)
}

.why-num {
  width: 36px;
  height: 36px;
  background: var(--purple-soft);
  color: var(--purple);
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 11px
}

.why b {
  font-size: 13px
}

.why span {
  display: block;
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
  line-height: 1.5
}

.standards {
  background: #f5f5f8
}

.std-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 50px;
  align-items: center
}

.std-copy h2 {
  font: 800 42px/1.1 "Sora";
  letter-spacing: -2px;
  margin: 10px 0
}

.std-copy p {
  color: var(--muted);
  line-height: 1.8
}

.stdcards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px
}

.std {
  background: white;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 22px
}

.std strong {
  display: block;
  font: 700 24px "Sora";
  color: var(--purple)
}

.std span {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.5;
  display: block;
  margin-top: 7px
}

.brands {
  padding: 48px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line)
}

.brand-row {
  display: flex;
  justify-content: space-between;
  gap: 35px;
  flex-wrap: wrap;
  align-items: center
}

.brand-row b {
  font: 700 17px "Sora";
  color: #888b94
}

.news {
  background: white
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 15px
}

.news-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px
}

.news-card small {
  color: var(--orange);
  font-weight: 800
}

.news-card h3 {
  font: 700 18px/1.35 "Sora";
  margin: 13px 0
}

.news-card p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.65
}

.news-card a {
  font-size: 11px;
  color: var(--purple);
  font-weight: 800
}

.contact {
  background: var(--orange);
  color: white;
  padding: 75px 0
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center
}

.contact h2 {
  font: 800 42px/1.08 "Sora";
  letter-spacing: -2px;
  margin: 0
}

.contact p {
  max-width: 700px;
  color: #fff4ea
}

.contact-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap
}

.contact-actions a {
  background: white;
  color: var(--purple-dark);
  padding: 14px 17px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 12px
}

footer {
  position: relative;
  overflow: hidden;
  background: #0d0e13;
  color: #aeb1bd;
  padding: 42px 0 24px;
  border-top: 1px solid #202229
}

footer:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 92% 8%, rgba(255,255,255,.045), transparent 30%),
    radial-gradient(circle at 5% 78%, rgba(244,119,43,.065), transparent 27%)
}

footer:after {
  display: none
}

.site-footer .wrap {
  position: relative;
  z-index: 1
}

.footer-highlight {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-bottom: 58px;
  border: 1px solid #292b34;
  border-radius: 16px;
  background: rgba(255,255,255,.028);
  box-shadow: 0 18px 50px rgba(0,0,0,.16)
}

.footer-highlight-item {
  min-height: 132px;
  padding: 24px 25px;
  display: grid;
  grid-template-columns: 50px minmax(0,1fr);
  align-items: center;
  gap: 17px
}

.footer-highlight-item + .footer-highlight-item {
  border-left: 1px solid #292b34
}

.footer-highlight-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244,119,43,.24);
  border-radius: 14px;
  color: #ff9b58;
  background: rgba(244,119,43,.08)
}

.footer-highlight-icon svg {
  width: 25px;
  height: 25px;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round
}

.footer-highlight-copy {
  min-width: 0
}

.footer-highlight-copy strong,
.footer-highlight-copy > span,
.footer-highlight-copy small {
  display: block
}

.footer-highlight-copy strong {
  margin-bottom: 6px;
  color: #fff;
  font: 700 14px/1.25 "Sora",sans-serif
}

.footer-highlight-copy > span {
  max-width: 290px;
  color: #969aa6;
  font-size: 12px;
  line-height: 1.5
}

.footer-highlight-copy small {
  margin-top: 9px;
  color: #6f737e;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.45
}

.footer-highlight-copy small i {
  margin: 0 4px;
  color: #d17a42;
  font-style: normal
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.55fr .8fr .9fr 1.28fr;
  gap: 52px
}

.footer-logo {
  display: block;
  width: 210px;
  margin: 0 0 23px;
  padding: 11px 14px;
  border-radius: 10px;
  background: #fff
}

.footer-logo img {
  display: block;
  width: 100%
}

.foot h4 {
  position: relative;
  margin: 3px 0 23px;
  padding-bottom: 13px;
  color: #fff;
  font: 700 13px/1.2 "Sora",sans-serif;
  letter-spacing: .35px
}

.foot h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 26px;
  height: 2px;
  border-radius: 2px;
  background: var(--orange)
}

.foot p {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 1.8
}

.footer-brand p {
  max-width: 355px;
  color: #969aa6
}

.footer-quote-link {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-top: 23px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: color .2s ease, gap .2s ease
}

.footer-quote-link span {
  color: #ff9a56;
  font-size: 18px
}

.footer-quote-link:hover {
  gap: 17px;
  color: #ffb37c
}

.footer-nav-col > a {
  position: relative;
  display: block;
  margin: 11px 0;
  padding-left: 0;
  color: #aeb1bd;
  font-size: 13px;
  line-height: 1.55;
  transition: color .2s ease, padding-left .2s ease
}

.footer-nav-col > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 0;
  height: 1px;
  background: var(--orange);
  transition: width .2s ease
}

.footer-nav-col > a:hover {
  padding-left: 13px;
  color: #fff
}

.footer-nav-col > a:hover:before {
  width: 6px
}

.footer-contact {
  min-width: 0
}

.footer-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid #292b34;
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  transition: border-color .2s ease, background .2s ease, transform .2s ease
}

.footer-contact-row:hover {
  border-color: #424550;
  background: rgba(255,255,255,.045);
  transform: translateY(-1px)
}

.footer-contact-row.primary {
  border-color: rgba(244,119,43,.34);
  background: rgba(244,119,43,.08)
}

.footer-contact-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #ff9b58;
  background: rgba(244,119,43,.11);
  font-size: 14px;
  font-weight: 800
}

.footer-contact-icon.mail {
  color: #bba1e3;
  background: rgba(104,61,173,.17)
}

.footer-contact-row span:last-child {
  min-width: 0
}

.footer-contact-row small,
.footer-contact-row strong {
  display: block
}

.footer-contact-row small {
  margin-bottom: 3px;
  color: #747883;
  font-size: 10px;
  line-height: 1.2
}

.footer-contact-row strong {
  overflow: hidden;
  color: #f4f4f6;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis
}

.copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 54px;
  padding-top: 20px;
  border-top: 1px solid #282a32;
  color: #747783;
  font-size: 11px
}

.legal-links {
  display: flex;
  gap: 22px;
  flex-wrap: wrap
}

.legal-links a {
  color: #8f929d;
  transition: color .2s ease
}

.legal-links a:hover {
  color: #fff
}

@media(max-width:1000px) {
  .topbar {
    display: none
  }

  .desktop-menu {
    display: none
  }

  .hamburger {
    display: block
  }

  .brand img {
    width: 165px
  }

  .nav {
    height: 94px
  }

  .hero {
    height: 650px
  }

  .hero h1 {
    font-size: 48px
  }

  .trust-grid,.cat-grid {
    grid-template-columns: 1fr 1fr
  }

  .product-grid {
    grid-template-columns: 1fr 1fr
  }

  .sector-grid,.about-grid,.std-grid {
    grid-template-columns: 1fr
  }

  .sector-visual,.about-photo {
    min-height: 420px
  }

  .news-grid {
    grid-template-columns: 1fr 1fr
  }

  .footer-highlight {
    grid-template-columns: 1fr
  }

  .footer-highlight-item + .footer-highlight-item {
    border-left: 0;
    border-top: 1px solid #292b34
  }

  .footer-grid {
    grid-template-columns: 1.25fr 1fr
  }

  .section-head {
    display: block
  }

  .section-head p {
    margin-top: 12px
  }

}

@media(max-width:620px) {
  .wrap {
    padding: 0 18px
  }

  .brand img {
    width: 145px
  }

  .nav {
    height: 84px
  }

  .hero {
    height: 590px
  }

  .slide-bg:after {
    background: linear-gradient(180deg,rgba(22,20,67,.38),rgba(22,20,67,.92) 68%)
  }

  .slide .wrap {
    align-items: flex-end;
    padding-bottom: 92px
  }

  .hero h1 {
    font-size: 36px;
    letter-spacing: -1.8px
  }

  .hero p {
    font-size: 14px
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr 1fr
  }

  .btn {
    padding: 13px 10px
  }

  .slider-ui {
    bottom: 18px;
    width: calc(100% - 36px)
  }

  .trust-grid {
    grid-template-columns: 1fr 1fr
  }

  .trust-item {
    padding: 18px 12px
  }

  section {
    padding: 62px 0
  }

  .section-head h2,.sector-intro h2,.about h2,.std-copy h2,.contact h2 {
    font-size: 30px;
    letter-spacing: -1.3px
  }

  .cat-grid {
    grid-template-columns: 1fr
  }

  .cat {
    height: 235px
  }

  .product-grid {
    grid-template-columns: 1fr
  }

  .product-img {
    height: 240px
  }

  .sector-links {
    grid-template-columns: 1fr
  }

  .sector-visual,.about-photo {
    min-height: 320px
  }

  .stdcards {
    grid-template-columns: 1fr 1fr
  }

  .news-grid {
    grid-template-columns: 1fr
  }

  .brand-row {
    justify-content: center;
    gap: 25px
  }

  .contact-grid {
    grid-template-columns: 1fr
  }

  .footer-highlight {
    margin-bottom: 48px
  }

  .footer-highlight-item {
    min-height: 0;
    padding: 21px 18px;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 14px
  }

  .footer-highlight-icon {
    width: 46px;
    height: 46px
  }

  .footer-highlight-copy small {
    font-size: 9px
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 39px
  }

  .footer-logo {
    width: 190px
  }

  .footer-brand p {
    max-width: 100%
  }

  .copy {
    line-height: 1.6
  }

  .legal-links {
    gap: 12px 18px
  }

}

@media(max-width:390px) {
  .hero-actions {
    grid-template-columns: 1fr
  }

  .stdcards {
    grid-template-columns: 1fr
  }

}


/* ===== Önceki revizyonlardan birleştirilen kurallar ===== */
/* Ana masaüstü menü: kurumsal görünüm için büyük harf */
      .desktop-menu > a,
      .desktop-menu > .products-item > a {
        text-transform: uppercase;
        letter-spacing: .045em;
        font-weight: 650;
      }
      /* Açılır menü metinleri normal yazım düzenini korur */
      .desktop-menu .mega a {
        text-transform: none;
        letter-spacing: normal;
      }

/* 1001–1200 px: logo + ana menünün aynı satırda dengeli kalması */
      @media (min-width: 1001px) and (max-width: 1200px) {
        .wrap.nav {
          gap: 14px;
        }

        .brand img {
          width: 170px !important;
          max-width: 170px !important;
        }

        .desktop-menu {
          gap: 10px !important;
          flex: 1;
          justify-content: flex-end;
          min-width: 0;
        }

        .desktop-menu > a,
        .desktop-menu > .products-item > a {
          font-size: 13px !important;
          letter-spacing: .025em !important;
          white-space: nowrap;
        }

        .desktop-menu .quote-btn {
          padding: 11px 14px !important;
          font-size: 12px !important;
          white-space: nowrap;
        }
      }

      @media (min-width: 1101px) and (max-width: 1200px) {
        .brand img {
          width: 178px !important;
          max-width: 178px !important;
        }

        .desktop-menu {
          gap: 12px !important;
        }

        .desktop-menu > a,
        .desktop-menu > .products-item > a {
          font-size: 13px !important;
        }
      }

/* Mobil header teklif butonu */
      .mobile-quote-btn {
        display: none;
      }

      @media (max-width: 1000px) {
        .wrap.nav {
          justify-content: flex-start;
        }

        .mobile-quote-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-left: auto;
          margin-right: 10px;
          padding: 10px 14px;
          min-height: 40px;
          border-radius: 8px;
          background: #f47b20;
          color: #fff;
          font-size: 11px;
          line-height: 1;
          font-weight: 800;
          letter-spacing: .055em;
          text-decoration: none;
          white-space: nowrap;
          box-shadow: 0 5px 14px rgba(244,123,32,.18);
          transition: transform .2s ease, background-color .2s ease;
        }

        .mobile-quote-btn:hover {
          background: #df6810;
          color: #fff;
          transform: translateY(-1px);
        }

        .hamburger {
          flex: 0 0 auto;
        }
      }

      @media (max-width: 420px) {
        .mobile-quote-btn {
          padding: 9px 11px;
          min-height: 38px;
          margin-right: 8px;
          font-size: 10px;
        }
      }

/* Mobil header: teklif + hamburger tek kontrol grubu gibi yakın dursun */
      @media (max-width: 1000px) {
        .mobile-quote-btn {
          margin-left: auto !important;
          margin-right: 6px !important;
        }

        .hamburger {
          position: relative;
          width: 42px;
          height: 42px;
          display: inline-flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 5px;
          border-radius: 9px;
          transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;
          outline: none;
        }

        .hamburger span {
          transition: background-color .2s ease, transform .2s ease;
        }

        .hamburger:hover {
          background: rgba(244,123,32,.10);
        }

        .hamburger:hover span {
          background: #f47b20;
        }

        .hamburger:focus-visible {
          background: rgba(244,123,32,.10);
          box-shadow: 0 0 0 3px rgba(244,123,32,.20);
        }

        .hamburger:focus-visible span {
          background: #f47b20;
        }

        .hamburger:active {
          transform: scale(.95);
          background: rgba(244,123,32,.16);
        }

        .mclose {
          width: 42px;
          height: 42px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border-radius: 9px;
          transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .15s ease;
          outline: none;
        }

        .mclose:hover {
          color: #f47b20;
          background: rgba(244,123,32,.10);
        }

        .mclose:focus-visible {
          color: #f47b20;
          background: rgba(244,123,32,.10);
          box-shadow: 0 0 0 3px rgba(244,123,32,.20);
        }

        .mclose:active {
          transform: scale(.93);
          color: #f47b20;
          background: rgba(244,123,32,.16);
        }
      }

@media (max-width: 1000px) {
        .wrap.nav {
          display: flex;
          align-items: center;
        }

        .mobile-quote-btn {
          margin-left: auto !important;
          margin-right: 5px !important;
        }

        .hamburger {
          margin: 0 !important;
          flex: 0 0 42px !important;
          width: 42px !important;
          height: 42px !important;
          padding: 9px !important;
          background: transparent;
          border: 0;
        }

        .hamburger span {
          display: block !important;
          width: 22px !important;
          height: 2px !important;
          min-height: 2px !important;
          background: #262626 !important;
          border-radius: 999px;
          opacity: 1 !important;
          visibility: visible !important;
        }

        .hamburger:hover span,
        .hamburger:focus-visible span,
        .hamburger:active span {
          background: #f47b20 !important;
        }

        .mhead {
          min-height: 62px;
          display: flex;
          align-items: center;
          justify-content: flex-end !important;
          padding-left: 18px;
          padding-right: 18px;
        }

        .mhead img {
          display: none !important;
        }

        .mclose {
          margin-left: auto;
        }
      }

/* Mobil hamburger ikonunu daha kompakt hale getir */
      @media (max-width: 1000px) {
        .hamburger {
          gap: 3px !important;
          padding: 10px !important;
        }

        .hamburger span {
          width: 21px !important;
          height: 2px !important;
          min-height: 2px !important;
          margin: 0 !important;
        }
      }

/* Mobilde Teklif Al ile hamburger arasına dengeli boşluk */
      @media (max-width: 1000px) {
        .mobile-quote-btn {
          margin-right: 10px !important;
        }
      }

      @media (max-width: 420px) {
        .mobile-quote-btn {
          margin-right: 8px !important;
        }
      }

/* Mobil header son rafine ayarlar */
      @media (max-width: 1000px) {
        .mobile-quote-btn {
          min-height: 34px !important;
          padding: 8px 11px !important;
          margin-right: 9px !important;
          border-radius: 7px !important;
          background: #2f2d83 !important;
          color: #fff !important;
          font-size: 10px !important;
          font-weight: 800 !important;
          letter-spacing: .045em !important;
          box-shadow: 0 4px 12px rgba(47,45,131,.16) !important;
        }

        .mobile-quote-btn:hover,
        .mobile-quote-btn:focus-visible {
          background: #f47b20 !important;
          color: #fff !important;
          box-shadow: 0 0 0 3px rgba(244,123,32,.16) !important;
        }

        .mobile-quote-btn:active {
          transform: scale(.96);
        }

        .hamburger {
          gap: 4px !important;
          padding: 9px !important;
        }

        .hamburger span {
          width: 21px !important;
          height: 2px !important;
          min-height: 2px !important;
        }

        .mhead {
          min-height: 70px !important;
          display: flex !important;
          align-items: center !important;
          justify-content: space-between !important;
          padding: 10px 16px !important;
        }

        .mhead img {
          display: block !important;
          width: 128px !important;
          max-width: 128px !important;
          height: auto !important;
        }

        .mclose {
          margin-left: 14px !important;
        }
      }

      @media (max-width: 420px) {
        .mobile-quote-btn {
          min-height: 32px !important;
          padding: 7px 9px !important;
          margin-right: 8px !important;
          font-size: 9.5px !important;
        }

        .mhead img {
          width: 118px !important;
          max-width: 118px !important;
        }
      }

/* Mobil menü üst alanı: logo ve kapatma ikonu kenarlara */
      @media (max-width: 1000px) {
        .mobile-quote-btn {
          margin-right: 14px !important;
        }

        .mhead {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

        .mhead img {
          margin-left: 0 !important;
        }

        .mclose {
          margin-left: auto !important;
          margin-right: 0 !important;
        }
      }

      @media (max-width: 420px) {
        .mobile-quote-btn {
          margin-right: 12px !important;
        }
      }

/* Mobil açılır menü link etkileşimleri */
      @media (max-width: 1000px) {
        .mobile-menu .mlinks a {
          position: relative;
          display: flex;
          align-items: center;
          min-height: 48px;
          padding: 12px 14px;
          border-radius: 9px;
          color: #2f2d83;
          font-weight: 700;
          text-decoration: none;
          transition:
            color .2s ease,
            background-color .2s ease,
            transform .15s ease,
            box-shadow .2s ease;
          outline: none;
        }

        .mobile-menu .mlinks a::before {
          content: "";
          width: 4px;
          height: 0;
          margin-right: 0;
          border-radius: 999px;
          background: #f47b20;
          transition: height .2s ease, margin-right .2s ease;
        }

        .mobile-menu .mlinks a:hover {
          color: #f47b20;
          background: rgba(244,123,32,.08);
          transform: translateX(3px);
        }

        .mobile-menu .mlinks a:hover::before {
          height: 22px;
          margin-right: 10px;
        }

        .mobile-menu .mlinks a:focus-visible {
          color: #f47b20;
          background: rgba(47,45,131,.07);
          box-shadow: 0 0 0 3px rgba(244,123,32,.16);
        }

        .mobile-menu .mlinks a:focus-visible::before {
          height: 22px;
          margin-right: 10px;
        }

        .mobile-menu .mlinks a:active {
          color: #fff;
          background: #2f2d83;
          transform: translateX(2px) scale(.985);
        }

        .mobile-menu .mlinks a:active::before {
          height: 22px;
          margin-right: 10px;
          background: #f47b20;
        }
      }

/* Mobil iletişim linkleri + ikon cursor davranışları */
      @media (max-width: 1000px) {
        .mobile-menu .mcontact a {
          display: flex;
          align-items: center;
          min-height: 46px;
          padding: 11px 14px;
          border-radius: 9px;
          color: #2f2d83;
          font-weight: 700;
          text-decoration: none;
          transition:
            color .2s ease,
            background-color .2s ease,
            transform .15s ease,
            box-shadow .2s ease;
          outline: none;
        }

        .mobile-menu .mcontact a:hover {
          color: #f47b20;
          background: rgba(244,123,32,.08);
          transform: translateX(3px);
        }

        .mobile-menu .mcontact a:focus-visible {
          color: #f47b20;
          background: rgba(47,45,131,.07);
          box-shadow: 0 0 0 3px rgba(244,123,32,.16);
        }

        .mobile-menu .mcontact a:active {
          color: #fff;
          background: #2f2d83;
          transform: translateX(2px) scale(.985);
        }

        .hamburger,
        .mclose {
          cursor: pointer !important;
        }
      }

/* Mobil menü: uzun içerikte güvenli dikey kaydırma */
      @media (max-width: 1000px) {
        .mobile-menu {
          height: 100vh !important;
          height: 100dvh !important;
          max-height: 100dvh !important;
          overflow-y: auto !important;
          overflow-x: hidden !important;
          overscroll-behavior: contain;
          -webkit-overflow-scrolling: touch;
        }

        .mobile-menu .mhead {
          position: sticky !important;
          top: 0;
          z-index: 10;
          flex: 0 0 auto;
          background: #fff;
        }

        .mobile-menu .mlinks {
          flex: 0 0 auto;
        }

        .mobile-menu .mcontact {
          flex: 0 0 auto;
          margin-top: auto;
          padding-bottom: max(18px, env(safe-area-inset-bottom));
        }

        .mobile-menu::-webkit-scrollbar {
          width: 5px;
        }

        .mobile-menu::-webkit-scrollbar-thumb {
          background: rgba(47,45,131,.28);
          border-radius: 999px;
        }

        .mobile-menu::-webkit-scrollbar-track {
          background: transparent;
        }
      }

/* Mobil menü sticky başlık katman düzeltmesi */
      @media (max-width: 1000px) {
        .mobile-menu {
          position: fixed !important;
          isolation: isolate;
        }

        .mobile-menu .mhead {
          position: sticky !important;
          top: 0 !important;
          z-index: 100 !important;
          background: #fff !important;
          border-bottom: 1px solid rgba(47,45,131,.08);
          box-shadow: 0 6px 14px rgba(13,14,19,.05);
          overflow: hidden;
        }

        .mobile-menu .mhead img,
        .mobile-menu .mclose {
          position: relative;
          z-index: 101;
        }

        .mobile-menu .mlinks,
        .mobile-menu .mcontact {
          position: relative;
          z-index: 1;
        }
      }

/* Mobil drawer: başlık sabit, yalnızca içerik alanı kayar */
      @media (max-width: 1000px) {
        .mobile-menu {
          height: 100vh !important;
          height: 100dvh !important;
          max-height: 100dvh !important;
          display: flex !important;
          flex-direction: column !important;
          overflow: hidden !important;
        }

        .mobile-menu .mhead {
          position: relative !important;
          top: auto !important;
          z-index: 20 !important;
          flex: 0 0 auto !important;
          background: #fff !important;
          box-shadow: 0 5px 14px rgba(13,14,19,.06);
          overflow: hidden !important;
        }

        .mobile-menu .mobile-scroll-content {
          position: relative;
          z-index: 1;
          flex: 1 1 auto;
          min-height: 0;
          overflow-y: auto;
          overflow-x: hidden;
          overscroll-behavior: contain;
          -webkit-overflow-scrolling: touch;
          padding-bottom: max(18px, env(safe-area-inset-bottom));
        }

        .mobile-menu .mcontact {
          padding-bottom: 0 !important;
        }

        .mobile-menu .mobile-scroll-content::-webkit-scrollbar {
          width: 5px;
        }

        .mobile-menu .mobile-scroll-content::-webkit-scrollbar-thumb {
          background: rgba(47,45,131,.28);
          border-radius: 999px;
        }

        .mobile-menu .mobile-scroll-content::-webkit-scrollbar-track {
          background: transparent;
        }
      }

@media (max-width: 1000px) {
        .mobile-menu .mhead {
          box-shadow: none !important;
        }
      }

/* Mobil menü: daha kompakt linkler ve ayrık iletişim alanı */
      @media (max-width: 1000px) {
        .mobile-menu .mlinks {
          padding-top: 4px !important;
          padding-bottom: 6px !important;
        }

        .mobile-menu .mlinks a {
          min-height: 40px !important;
          padding: 8px 14px !important;
          margin: 0 !important;
          border-radius: 7px !important;
          line-height: 1.2 !important;
        }

        .mobile-menu .mcontact {
          margin-top: 8px !important;
          padding: 10px 14px 12px !important;
          border-top: 1px solid rgba(47,45,131,.12) !important;
          background: #f8f8fb !important;
        }

        .mobile-menu .mcontact a {
          min-height: 38px !important;
          padding: 7px 10px !important;
          margin: 0 !important;
          border-radius: 7px !important;
          line-height: 1.2 !important;
        }
      }

/* Mobil menü: daha sıkı aralıklar + iletişim bölümü belirgin şekilde ayrık */
      @media (max-width: 1000px) {
        .mobile-menu .mlinks {
          padding: 2px 0 4px !important;
        }

        .mobile-menu .mlinks a {
          min-height: 36px !important;
          padding: 6px 14px !important;
          margin: 0 !important;
          line-height: 1.15 !important;
          border-radius: 5px !important;
        }

        .mobile-menu .mcontact {
          margin: 10px 12px 0 !important;
          padding: 8px 0 0 !important;
          border-top: 1px solid rgba(47,45,131,.15) !important;
          background: transparent !important;
          border-radius: 0 !important;
        }

        .mobile-menu .mcontact a {
          min-height: 34px !important;
          padding: 6px 10px !important;
          margin: 0 0 4px !important;
          border-radius: 6px !important;
          background: #f7f7fb !important;
          line-height: 1.15 !important;
        }

        .mobile-menu .mcontact a:last-child {
          margin-bottom: 0 !important;
        }
      }

/* Mobil menü: iletişim kutusunu ekranın altına yasla */
      @media (max-width: 1000px) {
        .mobile-menu .mobile-scroll-content {
          display: flex !important;
          flex-direction: column !important;
          min-height: 0 !important;
        }

        .mobile-menu .mlinks {
          flex: 0 0 auto !important;
        }

        .mobile-menu .mcontact {
          margin: auto 12px 12px !important;
          padding: 12px 8px !important;
          border-top: 0 !important;
          border-radius: 14px !important;
          background: #f7f7fb !important;
        }

        .mobile-menu .mcontact a {
          min-height: 32px !important;
          padding: 5px 10px !important;
          margin: 0 !important;
          background: transparent !important;
          border-radius: 6px !important;
        }
      }

/* Mobil menü: menü satırlarını biraz ferahlat */
      @media (max-width: 1000px) {
        .mobile-menu .mlinks {
          padding-top: 8px !important;
          padding-bottom: 10px !important;
        }

        .mobile-menu .mlinks a {
          min-height: 44px !important;
          padding: 10px 14px !important;
          margin: 0 0 4px !important;
          line-height: 1.2 !important;
          border-radius: 7px !important;
        }

        .mobile-menu .mlinks a:last-child {
          margin-bottom: 0 !important;
        }
      }

/* Masaüstü Ürünler mega menüsünü ekranın ortasında aç */
      @media (min-width: 1001px) {
        .products-item {
          position: static !important;
        }

        .mega {
          left: 50% !important;
          right: auto !important;
          transform: translateX(-50%) !important;
          margin-left: 0 !important;
        }
      }

/* =========================================================
   PROFESYONEL ANASAYFA FINAL REVİZYONU
   ========================================================= */
:root {
  --brand-navy: #2f2d83;
  --brand-navy-dark: #222064;
  --brand-orange: #f47b20;
  --brand-soft: #f6f6fb;
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }

.hero .hero-title {
  font-family: "Sora", sans-serif;
  font-size: clamp(36px, 4vw, 68px);
  line-height: 1.04;
  letter-spacing: -.04em;
  margin: 0 0 20px;
  color: #fff;
  max-width: 820px;
}

.brands {
  padding: 76px 0 72px;
  background: #fff;
  border-top: 1px solid #ececf2;
  border-bottom: 1px solid #ececf2;
}
.brands-head {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);
  gap: 60px;
  align-items: end;
  margin-bottom: 30px;
}
.brands-head h2 {
  margin: 7px 0 0;
  max-width: 720px;
  font-size: clamp(27px,3vw,42px);
  line-height: 1.08;
}
.brands-head p {
  margin: 0;
  color: #696a74;
  line-height: 1.75;
}
.brand-row {
  display: grid !important;
  grid-template-columns: repeat(7,1fr);
  gap: 10px;
  align-items: stretch;
}
.brand-chip {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 12px;
  border: 1px solid #e7e7ed;
  background: #fafafd;
  border-radius: 10px;
  overflow: hidden;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.brand-chip b {
  color: #777883;
  font-family: "Sora", sans-serif;
  font-size: clamp(15px,1.25vw,21px);
  letter-spacing: -.02em;
  white-space: nowrap;
  filter: grayscale(1);
  transition: color .2s ease, transform .2s ease, filter .2s ease;
}
.brand-chip:hover {
  transform: translateY(-3px);
  border-color: rgba(47,45,131,.22);
  background: #fff;
}
.brand-chip:hover b {
  color: var(--brand-navy);
  transform: scale(1.04);
  filter: none;
}

.news-card {
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.news-cover {
  height: 190px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.news-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,rgba(47,45,131,.04),rgba(14,14,20,.26));
}
.news-cover-glove {
  background-image: url("https://www.arti2isg.com/images/uploads/49d0bc109f6d4da1b891e5f7911f6ea7_is-koruma.png");
}
.news-cover-respiratory {
  background-image: url("https://www.arti2isg.com/images/uploads/0e5681f09c724a2ebb37cd6a2b0297f6_77777.png");
}
.news-cover-eye {
  background-image: url("https://www.arti2isg.com/images/uploads/ff05e05d783e42fa952e54957dc7c8ad_goz-koruyucular.png");
}
.news-card-body {
  padding: 27px 27px 29px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news-card-body a { margin-top: auto; padding-top: 10px; }

.contact {
  padding: 88px 0 !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(244,123,32,.15), transparent 28%),
    linear-gradient(135deg,#25236d 0%,#302d86 52%,#25236d 100%) !important;
}
.contact-pro-grid {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(460px,1.08fr);
  gap: 72px;
  align-items: center;
}
.contact-copy .ey { color: #ffb36e; }
.contact-copy h2 {
  color: #fff;
  font-size: clamp(34px,4vw,54px);
  line-height: 1.06;
  letter-spacing: -.035em;
  margin: 10px 0 20px;
}
.contact-copy > p {
  color: rgba(255,255,255,.78);
  max-width: 610px;
  line-height: 1.75;
}
.contact-direct {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin-top: 28px;
}
.contact-direct a {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,.06);
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}
.contact-direct a:hover {
  border-color: rgba(244,123,32,.8);
  background: rgba(255,255,255,.1);
  transform: translateY(-2px);
}
.contact-direct small { color: rgba(255,255,255,.62); }
.contact-direct strong { font-size: 16px; }
.contact-points {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  display: grid;
  gap: 9px;
  color: rgba(255,255,255,.82);
}
.contact-points li {
  position: relative;
  padding-left: 24px;
}
.contact-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #ffad68;
  font-weight: 800;
}

.quote-form {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 26px 70px rgba(11,10,35,.25);
}
.quote-form-head {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 22px;
}
.quote-form-head strong {
  color: var(--brand-navy);
  font-family: "Sora", sans-serif;
  font-size: 23px;
}
.quote-form-head span {
  color: #777782;
  font-size: 13px;
  line-height: 1.55;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.form-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.form-grid label > span {
  color: #32323a;
  font-size: 12px;
  font-weight: 700;
}
.form-full { grid-column: 1 / -1; }
.quote-form input,
.quote-form select,
.quote-form textarea {
  width: 100%;
  border: 1px solid #dedee6;
  border-radius: 8px;
  background: #fafafd;
  color: #262631;
  font: inherit;
  font-size: 14px;
  padding: 12px 13px;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.quote-form textarea { resize: vertical; min-height: 100px; }
.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
  background: #fff;
  border-color: var(--brand-navy);
  box-shadow: 0 0 0 3px rgba(47,45,131,.10);
}
.form-submit {
  width: 100%;
  min-height: 48px;
  margin-top: 17px;
  border: 0;
  border-radius: 8px;
  background: var(--brand-orange);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition: background-color .18s ease, transform .18s ease;
}
.form-submit:hover { background: #df6810; transform: translateY(-1px); }
.form-submit:focus-visible { outline: 3px solid rgba(244,123,32,.28); outline-offset: 3px; }
.form-submit span { margin-left: 5px; }
.form-note {
  display: block;
  margin-top: 11px;
  color: #878790;
  line-height: 1.5;
}

.footer-status {
  color: rgba(255,255,255,.5);
  font-size: 12px;
}

/* Sektör kartlarında daha profesyonel etkileşim */
.sector-link {
  position: relative;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.sector-link::after {
  content: "→";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) translateX(-4px);
  opacity: 0;
  color: var(--brand-orange);
  font-weight: 800;
  transition: opacity .2s ease, transform .2s ease;
}
.sector-link:hover {
  transform: translateX(4px);
  border-color: rgba(244,123,32,.32);
}
.sector-link:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* Klavye erişilebilirliği */
a:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(244,123,32,.28);
  outline-offset: 3px;
}

@media (max-width: 1000px) {
  .brands { padding: 58px 0 54px; }
  .brands-head {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 24px;
  }
  .brand-row {
    grid-template-columns: repeat(2,1fr) !important;
  }
  .brand-chip { min-height: 72px; }

  .contact { padding: 64px 0 !important; }
  .contact-pro-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .quote-form { padding: 24px; }
}

@media (max-width: 620px) {
  .hero .hero-title {
    font-size: clamp(34px,10vw,47px);
  }
  .brands-head h2 { font-size: 30px; }
  .brand-row { grid-template-columns: repeat(2,1fr) !important; }
  .brand-chip { min-height: 66px; }
  .brand-chip b { font-size: 14px; }

  .news-cover { height: 170px; }
  .news-card-body { padding: 22px 20px 24px; }

  .contact-pro-grid { gap: 28px; }
  .contact-direct { grid-template-columns: 1fr; }
  .quote-form { padding: 20px 16px; border-radius: 12px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-full { grid-column: auto; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}


/* Masaüstü TEKLİF AL hover yazısı daima görünür */
@media (min-width: 1001px) {
  .desktop-menu .quote-btn,
  .desktop-menu .quote-btn:visited {
    color: #fff !important;
  }

  .desktop-menu .quote-btn:hover,
  .desktop-menu .quote-btn:focus-visible,
  .desktop-menu .quote-btn:active {
    color: #fff !important;
  }
}

/* Footer yasal bağlantılar */
.legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
}

.legal-links a {
  color: rgba(255,255,255,.58);
  font-size: 12px;
  text-decoration: none;
  transition: color .18s ease;
}

.legal-links a:hover,
.legal-links a:focus-visible {
  color: #f47b20;
}

.legal-anchor-targets {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (max-width: 700px) {
  .legal-links {
    gap: 8px 14px;
  }
}


/* Masaüstü TEKLİF AL: belirgin ve kurumsal hover */
@media (min-width: 1001px) {
  .desktop-menu .quote-btn {
    cursor: pointer;
    transition:
      background-color .2s ease,
      border-color .2s ease,
      box-shadow .2s ease,
      transform .2s ease !important;
  }

  .desktop-menu .quote-btn:hover {
    background: #df6810 !important;
    border-color: #df6810 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 16px rgba(244,123,32,.28) !important;
  }

  .desktop-menu .quote-btn:focus-visible {
    background: #df6810 !important;
    color: #fff !important;
    outline: 3px solid rgba(244,123,32,.22) !important;
    outline-offset: 3px !important;
  }

  .desktop-menu .quote-btn:active {
    background: #c95a09 !important;
    color: #fff !important;
    transform: translateY(0) scale(.98) !important;
    box-shadow: 0 3px 8px rgba(244,123,32,.22) !important;
  }
}


/* ===== Sonsuz kayan marka bandı ===== */
.brand-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 8px 0;
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}

.brand-track {
  display: flex;
  width: max-content;
  animation: brandMarquee 30s linear infinite;
  will-change: transform;
}

.brand-marquee:hover .brand-track,
.brand-marquee:focus-within .brand-track {
  animation-play-state: paused;
}

.brand-set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.brand-logo {
  width: 190px;
  height: 92px;
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e9e9ef;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.brand-logo > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 82%;
  color: #73747d;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -.045em;
  filter: grayscale(1);
  opacity: .78;
  transition: color .22s ease, filter .22s ease, opacity .22s ease, transform .22s ease;
}

.brand-logo:hover {
  transform: translateY(-3px);
  border-color: rgba(47,45,131,.2);
  box-shadow: 0 10px 24px rgba(28,27,70,.07);
}
.brand-logo:hover > span {
  filter: none;
  opacity: 1;
  transform: scale(1.04);
}

/* Marka karakterlerine yakın, sade wordmark sunumu */
.brand-3m > span { font-size: 42px; color: #ff0000; letter-spacing: -.1em; }
.brand-uvex > span { font-size: 36px; font-style: italic; text-transform: lowercase; color: #1f1f22; }
.brand-delta > span { font-size: 19px; color: #1e4388; letter-spacing: -.02em; }
.brand-delta em { color: #e43b36; font-style: normal; margin-left: 4px; }
.brand-starline > span { font-size: 22px; color: #1e3b72; letter-spacing: .025em; }
.brand-faba > span { font-size: 28px; color: #e15f22; letter-spacing: .04em; }
.brand-hegi > span { font-size: 28px; color: #243b78; letter-spacing: .035em; }
.brand-lalan > span { font-size: 27px; color: #252525; letter-spacing: .05em; }

@keyframes brandMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 1000px) {
  .brand-logo {
    width: 160px;
    height: 78px;
    margin: 0 7px;
  }
  .brand-track { animation-duration: 25s; }
}

@media (max-width: 620px) {
  .brand-marquee {
    margin-left: -18px;
    width: calc(100% + 36px);
    mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
  }
  .brand-logo {
    width: 138px;
    height: 70px;
    margin: 0 6px;
  }
  .brand-logo > span { font-size: 20px; }
  .brand-3m > span { font-size: 34px; }
  .brand-uvex > span { font-size: 29px; }
  .brand-delta > span { font-size: 16px; }
  .brand-starline > span { font-size: 18px; }
  .brand-faba > span, .brand-hegi > span, .brand-lalan > span { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-track {
    animation: none !important;
    transform: none !important;
  }
  .brand-marquee {
    overflow-x: auto;
    mask-image: none;
    -webkit-mask-image: none;
  }
}


/* =========================================================
   KURUMSAL SAYFASI
   ========================================================= */
.desktop-menu > a.active {
  color: #df6810;
}
.desktop-menu > a.active::after {
  width: 100%;
}
.mlinks a.active {
  background: #2f2d83;
  color: #fff;
  border-left-color: #df6810;
}

.inner-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 18%, rgba(244,123,32,.14), transparent 24%),
    radial-gradient(circle at 72% 72%, rgba(47,45,131,.16), transparent 34%),
    #0d0e13;
  color: #fff;
}
.inner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to right, transparent 5%, #000 48%, #000 100%);
}
.inner-hero-grid {
  position: relative;
  z-index: 1;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, .55fr);
  gap: 72px;
  align-items: center;
  padding-top: 76px;
  padding-bottom: 76px;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 38px;
  font-size: 13px;
  color: rgba(255,255,255,.62);
}
.breadcrumbs a {
  color: rgba(255,255,255,.72);
  transition: color .2s ease;
}
.breadcrumbs a:hover { color: #f47b20; }
.inner-hero-copy .ey { color: #ffb36e; }
.inner-hero-copy h1 {
  max-width: 850px;
  margin: 14px 0 22px;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
.inner-hero-copy > p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.76);
  font-size: 18px;
  line-height: 1.75;
}
.inner-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}
.corporate-ghost {
  border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.06);
  color: #fff;
  backdrop-filter: blur(8px);
}
.corporate-ghost:hover {
  border-color: rgba(255,255,255,.42);
  background: rgba(255,255,255,.11);
  color: #fff;
}
.corporate-hero-card {
  min-height: 300px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background: rgba(255,255,255,.055);
  box-shadow: 0 30px 70px rgba(0,0,0,.2);
  backdrop-filter: blur(10px);
}
.corporate-card-mark {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border-radius: 17px;
  background: #f47b20;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -.08em;
}
.corporate-card-mark span { font-size: .62em; vertical-align: top; }
.corporate-hero-card small {
  display: block;
  margin-bottom: 10px;
  color: #ffb36e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
}
.corporate-hero-card strong {
  display: block;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 25px;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.section-space { padding: 100px 0; }
.corporate-intro { background: #fff; }
.corporate-intro-grid {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 95px;
  align-items: start;
}
.corporate-sticky-title {
  position: sticky;
  top: 150px;
}
.corporate-sticky-title h2 {
  margin: 12px 0 24px;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.18;
  letter-spacing: -.035em;
}
.corporate-title-rule {
  width: 70px;
  height: 4px;
  border-radius: 99px;
  background: #f47b20;
}
.corporate-prose {
  color: #565866;
  font-size: 17px;
  line-height: 1.9;
}
.corporate-prose p { margin: 0 0 24px; }
.corporate-prose .lead {
  color: #272936;
  font-size: 20px;
  line-height: 1.75;
}
.corporate-prose strong { color: #2f2d83; }

.corporate-principles {
  padding: 100px 0;
  background: #f7f7fa;
}
.corporate-section-head {
  align-items: end;
  gap: 50px;
}
.corporate-section-head > p {
  max-width: 520px;
  margin: 0 0 7px;
  color: #686a77;
  font-size: 16px;
  line-height: 1.75;
}
.principle-grid {
  margin-top: 46px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.principle-card {
  position: relative;
  min-height: 325px;
  padding: 30px 26px 28px;
  overflow: hidden;
  border: 1px solid #e8e8ee;
  border-radius: 16px;
  background: #fff;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.principle-card:hover {
  transform: translateY(-5px);
  border-color: rgba(244,123,32,.34);
  box-shadow: 0 18px 40px rgba(27,29,43,.07);
}
.principle-no {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #c9cad1;
  font-family: "Sora", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
.principle-icon {
  width: 54px;
  height: 54px;
  margin-bottom: 54px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #f4f3fb;
}
.principle-icon svg {
  width: 28px;
  height: 28px;
  stroke: #2f2d83;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.principle-card h3 {
  margin: 0 0 13px;
  color: #1d1f29;
  font-family: "Sora", sans-serif;
  font-size: 20px;
  letter-spacing: -.02em;
}
.principle-card p {
  margin: 0;
  color: #666875;
  font-size: 15px;
  line-height: 1.7;
}

.corporate-solution { background: #fff; }
.corporate-solution-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 85px;
  align-items: center;
}
.corporate-solution-visual {
  min-height: 510px;
  padding: 38px;
  display: flex;
  align-items: end;
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(13,14,19,.1), rgba(13,14,19,.68)),
    radial-gradient(circle at 70% 25%, rgba(244,123,32,.58), transparent 24%),
    linear-gradient(135deg, #403d9a 0%, #24245d 48%, #12131b 100%);
  box-shadow: 0 28px 60px rgba(30,30,60,.15);
}
.solution-visual-panel {
  width: 100%;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 16px;
  background: rgba(13,14,19,.35);
  color: #fff;
  backdrop-filter: blur(8px);
}
.solution-visual-panel span {
  display: inline-block;
  margin-bottom: 14px;
  color: #ffb36e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}
.solution-visual-panel strong {
  display: block;
  font-family: "Sora", sans-serif;
  font-size: 34px;
  line-height: 1.17;
  letter-spacing: -.035em;
}
.corporate-solution-copy h2 {
  max-width: 680px;
  margin: 13px 0 21px;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(31px, 3.1vw, 44px);
  line-height: 1.18;
  letter-spacing: -.035em;
}
.corporate-solution-copy > p {
  margin: 0 0 17px;
  color: #626472;
  font-size: 16px;
  line-height: 1.8;
}
.corporate-checks {
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 13px;
}
.corporate-checks li {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #2c2e39;
  font-weight: 600;
}
.corporate-checks li span {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(244,123,32,.11);
  color: #df6810;
  font-size: 13px;
}

.corporate-values {
  padding: 0 0 100px;
  background: #fff;
}
.values-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 80px;
  padding: 64px;
  border-radius: 22px;
  background: #2f2d83;
  color: #fff;
}
.values-copy .ey { color: #ffb36e; }
.values-copy h2 {
  margin: 13px 0 18px;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: clamp(31px, 3vw, 43px);
  line-height: 1.18;
  letter-spacing: -.035em;
}
.values-copy p {
  max-width: 660px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 16px;
  line-height: 1.8;
}
.values-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.13);
}
.value-item {
  min-height: 120px;
  padding: 24px;
  background: #2f2d83;
}
.value-item strong {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 19px;
}
.value-item span {
  color: rgba(255,255,255,.66);
  font-size: 13px;
  line-height: 1.55;
}

.corporate-cta {
  padding: 74px 0;
  background: #f7f7fa;
  border-top: 1px solid #ececf1;
}
.corporate-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 70px;
  align-items: center;
}
.corporate-cta h2 {
  max-width: 760px;
  margin: 11px 0 12px;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.2;
  letter-spacing: -.035em;
}
.corporate-cta p {
  margin: 0;
  color: #686a77;
  font-size: 16px;
  line-height: 1.7;
}
.corporate-cta-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.corporate-phone {
  display: flex;
  flex-direction: column;
  padding-left: 22px;
  border-left: 1px solid #d8d9e1;
}
.corporate-phone small {
  margin-bottom: 4px;
  color: #777986;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
}
.corporate-phone strong {
  color: #2f2d83;
  font-family: "Sora", sans-serif;
  font-size: 18px;
  transition: color .2s ease;
}
.corporate-phone:hover strong { color: #df6810; }

@media (max-width: 1000px) {
  .inner-hero-grid {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .corporate-hero-card {
    min-height: 220px;
    max-width: 560px;
  }
  .section-space,
  .corporate-principles { padding: 78px 0; }
  .corporate-intro-grid,
  .corporate-solution-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .corporate-sticky-title { position: static; }
  .principle-grid { grid-template-columns: repeat(2, 1fr); }
  .corporate-solution-visual { min-height: 390px; }
  .values-shell {
    grid-template-columns: 1fr;
    gap: 42px;
    padding: 48px;
  }
  .corporate-cta-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 620px) {
  .inner-hero-grid {
    gap: 30px;
    padding-top: 38px;
    padding-bottom: 42px;
  }
  .breadcrumbs { margin-bottom: 28px; }
  .inner-hero-copy h1 {
    font-size: 36px;
    line-height: 1.12;
  }
  .inner-hero-copy > p {
    font-size: 16px;
    line-height: 1.7;
  }
  .inner-hero-actions { align-items: stretch; }
  .inner-hero-actions .btn {
    flex: 1 1 100%;
    text-align: center;
  }
  .corporate-hero-card {
    min-height: 200px;
    padding: 26px;
  }
  .corporate-hero-card strong { font-size: 22px; }
  .section-space,
  .corporate-principles { padding: 62px 0; }
  .corporate-intro-grid { gap: 34px; }
  .corporate-sticky-title h2 { font-size: 30px; }
  .corporate-prose,
  .corporate-prose .lead { font-size: 16px; }
  .corporate-section-head {
    display: block;
  }
  .corporate-section-head > p {
    margin-top: 18px;
  }
  .principle-grid {
    margin-top: 32px;
    grid-template-columns: 1fr;
  }
  .principle-card {
    min-height: auto;
    padding: 25px;
  }
  .principle-icon { margin-bottom: 35px; }
  .corporate-solution-visual {
    min-height: 330px;
    padding: 22px;
  }
  .solution-visual-panel { padding: 22px; }
  .solution-visual-panel strong { font-size: 28px; }
  .corporate-solution-copy h2 { font-size: 30px; }
  .corporate-values { padding-bottom: 62px; }
  .values-shell {
    gap: 32px;
    padding: 32px 24px;
    border-radius: 16px;
  }
  .values-grid { grid-template-columns: 1fr; }
  .value-item { min-height: auto; }
  .corporate-cta { padding: 58px 0; }
  .corporate-cta-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .corporate-cta-actions .btn { text-align: center; }
  .corporate-phone {
    padding: 18px 0 0;
    border-left: 0;
    border-top: 1px solid #d8d9e1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .principle-card { transition: none; }
}


/* =========================================================
   ÜRÜNLER SAYFASI
   ========================================================= */
.products-hero-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}
.products-hero-card {
  min-height: 310px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 10%, rgba(244,123,32,.22), transparent 31%),
    rgba(255,255,255,.055);
  box-shadow: 0 30px 70px rgba(0,0,0,.2);
  backdrop-filter: blur(10px);
}
.products-hero-kicker {
  margin-bottom: 18px;
  color: #ffb36e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
}
.products-hero-card strong {
  display: block;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 38px;
  line-height: 1.13;
  letter-spacing: -.045em;
}
.products-hero-card p {
  margin: 22px 0 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.7;
}

.products-intro {
  background: #fff;
}
.products-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 90px;
  align-items: start;
}
.products-intro h2 {
  margin: 13px 0 0;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(31px, 3.1vw, 45px);
  line-height: 1.18;
  letter-spacing: -.04em;
}
.products-intro-copy {
  color: #626472;
  font-size: 17px;
  line-height: 1.85;
}
.products-intro-copy p {
  margin: 0 0 18px;
}

.product-catalog {
  padding: 100px 0;
  background: #f7f7fa;
}
.catalog-head {
  align-items: end;
  gap: 48px;
}
.catalog-head > p {
  max-width: 500px;
  margin: 0 0 7px;
  color: #6b6d79;
  line-height: 1.75;
}
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 20px;
  margin-top: 46px;
}
.catalog-card {
  position: relative;
  min-height: 340px;
  padding: 32px;
  overflow: hidden;
  border: 1px solid #e5e6ec;
  border-radius: 18px;
  background: #fff;
  scroll-margin-top: 150px;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.catalog-card::after {
  content: "";
  position: absolute;
  right: -55px;
  bottom: -55px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(47,45,131,.035);
  transition: transform .25s ease, background .25s ease;
}
.catalog-card:hover {
  transform: translateY(-4px);
  border-color: rgba(244,123,32,.34);
  box-shadow: 0 18px 38px rgba(29,31,48,.07);
}
.catalog-card:hover::after {
  transform: scale(1.2);
  background: rgba(244,123,32,.07);
}
.catalog-no {
  position: absolute;
  top: 27px;
  right: 29px;
  color: #bfc0ca;
  font-family: "Sora",sans-serif;
  font-size: 12px;
  font-weight: 800;
}
.catalog-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 34px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #f3f2fb;
}
.catalog-icon svg {
  width: 30px;
  height: 30px;
  stroke: #2f2d83;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.catalog-card h3 {
  margin: 0 0 12px;
  color: #1b1d28;
  font-family: "Sora", sans-serif;
  font-size: 22px;
  letter-spacing: -.025em;
}
.catalog-card > p {
  max-width: 520px;
  margin: 0 0 20px;
  color: #686a76;
  font-size: 15px;
  line-height: 1.72;
}
.catalog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 25px;
}
.catalog-tags span {
  padding: 7px 10px;
  border: 1px solid #e7e7ed;
  border-radius: 999px;
  background: #fafafd;
  color: #666875;
  font-size: 11px;
  font-weight: 700;
}
.catalog-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #2f2d83;
  font-size: 14px;
  font-weight: 800;
}
.catalog-link span {
  color: #f47b20;
  transition: transform .2s ease;
}
.catalog-link:hover {
  color: #df6810;
}
.catalog-link:hover span {
  transform: translateX(4px);
}

.product-selection {
  background: #fff;
}
.product-selection-grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
  gap: 95px;
  align-items: start;
}
.selection-copy {
  position: sticky;
  top: 150px;
}
.selection-copy h2 {
  margin: 13px 0 20px;
  color: #171821;
  font-family: "Sora",sans-serif;
  font-size: clamp(31px, 3vw, 43px);
  line-height: 1.18;
  letter-spacing: -.04em;
}
.selection-copy p {
  margin: 0;
  color: #666875;
  font-size: 16px;
  line-height: 1.8;
}
.selection-steps {
  border-top: 1px solid #e4e5eb;
}
.selection-step {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid #e4e5eb;
}
.selection-step > span {
  color: #f47b20;
  font-family: "Sora", sans-serif;
  font-size: 13px;
  font-weight: 800;
}
.selection-step strong {
  display: block;
  margin-bottom: 7px;
  color: #22242f;
  font-family: "Sora", sans-serif;
  font-size: 19px;
}
.selection-step p {
  margin: 0;
  color: #6a6c77;
  font-size: 14px;
  line-height: 1.7;
}

.product-support {
  padding: 0 0 100px;
  background: #fff;
}
.product-support-shell {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 70px;
  align-items: center;
  padding: 58px 64px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 10%, rgba(244,123,32,.18), transparent 28%),
    #2f2d83;
  color: #fff;
}
.product-support-shell .ey {
  color: #ffb36e;
}
.product-support-shell h2 {
  max-width: 760px;
  margin: 12px 0 16px;
  color: #fff;
  font-family: "Sora",sans-serif;
  font-size: clamp(30px,3vw,42px);
  line-height: 1.2;
  letter-spacing: -.035em;
}
.product-support-shell p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.75;
}
.product-support-actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.support-mail {
  display: flex;
  flex-direction: column;
  padding-left: 22px;
  border-left: 1px solid rgba(255,255,255,.2);
}
.support-mail small {
  margin-bottom: 4px;
  color: rgba(255,255,255,.55);
  font-size: 11px;
}
.support-mail strong {
  color: #fff;
  font-size: 15px;
}
.support-mail:hover strong {
  color: #ffb36e;
}

@media (max-width:1000px) {
  .products-hero-grid {
    grid-template-columns: 1fr;
  }
  .products-hero-card {
    max-width: 600px;
    min-height: 245px;
  }
  .products-intro-grid,
  .product-selection-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .selection-copy {
    position: static;
  }
  .product-support-shell {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width:720px) {
  .product-catalog {
    padding: 64px 0;
  }
  .catalog-head {
    display: block;
  }
  .catalog-head > p {
    margin-top: 18px;
  }
  .catalog-grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  .catalog-card {
    min-height: auto;
    padding: 27px 24px;
  }
  .products-hero-card strong {
    font-size: 32px;
  }
  .selection-step {
    grid-template-columns: 48px 1fr;
    gap: 12px;
  }
  .product-support {
    padding-bottom: 62px;
  }
  .product-support-shell {
    padding: 36px 24px;
    border-radius: 16px;
  }
  .product-support-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .product-support-actions .btn {
    text-align: center;
  }
  .support-mail {
    padding: 18px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.2);
  }
}


/* =========================================================
   ÜRÜNLER - GÖRSEL KATALOG REVİZYONU
   arti2isg.com/urunler ürün kategori mantığından ilhamla
   ========================================================= */
.products-page-head {
  padding: 68px 0 54px;
  border-bottom: 1px solid #e8e9ee;
  background:
    radial-gradient(circle at 92% 8%, rgba(244,123,32,.08), transparent 24%),
    #fff;
}
.products-breadcrumbs {
  margin-bottom: 44px;
  color: #8a8c97;
}
.products-breadcrumbs a { color:#626471; }
.products-breadcrumbs a:hover { color:#df6810; }
.products-title-row {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);
  justify-content:space-between;
  gap:80px;
  align-items:end;
}
.products-title-row h1 {
  margin:8px 0 0;
  color:#171821;
  font-family:"Sora",sans-serif;
  font-size:clamp(46px,5.4vw,72px);
  line-height:1;
  letter-spacing:-.055em;
}
.products-title-copy p {
  margin:0 0 17px;
  color:#656773;
  font-size:16px;
  line-height:1.75;
}
.products-title-copy a {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#2f2d83;
  font-size:14px;
  font-weight:800;
}
.products-title-copy a span { color:#f47b20; transition:transform .2s ease; }
.products-title-copy a:hover { color:#df6810; }
.products-title-copy a:hover span { transform:translateX(4px); }

.products-category-section {
  padding:76px 0 100px;
  background:#f6f6f9;
}
.products-category-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.product-category-tile {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid #e1e2e8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(20,22,38,.035);
  scroll-margin-top:150px;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.product-category-tile:hover {
  transform:translateY(-5px);
  border-color:rgba(244,123,32,.42);
  box-shadow:0 20px 45px rgba(24,26,44,.09);
}
.tile-media {
  position:relative;
  height:230px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#f1f2f5;
}
.tile-media::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to top,rgba(15,16,22,.06),transparent 34%);
}
.tile-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}
.product-category-tile:hover .tile-media img { transform:scale(1.045); }
.tile-face-media img { object-position:center 35%; }

.tile-content {
  position:relative;
  min-height:218px;
  padding:27px 27px 25px;
}
.tile-index {
  position:absolute;
  right:25px;
  top:29px;
  color:#c2c3ca;
  font-family:"Sora",sans-serif;
  font-size:11px;
  font-weight:800;
}
.tile-content h2 {
  max-width:80%;
  margin:0 0 12px;
  color:#1c1e28;
  font-family:"Sora",sans-serif;
  font-size:21px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.tile-content p {
  margin:0 0 24px;
  color:#6b6d78;
  font-size:14px;
  line-height:1.68;
}
.tile-link {
  position:absolute;
  left:27px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2f2d83;
  font-size:13px;
  font-weight:800;
}
.tile-link b {
  color:#f47b20;
  font-size:16px;
  transition:transform .2s ease;
}
.product-category-tile:hover .tile-link { color:#df6810; }
.product-category-tile:hover .tile-link b { transform:translate(3px,-3px); }

.tile-art {
  position:relative;
  place-items:end start;
  padding:25px;
  background:
    radial-gradient(circle at 83% 21%,rgba(244,123,32,.19),transparent 27%),
    linear-gradient(145deg,#36348d 0%,#24245e 53%,#13141d 100%);
}
.tile-art::after {
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:30px 30px;
}
.tile-art > span {
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.91);
  font-family:"Sora",sans-serif;
  font-size:22px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.035em;
}
.tile-art svg {
  position:absolute;
  z-index:1;
  width:145px;
  height:145px;
  top:27px;
  right:18px;
  stroke:rgba(255,255,255,.44);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.graphic-firstaid .tile-art {
  background:
    radial-gradient(circle at 80% 17%,rgba(244,123,32,.24),transparent 26%),
    linear-gradient(145deg,#333187,#22235e 55%,#151621);
}
.graphic-traffic .tile-art {
  background:
    radial-gradient(circle at 80% 17%,rgba(244,123,32,.28),transparent 27%),
    linear-gradient(145deg,#292a38,#15161d);
}
.graphic-absorbent .tile-art {
  background:
    radial-gradient(circle at 80% 17%,rgba(45,148,170,.30),transparent 28%),
    linear-gradient(145deg,#38368b,#1e2554 52%,#151721);
}

.products-help-strip {
  padding:0 0 100px;
  background:#f6f6f9;
}
.products-help-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:65px;
  align-items:center;
  padding:58px 62px;
  border-radius:20px;
  background:
    radial-gradient(circle at 91% 12%,rgba(244,123,32,.17),transparent 30%),
    #2f2d83;
  color:#fff;
}
.products-help-inner .ey { color:#ffb36e; }
.products-help-inner h2 {
  max-width:760px;
  margin:11px 0 14px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(29px,3vw,41px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.products-help-inner p {
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:15px;
  line-height:1.72;
}
.products-help-actions {
  display:flex;
  align-items:center;
  gap:22px;
}
.products-help-phone {
  display:flex;
  flex-direction:column;
  padding-left:22px;
  border-left:1px solid rgba(255,255,255,.21);
}
.products-help-phone small {
  margin-bottom:4px;
  color:rgba(255,255,255,.58);
  font-size:11px;
}
.products-help-phone strong {
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:17px;
}
.products-help-phone:hover strong { color:#ffb36e; }

@media (max-width:1000px) {
  .products-title-row {
    grid-template-columns:1fr;
    gap:28px;
  }
  .products-title-copy { max-width:700px; }
  .products-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .products-help-inner {
    grid-template-columns:1fr;
    gap:30px;
  }
}
@media (max-width:650px) {
  .products-page-head { padding:42px 0 40px; }
  .products-breadcrumbs { margin-bottom:29px; }
  .products-title-row h1 { font-size:46px; }
  .products-category-section { padding:48px 0 64px; }
  .products-category-grid { grid-template-columns:1fr; gap:16px; }
  .tile-media { height:215px; }
  .tile-content { min-height:205px; padding:24px; }
  .tile-link { left:24px; bottom:22px; }
  .products-help-strip { padding-bottom:64px; }
  .products-help-inner { padding:36px 24px; border-radius:16px; }
  .products-help-actions { flex-direction:column; align-items:stretch; }
  .products-help-actions .btn { text-align:center; }
  .products-help-phone {
    padding:17px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.2);
  }
}


/* Ürünler sayfa başlığı - Kurumsal sayfa ile aynı premium görsel dil */
.products-page-head {
  position: relative;
  overflow: hidden;
  padding: 68px 0 54px;
  border-bottom: 0;
  background:
    radial-gradient(circle at 86% 12%, rgba(244,123,32,.18), transparent 23%),
    radial-gradient(circle at 69% 86%, rgba(47,45,131,.20), transparent 32%),
    #0d0e13;
  color: #fff;
}
.products-page-head::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to right, transparent 4%, #000 45%, #000 100%);
}
.products-page-head .wrap {
  position: relative;
  z-index: 1;
}
.products-page-head .products-breadcrumbs {
  color: rgba(255,255,255,.55);
}
.products-page-head .products-breadcrumbs a {
  color: rgba(255,255,255,.72);
}
.products-page-head .products-breadcrumbs a:hover {
  color: #f47b20;
}
.products-page-head .products-title-row {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 60px;
}
.products-title-main .ey {
  color: #ffb36e;
}
.products-page-head .products-title-row h1 {
  color: #fff;
}
.products-title-main > p {
  max-width: 650px;
  margin: 17px 0 0;
  color: rgba(255,255,255,.70);
  font-size: 16px;
  line-height: 1.7;
}
.products-head-mark {
  min-width: 260px;
  padding: 21px 25px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(8px);
}
.products-head-mark > span {
  display: block;
  margin-bottom: 7px;
  color: #ffb36e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}
.products-head-mark strong {
  display: block;
  color: #fff;
  font-family: "Sora",sans-serif;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -.02em;
}
@media (max-width: 800px) {
  .products-page-head .products-title-row {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .products-head-mark {
    min-width: 0;
    max-width: 360px;
  }
}
@media (max-width: 650px) {
  .products-page-head {
    padding: 42px 0 40px;
  }
  .products-title-main > p {
    font-size: 15px;
  }
  .products-head-mark {
    display: none;
  }
}


/* Ürünler başlığı: üst etiket ile H1 arasındaki nefes payı */
.products-page-head .products-title-main .ey {
  display: block;
  margin-bottom: 16px;
}
.products-page-head .products-title-row h1 {
  margin-top: 0;
}
@media (max-width: 650px) {
  .products-page-head .products-title-main .ey {
    margin-bottom: 13px;
  }
}


/* =========================================================
   EL KORUYUCULAR KATEGORİ SAYFASI
   ========================================================= */
.category-page-head {
  position:relative;
  overflow:hidden;
  padding:62px 0 58px;
  background:
    radial-gradient(circle at 88% 15%,rgba(244,123,32,.18),transparent 23%),
    radial-gradient(circle at 70% 82%,rgba(47,45,131,.18),transparent 33%),
    #0d0e13;
  color:#fff;
}
.category-page-head::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to right,transparent 4%,#000 45%,#000 100%);
}
.category-page-head .wrap { position:relative; z-index:1; }
.category-breadcrumbs {
  margin-bottom:38px;
  color:rgba(255,255,255,.55);
}
.category-breadcrumbs a { color:rgba(255,255,255,.72); }
.category-breadcrumbs a:hover { color:#f47b20; }
.category-head-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:70px;
  align-items:end;
}
.category-head-copy .ey { color:#ffb36e; }
.category-head-copy h1 {
  margin:15px 0 17px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(43px,5vw,66px);
  line-height:1;
  letter-spacing:-.055em;
}
.category-head-copy p {
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.72;
}
.category-head-visual {
  min-width:285px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:20px 23px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(8px);
}
.category-visual-code {
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f47b20;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:20px;
  font-weight:800;
}
.category-head-visual small {
  display:block;
  margin-bottom:5px;
  color:#ffb36e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.category-head-visual strong {
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:16px;
  line-height:1.35;
}

.category-groups {
  padding:86px 0 92px;
  background:#f7f7fa;
}
.category-section-head,
.glove-products-top {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px;
}
.category-section-head h2,
.glove-products-top h2 {
  margin:11px 0 0;
  color:#171821;
  font-family:"Sora",sans-serif;
  font-size:clamp(31px,3vw,43px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.category-section-head > p,
.glove-products-top > p {
  max-width:520px;
  margin:0 0 5px;
  color:#696b77;
  font-size:15px;
  line-height:1.75;
}
.glove-group-grid {
  margin-top:42px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.glove-group-card {
  position:relative;
  min-height:270px;
  padding:28px;
  border:1px solid #e4e5eb;
  border-radius:17px;
  background:#fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.glove-group-card:hover {
  transform:translateY(-5px);
  border-color:rgba(244,123,32,.4);
  box-shadow:0 18px 38px rgba(25,27,45,.07);
}
.glove-group-no {
  position:absolute;
  top:25px;
  right:25px;
  color:#c1c2ca;
  font-family:"Sora",sans-serif;
  font-size:11px;
  font-weight:800;
}
.glove-group-icon {
  width:52px;
  height:52px;
  margin-bottom:31px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#f3f2fb;
}
.glove-group-icon svg {
  width:27px;
  height:27px;
  stroke:#2f2d83;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.glove-group-card h3 {
  margin:0 0 10px;
  color:#1d1f29;
  font-family:"Sora",sans-serif;
  font-size:19px;
  line-height:1.3;
  letter-spacing:-.02em;
}
.glove-group-card p {
  margin:0 0 23px;
  color:#696b76;
  font-size:14px;
  line-height:1.65;
}
.glove-group-link {
  color:#2f2d83;
  font-size:13px;
  font-weight:800;
}
.glove-group-link b { color:#f47b20; margin-left:5px; }
.glove-group-card:hover .glove-group-link { color:#df6810; }

.glove-products-section {
  padding:92px 0;
  background:#fff;
}
.glove-product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.glove-product-card {
  scroll-margin-top:150px;
  padding:28px;
  border:1px solid #e4e5eb;
  border-radius:17px;
  background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.glove-product-card:hover {
  transform:translateY(-4px);
  border-color:rgba(47,45,131,.28);
  box-shadow:0 17px 35px rgba(25,27,45,.06);
}
.glove-product-type {
  margin-bottom:19px;
  color:#df6810;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.glove-product-card h3 {
  margin:0 0 11px;
  color:#20222d;
  font-family:"Sora",sans-serif;
  font-size:20px;
  line-height:1.3;
}
.glove-product-card > p {
  min-height:72px;
  margin:0 0 20px;
  color:#6a6c77;
  font-size:14px;
  line-height:1.7;
}
.glove-specs {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:24px;
}
.glove-specs span {
  padding:6px 9px;
  border-radius:999px;
  background:#f4f4f7;
  color:#636570;
  font-size:10px;
  font-weight:700;
}
.glove-product-card > a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#2f2d83;
  font-size:13px;
  font-weight:800;
}
.glove-product-card > a b { color:#f47b20; }
.glove-product-card > a:hover { color:#df6810; }

.glove-guide {
  padding:86px 0;
  background:#f7f7fa;
}
.glove-guide-grid {
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:90px;
  align-items:start;
}
.glove-guide-copy h2 {
  margin:12px 0 18px;
  color:#171821;
  font-family:"Sora",sans-serif;
  font-size:clamp(31px,3vw,42px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.glove-guide-copy p {
  margin:0;
  color:#686a76;
  font-size:15px;
  line-height:1.8;
}
.glove-guide-list { border-top:1px solid #dedfe5; }
.glove-guide-list > div {
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:18px;
  padding:23px 0;
  border-bottom:1px solid #dedfe5;
}
.glove-guide-list span {
  grid-row:1 / span 2;
  color:#f47b20;
  font-family:"Sora",sans-serif;
  font-size:11px;
  font-weight:800;
}
.glove-guide-list strong {
  color:#242631;
  font-family:"Sora",sans-serif;
  font-size:17px;
}
.glove-guide-list p {
  margin:5px 0 0;
  color:#6a6c77;
  font-size:13px;
  line-height:1.65;
}

.category-contact {
  padding:0 0 92px;
  background:#f7f7fa;
}
.category-contact-inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:center;
  padding:54px 60px;
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 10%,rgba(244,123,32,.18),transparent 29%),
    #2f2d83;
  color:#fff;
}
.category-contact-inner .ey { color:#ffb36e; }
.category-contact-inner h2 {
  max-width:760px;
  margin:10px 0 13px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(29px,3vw,40px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.category-contact-inner p {
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.72;
}
.category-contact-actions {
  display:flex;
  align-items:center;
  gap:20px;
}
.category-contact-phone {
  display:flex;
  flex-direction:column;
  padding-left:20px;
  border-left:1px solid rgba(255,255,255,.2);
}
.category-contact-phone small {
  margin-bottom:4px;
  color:rgba(255,255,255,.55);
  font-size:10px;
}
.category-contact-phone strong {
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:16px;
}
.category-contact-phone:hover strong { color:#ffb36e; }

@media (max-width:1000px) {
  .category-head-grid,
  .glove-guide-grid {
    grid-template-columns:1fr;
    gap:38px;
  }
  .category-head-visual { max-width:390px; }
  .glove-group-grid,
  .glove-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .category-contact-inner { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:680px) {
  .category-page-head { padding:42px 0 44px; }
  .category-breadcrumbs { margin-bottom:28px; }
  .category-head-copy h1 { font-size:42px; }
  .category-head-visual { display:none; }
  .category-groups,
  .glove-products-section,
  .glove-guide { padding:62px 0; }
  .category-section-head,
  .glove-products-top { display:block; }
  .category-section-head > p,
  .glove-products-top > p { margin-top:17px; }
  .glove-group-grid,
  .glove-product-grid { grid-template-columns:1fr; margin-top:30px; }
  .glove-group-card { min-height:auto; padding:24px; }
  .glove-product-card > p { min-height:0; }
  .category-contact { padding-bottom:62px; }
  .category-contact-inner { padding:36px 24px; border-radius:16px; }
  .category-contact-actions { flex-direction:column; align-items:stretch; }
  .category-contact-actions .btn { text-align:center; }
  .category-contact-phone {
    padding:16px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.2);
  }
}


/* =========================================================
   ÜRÜN DETAY SAYFASI
   ========================================================= */
.product-detail-head {
  padding:28px 0;
  border-bottom:1px solid #e6e7ec;
  background:#fafafd;
}
.product-detail-breadcrumbs {
  margin:0;
  color:#8a8c96;
}
.product-detail-breadcrumbs a { color:#626471; }
.product-detail-breadcrumbs a:hover { color:#df6810; }

.product-detail-main {
  padding:70px 0 86px;
  background:#fff;
}
.product-detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  gap:76px;
  align-items:center;
}
.product-visual-panel {
  overflow:hidden;
  border:1px solid #e4e5eb;
  border-radius:22px;
  background:#f4f4f7;
}
.product-visual-stage {
  position:relative;
  min-height:540px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 23%,rgba(244,123,32,.13),transparent 25%),
    linear-gradient(145deg,#f8f8fa,#ececf2);
}
.product-visual-stage::after {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(47,45,131,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,45,131,.035) 1px,transparent 1px);
  background-size:42px 42px;
}
.product-brand-mark {
  position:absolute;
  z-index:2;
  top:25px;
  left:28px;
  color:#2f2d83;
  font-family:"Sora",sans-serif;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.product-visual-code {
  position:absolute;
  z-index:1;
  right:22px;
  bottom:6px;
  color:rgba(47,45,131,.07);
  font-family:"Sora",sans-serif;
  font-size:104px;
  font-weight:800;
  letter-spacing:-.08em;
}
.product-visual-glove {
  position:relative;
  z-index:2;
  width:290px;
  height:350px;
  transform:rotate(-7deg);
}
.product-visual-glove svg {
  width:100%;
  height:100%;
  stroke:#df6810;
  fill:rgba(244,123,32,.09);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.product-visual-note {
  padding:17px 22px;
  display:flex;
  gap:18px;
  align-items:center;
  border-top:1px solid #e4e5eb;
  background:#fff;
}
.product-visual-note span {
  flex:0 0 auto;
  color:#2f2d83;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.product-visual-note p {
  margin:0;
  color:#858792;
  font-size:11px;
  line-height:1.55;
}

.product-detail-copy .ey { margin-bottom:17px; }
.product-brand {
  margin-bottom:8px;
  color:#777986;
  font-family:"Sora",sans-serif;
  font-size:15px;
  font-weight:700;
}
.product-detail-copy h1 {
  margin:0 0 20px;
  color:#171821;
  font-family:"Sora",sans-serif;
  font-size:clamp(48px,5vw,72px);
  line-height:.98;
  letter-spacing:-.06em;
}
.product-lead {
  max-width:620px;
  margin:0 0 31px;
  color:#646672;
  font-size:17px;
  line-height:1.76;
}
.product-quick-specs {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:27px;
  border-top:1px solid #e2e3e8;
  border-bottom:1px solid #e2e3e8;
}
.product-quick-specs > div {
  padding:20px 15px 20px 0;
}
.product-quick-specs > div + div {
  padding-left:18px;
  border-left:1px solid #e2e3e8;
}
.product-quick-specs small,
.product-call small {
  display:block;
  margin-bottom:6px;
  color:#989aa4;
  font-size:10px;
}
.product-quick-specs strong {
  color:#272934;
  font-family:"Sora",sans-serif;
  font-size:14px;
}
.product-standards {
  margin-bottom:33px;
}
.product-standards > span {
  display:block;
  margin-bottom:10px;
  color:#9698a1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.product-standards > div {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.product-standards strong {
  padding:8px 11px;
  border-radius:999px;
  background:#f1f0f9;
  color:#2f2d83;
  font-size:11px;
}
.product-detail-actions {
  display:flex;
  align-items:center;
  gap:24px;
}
.product-call {
  display:flex;
  flex-direction:column;
  padding-left:23px;
  border-left:1px solid #dedfe5;
}
.product-call strong {
  color:#2f2d83;
  font-family:"Sora",sans-serif;
  font-size:16px;
}
.product-call:hover strong { color:#df6810; }

.product-info-section {
  padding:86px 0;
  background:#f7f7fa;
}
.product-info-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);
  gap:90px;
  align-items:start;
}
.product-info-copy h2,
.product-technical-head h2 {
  margin:11px 0 17px;
  color:#171821;
  font-family:"Sora",sans-serif;
  font-size:clamp(31px,3vw,43px);
  line-height:1.2;
  letter-spacing:-.04em;
}
.product-info-copy p {
  margin:0;
  color:#666875;
  font-size:16px;
  line-height:1.82;
}
.product-usage-card {
  padding:30px;
  border-radius:17px;
  background:#2f2d83;
  color:#fff;
}
.product-usage-card > span {
  display:block;
  margin-bottom:20px;
  color:#ffb36e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.product-usage-card ul {
  margin:0;
  padding:0;
  list-style:none;
}
.product-usage-card li {
  position:relative;
  padding:14px 0 14px 24px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.84);
  font-size:14px;
}
.product-usage-card li::before {
  content:"";
  position:absolute;
  left:0;
  top:20px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f47b20;
}

.product-technical-section {
  padding:86px 0;
  background:#fff;
}
.product-technical-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px;
  margin-bottom:38px;
}
.product-technical-head > p {
  max-width:520px;
  margin:0 0 4px;
  color:#6b6d78;
  font-size:14px;
  line-height:1.7;
}
.product-tech-table {
  border-top:1px solid #dedfe5;
}
.product-tech-table > div {
  display:grid;
  grid-template-columns:minmax(180px,.45fr) 1fr;
  gap:30px;
  padding:20px 0;
  border-bottom:1px solid #dedfe5;
}
.product-tech-table span {
  color:#888a95;
  font-size:13px;
}
.product-tech-table strong {
  color:#292b35;
  font-size:14px;
}

.product-bottom-cta {
  padding:0 0 92px;
  background:#fff;
}
.product-bottom-cta-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px;
  padding:50px 56px;
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 10%,rgba(244,123,32,.18),transparent 30%),
    #0d0e13;
  color:#fff;
}
.product-bottom-cta-inner .ey { color:#ffb36e; }
.product-bottom-cta-inner h2 {
  max-width:750px;
  margin:10px 0 12px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(28px,3vw,39px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.product-bottom-cta-inner p {
  max-width:690px;
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.7;
}
.product-bottom-cta-inner .btn { flex:0 0 auto; }

.product-not-found {
  min-height:58vh;
  display:grid;
  place-items:center;
  padding:90px 0;
  text-align:center;
}
.product-not-found h1 {
  margin:10px 0 15px;
  font-family:"Sora",sans-serif;
  font-size:48px;
}
.product-not-found p {
  margin:0 auto 25px;
  color:#6a6c77;
}

@media (max-width:1000px) {
  .product-detail-grid,
  .product-info-grid {
    grid-template-columns:1fr;
    gap:45px;
  }
  .product-visual-panel { max-width:700px; }
  .product-technical-head { display:block; }
  .product-technical-head > p { margin-top:16px; }
  .product-bottom-cta-inner {
    align-items:flex-start;
    flex-direction:column;
  }
}
@media (max-width:650px) {
  .product-detail-head { padding:20px 0; }
  .product-detail-main { padding:42px 0 60px; }
  .product-visual-stage { min-height:370px; }
  .product-visual-glove { width:220px; height:275px; }
  .product-visual-code { font-size:72px; }
  .product-detail-copy h1 { font-size:48px; }
  .product-quick-specs { grid-template-columns:1fr; }
  .product-quick-specs > div { padding:15px 0; }
  .product-quick-specs > div + div {
    padding-left:0;
    border-left:0;
    border-top:1px solid #e2e3e8;
  }
  .product-detail-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .product-detail-actions .btn { text-align:center; }
  .product-call {
    padding:15px 0 0;
    border-left:0;
    border-top:1px solid #dedfe5;
  }
  .product-info-section,
  .product-technical-section { padding:62px 0; }
  .product-tech-table > div {
    grid-template-columns:1fr;
    gap:6px;
  }
  .product-bottom-cta { padding-bottom:62px; }
  .product-bottom-cta-inner {
    padding:34px 24px;
    border-radius:16px;
  }
}


/* =========================================================
   TASARIM AŞAMASI - ÜRÜN KARTLARI
   Her kart doğrudan örnek urun-detay.php sayfasını açar.
   ========================================================= */
.products-demo-section {
  padding: 92px 0;
  background: #fff;
}
.products-demo-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 60px;
  margin-bottom: 40px;
}
.products-demo-head h2 {
  margin: 11px 0 0;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(31px, 3vw, 43px);
  line-height: 1.2;
  letter-spacing: -.04em;
}
.products-demo-head > p {
  max-width: 560px;
  margin: 0 0 4px;
  color: #696b77;
  font-size: 14px;
  line-height: 1.75;
}
.products-demo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.demo-product-card {
  overflow: hidden;
  border: 1px solid #e3e4ea;
  border-radius: 17px;
  background: #fff;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.demo-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(244,123,32,.42);
  box-shadow: 0 18px 38px rgba(25,27,45,.08);
}
.demo-product-media {
  position: relative;
  height: 245px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(244,123,32,.18), transparent 28%),
    linear-gradient(145deg, #f5f5f8, #e9e9ef);
}
.demo-product-media-alt {
  background:
    radial-gradient(circle at 78% 18%, rgba(244,123,32,.20), transparent 28%),
    linear-gradient(145deg, #f8f3ec, #ece5dc);
}
.demo-product-media-dark {
  background:
    radial-gradient(circle at 78% 18%, rgba(244,123,32,.18), transparent 28%),
    linear-gradient(145deg, #38378b, #171823);
}
.demo-product-media-light {
  background:
    radial-gradient(circle at 78% 18%, rgba(47,45,131,.12), transparent 28%),
    linear-gradient(145deg, #f8f8fb, #ececf4);
}
.demo-product-brand {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 21px;
  color: #2f2d83;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
}
.demo-product-media-dark .demo-product-brand {
  color: #ffb36e;
}
.demo-product-code {
  position: absolute;
  right: 15px;
  bottom: -4px;
  color: rgba(47,45,131,.07);
  font-family: "Sora", sans-serif;
  font-size: 62px;
  font-weight: 900;
  letter-spacing: -.08em;
}
.demo-product-media-dark .demo-product-code {
  color: rgba(255,255,255,.08);
}
.demo-product-art {
  position: absolute;
  inset: 40px 25px 18px;
  display: grid;
  place-items: center;
  transition: transform .35s ease;
}
.demo-product-art svg {
  width: 150px;
  height: 185px;
  stroke: #df6810;
  fill: rgba(244,123,32,.08);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.demo-product-card:hover .demo-product-art {
  transform: scale(1.04) rotate(-2deg);
}
.demo-mask-art svg {
  stroke: rgba(255,255,255,.72);
  fill: rgba(255,255,255,.05);
}
.demo-glasses-art svg {
  stroke: #2f2d83;
  fill: rgba(47,45,131,.04);
}
.demo-product-content {
  min-height: 225px;
  padding: 24px;
}
.demo-product-content > span {
  display: block;
  margin-bottom: 9px;
  color: #df6810;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}
.demo-product-content h3 {
  margin: 0 0 10px;
  color: #20222d;
  font-family: "Sora", sans-serif;
  font-size: 18px;
  line-height: 1.3;
}
.demo-product-content p {
  min-height: 70px;
  margin: 0 0 19px;
  color: #6a6c77;
  font-size: 13px;
  line-height: 1.68;
}
.demo-product-content strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2f2d83;
  font-size: 12px;
}
.demo-product-content strong b {
  color: #f47b20;
}
.demo-product-card:hover .demo-product-content strong {
  color: #df6810;
}

@media (max-width: 1100px) {
  .products-demo-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 700px) {
  .products-demo-section {
    padding: 62px 0;
  }
  .products-demo-head {
    display: block;
    margin-bottom: 30px;
  }
  .products-demo-head > p {
    margin-top: 16px;
  }
  .products-demo-grid {
    grid-template-columns: 1fr;
  }
  .demo-product-content p {
    min-height: 0;
  }
}


/* =========================================================
   ÜRÜN DETAY - PREMIUM HERO + GERÇEK ÜRÜN GALERİSİ
   ========================================================= */
.product-detail-head {
  position: relative;
  overflow: hidden;
  padding: 42px 0 50px;
  border-bottom: 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(244,123,32,.18), transparent 23%),
    radial-gradient(circle at 69% 88%, rgba(47,45,131,.21), transparent 33%),
    #0d0e13;
  color: #fff;
}
.product-detail-head::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.027) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to right, transparent 4%, #000 45%, #000 100%);
}
.product-detail-head .wrap {
  position: relative;
  z-index: 1;
}
.product-detail-breadcrumbs {
  margin: 0 0 30px;
  color: rgba(255,255,255,.50);
}
.product-detail-breadcrumbs a {
  color: rgba(255,255,255,.72);
}
.product-detail-breadcrumbs a:hover {
  color: #f47b20;
}
.product-detail-head-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 60px;
  align-items: end;
}
.product-detail-head-copy .ey {
  margin-bottom: 13px;
  color: #ffb36e;
}
.product-detail-head-copy h1 {
  margin: 0 0 13px;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: clamp(39px, 4.2vw, 58px);
  line-height: 1.03;
  letter-spacing: -.05em;
}
.product-detail-head-copy p {
  max-width: 690px;
  margin: 0;
  color: rgba(255,255,255,.69);
  font-size: 15px;
  line-height: 1.68;
}
.product-detail-head-badge {
  min-width: 245px;
  padding: 19px 22px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 15px;
  background: rgba(255,255,255,.055);
  backdrop-filter: blur(8px);
}
.product-detail-head-badge span {
  display: block;
  margin-bottom: 7px;
  color: #ffb36e;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.product-detail-head-badge strong {
  display: block;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 17px;
  line-height: 1.35;
  letter-spacing: -.02em;
}

/* Gerçek ürün görselleri */
.product-gallery {
  min-width: 0;
}
.product-gallery-stage {
  position: relative;
  height: 560px;
  overflow: hidden;
  border: 1px solid #e2e3e8;
  border-radius: 22px;
  background:
    radial-gradient(circle at 82% 17%, rgba(244,123,32,.07), transparent 27%),
    #f7f7f9;
  box-shadow: 0 22px 48px rgba(27,29,44,.06);
}
.product-gallery-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 34px;
  opacity: 0;
  visibility: hidden;
  transform: scale(.985);
  transition: opacity .28s ease, transform .35s ease, visibility .28s ease;
}
.product-gallery-slide.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.product-gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.product-gallery-arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(29,31,43,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  color: #2f2d83;
  font-size: 29px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  backdrop-filter: blur(7px);
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.product-gallery-arrow:hover {
  border-color: #f47b20;
  background: #f47b20;
  color: #fff;
}
.product-gallery-prev { left: 18px; }
.product-gallery-next { right: 18px; }
.product-gallery-counter {
  position: absolute;
  z-index: 4;
  right: 19px;
  bottom: 17px;
  display: flex;
  align-items: baseline;
  gap: 5px;
  padding: 8px 11px;
  border: 1px solid rgba(29,31,43,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: #858792;
  font-size: 10px;
  backdrop-filter: blur(6px);
}
.product-gallery-counter strong {
  color: #2f2d83;
  font-family: "Sora", sans-serif;
  font-size: 12px;
}
.product-gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}
.product-gallery-thumb {
  height: 104px;
  overflow: hidden;
  padding: 8px;
  border: 1px solid #e1e2e7;
  border-radius: 13px;
  background: #f7f7f9;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.product-gallery-thumb:hover {
  border-color: rgba(244,123,32,.55);
  transform: translateY(-2px);
}
.product-gallery-thumb.active {
  border-color: #f47b20;
  box-shadow: 0 0 0 2px rgba(244,123,32,.12);
}
.product-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.product-model-title {
  margin: 0 0 20px;
  color: #171821;
  font-family: "Sora", sans-serif;
  font-size: clamp(48px,5vw,72px);
  line-height: .98;
  letter-spacing: -.06em;
}

@media (max-width:1000px) {
  .product-detail-head-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .product-detail-head-badge {
    max-width: 350px;
  }
  .product-gallery-stage {
    height: 500px;
  }
}
@media (max-width:650px) {
  .product-detail-head {
    padding: 34px 0 38px;
  }
  .product-detail-breadcrumbs {
    margin-bottom: 23px;
  }
  .product-detail-head-copy h1 {
    font-size: 38px;
  }
  .product-detail-head-badge {
    display: none;
  }
  .product-gallery-stage {
    height: 390px;
    border-radius: 16px;
  }
  .product-gallery-slide {
    padding: 24px;
  }
  .product-gallery-arrow {
    width: 39px;
    height: 39px;
    font-size: 25px;
  }
  .product-gallery-prev { left: 11px; }
  .product-gallery-next { right: 11px; }
  .product-gallery-thumb {
    height: 82px;
  }
  .product-model-title {
    font-size: 46px;
  }
}


/* Ürün detay hero sadeleştirme + 5 görselli galeri */
.product-detail-head {
  padding: 40px 0 46px;
}
.product-detail-head-grid {
  display: block;
}
.product-detail-head-copy h1 {
  margin: 0;
}
.product-detail-head-badge {
  display: none !important;
}
.product-gallery-thumbs {
  grid-template-columns: repeat(5, minmax(0,1fr));
}
@media (max-width: 650px) {
  .product-detail-head {
    padding: 32px 0 36px;
  }
  .product-gallery-thumbs {
    grid-template-columns: repeat(5, minmax(68px,1fr));
    overflow-x: auto;
    padding-bottom: 3px;
  }
}

/* ===== Profesyonel iç sayfalar ===== */
.inner-pro-hero{position:relative;overflow:hidden;padding:42px 0 50px;background:radial-gradient(circle at 88% 12%,rgba(244,123,32,.18),transparent 23%),radial-gradient(circle at 69% 88%,rgba(47,45,131,.21),transparent 33%),#0d0e13;color:#fff}.inner-pro-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:54px 54px}.inner-pro-hero .wrap{position:relative;z-index:1}.inner-breadcrumbs{display:flex;gap:9px;margin-bottom:30px;color:rgba(255,255,255,.46);font-size:11px}.inner-breadcrumbs a{color:rgba(255,255,255,.72)}.inner-breadcrumbs a:hover{color:#f47b20}.inner-pro-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}.inner-pro-hero .ey{margin-bottom:13px;color:#ffb36e}.inner-pro-hero h1{margin:0 0 13px;color:#fff;font-family:"Sora",sans-serif;font-size:clamp(39px,4.2vw,58px);line-height:1.03;letter-spacing:-.05em}.inner-pro-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.69);font-size:15px;line-height:1.68}.inner-pro-badge{min-width:245px;padding:19px 22px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.055)}.inner-pro-badge span{display:block;margin-bottom:7px;color:#ffb36e;font-size:9px;font-weight:900;letter-spacing:.14em}.inner-pro-badge strong{color:#fff;font-family:"Sora",sans-serif;font-size:17px;line-height:1.35}.inner-section{padding:86px 0}.split-intro{display:grid;grid-template-columns:.85fr 1fr;gap:90px}.split-intro h2,.section-heading-row h2{margin:10px 0 0;color:#171821;font-family:"Sora",sans-serif;font-size:clamp(31px,3vw,43px);line-height:1.2;letter-spacing:-.04em}.split-intro>p{margin:2px 0 0;color:#666875;font-size:15px;line-height:1.85}.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-heading-row>p{max-width:540px;margin:0;color:#6a6c77;font-size:14px;line-height:1.75}
.sector-grid-section{padding:0 0 88px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sector-card{min-height:355px;padding:31px;border:1px solid #e3e4e9;border-radius:17px;background:#fff;transition:.22s}.sector-card:hover{transform:translateY(-5px);border-color:rgba(244,123,32,.42);box-shadow:0 18px 38px rgba(25,27,45,.07)}.sector-card>span{color:#f47b20;font-weight:800}.sector-card h2{margin:38px 0 13px;font-family:"Sora",sans-serif;font-size:22px}.sector-card p{color:#6b6d78;font-size:13px;line-height:1.7}.sector-card ul{margin:20px 0 26px;padding:0;list-style:none}.sector-card li{padding:7px 0;border-top:1px solid #eeeef2;color:#4d4f5a;font-size:12px}.sector-card a{color:#2f2d83;font-size:12px;font-weight:800}.process-section{background:#f7f7fa}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #dedfe5}.process-grid>div{padding:30px 25px}.process-grid>div+div{border-left:1px solid #dedfe5}.process-grid b{color:#f47b20}.process-grid h3{margin:24px 0 9px;font-family:"Sora",sans-serif}.process-grid p{color:#71737e;font-size:12px;line-height:1.7}
.standards-grid-section{padding:0 0 90px}.standards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.standard-card{padding:30px;border:1px solid #e1e2e7;border-radius:17px}.standard-card h2{margin:0 0 23px;font-family:"Sora",sans-serif;font-size:20px}.std-row{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:14px 0;border-top:1px solid #ececf0}.std-row strong{color:#2f2d83;font-size:13px}.std-row span{color:#686a75;font-size:12px}.standard-note{padding:0 0 90px}.standard-note-box{padding:46px 50px;border-radius:19px;background:#f5f5f8}.standard-note-box h2{font-family:"Sora",sans-serif;font-size:30px}.standard-note-box p{max-width:850px;color:#666875;line-height:1.75}.standard-note-box a{color:#2f2d83;font-weight:800}
.knowledge-feature{padding-bottom:45px}.knowledge-feature-card{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border-radius:20px;background:#0d0e13}.knowledge-feature-copy{padding:50px}.knowledge-feature-copy .ey{color:#ffb36e}.knowledge-feature-copy h2{color:#fff;font-family:"Sora",sans-serif;font-size:36px}.knowledge-feature-copy p{color:rgba(255,255,255,.68);line-height:1.8}.knowledge-feature-copy a{color:#ff9a4b;font-weight:800}.knowledge-feature-index{display:grid;grid-template-columns:auto 1fr;align-content:center;padding:42px;background:#24232f}.knowledge-feature-index span,.knowledge-feature-index strong{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.knowledge-feature-index span{padding-right:18px;color:#f47b20}.knowledge-feature-index strong{color:#fff}.knowledge-grid-section{padding:45px 0 90px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.knowledge-grid article{padding:29px;border:1px solid #e2e3e8;border-radius:17px}.knowledge-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:28px;border-radius:13px;background:#f1f0f9;color:#2f2d83;font-weight:900}.knowledge-grid article>span{color:#df6810;font-size:9px;font-weight:900}.knowledge-grid h2{font-family:"Sora",sans-serif;font-size:18px}.knowledge-grid p{min-height:67px;color:#6b6d78;font-size:12px;line-height:1.7}.knowledge-grid a{color:#2f2d83;font-size:11px;font-weight:800}
.contact-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-info-side h2,.contact-form-card h2{font-family:"Sora",sans-serif;font-size:clamp(30px,3vw,40px)}.contact-info-side>p{color:#6b6d78;line-height:1.8}.contact-cards{display:grid;gap:9px;margin-top:30px}.contact-cards a{padding:19px 21px;border:1px solid #e2e3e8;border-radius:13px}.contact-cards span,.address-card span{display:block;color:#df6810;font-size:9px;font-weight:900}.contact-cards strong{display:block;color:#2f2d83;font-family:"Sora",sans-serif;font-size:17px}.contact-cards small{color:#898b95}.address-card{margin-top:9px;padding:21px;border-radius:13px;background:#f4f4f7}.contact-form-card{padding:37px;border:1px solid #e0e1e7;border-radius:18px;background:#f8f8fa}.contact-form-card form{display:grid;gap:15px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form-card label{display:grid;gap:7px;font-size:11px;font-weight:700}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{box-sizing:border-box;width:100%;padding:14px 15px;border:1px solid #dcdde3;border-radius:9px;background:#fff}.contact-form-card .btn{justify-self:start;border:0}.form-note{color:#9698a1;font-size:10px}.contact-map-strip{padding:0 0 90px}.contact-map-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding:36px 42px;border-radius:17px;background:#2f2d83;color:#fff}.contact-map-strip span{color:#ffb36e;font-size:9px;font-weight:900}.contact-map-strip h2{color:#fff;font-family:"Sora",sans-serif}.contact-map-strip a{color:#fff;font-weight:800}
.inner-bottom-cta{padding:0 0 92px}.inner-bottom-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:50px;padding:50px 56px;border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(244,123,32,.18),transparent 30%),#0d0e13;color:#fff}.inner-bottom-cta .ey{color:#ffb36e}.inner-bottom-cta h2{color:#fff;font-family:"Sora",sans-serif;font-size:clamp(28px,3vw,39px)}.inner-bottom-cta p{color:rgba(255,255,255,.68)}
@media(max-width:1000px){.inner-pro-hero-grid,.split-intro,.contact-page-grid{grid-template-columns:1fr}.sector-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.knowledge-feature-card{grid-template-columns:1fr}.inner-bottom-cta>.wrap{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){.inner-pro-hero{padding:34px 0 38px}.inner-pro-badge{display:none}.inner-section{padding:62px 0}.section-heading-row{display:block}.sector-grid,.standards-grid,.knowledge-grid,.process-grid{grid-template-columns:1fr}.sector-grid-section,.standards-grid-section,.knowledge-grid-section{padding-bottom:62px}.knowledge-feature-copy,.knowledge-feature-index,.standard-note-box{padding:31px 25px}.form-two{grid-template-columns:1fr}.contact-form-card{padding:28px 21px}.contact-map-strip .wrap{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 25px}.inner-bottom-cta{padding-bottom:62px}.inner-bottom-cta>.wrap{padding:34px 24px}}


/* =========================================================
   BİLGİ MERKEZİ DETAY
   ========================================================= */
.knowledge-detail-head {
  position: relative;
  overflow: hidden;
  padding: 42px 0 52px;
  background:
    radial-gradient(circle at 88% 12%, rgba(244,123,32,.18), transparent 23%),
    radial-gradient(circle at 69% 88%, rgba(47,45,131,.21), transparent 33%),
    #0d0e13;
  color: #fff;
}
.knowledge-detail-head::before {
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:54px 54px;
  pointer-events:none;
}
.knowledge-detail-head .wrap { position:relative; z-index:1; }
.knowledge-detail-head-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:70px;
  align-items:end;
}
.knowledge-detail-head-copy .ey { margin-bottom:13px; color:#ffb36e; }
.knowledge-detail-head-copy h1 {
  max-width:860px;
  margin:0 0 17px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(40px,4.5vw,62px);
  line-height:1.05;
  letter-spacing:-.055em;
}
.knowledge-detail-head-copy > p {
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.69);
  font-size:15px;
  line-height:1.72;
}
.knowledge-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:24px;
}
.knowledge-meta span {
  position:relative;
  color:rgba(255,255,255,.48);
  font-size:10px;
}
.knowledge-meta span + span::before {
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#f47b20;
}
.knowledge-detail-summary {
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(255,255,255,.055);
}
.knowledge-detail-summary > span {
  display:block;
  margin-bottom:10px;
  color:#ffb36e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.knowledge-detail-summary strong {
  display:block;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:16px;
  line-height:1.45;
}
.knowledge-detail-summary p {
  margin:10px 0 0;
  color:rgba(255,255,255,.58);
  font-size:11px;
  line-height:1.6;
}

.knowledge-detail-body {
  padding:82px 0 90px;
  background:#fff;
}
.knowledge-detail-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:90px;
  align-items:start;
}
.knowledge-article {
  max-width:820px;
}
.knowledge-lead {
  margin:0 0 55px;
  color:#3f414c;
  font-size:20px;
  line-height:1.7;
}
.knowledge-article section {
  position:relative;
  padding:0 0 50px 62px;
  border-left:1px solid #e4e5e9;
}
.knowledge-article section:last-of-type {
  padding-bottom:10px;
}
.article-step {
  position:absolute;
  left:-18px;
  top:0;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#2f2d83;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:10px;
  font-weight:800;
  box-shadow:0 0 0 8px #fff;
}
.knowledge-article h2 {
  margin:0 0 16px;
  color:#20222c;
  font-family:"Sora",sans-serif;
  font-size:28px;
  line-height:1.3;
  letter-spacing:-.035em;
}
.knowledge-article section > p {
  margin:0;
  color:#666875;
  font-size:15px;
  line-height:1.85;
}
.article-callout {
  margin-top:24px;
  padding:22px 24px;
  border-left:3px solid #f47b20;
  background:#f7f7fa;
}
.article-callout strong {
  display:block;
  margin-bottom:7px;
  color:#2f2d83;
  font-family:"Sora",sans-serif;
  font-size:12px;
}
.article-callout p {
  margin:0;
  color:#60626d;
  font-size:13px;
  line-height:1.7;
}
.article-links {
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin-top:22px;
}
.article-links a {
  color:#2f2d83;
  font-size:12px;
  font-weight:800;
}
.article-links a:hover { color:#df6810; }
.article-checklist {
  margin-top:20px;
  border-top:1px solid #e0e1e6;
}
.article-checklist > div {
  display:grid;
  grid-template-columns:45px 1fr;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid #e0e1e6;
}
.article-checklist span {
  color:#f47b20;
  font-size:10px;
  font-weight:900;
}
.article-checklist strong {
  color:#333540;
  font-size:13px;
}
.article-disclaimer {
  margin-top:45px;
  padding:24px 26px;
  border-radius:14px;
  background:#f3f3f6;
}
.article-disclaimer strong {
  display:block;
  margin-bottom:8px;
  color:#2f2d83;
  font-family:"Sora",sans-serif;
  font-size:12px;
}
.article-disclaimer p {
  margin:0;
  color:#757782;
  font-size:12px;
  line-height:1.7;
}

.knowledge-sidebar {
  position:sticky;
  top:130px;
  display:grid;
  gap:14px;
}
.knowledge-sidebar-card,
.knowledge-sidebar-support {
  padding:24px;
  border:1px solid #e2e3e8;
  border-radius:15px;
  background:#fff;
}
.knowledge-sidebar-card > span,
.knowledge-sidebar-support > span {
  display:block;
  margin-bottom:14px;
  color:#df6810;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.knowledge-sidebar-card a {
  display:block;
  padding:11px 0;
  border-top:1px solid #ececf0;
  color:#555762;
  font-size:12px;
}
.knowledge-sidebar-card a:hover { color:#df6810; }
.knowledge-sidebar-support {
  background:#2f2d83;
  border-color:#2f2d83;
}
.knowledge-sidebar-support > span { color:#ffb36e; }
.knowledge-sidebar-support h3 {
  margin:0 0 10px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:19px;
  line-height:1.4;
}
.knowledge-sidebar-support p {
  margin:0 0 18px;
  color:rgba(255,255,255,.65);
  font-size:11px;
  line-height:1.65;
}
.knowledge-sidebar-support .btn {
  width:100%;
  justify-content:center;
}

.related-knowledge {
  background:#fff;
}

@media (max-width:1000px) {
  .knowledge-detail-head-grid,
  .knowledge-detail-layout {
    grid-template-columns:1fr;
  }
  .knowledge-detail-head-grid { gap:25px; }
  .knowledge-detail-summary { max-width:420px; }
  .knowledge-detail-layout { gap:55px; }
  .knowledge-sidebar {
    position:static;
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:650px) {
  .knowledge-detail-head { padding:34px 0 39px; }
  .knowledge-detail-head-copy h1 { font-size:39px; }
  .knowledge-detail-summary { display:none; }
  .knowledge-detail-body { padding:60px 0 65px; }
  .knowledge-lead { margin-bottom:42px; font-size:18px; }
  .knowledge-article section {
    padding:0 0 42px 42px;
  }
  .article-step {
    left:-16px;
    width:32px;
    height:32px;
  }
  .knowledge-article h2 { font-size:24px; }
  .knowledge-sidebar { grid-template-columns:1fr; }
  .related-knowledge { padding-bottom:62px; }
}


/* Bilgi Merkezi kartlarının tamamı tıklanabilir */
.knowledge-grid article[data-knowledge-click],
.knowledge-feature-card[data-knowledge-click] {
  cursor: pointer;
}
.knowledge-grid article[data-knowledge-click]:focus-visible,
.knowledge-feature-card[data-knowledge-click]:focus-visible {
  outline: 3px solid rgba(244,123,32,.35);
  outline-offset: 4px;
}


/* Bilgi Merkezi detay hero — ürün detay sayfası ile aynı yapı */
.knowledge-detail-product-head .product-detail-head-copy h1 {
  max-width: 980px;
}
@media (max-width: 650px) {
  .knowledge-detail-product-head .product-detail-head-copy h1 {
    font-size: clamp(30px, 9vw, 38px);
  }
}


/* Bilgi Merkezi Detay — Diğer Yazılarımız */
.knowledge-other-posts > span {
  margin-bottom: 5px;
}
.knowledge-sidebar-card .knowledge-other-post {
  display: block;
  padding: 17px 0;
  border-top: 1px solid #ececf0;
}
.knowledge-sidebar-card .knowledge-other-post:first-of-type {
  border-top: 0;
}
.knowledge-other-post small {
  display: block;
  margin-bottom: 6px;
  color: #df6810;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .11em;
}
.knowledge-other-post strong {
  display: block;
  color: #30323d;
  font-family: "Sora", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  transition: color .2s ease;
}
.knowledge-other-post em {
  display: block;
  margin-top: 8px;
  color: #777984;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}
.knowledge-other-post:hover strong,
.knowledge-other-post:focus-visible strong {
  color: #df6810;
}


/* =========================================================
   İLETİŞİM — PROFESYONEL HARİTA
   ========================================================= */
.contact-map-section {
  padding: 0 0 92px;
  background: #fff;
}
.contact-map-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 28px;
}
.contact-map-heading h2 {
  margin: 9px 0 9px;
  color: #1d1f29;
  font-family: "Sora", sans-serif;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.contact-map-heading p {
  margin: 0;
  color: #70727d;
  font-size: 13px;
  line-height: 1.7;
}
.contact-map-direction {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 19px;
  border: 1px solid #dedfe5;
  border-radius: 10px;
  color: #2f2d83;
  background: #fff;
  font-size: 11px;
  font-weight: 900;
  transition: .2s ease;
}
.contact-map-direction span {
  color: #f47b20;
  font-size: 15px;
}
.contact-map-direction:hover,
.contact-map-direction:focus-visible {
  border-color: #f47b20;
  color: #fff;
  background: #f47b20;
}
.contact-map-direction:hover span,
.contact-map-direction:focus-visible span {
  color: #fff;
}
.contact-map-frame {
  position: relative;
  height: 500px;
  overflow: hidden;
  border: 1px solid #e0e1e6;
  border-radius: 20px;
  background: #f1f1f4;
  box-shadow: 0 18px 45px rgba(25, 27, 45, .08);
}
.contact-map-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  filter: saturate(.72) contrast(.96);
}
.contact-map-address {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: min(330px, calc(100% - 48px));
  box-sizing: border-box;
  padding: 23px 25px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(13,14,19,.94);
  color: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.contact-map-address span {
  display: block;
  margin-bottom: 8px;
  color: #ff9a4b;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .14em;
}
.contact-map-address strong {
  display: block;
  color: #fff;
  font-family: "Sora", sans-serif;
  font-size: 16px;
  line-height: 1.4;
}
.contact-map-address p {
  margin: 9px 0 0;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  line-height: 1.65;
}

@media (max-width: 650px) {
  .contact-map-section {
    padding-bottom: 62px;
  }
  .contact-map-heading {
    display: block;
    margin-bottom: 22px;
  }
  .contact-map-direction {
    margin-top: 18px;
  }
  .contact-map-frame {
    height: 440px;
    border-radius: 15px;
  }
  .contact-map-address {
    left: 14px;
    bottom: 14px;
    width: calc(100% - 28px);
    padding: 19px 20px;
  }
}


/* =========================================================
   SEKTÖREL ÇÖZÜMLER — GÖRSEL / PREMIUM
   ========================================================= */
.sector-visual-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:#0d0e13;
  color:#fff;
}
.sector-visual-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.75) contrast(1.02);
}
.sector-visual-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(9,10,15,.96) 0%,rgba(9,10,15,.86) 42%,rgba(9,10,15,.42) 72%,rgba(9,10,15,.35) 100%),
    linear-gradient(0deg,rgba(13,14,19,.86) 0%,transparent 45%);
}
.sector-visual-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:38px;
  padding-bottom:34px;
  display:flex;
  flex-direction:column;
}
.sector-visual-hero .inner-breadcrumbs{margin-bottom:84px}
.sector-visual-hero .inner-breadcrumbs a{color:rgba(255,255,255,.74)}
.sector-hero-copy{max-width:790px}
.sector-hero-copy .ey{color:#ff9b4b}
.sector-hero-copy h1{
  margin:13px 0 22px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(46px,5vw,72px);
  line-height:1.02;
  letter-spacing:-.06em;
}
.sector-hero-copy p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.75;
}
.sector-hero-actions{
  display:flex;
  align-items:center;
  gap:26px;
  margin-top:30px;
}
.sector-hero-link{
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.sector-hero-link span{margin-left:5px;color:#ff9b4b}
.sector-hero-link:hover{color:#ff9b4b}
.sector-hero-stats{
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,180px));
  gap:1px;
  width:max-content;
  max-width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(8px);
}
.sector-hero-stats>div{
  padding:16px 20px;
  border-right:1px solid rgba(255,255,255,.1);
}
.sector-hero-stats>div:last-child{border-right:0}
.sector-hero-stats strong{
  display:block;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:21px;
}
.sector-hero-stats span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.55);
  font-size:9px;
}

.sector-featured-section{padding:92px 0 82px;background:#fff}
.sector-featured-grid{
  display:grid;
  grid-template-columns:1.3fr .85fr;
  grid-template-rows:repeat(2,245px);
  gap:16px;
}
.sector-feature-card{
  position:relative;
  overflow:hidden;
  border-radius:19px;
  background:#15161b;
}
.sector-feature-card-large{grid-row:1/3}
.sector-feature-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.sector-feature-card:hover img{transform:scale(1.045)}
.sector-feature-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(8,9,13,.9) 0%,rgba(8,9,13,.18) 72%);
}
.sector-feature-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:28px 30px;
  color:#fff;
}
.sector-feature-content>span{
  color:#ff9b4b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.sector-feature-content h2{
  max-width:590px;
  margin:9px 0 7px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:25px;
  line-height:1.3;
}
.sector-feature-card-large .sector-feature-content h2{font-size:34px}
.sector-feature-content p{
  margin:0 0 14px;
  color:rgba(255,255,255,.68);
  font-size:12px;
}
.sector-feature-content strong{
  color:#fff;
  font-size:11px;
}
.sector-feature-card:hover .sector-feature-content strong{color:#ff9b4b}

.sector-all-section{padding:88px 0 96px;background:#f5f5f7}
.sector-all-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:37px;
}
.sector-all-head h2{
  margin:10px 0 0;
  color:#1b1d27;
  font-family:"Sora",sans-serif;
  font-size:clamp(31px,3.2vw,44px);
  letter-spacing:-.04em;
}
.sector-count{
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid #dadbe1;
  border-radius:999px;
  color:#686a74;
  background:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.sector-photo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.sector-photo-card{
  overflow:hidden;
  border:1px solid #e1e2e7;
  border-radius:17px;
  background:#fff;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.sector-photo-card:hover{
  transform:translateY(-5px);
  border-color:rgba(244,123,32,.36);
  box-shadow:0 18px 38px rgba(25,27,45,.08);
}
.sector-photo-media{
  position:relative;
  display:block;
  height:210px;
  overflow:hidden;
  background:#ddd;
}
.sector-photo-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(12,13,17,.36),transparent 55%);
}
.sector-photo-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.sector-photo-card:hover .sector-photo-media img{transform:scale(1.05)}
.sector-index{
  position:absolute;
  z-index:2;
  left:17px;
  bottom:15px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f47b20;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:10px;
  font-weight:900;
}
.sector-photo-body{padding:23px 23px 25px}
.sector-photo-body h2{
  margin:0 0 10px;
  color:#252732;
  font-family:"Sora",sans-serif;
  font-size:19px;
  line-height:1.3;
}
.sector-photo-body p{
  min-height:64px;
  margin:0;
  color:#6c6e79;
  font-size:12px;
  line-height:1.7;
}
.sector-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:18px 0 20px;
}
.sector-tags span{
  padding:6px 8px;
  border-radius:6px;
  background:#f2f2f6;
  color:#575963;
  font-size:8px;
  font-weight:800;
}
.sector-photo-body>a{
  color:#2f2d83;
  font-size:11px;
  font-weight:900;
}
.sector-photo-body>a:hover{color:#df6810}

.sector-solution-band{padding:94px 0;background:#0d0e13;color:#fff}
.sector-solution-band>.wrap{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:90px;
  align-items:center;
}
.sector-solution-copy .ey{color:#ff9b4b}
.sector-solution-copy h2{
  margin:11px 0 17px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(32px,3.3vw,45px);
  line-height:1.16;
  letter-spacing:-.045em;
}
.sector-solution-copy p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:14px;
  line-height:1.8;
}
.sector-solution-steps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  overflow:hidden;
}
.sector-solution-steps>div{
  padding:27px;
  min-height:160px;
  border-right:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.sector-solution-steps>div:nth-child(2n){border-right:0}
.sector-solution-steps>div:nth-child(n+3){border-bottom:0}
.sector-solution-steps span{
  color:#f47b20;
  font-size:10px;
  font-weight:900;
}
.sector-solution-steps strong{
  display:block;
  margin:21px 0 7px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:16px;
}
.sector-solution-steps p{
  margin:0;
  color:rgba(255,255,255,.52);
  font-size:11px;
  line-height:1.65;
}

.sector-final-cta{padding:88px 0;background:#fff}
.sector-final-cta>.wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:50px;
  padding:48px 52px;
  border-radius:20px;
  background:
    radial-gradient(circle at 91% 12%,rgba(244,123,32,.18),transparent 28%),
    #2f2d83;
  color:#fff;
}
.sector-final-cta .ey{color:#ffb36e}
.sector-final-cta h2{
  margin:10px 0 12px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(29px,3vw,40px);
  line-height:1.2;
  letter-spacing:-.04em;
}
.sector-final-cta p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:13px;
  line-height:1.7;
}
.sector-final-cta .btn{flex:0 0 auto}

@media(max-width:1000px){
  .sector-visual-hero{min-height:590px}
  .sector-featured-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 260px}
  .sector-feature-card-large{grid-column:1/3;grid-row:auto}
  .sector-photo-grid{grid-template-columns:repeat(2,1fr)}
  .sector-solution-band>.wrap{grid-template-columns:1fr;gap:45px}
}
@media(max-width:650px){
  .sector-visual-hero{min-height:620px}
  .sector-visual-hero-overlay{background:linear-gradient(90deg,rgba(9,10,15,.94),rgba(9,10,15,.68)),linear-gradient(0deg,rgba(13,14,19,.9),transparent)}
  .sector-visual-hero .inner-breadcrumbs{margin-bottom:65px}
  .sector-hero-copy h1{font-size:42px}
  .sector-hero-copy p{font-size:14px}
  .sector-hero-actions{align-items:flex-start;flex-direction:column;gap:17px}
  .sector-hero-stats{grid-template-columns:repeat(3,1fr);width:100%}
  .sector-hero-stats>div{padding:13px 10px}
  .sector-hero-stats strong{font-size:17px}
  .sector-featured-section{padding:65px 0}
  .sector-featured-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}
  .sector-feature-card,.sector-feature-card-large{grid-column:auto;grid-row:auto;height:280px}
  .sector-feature-card-large{height:360px}
  .sector-feature-content{padding:23px}
  .sector-feature-card-large .sector-feature-content h2,.sector-feature-content h2{font-size:24px}
  .sector-all-section{padding:65px 0}
  .sector-all-head{display:block}
  .sector-count{display:inline-block;margin-top:17px}
  .sector-photo-grid{grid-template-columns:1fr}
  .sector-photo-media{height:235px}
  .sector-photo-body p{min-height:0}
  .sector-solution-band{padding:68px 0}
  .sector-solution-steps{grid-template-columns:1fr}
  .sector-solution-steps>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .sector-solution-steps>div:last-child{border-bottom:0!important}
  .sector-final-cta{padding:62px 0}
  .sector-final-cta>.wrap{align-items:flex-start;flex-direction:column;padding:34px 25px}
}


/* =========================================================
   ÜRÜNLER — ÖNE ÇIKAN ÜRÜNLER SLIDER
   ========================================================= */
.featured-products-slider{
  position:relative;
}
.featured-products-viewport{
  overflow:hidden;
}
.featured-products-track{
  display:flex;
  gap:18px;
  transition:transform .38s ease;
  will-change:transform;
}
.featured-products-track > *{
  flex:0 0 calc((100% - 54px)/4);
  min-width:0;
}
.featured-slider-nav{
  position:absolute;
  top:50%;
  z-index:5;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid #e2e3e8;
  border-radius:50%;
  background:#fff;
  color:#2f2d83;
  box-shadow:0 10px 24px rgba(20,22,36,.10);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.featured-slider-prev{left:-22px}
.featured-slider-next{right:-22px}
.featured-slider-nav:hover,
.featured-slider-nav:focus-visible{
  border-color:#f47b20;
  background:#f47b20;
  color:#fff;
}
.featured-slider-nav:disabled{
  opacity:.35;
  cursor:default;
}
@media(max-width:1000px){
  .featured-products-track > *{flex-basis:calc((100% - 36px)/3)}
}
@media(max-width:760px){
  .featured-products-track > *{flex-basis:calc((100% - 18px)/2)}
  .featured-slider-prev{left:8px}
  .featured-slider-next{right:8px}
}
@media(max-width:520px){
  .featured-products-track > *{flex-basis:86%}
  .featured-products-track{gap:14px}
}


/* Öne Çıkan Ürünler slider — düzeltilmiş */
.featured-products-slider {
  position: relative;
}
.featured-products-viewport {
  width: 100%;
  overflow: hidden;
}
.featured-products-track {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 18px;
  transition: transform .38s ease;
  will-change: transform;
}
.featured-products-track > .demo-product-card {
  flex: 0 0 calc((100% - 36px) / 3) !important;
  width: auto !important;
  min-width: 0;
}
@media (max-width: 900px) {
  .featured-products-track > .demo-product-card {
    flex-basis: calc((100% - 18px) / 2) !important;
  }
}
@media (max-width: 560px) {
  .featured-products-track > .demo-product-card {
    flex-basis: 86% !important;
  }
}


/* Öne Çıkan Ürünler — mouse/touch sürükleme */
.featured-products-viewport {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.featured-products-viewport.is-dragging {
  cursor: grabbing;
}
.featured-products-viewport.is-dragging .demo-product-card {
  pointer-events: none;
}
.featured-products-track,
.featured-products-track img {
  -webkit-user-drag: none;
}


/* Ürünler — yardım CTA boşluk düzeltmesi */
.products-help-strip {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}


/* Topbar iletişim ikonları */
.topbar-right {
  display: flex;
  align-items: center;
  gap: 22px;
}
.topbar-contact {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.topbar-contact-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  transition: background-color .2s ease, transform .2s ease;
}
.topbar-contact-icon svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
}
.topbar-contact:hover .topbar-contact-icon,
.topbar-contact:focus-visible .topbar-contact-icon {
  background: #f58220;
  transform: translateY(-1px);
}
@media (max-width: 700px) {
  .topbar-right {
    gap: 12px;
  }
  .topbar-contact {
    gap: 5px;
  }
  .topbar-contact-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
  .topbar-contact-icon svg {
    width: 10px;
    height: 10px;
  }
}


/* Ana sayfa — Sektörel Çözümler yerleşim düzeltmesi
   İç sayfadaki .sector-grid sınıfıyla oluşan çakışmayı önler. */
.sectors .sector-grid {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: 56px;
  align-items: stretch;
  width: 100%;
}

.sectors .sector-visual {
  width: 100%;
  min-height: 520px;
  background-position: center;
}

@media (max-width: 1000px) {
  .sectors .sector-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .sectors .sector-visual {
    min-height: 420px;
  }
}

@media (max-width: 620px) {
  .sectors .sector-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sectors .sector-visual {
    min-height: 320px;
  }
}


/* =========================================================
   BİLGİ MERKEZİ — BLOG / EDITORIAL TASARIM
   ========================================================= */
.knowledge-blog-hero .inner-pro-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}
.knowledge-blog-hero h1{max-width:850px}
.kb-editorial{padding:82px 0 74px;background:#fff}
.kb-editorial-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}
.kb-editorial-head h2{margin:9px 0 0;font:800 38px/1.1 "Sora",sans-serif;letter-spacing:-1.7px;color:#171824}
.kb-text-link{display:inline-flex;align-items:center;gap:7px;color:#2f2d83;font-size:12px;font-weight:800}
.kb-text-link span{color:#f47b20;transition:transform .2s ease}
.kb-text-link:hover span{transform:translateX(4px)}
.kb-feature-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);gap:20px}
.kb-feature-main{position:relative;display:block;min-height:575px;overflow:hidden;border-radius:22px;background:#151621;color:#fff}
.kb-feature-main img,.kb-side-card img,.kb-post-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.kb-feature-main:hover img,.kb-side-card:hover img,.kb-post-card:hover .kb-post-image img{transform:scale(1.035)}
.kb-feature-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,19,.05) 18%,rgba(11,12,19,.88) 88%),linear-gradient(90deg,rgba(15,15,25,.58),transparent 62%)}
.kb-feature-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:44px 45px}
.kb-category{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f47b20;color:#fff;font-size:10px;font-weight:800;letter-spacing:.09em}
.kb-feature-content h2{max-width:780px;margin:16px 0 13px;font:800 clamp(30px,3vw,48px)/1.04 "Sora",sans-serif;letter-spacing:-2.2px;color:#fff}
.kb-feature-content p{max-width:650px;margin:0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.7}
.kb-read{display:inline-flex;align-items:center;gap:7px;margin-top:24px;color:#fff;font-size:12px;font-weight:800}
.kb-read b{color:#ff9a49}
.kb-feature-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.kb-side-card{position:relative;min-height:0;overflow:hidden;border-radius:20px;background:#1b1c24;color:#fff}
.kb-side-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,20,.06),rgba(13,14,20,.85))}
.kb-side-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}
.kb-side-copy span{color:#ff9a49;font-size:9px;font-weight:800;letter-spacing:.09em}
.kb-side-copy h3{margin:8px 0 0;font:700 22px/1.18 "Sora",sans-serif;letter-spacing:-.8px;color:#fff}
.kb-latest{padding:78px 0 90px;background:#f6f6f8}
.kb-latest-heading{margin-bottom:34px}
.kb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kb-post-card{overflow:hidden;border:1px solid #e5e5ea;border-radius:19px;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.kb-post-card:hover{transform:translateY(-5px);border-color:rgba(244,123,32,.35);box-shadow:0 20px 40px rgba(24,25,36,.07)}
.kb-post-image{position:relative;display:block;height:235px;overflow:hidden;background:#e9e9ed}
.kb-post-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,11,18,.48))}
.kb-post-image>span{position:absolute;z-index:2;left:18px;bottom:16px;padding:7px 9px;border-radius:7px;background:rgba(255,255,255,.94);color:#2f2d83;font-size:9px;font-weight:800;letter-spacing:.07em}
.kb-post-body{padding:25px 25px 27px}
.kb-post-body h2{margin:0 0 11px;font:700 20px/1.22 "Sora",sans-serif;letter-spacing:-.65px}
.kb-post-body h2 a{color:#1e202a}
.kb-post-body h2 a:hover{color:#2f2d83}
.kb-post-body p{min-height:66px;margin:0;color:#6a6c77;font-size:12px;line-height:1.75}
.kb-post-link{display:inline-flex;align-items:center;gap:6px;margin-top:19px;color:#2f2d83;font-size:11px;font-weight:800}
.kb-post-link span{color:#f47b20;transition:transform .2s ease}
.kb-post-link:hover span{transform:translateX(4px)}
.kb-topic-band{padding:74px 0;background:#fff}
.kb-topic-band>.wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:start}
.kb-topic-copy h2{margin:9px 0 0;font:800 34px/1.1 "Sora",sans-serif;letter-spacing:-1.4px}
.kb-topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e6e6ea}
.kb-topic-links a{display:flex;justify-content:space-between;align-items:center;padding:18px 3px;border-bottom:1px solid #e6e6ea;color:#292b35;font-size:13px;font-weight:700}
.kb-topic-links a:nth-child(odd){padding-right:22px}
.kb-topic-links a:nth-child(even){padding-left:22px;border-left:1px solid #e6e6ea}
.kb-topic-links a span{color:#f47b20;transition:transform .2s ease}
.kb-topic-links a:hover{color:#2f2d83}
.kb-topic-links a:hover span{transform:translateX(4px)}
@media(max-width:1000px){
  .knowledge-blog-hero .inner-pro-hero-grid{grid-template-columns:1fr}
  .kb-feature-layout{grid-template-columns:1fr}
  .kb-feature-main{min-height:520px}
  .kb-feature-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .kb-side-card{min-height:300px}
  .kb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kb-topic-band>.wrap{grid-template-columns:1fr;gap:30px}
}
@media(max-width:650px){
  .kb-editorial{padding:60px 0 58px}
  .kb-editorial-head{align-items:flex-start;flex-direction:column}
  .kb-editorial-head h2{font-size:31px}
  .kb-feature-main{min-height:500px}
  .kb-feature-content{padding:28px 24px}
  .kb-feature-content h2{font-size:32px;letter-spacing:-1.4px}
  .kb-feature-side{grid-template-columns:1fr}
  .kb-side-card{min-height:280px}
  .kb-latest{padding:60px 0 68px}
  .kb-post-grid{grid-template-columns:1fr}
  .kb-post-image{height:240px}
  .kb-post-body p{min-height:0}
  .kb-topic-band{padding:58px 0}
  .kb-topic-links{grid-template-columns:1fr}
  .kb-topic-links a:nth-child(odd),.kb-topic-links a:nth-child(even){padding-left:0;padding-right:0;border-left:0}
}


/* =========================================================
   BİLGİ MERKEZİ DETAY — EDITORIAL / BLOG GÖRSELLEŞTİRME
   ========================================================= */
.knowledge-detail-cover{
  padding:34px 0 0;
  background:#fff;
}
.knowledge-detail-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
  color:#6b6d78;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.knowledge-detail-meta>span:first-child{
  color:#f47b20;
  font-weight:800;
  letter-spacing:.08em;
}
.knowledge-detail-meta-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#b7b8c0;
}
.knowledge-cover-figure{
  position:relative;
  height:520px;
  margin:0;
  overflow:hidden;
  border-radius:22px;
  background:#e9eaee;
}
.knowledge-cover-figure:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 64%,rgba(10,11,17,.55));
  pointer-events:none;
}
.knowledge-cover-figure img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.knowledge-cover-figure figcaption{
  position:absolute;
  z-index:2;
  left:30px;
  right:30px;
  bottom:24px;
  color:rgba(255,255,255,.88);
  font-size:12px;
  line-height:1.55;
}
.knowledge-detail-body{
  padding-top:64px;
}
.knowledge-article{
  max-width:820px;
}
.knowledge-lead{
  font-size:19px !important;
  line-height:1.8 !important;
  color:#343642 !important;
}
.knowledge-article>section{
  padding-top:8px;
  margin-bottom:56px;
}
.knowledge-article h2{
  font-size:30px;
  letter-spacing:-1px;
}
.knowledge-sidebar{
  position:sticky;
  top:145px;
  align-self:start;
}
.knowledge-other-post{
  transition:background-color .2s ease,transform .2s ease;
}
.knowledge-other-post:hover{
  transform:translateX(3px);
}
.related-knowledge{
  background:#f6f6f8;
}
.knowledge-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.knowledge-related-card{
  overflow:hidden;
  border:1px solid #e4e5e9;
  border-radius:18px;
  background:#fff;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.knowledge-related-card:hover{
  transform:translateY(-5px);
  border-color:rgba(244,123,32,.35);
  box-shadow:0 18px 38px rgba(24,25,36,.07);
}
.knowledge-related-image{
  position:relative;
  display:block;
  height:220px;
  overflow:hidden;
  background:#e8e9ed;
}
.knowledge-related-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(10,11,18,.48));
}
.knowledge-related-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.65,.25,1);
}
.knowledge-related-card:hover .knowledge-related-image img{
  transform:scale(1.04);
}
.knowledge-related-image>span{
  position:absolute;
  z-index:2;
  left:17px;
  bottom:15px;
  padding:6px 9px;
  border-radius:7px;
  background:rgba(255,255,255,.94);
  color:#2f2d83;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
}
.knowledge-related-body{
  padding:23px 23px 25px;
}
.knowledge-related-body h3{
  margin:0 0 10px;
  font:700 19px/1.25 "Sora",sans-serif;
  letter-spacing:-.55px;
}
.knowledge-related-body h3 a{
  color:#20222b;
}
.knowledge-related-body h3 a:hover{
  color:#2f2d83;
}
.knowledge-related-body p{
  margin:0;
  min-height:62px;
  color:#6a6c77;
  font-size:12px;
  line-height:1.7;
}
.knowledge-related-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:18px;
  color:#2f2d83;
  font-size:11px;
  font-weight:800;
}
.knowledge-related-link span{
  color:#f47b20;
  transition:transform .2s ease;
}
.knowledge-related-link:hover span{
  transform:translateX(4px);
}
@media(max-width:1000px){
  .knowledge-cover-figure{height:430px}
  .knowledge-sidebar{position:static}
  .knowledge-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .knowledge-detail-cover{padding-top:24px}
  .knowledge-cover-figure{height:330px;border-radius:16px}
  .knowledge-cover-figure figcaption{left:19px;right:19px;bottom:17px;font-size:11px}
  .knowledge-detail-body{padding-top:48px}
  .knowledge-lead{font-size:17px !important}
  .knowledge-article h2{font-size:25px}
  .knowledge-related-grid{grid-template-columns:1fr}
  .knowledge-related-image{height:230px}
  .knowledge-related-body p{min-height:0}
}


/* Ana sayfa hero slider — profesyonel görsel kadrajları */
.hero .slide:nth-child(1) .slide-bg {
  background-position: center 48%;
}
.hero .slide:nth-child(2) .slide-bg {
  background-position: center 42%;
}
.hero .slide:nth-child(3) .slide-bg {
  background-position: center 48%;
}

@media (max-width: 620px) {
  .hero .slide:nth-child(1) .slide-bg {
    background-position: 58% center;
  }
  .hero .slide:nth-child(2) .slide-bg {
    background-position: 58% center;
  }
  .hero .slide:nth-child(3) .slide-bg {
    background-position: 62% center;
  }
}


/* =========================================================
   ANA SAYFA — ÜRÜN GRUPLARI & ÖNE ÇIKAN ÜRÜNLER HOVER
   ========================================================= */

/* Ürün grupları: fotoğraf içeride yumuşak şekilde yaklaşır,
   kart hafif yükselir, metin ve ok sabit/temiz kalır. */
.categories .cat {
  isolation: isolate;
  background-color: #1d1c3d;
  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    box-shadow .38s ease;
  box-shadow: 0 10px 28px rgba(20,20,35,.06);
}

.categories .cat::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: inherit;
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1);
  transition:
    transform .75s cubic-bezier(.2,.7,.2,1),
    filter .45s ease;
  will-change: transform;
}

.categories .cat::after {
  z-index: 1;
  transition: background .42s ease;
}

.categories .cat .cat-text,
.categories .cat > i {
  z-index: 2;
}

.categories .cat .cat-text {
  transition: transform .38s cubic-bezier(.2,.7,.2,1);
}

.categories .cat > i {
  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    background-color .28s ease,
    color .28s ease;
}

.categories .cat:hover,
.categories .cat:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(19,20,38,.16);
}

.categories .cat:hover::before,
.categories .cat:focus-visible::before {
  transform: scale(1.085);
  filter: saturate(1.04) contrast(1.025);
}

.categories .cat:hover::after,
.categories .cat:focus-visible::after {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,.02),
    rgba(22,20,67,.94)
  );
}

.categories .cat:hover .cat-text,
.categories .cat:focus-visible .cat-text {
  transform: translateY(-4px);
}

.categories .cat:hover > i,
.categories .cat:focus-visible > i {
  transform: translate(2px,-2px) rotate(7deg);
  background: var(--orange);
  color: #fff;
}

/* Öne çıkan ürünler: ürün görseli büyür, kart premium bir şekilde yükselir. */
.products .product {
  overflow: hidden;
  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    box-shadow .38s ease,
    border-color .28s ease;
}

.products .product-img {
  overflow: hidden;
  position: relative;
}

.products .product-img::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(255,255,255,0) 45%,
    rgba(47,45,131,.025) 100%
  );
  opacity: 0;
  transition: opacity .35s ease;
}

.products .product-img img {
  transform: scale(1);
  transition:
    transform .65s cubic-bezier(.2,.7,.2,1),
    filter .4s ease;
  will-change: transform;
}

.products .product-body {
  transition: transform .35s cubic-bezier(.2,.7,.2,1);
}

.products .product-body a {
  display: inline-flex;
  align-items: center;
  transition:
    color .25s ease,
    transform .25s ease;
}

.products .product:hover,
.products .product:focus-within {
  transform: translateY(-6px);
  border-color: rgba(244,123,32,.34);
  box-shadow: 0 22px 48px rgba(20,21,37,.11);
}

.products .product:hover .product-img img,
.products .product:focus-within .product-img img {
  transform: scale(1.085);
  filter: saturate(1.035) contrast(1.015);
}

.products .product:hover .product-img::after,
.products .product:focus-within .product-img::after {
  opacity: 1;
}

.products .product:hover .product-body,
.products .product:focus-within .product-body {
  transform: translateY(-2px);
}

.products .product:hover .product-body a,
.products .product:focus-within .product-body a {
  color: var(--orange);
  transform: translateX(4px);
}

/* Dokunmatik cihazlarda hover yapışmasını engelle. */
@media (hover: none) {
  .categories .cat:hover,
  .products .product:hover {
    transform: none;
    box-shadow: initial;
  }

  .categories .cat:hover::before,
  .products .product:hover .product-img img {
    transform: none;
  }
}

/* Hareket azaltma tercihini destekle. */
@media (prefers-reduced-motion: reduce) {
  .categories .cat,
  .categories .cat::before,
  .categories .cat::after,
  .categories .cat .cat-text,
  .categories .cat > i,
  .products .product,
  .products .product-img img,
  .products .product-img::after,
  .products .product-body,
  .products .product-body a {
    transition: none !important;
  }
}


/* Footer yasal metinler: gerçek sayfalar hazırlanmadığı için yanıltıcı bağlantı verilmez. */
.legal-links-pending span {
  color: #8f929d;
  cursor: default;
}


/* =========================================================
   YASAL SAYFALAR — KVKK / GİZLİLİK / ÇEREZ
   ========================================================= */
.legal-page {
  background:#f7f7fa;
}
.legal-hero {
  padding:68px 0 70px;
  background:
    radial-gradient(circle at 88% 12%,rgba(244,123,32,.13),transparent 26%),
    radial-gradient(circle at 72% 84%,rgba(47,45,131,.17),transparent 31%),
    #0d0e13;
  color:#fff;
}
.legal-breadcrumbs {
  margin-bottom:42px;
  color:rgba(255,255,255,.48);
}
.legal-breadcrumbs a {
  color:rgba(255,255,255,.72);
}
.legal-breadcrumbs a:hover {
  color:#f47b20;
}
.legal-hero-copy {
  max-width:850px;
}
.legal-hero-copy .ey {
  color:#ffb36e;
}
.legal-hero-copy h1 {
  margin:14px 0 18px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:clamp(42px,5vw,64px);
  line-height:1.03;
  letter-spacing:-.05em;
}
.legal-hero-copy p {
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.78;
}
.legal-content-section {
  padding:78px 0 100px;
}
.legal-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:58px;
  align-items:start;
}
.legal-article {
  padding:42px 46px;
  border:1px solid #e5e6eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 42px rgba(20,20,35,.045);
}
.legal-article h2 {
  margin:34px 0 12px;
  color:#181923;
  font-family:"Sora",sans-serif;
  font-size:21px;
  line-height:1.35;
}
.legal-article h2:first-child {
  margin-top:0;
}
.legal-article p,
.legal-article li {
  color:#5f626f;
  font-size:14px;
  line-height:1.86;
}
.legal-article ul {
  margin:10px 0 0;
  padding-left:21px;
}
.legal-article li + li {
  margin-top:7px;
}
.legal-article a {
  color:#2f2d83;
  font-weight:700;
}
.legal-article a:hover {
  color:#f47b20;
}
.legal-aside {
  position:sticky;
  top:118px;
}
.legal-aside-card {
  padding:30px;
  border-radius:18px;
  background:#171821;
  color:#fff;
}
.legal-aside-card .ey {
  color:#ffb36e;
}
.legal-aside-card h2 {
  margin:10px 0 12px;
  color:#fff;
  font-family:"Sora",sans-serif;
  font-size:24px;
}
.legal-aside-card > p {
  margin:0 0 24px;
  color:rgba(255,255,255,.64);
  font-size:13px;
  line-height:1.7;
}
.legal-aside-card dl {
  margin:0;
}
.legal-aside-card dl > div {
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.legal-aside-card dt {
  margin-bottom:5px;
  color:rgba(255,255,255,.45);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.legal-aside-card dd {
  margin:0;
  color:#fff;
  font-size:13px;
  line-height:1.55;
}
.legal-aside-card dd a {
  color:#fff;
}
.legal-aside-card dd a:hover {
  color:#ffb36e;
}
.legal-contact-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:14px;
  padding:18px 20px;
  border:1px solid #e1e2e8;
  border-radius:14px;
  background:#fff;
  color:#2f2d83;
  font-size:13px;
  font-weight:800;
  transition:transform .25s ease,border-color .25s ease,color .25s ease;
}
.legal-contact-cta:hover {
  transform:translateY(-2px);
  border-color:rgba(244,123,32,.45);
  color:#f47b20;
}
@media(max-width:900px) {
  .legal-layout {
    grid-template-columns:1fr;
    gap:28px;
  }
  .legal-aside {
    position:static;
  }
}
@media(max-width:620px) {
  .legal-hero {
    padding:48px 0 52px;
  }
  .legal-breadcrumbs {
    margin-bottom:28px;
  }
  .legal-hero-copy h1 {
    font-size:36px;
  }
  .legal-content-section {
    padding:54px 0 70px;
  }
  .legal-article {
    padding:28px 22px;
    border-radius:14px;
  }
  .legal-article h2 {
    font-size:19px;
  }
}


/* =========================================================
   ANA SAYFA — ÖNE ÇIKAN ÜRÜNLER SLIDER
   ========================================================= */
.homepage-featured-slider {
  margin-top: 6px;
}
.homepage-featured-slider .featured-products-viewport {
  padding: 6px 2px 22px;
  margin: -6px -2px -22px;
}
.homepage-featured-slider .featured-products-track {
  align-items: stretch;
}
.homepage-featured-slider .featured-products-track > .product {
  flex: 0 0 calc((100% - 36px) / 3) !important;
  width: auto !important;
  min-width: 0;
  height: auto;
}
.homepage-featured-slider .product {
  display: flex;
  flex-direction: column;
}
.homepage-featured-slider .product-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.homepage-featured-slider .product-body a {
  margin-top: auto;
}
.homepage-featured-slider .featured-slider-nav {
  top: 44%;
}

@media (max-width: 900px) {
  .homepage-featured-slider .featured-products-track > .product {
    flex-basis: calc((100% - 18px) / 2) !important;
  }
}
@media (max-width: 560px) {
  .homepage-featured-slider .featured-products-track > .product {
    flex-basis: 86% !important;
  }
  .homepage-featured-slider .featured-slider-nav {
    width: 40px;
    height: 40px;
    top: 42%;
  }
}