/* Vitrin 02 — yalnızca karot uygulama fotoğrafları bölümünde geçerlidir. */
#karot-vitrin-02 {
  --kv02-amber: #ffb100;
  --kv02-dark: #0b0d10;
  width: 100%;
  margin: 0;
  padding: clamp(44px, 4.1vw, 78px) 0 clamp(38px, 3.5vw, 66px);
  background: var(--kv02-dark);
  color: #fff;
  font-family: "K09Sans", Rubik, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#karot-vitrin-02 *, #karot-vitrin-02 *::before, #karot-vitrin-02 *::after { box-sizing: border-box; }
#karot-vitrin-02 [hidden] { display: none !important; }
#karot-vitrin-02 .kv02-inner { width: 100%; max-width: 1920px; margin: 0 auto; }
#karot-vitrin-02 .kv02-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 0 clamp(24px, 4.4vw, 84px) clamp(28px, 2.3vw, 44px);
}
#karot-vitrin-02 .kv02-intro { min-width: 0; }
#karot-vitrin-02 .kv02-eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 12px;
  color: var(--kv02-amber);
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(17px, 1.45vw, 24px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .025em;
}
#karot-vitrin-02 .kv02-eyebrow::after { display: block; width: clamp(54px, 6vw, 106px); height: 1px; background: var(--kv02-amber); content: ""; }
#karot-vitrin-02 .kv02-title {
  margin: 0;
  color: #fff !important;
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(42px, 4.8vw, 88px);
  font-weight: 700 !important;
  line-height: 1.12;
  letter-spacing: -.025em;
  text-transform: none;
  overflow-wrap: break-word;
}
#karot-vitrin-02 .kv02-controls { display: flex; align-items: center; flex: 0 0 auto; gap: 16px; padding-bottom: 5px; }
#karot-vitrin-02 .kv02-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  border: 1px solid #b3b6b8;
  border-radius: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  appearance: none;
  transition: background .18s ease, color .18s ease, opacity .18s ease;
}
#karot-vitrin-02 .kv02-control-next { border-color: var(--kv02-amber); background: var(--kv02-amber); color: var(--kv02-dark); }
#karot-vitrin-02 .kv02-control:hover:not(:disabled) { border-color: #fff; background: #fff; color: var(--kv02-dark); }
#karot-vitrin-02 .kv02-control:disabled { opacity: .45; cursor: default; }
#karot-vitrin-02 .kv02-control svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
#karot-vitrin-02 .kv02-control:focus-visible, #karot-vitrin-02 .kv02-whatsapp:focus-visible, #karot-vitrin-02 .kv02-phone:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
#karot-vitrin-02 .kv02-viewport {
  position: relative;
  display: flex;
  gap: clamp(14px, 1.4vw, 28px);
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
#karot-vitrin-02 .kv02-viewport::-webkit-scrollbar { display: none; }
#karot-vitrin-02 .kv02-viewport:focus-visible { outline: 3px solid var(--kv02-amber); outline-offset: -4px; }
#karot-vitrin-02 .kv02-slide {
  position: relative;
  flex: 0 0 29.3%;
  min-width: 0;
  height: clamp(390px, 35vw, 670px);
  margin: 0;
  overflow: hidden;
  background: #252a2e;
  scroll-snap-align: start;
}
#karot-vitrin-02 .kv02-slide-wide { flex-basis: 54.2%; }
#karot-vitrin-02 .kv02-slide picture, #karot-vitrin-02 .kv02-slide img { display: block; width: 100%; height: 100%; }
#karot-vitrin-02 .kv02-slide img { max-width: none; object-fit: cover; object-position: center; }
#karot-vitrin-02 .kv02-slide-wide img { object-position: 58% center; }
#karot-vitrin-02 .kv02-slide::after { position: absolute; right: 0; bottom: 0; left: 0; height: 37%; background: linear-gradient(to bottom, rgba(11,13,16,0), rgba(11,13,16,.78)); content: ""; pointer-events: none; }
#karot-vitrin-02 .kv02-slide figcaption {
  position: absolute;
  z-index: 1;
  right: 22px;
  bottom: 24px;
  left: 22px;
  margin: 0;
  color: #fff;
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(22px, 1.8vw, 32px);
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase;
}
#karot-vitrin-02 .kv02-slide-wide figcaption { left: clamp(24px, 4.4vw, 84px); }
#karot-vitrin-02 .kv02-footer { padding: 0 clamp(24px, 4.4vw, 84px); }
#karot-vitrin-02 .kv02-progress { height: 4px; margin: 24px 0 clamp(34px, 3.6vw, 68px); overflow: hidden; background: #41474b; }
#karot-vitrin-02 .kv02-progress-fill { display: block; width: 18.6%; height: 100%; background: var(--kv02-amber); }
#karot-vitrin-02 .kv02-contact { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 28px; }
#karot-vitrin-02 .kv02-contact-copy { min-width: 0; padding-left: 28px; border-left: 4px solid var(--kv02-amber); }
#karot-vitrin-02 .kv02-contact-copy h3 {
  margin: 0 0 10px;
  color: #fff !important;
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(29px, 2.6vw, 46px);
  font-weight: 600 !important;
  line-height: 1.18;
  letter-spacing: -.015em;
  text-transform: none;
}
#karot-vitrin-02 .kv02-contact-copy p { max-width: 650px; margin: 0; color: #c4c8cb; font-size: clamp(15px, 1.15vw, 19px); line-height: 1.6; }
#karot-vitrin-02 .kv02-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 100%;
  min-height: 74px;
  padding: 18px 24px;
  border: 1px solid #07843f;
  border-radius: 7px;
  background: #07843f;
  color: #fff !important;
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(20px, 1.45vw, 25px);
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
  text-decoration: none !important;
  transition: background .18s ease;
}
#karot-vitrin-02 .kv02-whatsapp:hover { background: #066e35; border-color: #066e35; }
#karot-vitrin-02 .kv02-whatsapp svg { flex: 0 0 auto; width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
#karot-vitrin-02 .kv02-whatsapp span { min-width: 0; }
#karot-vitrin-02 .kv02-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 58px;
  padding: 10px 0 10px 28px;
  border-left: 1px solid #565c60;
  color: #fff !important;
  font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif;
  font-size: clamp(24px, 1.9vw, 34px);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
}
#karot-vitrin-02 .kv02-phone svg { display: block; flex: 0 0 auto; width: 27px; height: 27px; fill: none; stroke: var(--kv02-amber); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#karot-vitrin-02 .kv02-phone:hover { color: var(--kv02-amber) !important; }
@media (max-width: 1199px) {
  #karot-vitrin-02 .kv02-contact { grid-template-columns: minmax(0, 1fr) auto; gap: 24px; }
  #karot-vitrin-02 .kv02-contact-copy { grid-column: 1 / -1; }
  #karot-vitrin-02 .kv02-whatsapp { justify-self: start; }
}
@media (max-width: 991px) {
  #karot-vitrin-02 .kv02-header { gap: 24px; padding-right: 28px; padding-left: 28px; }
  #karot-vitrin-02 .kv02-title { font-size: clamp(42px, 6.2vw, 60px); }
  #karot-vitrin-02 .kv02-controls { gap: 10px; }
  #karot-vitrin-02 .kv02-control { width: 48px; height: 48px; }
  #karot-vitrin-02 .kv02-slide, #karot-vitrin-02 .kv02-slide-wide { flex-basis: 78%; height: clamp(330px, 58vw, 520px); }
  #karot-vitrin-02 .kv02-slide figcaption, #karot-vitrin-02 .kv02-slide-wide figcaption { left: 28px; font-size: 28px; }
  #karot-vitrin-02 .kv02-footer { padding-right: 28px; padding-left: 28px; }
}
@media (max-width: 767px) {
  #karot-vitrin-02 .kv02-header { flex-wrap: wrap; gap: 22px; }
  #karot-vitrin-02 .kv02-intro { width: 100%; }
  #karot-vitrin-02 .kv02-controls { margin-left: auto; padding: 0; }
  #karot-vitrin-02 .kv02-contact { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #karot-vitrin-02 .kv02-contact-copy { grid-column: auto; padding-left: 20px; }
  #karot-vitrin-02 .kv02-whatsapp { justify-self: stretch; width: 100%; }
  #karot-vitrin-02 .kv02-phone { justify-self: center; padding: 4px 0; border-left: 0; font-size: 29px; }
}
@media (max-width: 575px) {
  #karot-vitrin-02 { padding-top: 38px; padding-bottom: 34px; }
  #karot-vitrin-02 .kv02-header { padding: 0 24px 24px; }
  #karot-vitrin-02 .kv02-eyebrow { gap: 14px; margin-bottom: 13px; font-size: 17px; }
  #karot-vitrin-02 .kv02-title { font-size: clamp(37px, 8.2vw, 46px); line-height: 1.14; }
  #karot-vitrin-02 .kv02-slide, #karot-vitrin-02 .kv02-slide-wide { flex-basis: 88%; height: clamp(300px, 100vw, 450px); }
  #karot-vitrin-02 .kv02-slide figcaption, #karot-vitrin-02 .kv02-slide-wide figcaption { right: 20px; bottom: 22px; left: 24px; font-size: 25px; }
  #karot-vitrin-02 .kv02-footer { padding: 0 24px; }
  #karot-vitrin-02 .kv02-progress { height: 3px; margin-top: 19px; margin-bottom: 32px; }
  #karot-vitrin-02 .kv02-contact-copy h3 { font-size: 29px; }
  #karot-vitrin-02 .kv02-contact-copy p { font-size: 15px; }
  #karot-vitrin-02 .kv02-whatsapp { gap: 11px; min-height: 66px; padding: 16px 18px; font-size: 20px; }
  #karot-vitrin-02 .kv02-whatsapp svg { width: 29px; height: 29px; }
}
@media (prefers-reduced-motion: reduce) {
  #karot-vitrin-02 .kv02-control, #karot-vitrin-02 .kv02-whatsapp { transition: none; }
}