.gemini-generated-image-kud1h2k-parent {
  width: 100%;
  position: relative;
  background-color: var(--sekundarna);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  isolation: isolate;
  gap: 5.125rem;
  line-height: normal;
  letter-spacing: normal;
}
.gemini-generated-image-kud1h2k-icon {
  width: 128.938rem;
  height: 76.75rem;
  position: absolute;
  margin: 0 !important;
  top: -5.312rem;
  left: -6.5rem;
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
}
.frame-wrapper {
  width: 117.875rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) 1.187rem 38.312rem;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-64);
  color: var(--sekundarna);
  font-family: var(--font-jost);
}
.frame-parent {
  flex: 1;
  flex-direction: column;
  gap: 3.375rem;
}
.frame-container,
.frame-group,
.frame-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-group {
  align-self: stretch;
  justify-content: space-between;
  gap: var(--gap-20);
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-jost);
}
.frame-container {
  flex-direction: column;
  padding: 3.187rem var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}
.mapa-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.05rem;
}
.mapa {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.eksterijer {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-jost);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
}
.golf-6 {
  margin: 0;
  position: relative;
  font-size: 8rem;
  letter-spacing: 0.15em;
  font-weight: 900;
  font-family: inherit;
  color: var(--bijela);
  z-index: 2;
}
.r-line-wrapper {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 15.437rem var(--padding-0) 81.937rem;
}
.r-line {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.15em;
  font-weight: 900;
  font-family: inherit;
  z-index: 2;
}
.background-rect {
  width: 120.375rem;
  height: 67.875rem;
  position: absolute;
  margin: 0 !important;
  bottom: -63.437rem;
  left: calc(50% + 963px);
  background-color: var(--primarna);
  transform: rotate(180deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}
.frame-main {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-white);
  font-family: var(--font-jost);
}
.frame-child,
.rectangle-parent {
  background-color: var(--primarna);
}
.rectangle-parent {
  align-self: stretch;
  height: 70rem;
  position: relative;
  max-width: 100%;
}
.frame-child {
  position: absolute;
  top: 0;
  left: -0.187rem;
  width: 100%;
  height: 100%;
  display: none;
  flex-shrink: 0;
}
.frame-item,
.rectangle-group {
  width: var(--width-1442);
  border: var(--border-1);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.rectangle-group {
  position: absolute;
  top: 14.813rem;
  left: 5.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 6.25rem 4.75rem 8.562rem;
  gap: 7.812rem;
  z-index: 1;
}
.frame-item {
  height: 40.375rem;
  position: relative;
  display: none;
}
.built-not-bought-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.593rem;
  max-width: 100%;
  flex-shrink: 0;
}
.built-not-bought,
.r-line-mapiranje {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  z-index: 2;
}
.built-not-bought {
  font-size: inherit;
}
.r-line-mapiranje {
  font-size: var(--fs-40);
  letter-spacing: 0.06em;
}
.frame-section,
.iznad-tvornikih-specifikacija {
  max-width: 100%;
  z-index: 2;
  font-size: var(--fs-24);
}
.iznad-tvornikih-specifikacija {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.frame-section {
  width: 56.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-20);
  flex-shrink: 0;
  text-align: left;
  color: var(--color-white);
  font-family: var(--font-jost);
}
.group-div,
.konjaa-wrapper {
  display: flex;
  align-items: flex-start;
}
.group-div {
  height: 7.188rem;
  width: 8.313rem;
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-22);
}
.konjaa-wrapper {
  padding: var(--padding-0) var(--padding-28);
  flex-shrink: 0;
}
.konjaa,
.ks {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.konjaa {
  height: var(--height-35);
  width: 4.813rem;
  font-size: inherit;
}
.ks {
  width: 8.5rem;
  height: 3.688rem;
  font-size: var(--fs-40);
  letter-spacing: 0.06em;
  color: var(--sekundarna);
  flex-shrink: 0;
}
.okretni-moment-parent {
  height: 7.188rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-22);
}
.okretni-moment {
  margin: 0;
  width: 9.813rem;
  height: var(--height-35);
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  flex-shrink: 0;
}
.nm-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-1);
  flex-shrink: 0;
  font-size: var(--fs-40);
  color: var(--sekundarna);
}
.kmh,
.nm {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.nm {
  height: 3.688rem;
  width: 9.938rem;
  letter-spacing: 0.06em;
}
.kmh {
  width: 7.125rem;
  height: var(--height-35);
  flex-shrink: 0;
}
.s-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 1.625rem var(--padding-0) 1.812rem;
  flex-shrink: 0;
  font-size: var(--fs-40);
  color: var(--sekundarna);
}
.s {
  margin: 0;
  height: 3.688rem;
  width: 3.688rem;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.frame-parent2,
.teina-wrapper {
  display: flex;
  align-items: flex-start;
}
.frame-parent2 {
  height: 7.188rem;
  width: 9.563rem;
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-22);
}
.teina-wrapper {
  padding: var(--padding-0) 2.875rem var(--padding-0) 2.937rem;
  flex-shrink: 0;
}
.kg,
.teina {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.teina {
  height: var(--height-35);
  width: 3.75rem;
  font-size: inherit;
}
.kg {
  width: 9.688rem;
  height: 3.688rem;
  font-size: var(--fs-40);
  letter-spacing: 0.06em;
  color: var(--sekundarna);
  flex-shrink: 0;
}
.gemini-generated-image-1itxkf1-icon {
  position: absolute;
  top: 19.75rem;
  left: 72.313rem;
  width: 44.938rem;
  height: 33.938rem;
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
}
.frame-inner,
.rectangle-container {
  position: relative;
  background-color: var(--primarna);
  max-width: 100%;
}
.rectangle-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3.937rem 5.25rem 7rem;
  box-sizing: border-box;
  gap: 1.937rem;
  z-index: 1;
  margin-top: -0.375rem;
}
.frame-inner {
  width: 120.188rem;
  height: 203.625rem;
  display: none;
  flex-shrink: 0;
}
.frame-wrapper2,
.projekt-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-wrapper2 {
  padding: var(--padding-0) 4.75rem;
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-white);
  font-family: var(--font-jost);
}
.projekt-parent {
  flex-direction: column;
  gap: var(--gap-15);
}
.lista-preinaka {
  margin: 0;
  position: relative;
  font-size: var(--fs-64);
  letter-spacing: 0.15em;
  font-weight: 900;
  font-family: inherit;
  z-index: 2;
}
.frame-div,
.frame-parent3 {
  display: flex;
  max-width: 100%;
}
.frame-div {
  width: 107.225rem;
  flex-direction: column;
  align-items: flex-end;
  gap: 6.125rem;
  flex-shrink: 0;
}
.frame-parent3 {
  width: 105.038rem;
  align-items: flex-start;
  gap: 2.656rem;
}
.frame-wrapper3,
.rectangle-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-wrapper3 {
  padding: 2.5rem var(--padding-0) var(--padding-0);
  text-align: left;
  font-size: var(--fs-40);
  color: var(--sekundarna);
  font-family: var(--font-jost);
}
.rectangle-parent2 {
  border-radius: var(--br-30);
  background-color: var(--primarna);
  padding: var(--padding-38) 3.375rem var(--padding-32) 3.437rem;
  gap: 2.625rem;
  z-index: 3;
}
.eksterijer2,
.rectangle-div {
  position: relative;
  flex-shrink: 0;
}
.rectangle-div {
  width: 31.063rem;
  height: 58.938rem;
  border-radius: var(--br-30);
  background-color: var(--primarna);
  display: none;
  max-width: 100%;
}
.eksterijer2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: inherit;
  z-index: 4;
}
.aero-kit-parent,
.frame-parent4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.frame-parent4 {
  gap: 4.25rem;
  flex-shrink: 0;
  font-size: var(--fs-24);
  color: var(--color-white);
}
.aero-kit-parent {
  width: 24.25rem;
  gap: var(--gap-15);
}
.aero-kit,
.prednji-i-zadnji {
  position: relative;
  display: inline-block;
}
.aero-kit {
  margin: 0;
  width: 6.25rem;
  height: var(--height-35);
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.prednji-i-zadnji {
  width: 24.25rem;
  height: 5.75rem;
  font-size: var(--fs-32);
}
.side-profile-parent {
  width: 14.438rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-15);
}
.boni-pragovi-imi,
.side-profile {
  position: relative;
  display: inline-block;
}
.side-profile {
  margin: 0;
  width: 9rem;
  height: var(--height-35);
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.boni-pragovi-imi {
  width: 14.438rem;
  height: 5.75rem;
  font-size: var(--fs-32);
}
.rear-downforce-parent {
  width: 13.688rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-15);
}
.rear-downforce,
.spojler-i-difuzor {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.rear-downforce {
  width: 13.438rem;
  height: var(--height-35);
  font-size: inherit;
}
.spojler-i-difuzor {
  width: 13.688rem;
  height: 2.875rem;
  font-size: var(--fs-32);
}
.lights-parent {
  width: 23.125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-15);
}
.hello-lights-dynamic {
  width: 23.125rem;
  height: 8.625rem;
  position: relative;
  font-size: var(--fs-32);
  display: inline-block;
}
.image-holder {
  height: 59.938rem;
  flex: 1;
  position: relative;
  min-width: 46.375rem;
  max-width: 100%;
}
.overlay-rect-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 38.1rem;
  display: flex;
  align-items: flex-start;
  isolation: isolate;
  max-width: 100%;
}
.overlay-rect {
  height: 72.938rem;
  width: 58.938rem;
  position: absolute;
  margin: 0 !important;
  right: -18.181rem;
  bottom: -75.25rem;
  background: var(--gradient-1);
  transform: rotate(-90deg);
  transform-origin: 0 0;
  z-index: 2;
  flex-shrink: 0;
}
.image-removebg-preview-44-1-parent {
  height: 59.125rem;
  flex: 1;
  position: relative;
  max-width: 100%;
  z-index: 3;
  flex-shrink: 0;
}
.image-removebg-preview-44-1 {
  position: absolute;
  top: 16.194rem;
  left: 0;
  width: 31.663rem;
  height: 25.975rem;
  object-fit: contain;
}
.image-removebg-preview-42-1-parent {
  position: absolute;
  top: 0;
  left: 1.844rem;
  width: 36.256rem;
  height: 20.175rem;
  z-index: 1;
}
.image-removebg-preview-42-1 {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  max-height: 100%;
  width: 30.256rem;
  object-fit: cover;
}
.image-removebg-preview-46-1,
.image-removebg-preview-47-1 {
  position: absolute;
  top: 11.225rem;
  left: 9.975rem;
  width: 26.288rem;
  height: 7.919rem;
  object-fit: cover;
  z-index: 1;
}
.image-removebg-preview-47-1 {
  top: 36.494rem;
  left: 1.844rem;
  width: 29.794rem;
  height: 7.394rem;
}
.image-removebg-preview-50-1 {
  position: absolute;
  top: 48.269rem;
  left: 1.844rem;
  width: 25.925rem;
  height: 10.856rem;
  object-fit: cover;
}
.image-removebg-preview-45-1-parent {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 35.906rem;
  width: 35.413rem;
  z-index: 4;
}
.image-removebg-preview-45-1 {
  position: absolute;
  top: 16.675rem;
  left: 13.569rem;
  width: 21.844rem;
  height: 21.988rem;
  object-fit: contain;
}
.image-removebg-preview-43-1 {
  position: absolute;
  top: 0;
  left: 2.25rem;
  width: 30.375rem;
  height: 20.444rem;
  object-fit: cover;
  z-index: 1;
}
.image-removebg-preview-49-1 {
  position: absolute;
  top: 34.788rem;
  left: 0;
  width: 32.625rem;
  height: 9.988rem;
  object-fit: cover;
  z-index: 1;
}
.image-removebg-preview-51-1 {
  position: absolute;
  top: 47.35rem;
  left: 3.875rem;
  width: 28.869rem;
  height: 12.588rem;
  object-fit: cover;
}
.frame-wrapper4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-16) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5.75rem;
  max-width: 100%;
}
.frame-wrapper5 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-28) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
}
.frame-parent6 {
  height: 51.688rem;
  flex: 1;
  position: relative;
  max-width: 100%;
}
.frame-child2,
.rectangle-parent3 {
  width: 31.063rem;
  height: 49.375rem;
  border-radius: var(--br-30);
  background-color: var(--primarna);
  max-width: 100%;
}
.rectangle-parent3 {
  position: absolute;
  top: 1.563rem;
  left: 73.375rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-38) 3.125rem 2.187rem;
  box-sizing: border-box;
  gap: 2.625rem;
  z-index: 3;
  text-align: left;
  font-size: var(--fs-40);
  color: var(--sekundarna);
  font-family: var(--font-jost);
}
.frame-child2 {
  position: relative;
  display: none;
  flex-shrink: 0;
}
.interijer-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-1);
  flex-shrink: 0;
}
.interijer2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: inherit;
  z-index: 4;
}
.golf-7-gti-sportska-sjedala-parent {
  width: 24.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.25rem;
  max-width: 100%;
  z-index: 2;
  flex-shrink: 0;
  font-size: var(--fs-32);
  color: var(--color-white);
}
.golf-7-gti {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  flex-shrink: 0;
}
.gradient-rect-parent {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  width: 78.188rem;
}
.gradient-rect {
  position: absolute;
  top: 0;
  left: 78.188rem;
  background: var(--gradient-1);
  width: 51.688rem;
  height: 72.938rem;
  transform: rotate(90deg);
  transform-origin: 0 0;
  z-index: 2;
}
.image-removebg-preview-53-1,
.untitled-1-1-icon {
  position: absolute;
  top: 1.563rem;
  object-fit: cover;
  z-index: 3;
}
.image-removebg-preview-53-1 {
  left: 0;
  width: 36.063rem;
  height: 27.063rem;
}
.untitled-1-1-icon {
  left: 43.375rem;
  width: 28.438rem;
  height: 27.125rem;
}
.untitled-2-1-parent {
  position: absolute;
  top: 14.75rem;
  left: 7.563rem;
  width: 44.256rem;
  height: 34.306rem;
  z-index: 4;
}
.untitled-2-1-icon {
  top: 19.919rem;
  left: 0;
  width: 20.938rem;
  height: 14.388rem;
}
.group-icon,
.untitled-2-1-icon,
.untitled-3-1-icon {
  position: absolute;
  object-fit: cover;
}
.untitled-3-1-icon {
  height: calc(100% - 4.9px);
  top: 0;
  bottom: 0.306rem;
  left: 18.756rem;
  max-height: 100%;
  width: 25.5rem;
  z-index: 1;
}
.group-icon {
  top: 36.75rem;
  left: 51rem;
  width: 19.438rem;
  height: 10.625rem;
  z-index: 5;
}
.frame-parent7 {
  width: 104rem;
  height: 56.125rem;
  position: relative;
  max-width: 100%;
}
.group-section {
  position: absolute;
  top: 3rem;
  left: 0;
  border-radius: var(--br-30);
  background-color: var(--primarna);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-38) 3.187rem 7.125rem;
  box-sizing: border-box;
  gap: 2.625rem;
  max-width: 100%;
  z-index: 2;
  text-align: left;
  font-size: var(--fs-40);
  color: var(--sekundarna);
  font-family: var(--font-jost);
}
.frame-child3,
.performanse2 {
  position: relative;
  flex-shrink: 0;
}
.frame-child3 {
  width: 31.063rem;
  height: 42.313rem;
  border-radius: var(--br-30);
  background-color: var(--primarna);
  display: none;
  max-width: 100%;
}
.performanse2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: inherit;
  z-index: 1;
}
.performance-detail,
.stance-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.performance-detail {
  padding: var(--padding-0) var(--padding-16) var(--padding-0) var(--padding-0);
  gap: 4.25rem;
  z-index: 2;
  flex-shrink: 0;
  font-size: var(--fs-24);
  color: var(--color-white);
}
.stance-parent {
  width: 20rem;
  gap: var(--gap-15);
}
.eibach-sportske-opruge,
.stance {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.stance {
  width: 5.375rem;
  height: var(--height-35);
  font-size: inherit;
}
.eibach-sportske-opruge {
  width: 20rem;
  height: 2.875rem;
  font-size: var(--fs-32);
}
.footwork-parent {
  width: 23.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-15);
}
.footwork,
.gume-i-spielberg {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.footwork {
  width: 8.188rem;
  height: var(--height-35);
  font-size: inherit;
}
.gume-i-spielberg {
  width: 23.25rem;
  height: 2.875rem;
  font-size: var(--fs-32);
}
.acoustics-parent {
  width: 21.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-15);
}
.acoustics,
.prilagoeni-ispuni-sustav {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
}
.acoustics {
  width: 7.875rem;
  height: var(--height-35);
  font-size: inherit;
}
.prilagoeni-ispuni-sustav {
  width: 21.75rem;
  height: 2.875rem;
  font-size: var(--fs-32);
}
.image-overlay {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 28.625rem;
  width: 75.375rem;
}
.backdrop-rect {
  position: absolute;
  top: 46.563rem;
  left: 0;
  background: var(--gradient-1);
  width: 46.563rem;
  height: 75.375rem;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  z-index: 3;
}
.image-removebg-preview-55-1,
.untitled-5-1-icon {
  position: absolute;
  top: 3.625rem;
  left: 10.125rem;
  width: 16.063rem;
  height: 16.75rem;
  object-fit: cover;
  z-index: 4;
}
.untitled-5-1-icon {
  top: 3rem;
  left: 33.125rem;
  width: 38.625rem;
  height: 39rem;
}
.image-removebg-preview-56-1 {
  position: absolute;
  top: 18.625rem;
  left: 1rem;
  width: 44.844rem;
  height: 37.5rem;
  object-fit: contain;
  z-index: 5;
}
.frame-wrapper6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-28) 7.375rem var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-64);
  color: var(--color-white);
  font-family: var(--font-jost);
}
.frame-parent8,
.projektna-dubina-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent8 {
  width: 100.75rem;
  gap: 6.562rem;
}
.projektna-dubina-parent {
  gap: 1.437rem;
}
.preciznost-nije-opcija,
.projektna-dubina2 {
  margin: 0;
  position: relative;
  font-family: inherit;
  z-index: 1;
}
.projektna-dubina2 {
  font-size: inherit;
  letter-spacing: 0.15em;
  font-weight: 900;
  display: inline-block;
  max-width: 100%;
}
.preciznost-nije-opcija {
  font-size: var(--fs-32);
  font-weight: 400;
  color: var(--color-silver);
  text-align: center;
}
.frame-parent9,
.frame-wrapper7 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent9 {
  align-self: stretch;
  gap: 6.312rem;
}
.frame-wrapper7 {
  height: 38.875rem;
  width: 46.75rem;
  flex-direction: column;
  padding: var(--padding-1) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--bijela);
  font-family: var(--font-jost);
}
.frame-wrapper8 {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-30);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  max-width: 100%;
  z-index: 2;
}
.still-2026-05-11-195604-191-parent {
  margin-left: -7.75rem;
  align-self: stretch;
  width: 69rem;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 7.75rem;
  box-sizing: border-box;
  background-image: url(./public/Still-2026-05-11-195604-1-9-1-1@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  flex-shrink: 0;
  max-width: 148%;
}
.still-2026-05-11-195604-191 {
  width: 69rem;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  display: none;
  max-width: 100%;
  flex-shrink: 0;
}
.frame-child4,
.rectangle-parent4 {
  width: 46.75rem;
  background-color: var(--color-gray);
  max-width: 100%;
  flex-shrink: 0;
}
.rectangle-parent4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-16) var(--padding-20) var(--padding-16) 1.5rem;
  box-sizing: border-box;
  z-index: 1;
}
.frame-child4 {
  height: 38.875rem;
  position: relative;
  display: none;
}
.kotai-gume-wrapper {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  flex-shrink: 0;
}
.kotai-gume,
.nisko-profilna-preciznost {
  margin: 0;
  position: relative;
  font-weight: 400;
  font-family: inherit;
  z-index: 2;
}
.kotai-gume {
  margin-bottom: -0.125rem;
  font-size: inherit;
}
.nisko-profilna-preciznost {
  font-size: var(--fs-24);
  color: var(--color-white);
  flex-shrink: 0;
}
.custom-ecu,
.custom-ecu-parent {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.custom-ecu-parent {
  flex: 1;
  flex-direction: column;
  gap: 3.062rem;
  min-width: 31rem;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--bijela);
  font-family: var(--font-jost);
}
.custom-ecu {
  align-self: stretch;
  gap: 3.687rem;
}
.prilagoeni-ecu-parent,
.remap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.remap {
  flex: 1.1851;
  padding: var(--padding-1) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 14.313rem;
  max-width: 100%;
}
.prilagoeni-ecu-parent {
  align-self: stretch;
  border-radius: var(--br-30);
  background-color: var(--sekundarna);
  overflow: hidden;
  padding: var(--padding-27) var(--padding-20) 4.312rem 2.187rem;
  gap: var(--gap-16);
  z-index: 2;
}
.prilagoeni-ecu {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.optimizirano-mapiranje-za {
  width: 16.938rem;
  position: relative;
  font-size: var(--fs-24);
  color: var(--primarna);
  display: flex;
  align-items: center;
}
.protok-zraka-parent {
  flex: 1;
  border-radius: var(--br-30);
  background-color: var(--sekundarna);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-27) var(--padding-20) var(--padding-31) 2.187rem;
  box-sizing: border-box;
  gap: 1.125rem;
  min-width: 14.313rem;
  max-width: 100%;
  z-index: 2;
}
.poboljana-geometrija-stranje {
  width: 14.688rem;
  position: relative;
  font-size: var(--fs-24);
  color: var(--primarna);
  display: flex;
  align-items: center;
}
.suspension {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  max-width: 100%;
}
.element,
.shape {
  position: absolute;
  margin: 0 !important;
  flex-shrink: 0;
}
.shape {
  height: 67.875rem;
  width: 120.375rem;
  top: 26.625rem;
  left: 57.75rem;
  background-color: var(--primarna);
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.element {
  height: 32rem;
  width: var(--width-1442);
  top: -11.125rem;
  left: -45.625rem;
  border: var(--border-1);
  box-sizing: border-box;
  z-index: 1;
}
.suspension-geometry,
.suspension-geometry-parent {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-6);
  max-width: 100%;
}
.suspension-geometry-parent {
  flex: 1;
  border-radius: var(--br-30);
  background-color: var(--sekundarna);
  overflow: hidden;
  padding: var(--padding-27) 2.187rem 1.062rem;
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}
.suspension-geometry {
  width: 32.188rem;
  flex-direction: column;
}
.geometrija-suspenzije {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.progresivne-opruge-koje {
  position: relative;
  font-size: var(--fs-24);
  color: var(--primarna);
}
.frame-wrapper9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.312rem var(--padding-0) var(--padding-0);
}
.frame-child5,
.group-button {
  background-color: var(--primarna);
}
.group-button {
  cursor: pointer;
  border: 0;
  padding: 0.687rem 0.937rem var(--padding-12) var(--padding-16);
  display: flex;
  align-items: flex-start;
}
.group-button:hover {
  background-color: var(--color-darkslategray);
}
.frame-child5 {
  height: 5.125rem;
  width: 10rem;
  position: relative;
  display: none;
  flex-shrink: 0;
}
.gallery-wrapper-wrapper,
.mm {
  flex-shrink: 0;
  text-align: left;
  font-family: var(--font-jost);
}
.mm {
  position: relative;
  font-size: var(--fs-40);
  letter-spacing: 0.06em;
  color: var(--bijela);
  z-index: 1;
}
.gallery-wrapper-wrapper {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-0) 1.812rem var(--padding-32) var(--padding-20);
  box-sizing: border-box;
  font-size: var(--fs-64);
  color: var(--color-white);
}
.gallery-container,
.gallery-wrapper,
.gallery-wrapper-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.gallery-wrapper {
  width: 104.563rem;
  flex-direction: column;
  gap: 2.375rem;
}
.gallery-container {
  padding: var(--padding-0) var(--padding-31);
  box-sizing: border-box;
}
.galerija2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.15em;
  font-weight: 900;
  font-family: inherit;
  z-index: 1;
}
.shapes-images-parent {
  align-self: stretch;
  height: 47.313rem;
  position: relative;
  max-width: 100%;
  z-index: 1;
}
.shapes-images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-icons {
  top: 0;
  left: 0;
  border: var(--border-1);
  width: var(--width-1442);
  height: 40.375rem;
}
.form-icons,
.form-icons2,
.rectangle-parent5 {
  position: absolute;
  box-sizing: border-box;
}
.form-icons2 {
  top: 6.938rem;
  left: 14.438rem;
  border: var(--border-1);
  width: var(--width-1442);
  height: 40.375rem;
  z-index: 1;
}
.rectangle-parent5 {
  top: 1.938rem;
  left: calc(50% - 805.5px);
  background-color: var(--sekundarna);
  width: 100.75rem;
  display: flex;
  align-items: flex-start;
  padding: 0.643rem var(--padding-12) 0.525rem;
  max-width: 100%;
  z-index: 2;
}
.frame-child6,
.media-still {
  max-width: 100%;
  flex-shrink: 0;
}
.frame-child6 {
  height: 43.394rem;
  width: 100.75rem;
  position: relative;
  background-color: var(--sekundarna);
  display: none;
}
.media-still {
  flex: 1;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(312px, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 0.625rem;
  z-index: 1;
}
.still-2026-05-11-195634-1171 {
  width: var(--width-389_3);
  position: relative;
  max-height: 100%;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1;
}
.still-2026-05-11-195639-1181,
.still-2026-05-11-195641-221,
.still-2026-05-11-195651-261 {
  width: var(--width-389_3);
  position: relative;
  max-height: 100%;
  object-fit: cover;
  grid-column: 2;
  grid-row: 1;
}
.still-2026-05-11-195641-221,
.still-2026-05-11-195651-261 {
  grid-column: 3;
}
.still-2026-05-11-195651-261 {
  grid-column: 1;
  grid-row: 2;
}
.still-2026-05-11-195657-263,
.still-2026-05-11-195700-271,
.still-2026-05-11-195702-272 {
  width: var(--width-389_3);
  position: relative;
  max-height: 100%;
  object-fit: cover;
  grid-column: 3;
  grid-row: 2;
}
.still-2026-05-11-195700-271,
.still-2026-05-11-195702-272 {
  grid-column: 4;
}
.still-2026-05-11-195702-272 {
  grid-column: 1;
  grid-row: 3;
}
.still-2026-05-11-195604-1912,
.still-2026-05-11-195623-1132 {
  width: var(--width-389_3);
  height: 13.688rem;
  position: relative;
  object-fit: cover;
  grid-column: 4;
  grid-row: 3;
}
.still-2026-05-11-195623-1132 {
  grid-row: 1;
}
.still-2026-05-11-195613-1111,
.still-2026-05-11-195626-1151,
.still-2026-05-11-195654-262 {
  width: var(--width-389_3);
  position: relative;
  max-height: 100%;
  object-fit: cover;
  grid-column: 3;
  grid-row: 3;
}
.still-2026-05-11-195613-1111,
.still-2026-05-11-195654-262 {
  grid-column: 2;
}
.still-2026-05-11-195613-1111 {
  grid-row: 2;
}
.footer-box-parent {
  margin-right: -0.188rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-0) 8.437rem var(--padding-0) 4.937rem;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-20);
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-white);
  font-family: var(--font-jost);
}
.footer-box {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 4.438rem;
  right: -120.187rem;
  bottom: -4.437rem;
  left: 120.188rem;
  background-color: var(--sekundarna);
  transform: rotate(180deg);
  transform-origin: 0 0;
  flex-shrink: 0;
}
.image-removebg-preview-36-1 {
  height: 4.438rem;
  width: 14.625rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
}
.menu-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.125rem var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}
.bottom-menu {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 2.05rem;
}
.mapa2 {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
}
.eksterijer3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-01);
  background-color: transparent;
  position: relative;
  font-size: var(--fs-24);
  font-family: var(--font-jost);
  color: var(--color-white);
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 1525px) {
  .frame-parent3 {
    flex-wrap: wrap;
  }
  .frame-wrapper3 {
    flex: 1;
  }
  .frame-parent9 {
    flex-wrap: wrap;
  }
  .frame-wrapper7 {
    flex: 1;
  }
  .footer-box-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 1225px) {
  .gemini-generated-image-kud1h2k-parent {
    gap: 2.563rem;
  }
  .frame-wrapper {
    padding-bottom: 24.875rem;
    box-sizing: border-box;
  }
  .r-line-wrapper,
  .rectangle-container {
    padding-left: 40.938rem;
    padding-right: 7.688rem;
    box-sizing: border-box;
  }
  .rectangle-container {
    padding-left: 2.625rem;
    padding-right: 2.625rem;
    padding-bottom: 2.938rem;
  }
  .frame-wrapper2 {
    padding-left: var(--padding-38);
    padding-right: var(--padding-38);
    box-sizing: border-box;
  }
  .rectangle-parent2 {
    padding-top: 3.938rem;
    padding-bottom: 1.313rem;
    box-sizing: border-box;
  }
  .image-holder {
    min-width: 100%;
  }
  .frame-wrapper6 {
    padding-bottom: 4.813rem;
    box-sizing: border-box;
  }
  .footer-box-parent,
  .still-2026-05-11-195604-191-parent {
    padding-left: 3.875rem;
    padding-right: 3.875rem;
    box-sizing: border-box;
  }
  .footer-box-parent {
    padding-left: 2.438rem;
    padding-right: 4.188rem;
  }
}
@media screen and (max-width: 850px) {
  .gemini-generated-image-kud1h2k-parent {
    gap: var(--gap-20);
  }
  .frame-wrapper {
    padding-bottom: 16.188rem;
    box-sizing: border-box;
  }
  .frame-parent {
    gap: 1.688rem;
  }
  .r-line-wrapper {
    padding-left: 20.438rem;
    padding-right: 3.813rem;
    box-sizing: border-box;
  }
  .r-line {
    font-size: 3.188rem;
  }
  .rectangle-parent {
    height: auto;
    min-height: 70.688rem;
  }
  .built-not-bought {
    font-size: var(--fs-26);
  }
  .r-line-mapiranje {
    font-size: var(--fs-32);
  }
  .frame-section {
    flex-wrap: wrap;
  }
  .kg,
  .ks,
  .nm,
  .s {
    font-size: var(--fs-32);
  }
  .rectangle-container {
    gap: var(--gap-15);
    padding-left: 1.313rem;
    padding-right: 1.313rem;
    padding-bottom: var(--padding-31);
    box-sizing: border-box;
  }
  .lista-preinaka {
    font-size: 3.188rem;
  }
  .frame-div {
    gap: 3.063rem;
  }
  .frame-parent3 {
    gap: 1.313rem;
  }
  .frame-wrapper3 {
    min-width: 100%;
  }
  .rectangle-parent2 {
    gap: 1.313rem;
    padding-left: var(--padding-27);
    padding-right: var(--padding-27);
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .eksterijer2 {
    font-size: var(--fs-32);
  }
  .boni-pragovi-imi,
  .hello-lights-dynamic,
  .prednji-i-zadnji,
  .spojler-i-difuzor {
    font-size: var(--fs-26);
  }
  .frame-parent5 {
    gap: 2.875rem;
  }
  .interijer2 {
    font-size: var(--fs-32);
  }
  .golf-7-gti {
    font-size: var(--fs-26);
  }
  .performanse2 {
    font-size: var(--fs-32);
  }
  .eibach-sportske-opruge,
  .gume-i-spielberg,
  .prilagoeni-ispuni-sustav {
    font-size: var(--fs-26);
  }
  .frame-wrapper6 {
    padding-bottom: 3.125rem;
    box-sizing: border-box;
  }
  .frame-parent8 {
    gap: 3.25rem;
  }
  .projektna-dubina2 {
    font-size: 3.188rem;
  }
  .preciznost-nije-opcija {
    font-size: var(--fs-26);
  }
  .frame-parent9 {
    gap: 3.125rem;
  }
  .frame-wrapper7 {
    min-width: 100%;
  }
  .still-2026-05-11-195604-191-parent {
    padding-left: var(--padding-31);
    padding-right: var(--padding-31);
    box-sizing: border-box;
  }
  .kotai-gume {
    font-size: var(--fs-26);
  }
  .custom-ecu-parent {
    min-width: 100%;
  }
  .custom-ecu {
    flex-wrap: wrap;
  }
  .prilagoeni-ecu {
    font-size: var(--fs-26);
  }
  .suspension-geometry-parent {
    flex-wrap: wrap;
  }
  .geometrija-suspenzije {
    font-size: var(--fs-26);
  }
  .mm {
    font-size: var(--fs-32);
  }
  .gallery-wrapper {
    gap: 1.188rem;
  }
  .galerija2 {
    font-size: 3.188rem;
  }
  .footer-box-parent {
    padding-right: 2.063rem;
    box-sizing: border-box;
  }
  .bottom-menu {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 450px) {
  .mapa-parent {
    gap: var(--gap-16);
  }
  .r-line-wrapper {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
    box-sizing: border-box;
  }
  .r-line {
    font-size: 2.375rem;
  }
  .built-not-bought {
    font-size: var(--fs-19);
  }
  .r-line-mapiranje {
    font-size: var(--fs-24);
  }
  .iznad-tvornikih-specifikacija,
  .konjaa {
    font-size: var(--fs-19);
  }
  .ks {
    font-size: var(--fs-24);
  }
  .okretni-moment {
    font-size: var(--fs-19);
  }
  .nm {
    font-size: var(--fs-24);
  }
  .kmh {
    font-size: var(--fs-19);
  }
  .s {
    font-size: var(--fs-24);
  }
  .teina {
    font-size: var(--fs-19);
  }
  .kg {
    font-size: var(--fs-24);
  }
  .rectangle-container {
    padding-bottom: var(--padding-20);
    box-sizing: border-box;
  }
  .lista-preinaka {
    font-size: 2.375rem;
  }
  .frame-div {
    gap: var(--gap-24);
  }
  .eksterijer2 {
    font-size: var(--fs-24);
  }
  .frame-parent4 {
    gap: 2.125rem;
  }
  .aero-kit,
  .boni-pragovi-imi,
  .hello-lights-dynamic,
  .prednji-i-zadnji,
  .rear-downforce,
  .side-profile,
  .spojler-i-difuzor {
    font-size: var(--fs-19);
  }
  .frame-parent5 {
    gap: 1.438rem;
  }
  .interijer2 {
    font-size: var(--fs-24);
  }
  .golf-7-gti {
    font-size: var(--fs-19);
  }
  .performanse2 {
    font-size: var(--fs-24);
  }
  .acoustics,
  .eibach-sportske-opruge,
  .footwork,
  .gume-i-spielberg,
  .prilagoeni-ispuni-sustav,
  .stance {
    font-size: var(--fs-19);
  }
  .frame-parent8 {
    gap: 1.625rem;
  }
  .projektna-dubina2 {
    font-size: 2.375rem;
  }
  .preciznost-nije-opcija {
    font-size: var(--fs-19);
  }
  .frame-parent9 {
    gap: 1.563rem;
  }
  .kotai-gume,
  .nisko-profilna-preciznost {
    font-size: var(--fs-19);
  }
  .custom-ecu-parent {
    gap: var(--gap-24);
  }
  .custom-ecu {
    gap: 1.813rem;
  }
  .optimizirano-mapiranje-za,
  .prilagoeni-ecu {
    font-size: var(--fs-19);
  }
  .protok-zraka-parent {
    flex: 1;
  }
  .geometrija-suspenzije,
  .poboljana-geometrija-stranje,
  .progresivne-opruge-koje {
    font-size: var(--fs-19);
  }
  .mm {
    font-size: var(--fs-24);
  }
  .galerija2 {
    font-size: 2.375rem;
  }
  .bottom-menu {
    gap: var(--gap-16);
  }
  .eksterijer3,
  .mapa2 {
    font-size: var(--fs-19);
  }
}

/* ==============================
   RESPONSIVE FIXES - ADDED ONLY
   Tablet + mobile overrides
   ============================== */

@media screen and (max-width: 1024px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .gemini-generated-image-kud1h2k-parent {
    align-items: stretch;
    background-color: var(--primarna);
    overflow-x: hidden;
    gap: 0;
  }

  .gemini-generated-image-kud1h2k-icon {
    width: 100%;
    height: 42rem;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
  }

  .frame-wrapper {
    width: 100%;
    min-height: 42rem;
    padding: 1.5rem 1.5rem 8rem;
    justify-content: flex-start;
  }

  .frame-parent {
    width: 100%;
  }

  .frame-group {
    flex-direction: column;
    gap: 4rem;
  }

  .frame-container {
    width: 100%;
    padding-top: 0;
  }

  .mapa-parent,
  .bottom-menu {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem 1.25rem;
  }

  .golf-6 {
    font-size: clamp(4rem, 13vw, 7rem);
    line-height: 0.95;
    letter-spacing: 0.08em;
  }

  .r-line-wrapper {
    padding: 0;
    justify-content: flex-start;
  }

  .r-line {
    flex: initial;
    font-size: clamp(2.5rem, 8vw, 4rem);
    letter-spacing: 0.12em;
  }

  .background-rect {
    display: none;
  }

  .frame-main,
  .rectangle-parent,
  .rectangle-container,
  .frame-wrapper6,
  .gallery-wrapper-wrapper,
  .footer-box-parent {
    width: 100%;
  }

  .rectangle-parent {
    min-height: 0;
    height: auto;
    padding: 4rem 1.5rem;
    background-color: var(--primarna);
  }

  .rectangle-group {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 3rem 2rem;
    gap: 3rem;
  }

  .gemini-generated-image-1itxkf1-icon {
    position: relative;
    top: auto;
    left: auto;
    width: min(100%, 34rem);
    height: auto;
    margin: 2rem auto 0;
    display: block;
  }

  .frame-section {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }

  .group-div,
  .okretni-moment-parent,
  .frame-parent2 {
    width: auto;
    height: auto;
    padding-bottom: 0;
    gap: 0.75rem;
  }

  .konjaa-wrapper,
  .teina-wrapper,
  .nm-wrapper,
  .s-wrapper {
    padding: 0;
  }

  .rectangle-container {
    padding: 4rem 1.5rem;
    gap: 3rem;
  }

  .frame-wrapper2 {
    padding: 0;
  }

  .lista-preinaka,
  .projektna-dubina2,
  .galerija2 {
    font-size: clamp(2.5rem, 8vw, 4rem);
    line-height: 1.05;
    letter-spacing: 0.08em;
  }

  .frame-div,
  .frame-parent3,
  .frame-parent5,
  .frame-parent8,
  .frame-parent9,
  .custom-ecu-parent,
  .custom-ecu,
  .suspension {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .frame-div,
  .frame-parent8 {
    gap: 4rem;
  }

  .frame-wrapper3,
  .frame-wrapper4,
  .frame-wrapper5,
  .frame-wrapper6,
  .frame-wrapper7,
  .gallery-wrapper-wrapper,
  .gallery-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .rectangle-parent2,
  .rectangle-parent3,
  .group-section {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    padding: 2rem;
  }

  .frame-parent4,
  .golf-7-gti-sportska-sjedala-parent,
  .performance-detail {
    gap: 2rem;
  }

  .aero-kit-parent,
  .side-profile-parent,
  .rear-downforce-parent,
  .lights-parent,
  .stance-parent,
  .footwork-parent,
  .acoustics-parent,
  .golf-7-gti-sportska-sjedala-parent {
    width: 100%;
  }

  .prednji-i-zadnji,
  .boni-pragovi-imi,
  .spojler-i-difuzor,
  .hello-lights-dynamic,
  .eibach-sportske-opruge,
  .gume-i-spielberg,
  .prilagoeni-ispuni-sustav,
  .golf-7-gti {
    width: 100%;
    height: auto;
  }

  .image-holder,
  .frame-parent6,
  .frame-parent7,
  .gradient-rect-parent,
  .image-overlay {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 28rem;
    left: auto;
    top: auto;
  }

  .overlay-rect-parent,
  .image-removebg-preview-44-1-parent,
  .image-removebg-preview-45-1-parent,
  .untitled-2-1-parent {
    position: relative;
    width: 100%;
    height: 32rem;
    left: auto;
    top: auto;
  }

  .gradient-rect,
  .overlay-rect,
  .backdrop-rect,
  .shape,
  .element,
  .form-icons,
  .form-icons2 {
    display: none;
  }

  .image-removebg-preview-44-1,
  .image-removebg-preview-42-1,
  .image-removebg-preview-46-1,
  .image-removebg-preview-47-1,
  .image-removebg-preview-50-1,
  .image-removebg-preview-45-1,
  .image-removebg-preview-43-1,
  .image-removebg-preview-49-1,
  .image-removebg-preview-51-1,
  .image-removebg-preview-53-1,
  .untitled-1-1-icon,
  .untitled-2-1-icon,
  .untitled-3-1-icon,
  .group-icon,
  .image-removebg-preview-55-1,
  .untitled-5-1-icon,
  .image-removebg-preview-56-1 {
    position: absolute;
    object-fit: contain;
    max-width: 48%;
    height: auto;
  }

  .image-removebg-preview-44-1 {
    top: 7rem;
    left: 0;
    width: 46%;
  }
  .image-removebg-preview-42-1-parent {
    position: static;
    width: 100%;
    height: auto;
  }
  .image-removebg-preview-42-1 {
    top: 0;
    left: 3%;
    width: 46%;
  }
  .image-removebg-preview-46-1 {
    top: 7rem;
    left: 48%;
    width: 42%;
  }
  .image-removebg-preview-47-1 {
    top: 17rem;
    left: 4%;
    width: 44%;
  }
  .image-removebg-preview-50-1 {
    top: 23rem;
    left: 46%;
    width: 42%;
  }
  .image-removebg-preview-45-1 {
    top: 7rem;
    left: 55%;
    width: 36%;
  }
  .image-removebg-preview-43-1 {
    top: 0;
    left: 50%;
    width: 42%;
  }
  .image-removebg-preview-49-1 {
    top: 18rem;
    left: 52%;
    width: 42%;
  }
  .image-removebg-preview-51-1 {
    top: 24rem;
    left: 6%;
    width: 40%;
  }

  .image-removebg-preview-53-1 {
    top: 1rem;
    left: 0;
    width: 44%;
  }
  .untitled-1-1-icon {
    top: 1rem;
    left: 52%;
    width: 40%;
  }
  .untitled-2-1-icon {
    top: 16rem;
    left: 0;
    width: 36%;
  }
  .untitled-3-1-icon {
    top: 12rem;
    left: 38%;
    width: 44%;
  }
  .group-icon {
    top: 24rem;
    left: 55%;
    width: 32%;
  }

  .image-removebg-preview-55-1 {
    top: 0;
    left: 0;
    width: 28%;
  }
  .untitled-5-1-icon {
    top: 0;
    left: 36%;
    width: 46%;
  }
  .image-removebg-preview-56-1 {
    top: 14rem;
    left: 8%;
    width: 70%;
    max-width: 70%;
  }

  .frame-wrapper6 {
    padding: 4rem 1.5rem;
  }

  .preciznost-nije-opcija {
    text-align: left;
  }

  .frame-wrapper7 {
    height: auto;
  }

  .frame-wrapper8,
  .still-2026-05-11-195604-191-parent,
  .rectangle-parent4 {
    width: 100%;
    min-height: 24rem;
  }

  .still-2026-05-11-195604-191-parent {
    margin-left: 0;
    padding: 0;
    background-position: center;
  }

  .rectangle-parent4 {
    justify-content: flex-end;
  }

  .custom-ecu,
  .suspension-geometry-parent {
    gap: 1.5rem;
  }

  .remap,
  .protok-zraka-parent,
  .suspension-geometry-parent {
    flex: initial;
    width: 100%;
  }

  .optimizirano-mapiranje-za,
  .poboljana-geometrija-stranje,
  .progresivne-opruge-koje,
  .suspension-geometry {
    width: 100%;
  }

  .gallery-wrapper-wrapper {
    padding: 4rem 1.5rem 2rem;
  }

  .gallery-wrapper {
    width: 100%;
  }

  .shapes-images-parent {
    height: auto;
  }

  .rectangle-parent5 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0.75rem;
  }

  .media-still {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
  }

  .media-still img,
  .still-2026-05-11-195634-1171,
  .still-2026-05-11-195639-1181,
  .still-2026-05-11-195641-221,
  .still-2026-05-11-195651-261,
  .still-2026-05-11-195657-263,
  .still-2026-05-11-195700-271,
  .still-2026-05-11-195702-272,
  .still-2026-05-11-195604-1912,
  .still-2026-05-11-195623-1132,
  .still-2026-05-11-195626-1151,
  .still-2026-05-11-195654-262,
  .still-2026-05-11-195613-1111 {
    width: 100%;
    height: 14rem;
    max-height: none;
    object-fit: cover;
    grid-column: auto;
    grid-row: auto;
  }

  .footer-box-parent {
    margin-right: 0;
    padding: 2rem 1.5rem;
    background-color: var(--sekundarna);
    align-items: center;
  }

  .footer-box {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .frame-wrapper {
    min-height: 36rem;
    padding: 1rem 1rem 6rem;
  }

  .gemini-generated-image-kud1h2k-icon {
    height: 36rem;
  }

  .frame-group {
    gap: 3rem;
  }

  .mapa-parent,
  .bottom-menu {
    gap: 0.625rem 0.875rem;
  }

  .mapa,
  .mapa2,
  .eksterijer,
  .eksterijer3 {
    font-size: 0.95rem;
  }

  .golf-6 {
    font-size: clamp(3.25rem, 16vw, 5rem);
  }

  .r-line {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .rectangle-parent,
  .rectangle-container,
  .frame-wrapper6,
  .gallery-wrapper-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .rectangle-group,
  .rectangle-parent2,
  .rectangle-parent3,
  .group-section,
  .prilagoeni-ecu-parent,
  .protok-zraka-parent,
  .suspension-geometry-parent {
    padding: 1.5rem;
    border-radius: 1.25rem;
  }

  .frame-section {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .built-not-bought,
  .r-line-mapiranje,
  .lista-preinaka,
  .projektna-dubina2,
  .galerija2 {
    overflow-wrap: anywhere;
  }

  .built-not-bought {
    font-size: 1.35rem;
  }

  .r-line-mapiranje,
  .eksterijer2,
  .interijer2,
  .performanse2,
  .kotai-gume,
  .prilagoeni-ecu,
  .geometrija-suspenzije {
    font-size: 1.55rem;
  }

  .iznad-tvornikih-specifikacija,
  .prednji-i-zadnji,
  .boni-pragovi-imi,
  .spojler-i-difuzor,
  .hello-lights-dynamic,
  .golf-7-gti,
  .eibach-sportske-opruge,
  .gume-i-spielberg,
  .prilagoeni-ispuni-sustav,
  .preciznost-nije-opcija,
  .nisko-profilna-preciznost,
  .optimizirano-mapiranje-za,
  .poboljana-geometrija-stranje,
  .progresivne-opruge-koje {
    font-size: 1.1rem;
    line-height: 1.45;
  }

  .ks,
  .nm,
  .s,
  .kg,
  .mm {
    font-size: 1.75rem;
  }

  .image-holder,
  .frame-parent6,
  .frame-parent7,
  .gradient-rect-parent,
  .image-overlay,
  .overlay-rect-parent,
  .image-removebg-preview-44-1-parent,
  .image-removebg-preview-45-1-parent,
  .untitled-2-1-parent {
    min-height: 20rem;
    height: 22rem;
  }

  .image-removebg-preview-44-1 {
    top: 6rem;
    left: 0;
    width: 48%;
  }
  .image-removebg-preview-42-1 {
    top: 0;
    left: 0;
    width: 52%;
  }
  .image-removebg-preview-46-1 {
    top: 6rem;
    left: 52%;
    width: 42%;
  }
  .image-removebg-preview-47-1 {
    top: 13rem;
    left: 0;
    width: 48%;
  }
  .image-removebg-preview-50-1 {
    top: 17rem;
    left: 48%;
    width: 44%;
  }
  .image-removebg-preview-45-1 {
    top: 5.5rem;
    left: 56%;
    width: 38%;
  }
  .image-removebg-preview-43-1 {
    top: 0;
    left: 52%;
    width: 44%;
  }
  .image-removebg-preview-49-1 {
    top: 13rem;
    left: 48%;
    width: 46%;
  }
  .image-removebg-preview-51-1 {
    top: 17rem;
    left: 0;
    width: 44%;
  }

  .image-removebg-preview-53-1 {
    top: 0;
    left: 0;
    width: 48%;
  }
  .untitled-1-1-icon {
    top: 0;
    left: 50%;
    width: 46%;
  }
  .untitled-2-1-icon {
    top: 12rem;
    left: 0;
    width: 40%;
  }
  .untitled-3-1-icon {
    top: 9rem;
    left: 36%;
    width: 48%;
  }
  .group-icon {
    top: 17rem;
    left: 50%;
    width: 38%;
  }

  .image-removebg-preview-55-1 {
    top: 0;
    left: 0;
    width: 36%;
  }
  .untitled-5-1-icon {
    top: 0;
    left: 36%;
    width: 55%;
  }
  .image-removebg-preview-56-1 {
    top: 11rem;
    left: 0;
    width: 90%;
    max-width: 90%;
  }

  .frame-wrapper8,
  .still-2026-05-11-195604-191-parent,
  .rectangle-parent4 {
    min-height: 18rem;
  }

  .suspension-geometry-parent {
    flex-direction: column;
  }

  .frame-wrapper9 {
    padding-top: 0;
  }

  .media-still {
    grid-template-columns: 1fr;
  }

  .media-still img,
  .still-2026-05-11-195634-1171,
  .still-2026-05-11-195639-1181,
  .still-2026-05-11-195641-221,
  .still-2026-05-11-195651-261,
  .still-2026-05-11-195657-263,
  .still-2026-05-11-195700-271,
  .still-2026-05-11-195702-272,
  .still-2026-05-11-195604-1912,
  .still-2026-05-11-195623-1132,
  .still-2026-05-11-195626-1151,
  .still-2026-05-11-195654-262,
  .still-2026-05-11-195613-1111 {
    height: 13rem;
  }

  .footer-box-parent {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem 1rem;
  }

  .image-removebg-preview-36-1 {
    width: 10rem;
    height: auto;
  }

  .menu-footer {
    width: 100%;
    padding-top: 1rem;
  }
}

/* ==============================
   OVERLAP FIXES - mobile/tablet
   Dodano nakon responsive pravila.
   Rješava preklapanje Interijer/Performanse i Performanse/Projektna dubina.
   ============================== */

@media screen and (max-width: 1024px) {
  .frame-parent5,
  .frame-wrapper5,
  .frame-parent6,
  .frame-parent7 {
    overflow: visible !important;
  }

  .frame-parent6,
  .frame-parent7 {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 2rem !important;
  }

  .rectangle-parent3,
  .group-section {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex-shrink: 0 !important;
  }

  .gradient-rect-parent,
  .image-overlay {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: 34rem !important;
    min-height: 34rem !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
  }

  .untitled-2-1-parent {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .frame-wrapper4,
  .frame-wrapper5 {
    display: block !important;
  }

  .frame-parent5 {
    gap: 4rem !important;
  }
}

@media screen and (max-width: 600px) {
  .frame-parent5 {
    gap: 3rem !important;
  }

  .frame-parent6,
  .frame-parent7 {
    gap: 1.25rem !important;
  }

  .gradient-rect-parent,
  .image-overlay {
    height: 24rem !important;
    min-height: 24rem !important;
  }

  .rectangle-parent3,
  .group-section {
    padding: 1.5rem !important;
  }

  .golf-7-gti-sportska-sjedala-parent,
  .performance-detail {
    gap: 1.35rem !important;
  }

  .image-removebg-preview-53-1 {
    top: 0.4rem !important;
    left: 0 !important;
    width: 46% !important;
    max-width: 46% !important;
  }

  .untitled-1-1-icon {
    top: 0.4rem !important;
    left: 51% !important;
    width: 43% !important;
    max-width: 43% !important;
  }

  .untitled-2-1-icon {
    top: 12.5rem !important;
    left: 0 !important;
    width: 40% !important;
    max-width: 40% !important;
  }

  .untitled-3-1-icon {
    top: 9.25rem !important;
    left: 33% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  .group-icon {
    top: 17.75rem !important;
    left: 51% !important;
    width: 39% !important;
    max-width: 39% !important;
  }

  .image-removebg-preview-55-1 {
    top: 0.25rem !important;
    left: 0 !important;
    width: 33% !important;
    max-width: 33% !important;
  }

  .untitled-5-1-icon {
    top: 0 !important;
    left: 34% !important;
    width: 58% !important;
    max-width: 58% !important;
  }

  .image-removebg-preview-56-1 {
    top: 12.5rem !important;
    left: 0 !important;
    width: 92% !important;
    max-width: 92% !important;
  }

  .projektna-dubina-parent {
    margin-top: 0 !important;
  }
}

/* ==============================
   HERO + YOUTUBE VIDEO FIX
   Dodano: prava responzivna hero slika i nova responzivna video sekcija.
   ============================== */

.hero-section {
  position: relative;
  width: 100%;
  min-height: 76.75rem;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: var(--primarna);
  isolation: isolate;
}

.hero-section .gemini-generated-image-kud1h2k-icon {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 0 !important;
}

.hero-section .frame-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

.video-section {
  width: 100%;
  background-color: var(--sekundarna);
  padding: 6rem 2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.video-content {
  width: min(100%, 82rem);
  display: grid;
  grid-template-columns: minmax(16rem, 0.75fr) minmax(22rem, 1.25fr);
  gap: 3rem;
  align-items: center;
}

.video-copy {
  color: var(--color-white);
  font-family: var(--font-jost);
}

.video-kicker,
.video-title,
.video-description {
  margin: 0;
  font-family: inherit;
}

.video-kicker {
  font-size: var(--fs-32);
  font-weight: 400;
  color: var(--sekundarna);
  -webkit-text-stroke: 1px var(--bijela);
}

.video-title {
  margin-top: 0.25rem;
  font-size: clamp(2.75rem, 6vw, 6rem);
  line-height: 0.92;
  letter-spacing: 0.04em;
  font-weight: 900;
  color: var(--bijela);
}

.video-description {
  margin-top: 1.5rem;
  max-width: 29rem;
  font-size: var(--fs-24);
  line-height: 1.35;
  color: var(--color-white);
}

.youtube-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 3px solid var(--sekundarna);
  border-radius: var(--br-30);
  overflow: hidden;
  background-color: var(--primarna);
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.35);
}

.youtube-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

@media screen and (max-width: 1024px) {
  .hero-section {
    min-height: 42rem;
  }

  .hero-section .gemini-generated-image-kud1h2k-icon {
    height: 100% !important;
    object-position: center center !important;
  }

  .hero-section .frame-wrapper {
    min-height: 42rem;
  }

  .video-section {
    padding: 4.5rem 1.5rem;
  }

  .video-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .video-description {
    max-width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .hero-section {
    min-height: 36rem;
  }

  .hero-section .gemini-generated-image-kud1h2k-icon {
    object-position: 46% center !important;
  }

  .hero-section .frame-wrapper {
    min-height: 36rem;
  }

  .video-section {
    padding: 3rem 1rem;
  }

  .video-content {
    gap: 1.5rem;
  }

  .video-title {
    font-size: clamp(2.4rem, 15vw, 4rem);
  }

  .video-description {
    font-size: 1rem;
  }

  .youtube-player {
    border-radius: 1.25rem;
    border-width: 2px;
  }
}
/*Floating Back-To-Top Button*/
#myBtn {
  position: fixed;
  bottom: 10px;
  right: 5%;
  width: 30px;
  height: 30px;
  background: transparent;
  filter: invert(1);
  border-radius: 100%;
  z-index: 9999999;
}
/*On Hover Color Change*/
#myBtn:hover {
  background-color: #32ffff;
}